I am trying to have one of the letters of my H1 tag line in a different color then the other. So for instance I have Apples where I want A to be green color.
The way I would like to accomplish it is by using a CSS-ed span with a color: green; set to it in my CSS file. For instance:
My concerns are:
Will it still be seen as a whole word (apples) by the SE, or it will be split as a pples?
Do you get any sort of penalty for having this strange H1 tag?
In my experience, the search engines should read it fine, and I don’t know of any penalty for using that technique; lots of people do a similar thing for image replacement (to replace the heading by a nicer-looking graphic of the same text).
Yea, forgot about that pseudo. Never been a big fan of them. According to
it is supposed to be compatible IE5/FF1/NS8 and above.
Anyway, the thing is that the letter is in the middle of the word and there is a chain of 3 letters. So I guess I will still try the span method and see if I get any slap from SE.
You don’t lose the H1 “power” if you use a nice image-replacement technique. Look at what Slashdot does; try turning off CSS styles, and you’ll see the H1 title is still there. Perhaps I do it on my sites too; I don’t want to encourage you to look at the sites in my signature…