Upload
anthony-nevers
View
80
Download
2
Embed Size (px)
Citation preview
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