How to make image text searchable
Example of how to layer searchable text over your website graphic. A great method to keep your graphics up-to-date. While improving your SEO ranking.
Sample of series of marketing graphics created to promote computer classes.
What made this project interesting was how I coded the graphics into the website.
We know that Search Engines do not read text in graphics. Having searchable text is one of the most important elements for any website. I created a practical custom CSS solution. That is visually pleasing to the website visitor, while capturing interest of the search engines.
NOTICE: you can not select the text from the top part of the graphics, but you can select the red notice text. My method makes the graphic content completely optimized for the search engines.
The method can be adapted (and expanded) for any website graphic. Providing the website develop with full control on the typography, style and placement.
Creating Graphics with Searchable Text
Searchable text laying on top of every image. Think of the possibilities!
When you want Crisp and clear graphics always began in Adobe Illustrator.
Illustrator has the best gradient tools available, that can deal with transparency without banding.
Adobe Illustrator also provides the flexibility to create graphics for any size – these web graphics were later used in large posters, flyers, and postcards.
Here are a few more examples of the marketing graphics that were generated for the project.