Graphics that Search Engines Can Read - Well Sort Of

Jun 17, 2004 - 3:16 pm 0 by

Excellent post over at HighRankings Forum on the topic of how to dynamically create image based headers for pages and have the search engines read it as text. Let me quote some of the thread and then do my best to explain it to the best of my abilities.

"Sticking with the traditional typefaces is smart for body text, but when it comes to our headings � short, attention-grabbing blocks of text � it would be nice to have some choice in the matter. We've become accustomed to this problem and we cope with it either by making the most of the few fonts we have, or by entirely replacing our heading-text with images."

For example, Mercedes-Benz uses a font called Corporate (by Kurt Weidemann) in all its branding materials. To implement this font on the web, we create hand-made image text headings in Photoshop and include the images on the site with image tags. But with Stewart�s tutorial as a guide, developers can generate these text images on the fly. Smart.

Let me explain. What you can do is set a style sheet, javascript and a server side include to access graphics and replace the letter A with a graphic A. So what this does is, if you include an header tag for example and tell it to use the graphics it will, so the end user will see a graphical header and the search engines will see plain text.

An example always helps. Check out, what you will see are graphical headers that looks like this to the end user:


Now view the source of that page and it will look like: <h2>Fight Font-Ache: Control Your Typeface</h2>

Smart and simple. For more information visit the HighRankings Forum.


Popular Categories

The Pulse of the search community


Search Video Recaps

Google AI Overviews, Ranking Volatility, Web Filter, Google Ads AI Summaries &amp; More - YouTube
Video Details More Videos Subscribe to Videos

Most Recent Articles

Search Forum Recap

Daily Search Forum Recap: May 17, 2024

May 17, 2024 - 4:00 pm
Search Video Recaps

Search News Buzz Video Recap: Google AI Overviews, Ranking Volatility, Web Filter, Google Ads AI Summaries & More

May 17, 2024 - 8:01 am
Google Search Engine Optimization

Remove Your Content From Google's AI Overviews

May 17, 2024 - 7:51 am
Google Ads

Google Ads AI Summaries Live For Some Advertisers

May 17, 2024 - 7:41 am
Google Maps

Order with Google For Food Delivery Going Away End Of June

May 17, 2024 - 7:31 am
Google Search Engine Optimization

Two New Googlebots: GoogleOther-Image & GoogleOther-Video

May 17, 2024 - 7:21 am
Previous Story: Making Adsense Work For Advertisers