Référencement
Structure d’une page HTML
NEVERS Anthony
Licence professionnelle ATII
1) Qualité du code
 Code validé W3C : Référencable
 Code source propre = Lecture optimale par les
robots des moteurs de recherche
 Liens valides sur ses pages : Eviter les erreurs 404
 Utiliser le code le plus récent possible (ex : HTML 5)
2) Les balises importantes
<strong> et <em> -> Mettre les mots clés.
<title> : Très importante -> être direct et précis (max 60 caractères) ->riche en
mots clés en adéquation avec la page
<a href="lien">text</a> : -> mots clé à la place du texte.
<h1> à <h6> :
 <h1> : Titre le plus important représentant l’interêt de la page, le visiteur le
verra en premier -> Y faire figurer des mots clés
 <h2> à <h6> : Faire figurer autant de mots clés que possible
Les balises meta :
 <meta name=« keywords »>
 <meta name=« description»>
3) La règle d’or des 600 px
 Posséder un contenu riche sur les 600 premiers pixels
 Eye Tracking illustrant la règle des 600px :
 Google va très loin dans la recherche de contenu, et va
même « trier » le code HTML pour déterminer ce qui
se passe dans le code source et à quel niveau !
Plus une expression est placée « tôt » dans
un article, plus elle aura d'importance.
4) Ratio contenu/HTML
 Lorsque Google va venir analyser vos pages, il faudra :
- Qu'au minimum 15 % de la source de la page soit du contenu pur.
Le contenu est ce qu'il y a de plus important aux yeux de Google
Plus le ratio est élevé, mieux c'est.
5) Poids et chargement de la page
 Confort d’un visiteur = Optimisation du temps de chargement
Google Pagespeed
 Solutions :
- Code propre, sprite CSS, compression des images, du code etc…
- Placez les codes Javascript et CSS dans un fichier externe. Dans le pire
des cas en bas de la page.
CONCLUSION
 Code propre et récent
 Balises importantes et mots clés
 Importance du contenu des 600 px
 Ratio contenu/ balises HTML
 Temps de chargement de la page
BON REFERENCEMENT SEO

Référencement : Optimiser la structure d'une page web

  • 1.
    Référencement Structure d’une pageHTML NEVERS Anthony Licence professionnelle ATII
  • 2.
    1) Qualité ducode  Code validé W3C : Référencable  Code source propre = Lecture optimale par les robots des moteurs de recherche  Liens valides sur ses pages : Eviter les erreurs 404  Utiliser le code le plus récent possible (ex : HTML 5)
  • 3.
    2) Les balisesimportantes <strong> et <em> -> Mettre les mots clés. <title> : Très importante -> être direct et précis (max 60 caractères) ->riche en mots clés en adéquation avec la page <a href="lien">text</a> : -> mots clé à la place du texte.
  • 4.
    <h1> à <h6>:  <h1> : Titre le plus important représentant l’interêt de la page, le visiteur le verra en premier -> Y faire figurer des mots clés  <h2> à <h6> : Faire figurer autant de mots clés que possible Les balises meta :  <meta name=« keywords »>  <meta name=« description»>
  • 5.
    3) La règled’or des 600 px  Posséder un contenu riche sur les 600 premiers pixels  Eye Tracking illustrant la règle des 600px :  Google va très loin dans la recherche de contenu, et va même « trier » le code HTML pour déterminer ce qui se passe dans le code source et à quel niveau ! Plus une expression est placée « tôt » dans un article, plus elle aura d'importance.
  • 6.
    4) Ratio contenu/HTML Lorsque Google va venir analyser vos pages, il faudra : - Qu'au minimum 15 % de la source de la page soit du contenu pur. Le contenu est ce qu'il y a de plus important aux yeux de Google Plus le ratio est élevé, mieux c'est.
  • 7.
    5) Poids etchargement de la page  Confort d’un visiteur = Optimisation du temps de chargement Google Pagespeed  Solutions : - Code propre, sprite CSS, compression des images, du code etc… - Placez les codes Javascript et CSS dans un fichier externe. Dans le pire des cas en bas de la page.
  • 8.
    CONCLUSION  Code propreet récent  Balises importantes et mots clés  Importance du contenu des 600 px  Ratio contenu/ balises HTML  Temps de chargement de la page BON REFERENCEMENT SEO