Html5 & CSS 3 : vers un web de qualité et d'utilisabilité - 2nde partie Html5 et Seo, démarquez-vous !

Forum néo Médias nouveaux Métiers

Guillaume Giraudet - leParisien.fr

  • SRC Bordeaux promo 08'
  • Référenceur / chef de projet SEO - 1ère Position
  • Responsable audience et référencement - Infopro Communication
  • Responsable acquisition de trafic et seo - Le Parisien

Keep in touch :

Enjeux du Html5 et du Seo ?

  • Le Html5 est censé améliorer la structuration des contenus;
  • Il introduit un nouveau balisage de la page;
  • Google attend beaucoup de ce nouveau langage : meilleure priorisaton des contenus.

Les questions Seo

  • Y'a-t-il des éléments plus importants que d'autres pour le SEO ?
  • Comment organiser mes contenus pour que Google crawl mon site correctement ?
  • Y'a-t-il des petits plus qui feraient la différence ?

En quoi la structure de ma page sera-t-elle modifiée ?

  • Nouvelles balises pour améliorer la compréhension moteur (<header> <section> <article> <footer> <aside> <nav>);
  • Header différent pour chaque section : indication claire des têtes de contenus,
  • Les balises vides de sens DIV sont remplacées par des balises intelligibles,
    Les moteurs peuvent donc donner des standards pour améliorer leur indexation.

Une structure organisée par élément

 

Forum néo Médias nouveaux Métiers

Seo : les pages perdent du poids !

  • Moins de balises <div>, donc un gain de poids pour la page.
  • Temps chargement amélioré = plus de pages crawlées = plus de pages indexées

Forum néo Médias nouveaux Métiers

Le plus important en Seo ? Le conteneur <article>

  • Le conteneur <article> sert à signaler les entrées distinctes d'un site d'actu ou d'un blog, il peut être :
    • Exemple d'intégration de l'élément <article>Un article;
    • Un message dans un forum;
    • Un commentaire d'un internaute.
  • Le conteneur <article> peut regrouper plusieurs <section>

Les liens et le SEO : <aside> et <nav>

Elément <aside> : liens internes et externes

  • Contenu adjacent (bannière pub/glossaire) avec 2 façons de l'utiliser
    • Exemple d'intégration de l'élément <aside>Un article;
    • Dans l'élément <article>
    • En dehors de l'élément <article>

Les liens et le SEO : <aside> et <nav>

Elément <nav> : liens internes seulement

  • Netlinking interne (orienter les moteurs). Il faut distinguer :
    • les liens qui pointent vers d'autres pages;
    • les liens qui permettent d'accéder aux différentes sections de l'article .

Les autres balises pour le SEO

  • Elément <time> : date et heure de publication de l'article;
  • Elément <figure> : pour regrouper des images et des vidéos avec légende;
  • Exemple d'intégration de l'élément <aside>  



  • Attribut <rel> charge en arrière plan la page suivante et accélère donc l'affichage de la page.
  • Exemple d'intégration de l'élément <aside>

SEO et Html5 : ConclusionUne synergie prête pour demain ?

  • Le Html5 amorce un tournant : le web des contenus est destiné à terme à être remplacé par le web des applications.
  • Pour le moment pas d'impact SEO : trop peu de sites utilisant cette technique pour affirmer un meilleur positionnement.
  • Le Html5 comme les précédents langages, ne sont pas faits pour le SEO, c'est la structure et le contenu de la page qui vont créer le positionnement

Google a indiqué que ça serait l'avenir du web : mieux vaut être leader que suiveur ;-)