Référencer une page web : Le mode d’emploi pas à pas

By 28 octobre 2019Liste des articles SEO
Référencer une page web.
Qu’est-ce que ça veut dire au juste ? 
 
Cela signifie optimiser une page web afin qu’elle soit bien comprise par les moteurs, et ainsi indexée. La finalité reste la génération de trafic et de conversions en provenance des moteurs de recherche.
 
De fait, non, référencer une page web ne s’improvise pas. Du moins pas complètement :).
Votre objectif est de référencer chaque page web de votre site ayant un intérêt Business et SEO.
 
Il faut de la méthode et de la rigueur. Et surtout, il ne faut pas s’imaginer qu’il n’y a plus besoin d’y revenir. Il y a toujours des rafraichissements à apporter au niveau des contenus.
 
Dans certains cas, on peut aussi se demander, malgré la bonne construction SEO desdites pages, si la sémantique choisie sur cette page est vraiment pertinente (mais ce n’est pas l’objet de cet article).
 
L’objectif de cet article est donc de vous expliquer point par point les différents éléments SEO à prendre en compte dans l’optimisation de vos pages web.
Vous êtes prêt.e ? C’est parti !

Sommaire

 

  • Qu’est-ce qu’une page SEO-friendly ?
  • A quoi cela sert-il de bien référencer une page web ?
  • Ma page n’est pas visible sur Google. Pourquoi ?
  • Référencer une page web : Quels sont les éléments SEO à prendre en compte ?

Rappel de ce qu’est une page SEO friendly ?

Une page SEO-friendly est une page qui « plait » aux moteurs de recherche. C’est à dire que les éléments clés SEO qu’elle comporte sont bien optimisés pour le référencement.
Cela signifie que les éléments SEO (listés plus bas dans la page), puisqu’ils sont correctement remplis et renseignés, aident les moteurs à comprendre le contenu et l’intérêt de la page.
De cette manière celle-ci pourra plus facilement être :
  • Analysée (il s’agit de la phase de crawl. La page est donc crawlée).
  • Une fois la page analysée, la page peut être indexée (L’indexation n’est pas systématique. Cela dépend de la qualité de la page et de la valeur ajoutée apportée à l’utilisateur).
  • Une fois indexée, ladite page peut être positionnée sur une ou plusieurs requêtes propres au champ sémantique développé sur la page.
  • Seulement si elle est bien positionnée sur une requête donnée, la page peut générer du trafic et des conversions (selon son objectif business bien sûr).

A quoi cela sert-il de bien référencer une page web ?

Parce que votre site a très certainement des objectifs business et de trafic, il s’avère utile de bien référencer chacune de vos pages afin que celles-ci puissent générer des visites depuis les moteurs de recherche.
Cela dit, il est possible que certaines pages de votre site n’aient pas d’objectif de trafic : par exemple des pages comportant très peu de contenus, ou des pages « passe-plat ».
Il est donc important en premier lieu d’identifier les pages avec objectifs business à priori « référençables ». Donc, oui, il est possible que toutes les pages de votre site ne soient pas bonnes à être indexées. 🙂

Ma page n’est pas visible sur Google. Pourquoi ?

Si une page de votre site n’est pas indexée c’est que :
  • Google considère qu’elle n’apporte pas suffisamment de valeur ajoutée à l’utilisateur et / ou qu’elle est en duplication avec d’autres pages du même site ou d’un autre site.
  • Peut-être elle comporte la balise noindex (indication aux moteurs de ne pas indexer cette page en particulier). Ou même une balise rel canonical indiquant une autre page à prendre en référence.
    • Soit il s’agit d’une manipulation volontaire. Auquel cas il faut voir si elle est pertinente ou pas.
    • Soit il s’agit d’une erreur et dans ce cas, il faut corriger le tir (supprimer la mauvaise balise et redemander l’indexation de la page auprès de la Search Console).

Peut-être est-elle bien indexée mais juste très mal positionnée sur des requêtes importantes pour vous. Dans ce cas, vous pouvez rentrer l’url de la page testée dans le champ de recherche Google pour vérifier si elle est indexée, ou pas.

Si elle est bien dans l’index, dans ce cas, il faut travailler le champ sémantique de la page afin que celui-ci matche avec la requête testée.

 

Référencer une page web : Quels sont les éléments SEO à prendre en compte ?

 

Voici ci-dessous la liste des éléments SEO à prendre en compte lors de l’optimisation de vos pages pour le référencement. A noter que cette liste est généraliste, et doit être donc adaptée selon la typologie de la page : On optimise pas une fiche produit comme une page article ou une page catégorie (les templates diffèrent énormément).

 

Les balises méta

Les balises méta sont les deux premiers éléments identifiés par les moteurs de recherche sur vos pages. Ils doivent être bien optimisés :
  • En terme de longueur.
  • En terme de contenu.
  • Présence de la requête principale.

Les balises méta sont principalement les balises title et description, et la balise keyword mais celle-ci n’est définitivement plus prise en compte par les moteurs depuis plusieurs années déjà.

Focus sur la balise title
La balise title n’est pas visible par l’internaute mais est accessible dans le code source de la page.
Elle est limitée en taille pour apparaitre en entier sur la liste de résultats Google. Elle doit faire environ 60 caractères, soit environ 512 px.
A noter que parfois Google affiche de lui-même un title différent de ce qui est renseigné afin de mieux matcher avec les besoins utilisateurs.
Voici le format de la balise title dans le code de la page :
<title>Consultant-coach SEO La Roche sur Yon (85) - Nicolas Vidal</title>
Focus sur la balise description
La balise description n’est pas visible par l’internaute mais est accessible dans le code source de la page.  Elle doit faire environ 150 caractères, soit environ 920px.
Voici le format de la balise description dans le code de la page :
Voici un exemple d’affichage sur les listes de résultats :
page web balise title
La balise title s’affiche également quand on passe la souris sur l’onglet de la page dans le navigateur.

page web balise title

Les balises Hn (H1, H2, H3)

Les balises Hn servent à hiérarchiser les contenus de vos pages web.
Le H1 est le titre de la page. Il ne faut qu’un seul H1 par page (un seul titre).
Les H2 sont des sous-titres du H1.
Les H3 sont des sous-titres des H2.
Contrairement à la balise title, il n’y a pas de limite de taille pour les balises Hn.
Généralement le H1 est une réplique de la balise title, ou une variante de la title : singulier pluriel, ou une requête secondaire définie en amont.
Ou un élément incitant au clic : par exemple le nombre de produits disponibles.
Exemple 1
Title : « Pantalon homme – [marque] ».
H1 associé : « 5876 pantalons pour homme « 
Exemple 2
seo page web
Attention, il arrive que les équipes de développement placent un élément en H2 ou en h3 dans une optique graphique (à coup de feuille de style css), mais pas dans une optique de hiérarchisation des contenus.
D’où l’intérêt de porter une attention toute particulière aux éléments en H2 ou H3 car ceux-ci n’ont pas toujours vocation à être en H2 ou en H3.
Exemple de structuration du contenu d’une page article :
Dans l’exemple ci-dessous, le titre de l’article apparait bien en haut de page, puis dans un second temps, les sections (H2) et sous-sections (H3) de l’article.

page web

Le fil d’Ariane

La présence du fil d’Ariane a un impact sur le référencement et l’expérience vécue par l’utilisateur. A condition qu’il soit correctement implémenté (sans bug donc).
  • Concrètement les moteurs se servent du fil d’Ariane comme de navigation remontante jusqu’à la page d’accueil.
  • Les utilisateurs se repèrent dans la navigation sur le site grâce au fil d’Ariane : Ils peuvent savoir facilement où ils sont.

En revanche, en cas de bug ou d’erreur d’intégration, le fil d’Ariane peut être déceptif.

Le fil d’Ariane peut être encapsulé en Microdata (le Microdata Breadcrumb). (voir ci-après la section sur le Microdata).
Voici un exemple de fil d’Ariane :
fil d'ariane

La balise rel canonical

Elle a pour objectif d’indiquer aux moteurs de recherche la page de référence à prendre en compte entre au moins deux pages.
La page « dupliquée » pointera vers la page de référence. Et la page de référence pointe vers elle-même (self referencing).
Voici la syntaxe à toujours bien respecter. Elle est placée dans la section <head> de votre page.
Attention aux intégrations. Une erreur d’intégration peut avoir des conséquences assez néfastes (par exemple désindexation involontaire de plusieurs centaines de pages génératrices de trafic).

Les attributs alt

L’attribut alt est le descriptif  de l’image intégré dans le code source. Identifié et compris par les moteurs, il aide l’image concernée à être visible sur Google Image, et ainsi générer du trafic. C’est particulièrement vrai sur les sites comportant de nombreuses images.
Non l’attribut alt n’est pas visible pour l’utilisateur.
On met des attributs alt sur les images importantes de la page, c’est à dire celles qui donnent du sens au contenu de la page et qui aident l’internaute dans sa compréhension.
Non je ne vous recommande pas de sur-optimisation, c’est contre-productif.
Non je ne vous conseille pas non plus d’attribut alt sur les pictos et autres icônes, bref tous les fichiers médias de la page qui n’ont pas d’objectif de visibilité sur Google Image.
Grande question que je vois souvent : Comment remplir efficacement vos attributs alt ? Et surtout : qu’écrire ?
Le contenu de l’attribut doit correspondre au contenu de la page. Pas besoin d’aller plus loin.
  • Page produit : Il s’agira du nom du produit.
  • Page article : Il s’agira du titre de l’article.
En cas de plusieurs images sur la page : Elles peuvent toutes avoir le même attribut alt.
Dans ce cas on ajoute des éléments différenciant : la taille de l’image, le numéro de l’image, le plan de la photo.
Pour vérifier rapidement qu’une page comporte des attributs alt vous pouvez utiliser le plugin Web Developper, dans la section Images > Display Alt Attributes.

La balise noindex

La balise noindex est utilisée dans le cas où on ne souhaite pas voir une page en particulier indexée.
Pourquoi ? Parce qu’elle est en duplication, par exemple. Et parce que la supprimer (dans un contexte précis) n’est pas pertinent.
Présente dans la section <head> de la page, l’utilisateur n’y a pas accès.
Syntaxe de la balise noindex :
<meta name="robots" content="noindex">
Tout dépend des cas, mais souvent je recommande l’utilisation du noindex lorsqu’on ne peut pas utiliser le fichier robots.txt.

Les microdata (Rich Snippets)

 

Les contenus enrichis sont très importants pour le référencement de votre page web et pour l’affichage de votre page sur les listes de résultats Google.

  • Les fameuses balises schema.org qui servent à structurer les éléments d’une page (tels que le prix, la notion de stock, les notes, les avis).
  • Ces éléments balisés apparaissent sur les listes de résultats Google, ils n’aident pas directement une page à mieux se positionner mais peuvent participer à la hausse du taux de clics.

 

Voici un exemple ci-dessous d’un résultat Marmiton sur la requête « tarte aux pommes ».

microdataL’élément 55min (qui correspond au temps de cuisson) n’apparait pas par hasard, c’est parce que Google a compris qu’il s’agissait d’un élément enrichi.

microdata recette

Outil de test Microdata : https://search.google.com/structured-data/testing-tool

 

Le chapô

Le chapô est plutôt présent sur les pages catégories et articles. Il n’a pas lieu d’être sur une page produit.
Il explique en 2-3 lignes le contexte du contenu de la page.
Il fourni les éléments QQCOQP : Qui, Quoi, Comment, Où, Quand, Pourquoi. Bref, le contexte du contenu de la page.
Pour autant il ne doit pas déranger la navigation de l’utilisateur sur la page. Et surtout, il a pour objectif de motiver l’utilisateur à continuer sa lecture du contenu de la page. L’objectif du chapô est d' »accrocher » l’attention du lecteur », afin que celui-ci ait envie de poursuivre sa lecture. Si vous placez les informations essentielles de la page en bas de page, les utilisateurs n’auront pas la patience ni l’envie d’aller jusqu’en bas de page.
Exemple de Chapô :
chapô

Le maillage interne : Le linking interne

Le maillage interne correspond à la manière de lier les pages de votre site les unes avec les autres.
Ce linking interne est très important pour les utilisateurs et pour les moteurs de recherche.
  • Il a pour objectif de faciliter la navigation de l’internaute sur le site.
  • Il aide les moteurs de recherche à poursuivre leur analyse du site en les poussant à découvrir de nouvelles pages.
En effet, il vaut mieux éviter d’avoir des pages « cul de sac ». Il s’agit de pages qui ne fournissent aucun lien vers des pages du même niveau de profondeur, les utilisateurs et les moteurs se retrouvent de fait coupés dans leur exploration.
La navigation se fait via deux niveaux :
  • Le header (menu accessible en haut de page la plupart du temps).
  • Et au sein de la page, dans le contenu éditorial.
L’objectif est d’orienter les utilisateurs et les moteurs vers les pages génératrices de trafic et de conversions au sein du site. De cette manière le parcours utilisateur est facilité et surtout plus intuitif.

Le bouton Call To Action

Comme son nom l’indique, il s’agit d’un bouton d’appel à l’action.
  • Il peut s’agir d’un achat, sur une fiche produit.
  • Une inscription à une newsletter sur une page article.
  • Il peut s’agir d’une souscription à une offre et ou à un service.

L’emplacement de ce bouton sur la page, le design du bouton ainsi que le texte utilisé au sein du bouton ont évidemment un impact sur le taux de conversions de la page : Un bouton mal placé, peu engageant aura peu de chances de transformer.

La qualité de la conception de la page influe donc directement sur le taux de conversions sur ladite page.

Le contenu éditorial

Évidemment, sans contenu éditorial de qualité, votre page aura moins de chances d’intéresser vos utilisateurs cibles. Elle aura moins de chances d’être indexée car les moteurs pourront considérer à juste titre qu’elle n’apporte pas assez de valeur à l’utilisateur.
La proposition de valeur de la page ne sera pas évidente pour l’utilisateur.
Le champ sémantique sera également très pauvre.
Donc le potentiel de positionnement sur un grand nombre de requêtes s’en trouve logiquement diminué.

La présence d’éléments de réassurance

Par définition les éléments de réassurance rassurent l’utilisateur. Ils ont pour vocation de prouver à l’utilisateur qu’il est sur le bon site.
Les éléments de réassurance s’avèrent divers et variés. Par exemple, il peut s’agir de :
  • Le nombre d’avis et de commentaires.
  • Le taux de satisfaction des clients.
  • La mention satisfait ou remboursé.
  • La livraison gratuite.
  • Les certifications diverses et variées + labels qualité.
  • Le numéro du service client.
  • L’adresse postale + coordonnées de contact complètes.
  • Pages institutionnelles : CGV, CGU, confidentialité, mentions légales, à propos, FAQ.
  • Votre proposition de valeur /  Vos axes de différenciation : remboursement, livraison et retour gratuit, livraison en 48h, assistance 24/7.
  • Votre respect des règles du RGPD ainsi que la confidentialité des données des utilisateurs.
  • Liens vers les réseaux sociaux.

Affichage mobile

Rendre l’affichage optimal de vos contenus sur mobile est bien évidemment une règle essentielle.
A l’heure du mobile index first de google il est encore plus important de se concentrer sur la qualité de l’affichage de vos contenus sur mobile.
Se contenter d’un simple affichage en RWD ne suffit pas dans le sens où même avec ce mode d’affichage les erreurs d’ergonomie restent et peuvent impacter négativement la qualité de l’expérience vécue par l’utilisateur.

Gestion du contenu des fiches produits

A moins d’être eux-mêmes fabricants des produits qu’ils commercialisent (exemple Décathlon), les sites e-commerce reprennent la plupart du temps le descriptif produit fourni par le fabricant. Le contenu de la fiche produit se retrouve donc disponible sur plusieurs sites e-commerce.
Pour éviter cette duplication de contenus, il convient de rendre ce contenu le plus unique possible. Des solutions existent :
  • Réécrire les fiches produits.
  • Ajouter les commentaires présents sur les réseaux sociaux.
  • Laisser son avis sur la fiche (comme certains libraires laissent un avis sur la couverture des livres qu’ils ont préféré).

Pagination (prev next)

Le système de pagination fonctionne sur les pages catégories qui affichent des liens vers des pages de pagination.
Souvent, cette pagination n’est pas optimisée pour les moteurs. Ceux-ci n’ont donc pas correctement accès au contenu.
Il faut donc que dès la première page, on ait accès à l’ensemble des liens vers les pages de pagination (en cas de pagination massive, afficher les dizaines et si besoin les centaines).
Ensuite, dans la section <head> de la page on intégrera les balises rel prev et rel next qui permettront aux moteurs de comprendre qu’il s’agit de pages de pagination.
La balise rel prev pointe vers la page précédente (sauf pour la page 1 qui n’en a pas besoin).
La balise rel next pointe vers la page suivante (sauf pour la dernière page qui n’en a pas besoin).
Exemple avec la page : http://www.site.com/categorie/toto/page-4/
<link rel="prev" href="http://www.site.com/categorie/toto/page-3/" />
<link rel="next" href="http://www.site.co/sujet/toto/page-5/" />

Balise hreflang

Les balises hreflang sont à utiliser dans le cadre d’un site multilingue.

Conclusion

Comme vous avez pu le remarquer tout au long de cet article, bien référencer une page web prend du temps et requiert de bien connaitre les différents éléments SEO à optimiser.
Bien référencer une page web demande beaucoup de vigilance car une erreur dans les optimisations effectuées peut avoir des répercutions assez embarrassantes.
Par exemple :
  • Ne pas autoriser l’indexation d’une page.
  • Ne pas indiquer la bonne page canonique.
Enfin, il vaut mieux revenir sur ses pages afin de vérifier que tous les éléments sont bien optimisés.
Et vous ? Comment référencez-vous vos pages web ?
nvidal

Author nvidal

Nicolas Vidal est coach et formateur SEO (référencement naturel) depuis 15 ans. Il vous propose une double approche pour apprendre à gérer votre SEO, double approche théorique et pratique, généraliste et axée sur vos problématiques. Par le biais d'une formation SEO complète et de cours d'initiation en e-learning sur le SEO, SEA, rédaction web, et d'exercices pratiques pour apprendre à gérer votre référencement. Par le biais de séances de coaching individuelles 100% axées sur vos problématiques.

More posts by nvidal

Leave a Reply

Coaching et consulting SEO