Semantic Website Heading Trick

Ok this is thinking outside the box to solve a somewhat annoying and completely arguable problem.

The problem: I want my websites heading to have two words and one of those words I want to be in bold, or, and maybe even in a different colour.

The usual solution:
{code type=php}

firstWord secondWord

{/code}

Looks something like this after some CSS – “firstWird secondWord

The question I ask myself is simple, does Google like me putting spans, an element with no semantic value inside of my h1’s, h1’s being an element with very important semantic value?

If it doesn’t, why should I be punished for using text instead of an image to make my title stand out? Seems annoying doesn’t it. Well it annoyed me so much I came up with a solution.

Keep Reading...