Using H1 tags

[Maz]

Hey all,
I want to use h1 tag for headers on my site but i want them around a image would it be better to alt the image and not use h1 tags or put the h1 tags around the image and alt the h1 tags?

Also if i was to have a background as h1 then have image inside the h1 tag then alt the image inside h1 tag would that be better?

<h2><img src="images/about_me.png" alt="About Me" /></h2>

Thanks,
Maz

Maz Reviewed by Maz on 5th Jul 2010. Using H1 tags Hey all, I want to use h1 tag for headers on my site but i want them around a image would it be better to alt the image and not use h1 tags or put the h1 tags around the image and alt the h1 tags? Also if i was to have a background as h1 then have image inside the h1 tag then alt the image inside h1 tag would that be better? <h2><img src="images/about_me.png" alt="About Me" /></h2> Thanks, Maz Rating: 5

[litewarez]

h2 is For "Header Size 2" if search engines see a image within there it will not be treated the same as if it was content

What you should do is

<h1 style="display:none">About Me</h1>
<p><img src="images/about_me.png" alt="About Me" /></p>

[Maz]

Yeah more for sub headings i know.

If i do it like that will it not display About Me? and do google allow that?

(not gd with SEO lol)

[timtamboy63]

Definately Alt the images I think. Theres also a way to stick text in there and make it so no-one sees it, its better for SEO. I cant remember how its done though :\

[litewarez]

The reason i put he style="" attrubite is the fact the is just design and google removes all design factors anyway, by doing the display:none your viewers will not see the h2 but google will, and as its located neer an image with the same value "About Me", it should figure out that the image will be important aswell.

[Whoo]

The reason i put he style="" attrubite is the fact the is just design and google removes all design factors anyway, by doing the display:none your viewers will not see the h2 but google will, and as its located neer an image with the same value "About Me", it should figure out that the image will be important aswell.

But you should take into consideration that showing different content to Search Engines (compared to what normal visitors see) is against there rules.

[Maz]

I see litewarez that was going to be my next thing Whoo lol is it allowed for google etc?

im guessing it is?

[litewarez]

@Whoo

When google refers to using separate content for search engines i dont think they mean like my example.

Google will not mind me hiding a h1 tag because it refers directly to the element after so its purely for user interface.

[Maz]

Hm so will be okey to use h1 width display:none;

[litewarez]

Maz, Its totally up to you.

Personally I don't think google will mind what so ever, where as Whoo was saying, Just be careful on how much content you separate because if it really impacts the results then google will see it as you tricking the engine.

Personally, I would hid the H1 and use the alt tag on image aswell.