Graphic Headlines Can Work for SEO – SEO Tip Week 13
This week’s tip is for those sites which are graphically heavy or rely on a specific typeface for their headlines. While we at Big Oak SEO always prefer a HTML text headline, we understand that sometimes the client or designer would really prefer to use a typeface that isn’t available through HTML. Instead of being heavy handed and insisting the site be changed to all HTML text we have gone with another, simpler approach.
Let me clarify this: I would prefer to see HTML text used and with all things being equal HTML text will always be better than any techniques applied with graphic text.
As I have written in the past, I feel that examples are the best way to learn and we have applied this technique to Grote Consulting, a long-time client of Big Oak.
You can view the Performance Appraisal page we will be using in the example.
We used the following HTML code to place a <H1> tag around our graphic text and allow the search engines to read it as a heading:
<h1><img src=“/images/headers/performance-appraisal.jpg” alt=“Effective Employee Performance Appraisal Tools” title=“Effective Employee Performance Appraisal Tools” width=“750″ height=“96″ /></h1>
The key is using both the alt tag and the title tag within the image source HTML code. Matching both tags with the same text is helpful. The search engines may devalue the alt and title tags, but when they conform with the HTML text and title of the page they can contribute to higher search engine rankings.
Further using this web page as an example I have provided a link the the Google cache for this page. The H1 header is clearly identified even though we used graphic text on page. And finally, to prove that Google respects the proper use of this SEO technique I did a search for the H1 header ‘Effective Employee Performance Appraisal Tools’ and the example page is the #2 result in Google.
Let me repeat this, using HTML text is always better, but using graphical text with the technique I have shown you will help your rankings too. If you try spamming the alt or title tag in the image code you are abusing this technique and lower rankings will follow. Use this wisely and be honest when adding text to the alt and title tags, especially when wrapping an H1 tag around them.
Hope you have enjoyed this weekly SEO tip. If you have any suggestions or questions for Big Oak, please let us know. If you submit a question we like, we may use it in our tips. Contact Big Oak SEO to help you drive traffic and sales to your site.