We have a website with a large amount of inline svg charts made with c3.js.
Is there a best practice how to embed them user- (links effects on hover etc.) and search engine (indexable in image search)- friendly at the same time?
Something like a .png fallback that is indexable but an inline svg for user-friendliness?
Even if Google can interpret the SVG, the contents may too thin to rank well.
I created a similar site focused on charts and graphs, each on their own page and never got significant search engine traffic to it. Most of my charts were based on Highcharts JS, but some of my charts were PNG or JPEG images. It didn't seem to make much difference. Google seems to like more text on pages. My site had at most a few dozen unique words per page and most of the content was the graphed data.
