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 ...
2) Les balises importantes
<strong> et <em> -> Mettre les mots clés.
<title> : Très importante -> être direct et précis (m...
<h1> à <h6> :
 <h1> : Titre le plus important représentant l’interêt de la page, le visiteur le
verra en premier -> Y fai...
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...
4) Ratio contenu/HTML
 Lorsque Google va venir analyser vos pages, il faudra :
- Qu'au minimum 15 % de la source de la pa...
5) Poids et chargement de la page
 Confort d’un visiteur = Optimisation du temps de chargement
Google Pagespeed
 Solutio...
CONCLUSION
 Code propre et récent
 Balises importantes et mots clés
 Importance du contenu des 600 px
 Ratio contenu/ ...
Prochain SlideShare
Chargement dans…5
×

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

283 vues

Publié le

Publié dans : Technologie
1 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
283
Sur SlideShare
0
Issues des intégrations
0
Intégrations
26
Actions
Partages
0
Téléchargements
4
Commentaires
1
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. Référencement Structure d’une page HTML NEVERS Anthony Licence professionnelle ATII
  2. 2. 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)
  3. 3. 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.
  4. 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. 5. 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.
  6. 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. 7. 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.
  8. 8. 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

×