HTML 5 SEO Good Pratices

  • <article> specifies an independent block of content. The contents of an article tags should be entire self-contained. A blog post or new article could be wrapped in an <article> tag, for example.
  • <section> specifies a subsection of a block of content, such as an <article>. If a blog post was broken into several sections by subheaders, each section could be wrapped with a <section> tag. Just as books have chapters, blocks of content can have section.
  • <header> could server two purposes: (1) to specify the header of a page or (2) to indicate the header section of a self-contained block of content (an <article>). <header> tags might contain navigation, branding or the document headline.
  • <hgroup> is used to wrap a section of headings (<h1> through <h6>). A great example would be an article with both a headline and subheadline at the top:
  • <footer> is a bit like the <header> tag. It could specific the <footer> of an entire HTML document or the footer of an <article>. This may contain things like footer navigation or meta-data about an article (author, data, etc)
  • <nav> is mean to enclose site navigation. This can be used anywhere: main site navigation, previous/next article links, or pagination.
  • <aside> is for content related to the parent element in which is resides, but not strictly part of the main document. In other words,could be used on a website sidebar or it could be used within an <article> for special call outs – like the “did you know” call outs found in many books.
  • <video> is for video content. Its purpose is to provide a cross-browser compatible way to display video.

But this is just one vector of SEO in HTML 5, the other vector is maintain all the good practices you already had in the past.

i will give some off the topic’s i consider as the most important pratices to have at a SEO level that are equal true to HTML 5 as it was in the past.

Use Title Tags

The <title> tag make a web page more meaningful and search-engine friendly. In HTMl 5 consider how this relates with the different outlines you have in a page

Use Descriptive Meta Tags

Meta tags make your web page more meaningful for user agents like search engine spiders.

<meta name="description" content="This blog talks about Technology and how to understand it and live with her" />

The keywords meta attribute contains a comma-separated list of key words and phrases that relate to your web page. These keywords make your web page even more meaningful.

<meta name="keywords" content="type here your important and meanfull keywords" />

attention don’t spam your descriptions and keyword’s.

Minify, Unify and Move Down JavaScript

This is one off the most important rules that many people often forget.

Use Heading Elements in a smart way

Don’t forget that heading have also a related semantic in the outline where they live, so don’t forget to take that in consideration when choosing your headings.


Hope this posts help to ignite your SEO and kill some off the half trues around about HTML 5 and is relation with SEO.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s