RéférencementStructure 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 » dansun 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écentBalises importantes et mots clés Importance du contenu des 600 pxRatio contenu/ balises HTML

Temps de chargement de la page

BON REFERENCEMENT SEO