Use image headers without losing SEO keyword value
Posted by: WebDevJunkie in CSS, HTML, SEO, tags: CSS, h1, headers, Images, keywords, SEOIt’s common these days to take advantage of CSS Style Sheets to replace your headers like <H1> and <H2> with images. While this makes sites more attractive it also hurts some of your search engine value by losing the keywords that could be used in those important headers.
Well here is how to use images and still get your keywords picked up by the search engines.
<style type=”text/css”>
h1 {
padding-top: 35px; /* height of the replacement image */
height: 0px;
overflow: hidden;
background-image:url(“image.gif”);
background-repeat: no-repeat;
}
</style><h1>Keywords here</h1>
In this example your pretty image will be used but your keywords will still get picked up by the search engines. The nice thing about this approach is that you can actually get some keywords in there that you might not been able if you weren’t using images.
Entries (RSS)
March 19th, 2008 at 3:40 am
[…] 1. Are you optimizing for both the singular and plural versions of your keywords? Remember these are treated differently and you would be surprised at how big of traffic differences their can be between the two. 2. Do the inbound links to your web site use important keywords in the anchor text of those links? If they are using your url “www.yoursite.com” instead of “top keyword” you are really losing a lot of value of that link. 3. Is your page’s most important keyword the first words in the body of the page? They should be. 4. Does your folder and file names use your keywords? 5. Are you using images for things that you could be using text for? I see a lot of css pages that use background image calls for their header tags (h1, h2, etc.) instead of text. You lose a lot of SEO value when you do this. Of course you can always do both – see this post for details. […]
March 23rd, 2008 at 5:11 am
thats for sure, dude
June 30th, 2009 at 1:33 pm
cheers buddy I was looking for this!!