13

Does the <span> element have any SEO side-effects? Are there any semantic preferences between the following two or parsing differences between search engines?

Clean <h1>:

<h1>Search Optimised Heading</h1>

vs <span> in <h1>:

<h1>Search <span class="someColour">Optimised</span> Heading</h1>
Petrus Theron
  • 333
  • 1
  • 2
  • 8

2 Answers2

14

There is no difference between your two examples. However, if your differently-coloured word is an important keyword, you may consider using the <em> or <strong> tag to suggest emphasis. CSS can take care of the styling:

h1 em {
  font-style: normal;
  color: #123456;
}

Emphasis usually boosts SEO a little, although I don't know how much difference it makes when inside a header. Regardless, it makes for some simpler and more semantic HTML which is always a bonus.

DisgruntledGoat
  • 21,588
  • 5
  • 54
  • 101
7

There should be no difference. The <span> element has no semantic meaning whatsoever.

Wabbitseason
  • 369
  • 2
  • 7