SEO Guide to Content Creation

Correct Use of Semantic HTML5

<h1> to <h6> – used to indicate the main topic (<h1>), a sub-topic (<h2>) and a sub-topic of the H2 sub-topic (<h3>), and so on. Therefore, implemented correctly, a <h3> heading should not follow on from a <h1> heading without a <h2> heading in between.

<strong> – for word(s) that should have greater importance within a sentence. Don’t overuse.

<em> – for word(s) that should be given greater emphasis when read in a sentence, in order that the sentence make better sense.

<mark> – for emphasizing text (typically text that was not emphasized in the original). The default style is black text on a yellow background.

<del> & <ins> – used to indicate text that has been deleted or inserted as an update or modification to the original published content.

<abbr> – used to indicate an abbreviation or acronym and its full meaning, e.g. <abbr title=”Search engine optimisation”>SEO</abbr>.

<blockquote> – used to present longer quotations (include a <cite> tag).

<q> – used for short quotes which are displayed inline within copy, often with quotation marks automatically added.

<cite> – used to indicate the person or work being cited in a quote or statement (this can also be linked to the original source using the markup <cite><a href=”link to source”>name</a></cite>).

<figure> – used for images, maps, and charts that sits within text content, using the markup <figure><img src=”image location” alt=”Alt text for image”></figure>

<figcaption> – used to include a caption for an image, map or chart (place above or below the image tag snippet to locate the caption above or below the file in the content). Example –

Caption above the image.
Dave Fowler of Erocket
Caption below the image.