My website has many images which aren't good since we have a lot of content inside of them which Google won't know about. So by using CSS or JS isn't there a solution with which we can convert these into a better understandable format for Google?
All you really have to do is to make sure that all of the images that contain text that you want to be indexed have proper
Instead of using images, try using text and CSS. You can do something like the following.
So basically you create an image without any text of what you need. Then create an anchor the same size as the image and place it as a background within the element.
To Google, the link is just a clean text link as you can see from the HTML above, but to visitors they will see all the fancy images.
The only downside is that the text may look a little boring unless you use CSS on them.
If you are talking about complex images that contain lots of text/data (like scans of paper documents, pie charts, infographics etc.), one possible way would be to use the
Example use for a scan of a written letter:
If the users client can/shall display images, scan.png should be shown. If the client is not capable of displaying images (text browsers), or the user has disabled images (low bandwith, screen reader), or images can't be parsed (search engines), or the image resource doesn't exist (404, server down), then the fallback content should be displayed/used, which is the content of the
Note that browser support wasn't the best in the past, but I guess today most browsers should have no problems with