Comments on: Create SEO friendly Text Images Headers

By: Social Media News

Social Media News — Tue, 18 May 2010 19:45:35 +0000

Great information. This has really helped out a lot

By: Adriana Lima

Adriana Lima — Sat, 24 Apr 2010 06:24:36 +0000

Thanks for the tip. I’ve used the technique quite a bit and it’s fairly handy.

By: Vicky

Vicky — Sat, 27 Mar 2010 11:13:09 +0000

Great, Nice article with tutorial.

By: Zadling

Zadling — Thu, 25 Mar 2010 03:25:29 +0000

Thanks for the tip. I read somewhere else that -1000 text indents will get picked up and it can flag your site, as well as display:none. Are these rumors just false?

By: Pravin

Pravin — Tue, 23 Mar 2010 07:37:21 +0000

Won’t Google panelize minus text-indent?
because, I have read that minus margin is penalize by Google, if it greater than your window width.

By: Ignacy Soko?owski

Ignacy Soko?owski — Thu, 21 Jan 2010 00:49:14 +0000

You can’t see title of the page, when you turn off images in your browser.

I use this:

Title

h1 {
position: relative;
width: (Image width here);
height: (Image height here);
}

h1 span {
position: absolute;
display: block;
width: (Image width here);
height: (Image height here);
left: 0;
top: 0;
background-image: url(logo.png);
cursor: pointer;
}

By: Jason Ferguson

Jason Ferguson — Sat, 09 Jan 2010 04:55:42 +0000

I wonder if this is truly “SEO Friendly” though as applying a negative margin to text in order to hide it from the user is technically frowned upon by google. I know it’s a small thing, but it would be slightly ironic if google ignores that heading value because its considered hidden.

Either way I’ve used the technique quite a bit and it’s fairly handy.

By: Jonathon

Jonathon — Fri, 11 Sep 2009 17:52:28 +0000

Given their success, Digg hardly needs to worry about their SEO strategy, so how they practice or don’t practice SEO with their header use is irrelevant.

By: Design55

Design55 — Sun, 12 Jul 2009 20:00:12 +0000

Nice post, but i using text-indent: -9999px; it works correctly.

By: Sankar

Sankar — Mon, 01 Jun 2009 07:28:15 +0000

@jem Thanks jem for letting us know that “Digg is using the same Technique”. Just now I have checked with digg.

Thanks to author. Nice article with detailed explanation. It would be great, if you could update this post by stating that popular sites like Digg are using the same technique. so that everyone will came to know that this is ethical.

Thanks
Sankar

By: jem

jem — Tue, 12 May 2009 14:43:01 +0000

This actually isn’t SEO friendly at all. In fact, its a very bad practice to use H1 tags for anything but the main headline of a page.

For example, on this site, you’d want to use “Photoshop tutorials” as the h1 on the photoshop section, or “Javascript tutorials” on the javascript section, etc. You never want multiple h1 tags on a page either.

Also, in response to jeremy, he’s probably right here to a degree. Though I do use negative text indent on occasion, if you’re working with fixed dimensions you could set the h1 dimensions and position images inside the h1 absolutely so it would sit on top of the text.

By: Devin

Devin — Sat, 09 May 2009 19:13:40 +0000

This technique isn’t misleading if you use it properly. Even Digg.com uses a similar affect with their logo. And google doesn’t penalize them.