H1 and span tag

Hi all,

I'm using the following code for headings one on of my sites, as I want the last word of the text to be formated differently.

HTML Code:

---

<h1>First<span class="blue">Second</span></h1>

---

My question is, will this have any negative impact in relation to being se-friendly? I presume it won't matter having the span tag there?

Thanks,
Mike

It could... You never know if SE's would factor out the tag when figuring keyword density.

Hmmm... I don't think there is another way it could be achieved though.

Looks as though I may have to think of something else :)

Well you may be able to limit it by getting rid of the class definition.

You can do nested CSS definitions, so spans within h1's.

The exact syntax escapes me.

You may be able to do it with js too after the page loads

Yeah I think I'll just try and limit it, getting rid of class then. You'd think that Google would ignore the tag though wouldn't you?

You never know, it probably isn't a big deal anyways, it depends on how much of a SEO nazi you wanna be.

Given that I use only one H1 per page anyway, you could just remove the class from the SPAN (besides, what if you want that span to be red next week instead of blue? When using classes I always go with meaningful names, not presentational ones) and then target it via the heading, like so:

Code:

---

h1 span {
        /* CSS declarations for the span inside the H1 heading */
}

---

If you need to target a span inside a particular heading, then place a class or ID on the heading and then reference the span from there, like so:

Code:

---

.example span {
        /* CSS code for span inside heading with class of example */
]

---

Code:

---

#example span {
        /* CSS code for span inside heading with ID of example */
}

---

Ad as far as the search engines are concerned, no, I don't think it'll have any impact if done correctly (and legitimately).

On nearly all of the cases in which H1 tags are being used, the webmasters try moving the classes and decorations to the CSS external file as H1 tags need to be alone to be more effective.