Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
SEO

Comprendre les recommandations SEO

Dernière mise à jour: août 30, 2021

Disponible avec :

Tous les produits et les abonnements

Dans l'outil SEO, l'éditeur de contenu et les détails de la page, vous pouvez analyser votre contenu pour obtenir des recommandations SEO. Découvrez-en davantage sur l'accès aux recommandations SEO

Les recommandations sont organisées dans les outils SEO selon leur impact sur le SEO de votre site et la difficulté technique de leur résolution. Les recommandations associées à une difficulté technique élevée exigent généralement l'assistance d'un développeur pour être résolues. 

Les recommandations suivantes sont organisées par catégorie, puis listées selon leur impact potentiel. Les recommandations directes ainsi que celles nécessitant une intervention des développeurs s'affichent uniquement dans les outils SEO de HubSpot. 

Accessibilité

Ajouter un attribut de texte alternatif d'image

L'ajout de texte alternatif aux images d'une page permet aux moteurs de recherche et aux visiteurs utilisant des lecteurs d'écran de comprendre son contenu. Découvrez-en davantage sur le travail avec du texte alternatif

Vérifier que le texte alternatif d'image est vide

L'ajout de texte alternatif aux images d'une page permet aux moteurs de recherche et aux visiteurs utilisant des lecteurs d'écran de comprendre son contenu. Certaines images, telles que les icônes séparant les parties d'une page, ne présentent pas de contenu pertinent. Ces images doivent posséder un attribut de texte alternatif vide. Vérifiez vos images dotées d'attributs de texte alternatif vide afin de vous assurer qu'elles ne contiennent pas de texte alternatif. Découvrez-en davantage sur l'utilisation de texte alternatif

Définir la langue de votre page avec l'attribut lang

La langue d'une page est définie par l'attribut lang. Les lecteurs d'écran s'appuient sur cet attribut pour déterminer la bibliothèque de langue à utiliser. Si la langue n'est pas définie correctement, le logiciel de lecture d'écran des visiteurs pourra ne pas fonctionner correctement. Découvrez-en davantage sur l'utilisation de l'attribut lang.

L'attribut lang est défini dans la balise <html> au début du code source de la page. Un attribut lang correctement formaté ressemblera à ceci :

<html lang="en">...</html>.

Comparez le code de langue dans votre balise <html> avec la liste des codes à deux lettres acceptés pour les langues, puis remplacez le code non valide. Si votre balise <html> ne contient pas d'attribut lang, ajoutez lang="[code de langue]" à votre balise. 

Supprimer la balise <meta http-equiv="refresh">

Une page contenant la balise <meta http-equiv="refresh"> s'actualisera automatiquement au bout d'un certain temps. Cela peut créer une expérience utilisateur déroutante et interférer avec le logiciel de lecture d'écran. Privilégiez l'utilisation de Javascript pour toutes les pages qui doivent être actualisées automatiquement. 

Exploration et indexation

Confirmer que les bonnes pages sont cachées dans les résultats de recherche

Si des pages hébergées sur votre domaine sont bloquées dans les moteurs de recherche, vous verrez une recommandation pour vérifier la liste de ces pages. Il s'agit d'un moyen simple de s'assurer qu'il n'y a aucune page de votre site web bloquée dans les moteurs de recherche par erreur. 

Si toutes les pages listées sont masquées dans les résultats de recherche, aucune action n'est requise.

Si vous voyez une page de site web qui est masquée dans les résultats de recherche devant être indexée dans les résultats de recherche, consultez votre administrateur de site web pour mettre à jour le fichier robots.txt ou supprimer toutes les balises sur la page qui bloquent son apparition dans les résultats de recherche. 

Vérifier que vos liens canoniques sont correctement configurés

Les moteurs de recherche comme Google utilisent des liens canoniques pour trouver la version principale d'une page. Évitez les contenus en double en ajoutant un lien canonique valide sur chaque page. Découvrez-en davantage sur la façon dont les URL canoniques influencent le SEO

Les liens canoniques seront marqués comme invalides pour les raisons suivantes : 

  • Il existe plusieurs liens canoniques.
  • Le lien canonique n'est pas une URL valide.
  • Le lien canonique est une URL relative.
  • Le lien canonique renvoie à une page pour une région ou une langue différente.
  • Le lien canonique renvoie à un domaine différent.
  • Le lien canonique renvoie à la racine du site. 

Découvrez-en davantage sur la modification d'une URL canonique d'une page depuis l'onglet Paramètres de l'éditeur de contenu. 

Remarque : Les pages de listing de blog peuvent déclencher une fausse alerte de doublon. 

Vérifier que les moteurs de recherche peuvent traiter vos liens de pages

Les moteurs de recherche préfèrent les liens formatés avec une balise <a> et un attribut href. Un lien formaté correctement se présente comme suit : 

<a href="https://www.hubspot.com">Texte du lien ici</a>.

Assurez-vous que les liens sur votre page respectent ce format pour permettre aux moteurs de recherche de les explorer. 

Vérifier que tous les liens hreflang contiennent un code de langue valide

L'utilisation de liens hreflang dans votre site web multilingue permet aux moteurs de recherche de connaître la langue de votre page. Les moteurs de recherche peuvent ensuite donner aux utilisateurs internationaux un résultat de recherche pour la page correspondant à leur langue préférée. Découvrez-en davantage sur l'utilisation des liens hreflang pour votre contenu multilingue

Si ces liens ont un code de langue non valide, les moteurs de recherche ne peuvent pas identifier la langue de la page ou l'inclure avec les résultats de cette langue pour les utilisateurs internationaux. Les pages multilingues hébergées sur HubSpot utiliseront automatiquement des codes de langue valides.

Comparez les codes de langue dans vos liens affectés avec les listes des codes à deux lettres acceptés pour les langues et les régions, puis remplacez les codes invalides. Le renseignement d'une région dans votre lien hreflang est facultatif. Dans ce cas, vous devez formater le lien comme hreflang="[langue]-[région]". Par exemple, une page en espagnol ciblée pour des utilisateurs en Espagne serait formatée comme hreflang="es-es", tandis qu'une page pour tous les hispanophones dans le monde serait hreflang="es"

Vérifier que tous les liens hreflang utilisent une URL complète

L'utilisation de liens hreflang dans votre site web multilingue permet aux moteurs de recherche de connaître la langue de votre page. Les moteurs de recherche peuvent ensuite donner aux utilisateurs internationaux un résultat de recherche pour la page correspondant à leur langue préférée. Découvrez-en davantage sur l'utilisation des liens hreflang pour votre contenu multilingue

Certains liens hreflang utilisent des URL relatives, qui contiennent uniquement un chemin d'URL, plutôt qu'une URL complète commençant par http/https. Si ces liens peuvent fonctionner, leur risque de corruption est accru si l'URL d'origine change. Les pages multilingues hébergées sur HubSpot utiliseront automatiquement les URL complètes.

Modifiez les liens hreflang relatifs dans le code source de votre page. Découvrez-en davantage sur la modification du code source d'une page dans l'éditeur de page et dans l'éditeur de module

Pour la page https://www.hubspot.com/exemple-page, un lien relatif peut ressembler à : 

link rel="alternate" href="/exemple-page/fr/" hreflang="fr-fr" />.

Vous pouvez modifier ce lien pour un lien complet en incluant dans le href l'URL complète, y compris le protocole (http/https) : 

link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.

Vérifier que le texte d'ancrage du lien est plus descriptif

Dans un lien, le texte d'ancrage désigne le mot ou la phrase cliquable. Ce texte doit indiquer clairement la cible du lien. Remplacez le texte d'ancrage générique comme « cliquez ici » ou « en savoir plus » par des descriptions spécifiques. Découvrez-en davantage sur les meilleures pratiques de Google en termes de texte d'ancrage ou parcourez une liste de phrases recommandées.

Expérience mobile

Vérifier que les utilisateurs de mobiles peuvent facilement cliquer sur chaque élément de page

Il peut être difficile de cliquer sur les éléments interactifs comme les boutons et les liens qui sont trop petits ou trop proches les uns des autres sur un appareil mobile. Les éléments doivent faire au moins 48 pixels sur 48. Si un élément doit conserver la même taille, vous pouvez augmenter sa valeur de remplissage. 

Découvrez comment modifier la taille ou le remplissage de différents types d'éléments dans HubSpot : 

Assurez-vous que chaque page contient une balise viewport

Une balise viewport contrôle la taille du contenu de votre site web sur différents types d'appareils. Si cette balise est manquante ou mal configurée, votre site web sera moins adapté aux mobiles pour les moteurs de recherche. Cela peut avoir un impact négatif sur votre référencement dans les résultats de recherche.

Travaillez avec votre développeur pour ajouter ou modifier la balise viewport sur votre page. Si vous ne disposez pas d'un développeur dans votre équipe, vous pouvez obtenir des conseils sur le Forum des développeurs CMS ou contacter un partenaire solutions

SEO on-page

Rédiger un titre clair et une méta-description 

Le titre et la méta-description de votre page décrivent votre page pour les moteurs de recherche. Découvrez-en davantage sur la modification du titre et de la méta-description de votre page dans l'éditeur de contenu de HubSpot.  

Optimiser la longueur du contenu de blog

L'outil d'optimisation analyse le nombre de mots dans les articles de blog uniquement, et non les pages. L'outil compte tous les mots figurant dans l'article de blog, y compris le titre du blog et l'auteur. Il est recommandé d'inclure au moins 300 mots en règle générale. Assurez-vous de faire des recherches et de déterminer la meilleure longueur pour le thème sur lequel vous rédigez.

Le nombre de mots idéal pour votre contenu dépend de ce que sur quoi vous écrivez. Le plus important consiste à identifier qui seront les lecteurs et ce qu'ils auront besoin de connaître sur le sujet. Un excellent moyen de déterminer la longueur de votre contenu est d'observer quelles pages sont référencées dans les premiers résultats de recherche pour votre thème ou votre phrase de sous-thème à l'heure actuelle.

  • Si le contenu est court et concis, vous devez viser une longueur similaire.
  • Si vous trouvez un contenu plus long qui entre dans le détail, essayez de faire la même chose avec votre propre contenu.

L'outil SEO et le panneau Optimiser analysent le contenu de votre blog pour compter le nombre de mots inclus dans le corps de l'article de blog :

  • La Page contient au moins 300 mots : les pages qui sont bien référencées dans les résultats de recherche donnent une réponse détaillée aux questions des visiteurs. Visez au moins 300 mots.

Remarque : L'outil Optimiser compte le nombre d'espaces blancs unicode dans la classe du wrapper d'article de blog pour détecter le nombre de mots dans votre article de blog. Cela signifie que le nombre est plus précis pour les langues utilisant un alphabet latin. Si vous remarquez un nombre de mots inattendu, consultez votre développeur web pour confirmer qu'il n'y a aucun doublon de votre classe de wrapper d'article de blog dans le modèle d'article de blog codé.


Performance

Utiliser des images correctement dimensionnées

L'utilisation de grandes images que vous redimensionnez dans l'éditeur peut augmenter la durée de chargement de la page. Découvrez-en davantage sur la façon dont la taille de l'image influence la performance de la page.

Vous pouvez éviter cette erreur en redimensionnant des images volumineuses avant de les charger dans HubSpot ou en utilisant un format d'image basé sur des vecteurs, comme SVG. 

Les développeurs peuvent réduire le temps de chargement des images existantes en mettant en œuvre des images adaptatives. Découvrez-en davantage sur les options de développement pour optimiser les images pour les performances de la page.

Sécurité

Assurez-vous que toutes les pages se chargent avec une connexion sécurisée.

Si l'une de vos pages utilise HTTP, vous verrez la recommandation ci-dessus. Les pages utilisant HTTPS sont un facteur de classement Google depuis 2014. Les pages qui se chargent sur HTTPS offrent une expérience de navigation plus sécurisée pour les visiteurs de votre site web.

Assurez-vous que toutes les ressources de la page se chargent avec une connexion sécurisée.

Si l'une des ressources de vos pages se charge sur une connexion non sécurisée, vous verrez la recommandation ci-dessus. Le chargement des ressources (telles que des images, des fichiers CSS, des fichiers JavaScript, etc.) sur une connexion non sécurisée réduit la sécurité de l'ensemble de la page. Cela peut également entraîner l'affichage d'un avertissement de contenu mixte ou le blocage des ressources affectées par le navigateur.

Lorsque vos fichiers sont hébergés via l'outil Fichiers ou que vos fichiers codés sont créés à l'aide du gestionnaire de conception dans HubSpot, ils utiliseront automatiquement HTTPS.Toutefois, si vos ressources sont hébergées ou partiellement hébergées en externe, vous devez acheter un certificat SSL auprès d'un fournisseur externe pour charger vos ressources via HTTPS. 
 
Si vous avez déjà acheté un certificat SSL auprès d'un fournisseur externe mais que vos ressources ne sont pas chargées via HTTPS, vous devrez contacter votre fournisseur externe pour résoudre le problème. Vous devrez examiner toutes vos ressources afin de garantir qu'elles sont toutes hébergées via une connexion sécurisée. 

Mettre à jour les liens externes qui présentent des risques en matière de performance et de sécurité

Les liens externes qui ouvrent une page dans un nouvel onglet du navigateur utilisant l'attribut target="_blank" peuvent présenter des risques en matière de sécurité et de performance. Vous pouvez éviter ces problèmes en ajoutant rel="noopener" ou "rel="noreferrer" à ces liens. Découvrez-en davantage sur les risques potentiels de ce type de lien externe

Dans certains modules HubSpot tels que le module Suivez-moi, l'attribut rel="noopener" est ajouté automatiquement à des liens externes. 

Vous devrez modifier les liens externes dans le code source de votre page. Découvrez-en davantage sur la modification du code source d'une page dans l'éditeur de page et dans l'éditeur de module

Un lien à l'origine de cette erreur pourrait ressembler à ceci : 

<a href="https://www.google.com" target="_blank">.

En ajoutant rel="noopener" ou rel="noreferrer" à ce lien, vous éviterez des problèmes de sécurité et de performance : 

<a href="https://www.google.com" target="_blank rel="noopener"> ou

<a href="https://www.google.com" target="_blank rel="noreferrer">.

Expérience utilisateur

Corriger les liens internes rompus

Les liens rompus entre les pages de votre site web créent une expérience utilisateur négative. Ils compliquent également la compréhension de la structure de votre site web pour les moteurs de recherche. Remplacez ou mettez à jour chaque lien rompu.

Remarque : Plusieurs instances de la même URL rompue sur une seule page apparaîtront uniquement une fois dans les recommandations SEO. 

Vérifier que toutes les ressources de page comme les images et les feuilles de style CSS se chargent

Les ressources non chargées, telles que les images corrompues, nuisent à votre expérience utilisateur. Cela peut également affecter l'endroit où votre site web apparait dans les résultats de recherche. La suppression ou la mise à jour des références de la page pour chaque ressource corrompue résoudra ce problème. 

HubSpot détecte actuellement les types de ressources corrompues suivants : police, image, contenu audio/vidéo, script, feuille de style et XHR. 

Recherchez les références à votre ressource corrompue dans votre page, modèle ou feuille de style. Vous devrez remplacer les liens ou résoudre le problème dans les ressources elles-mêmes.

Vérifier que vos images utilisent le bon format

Le format d'une image est la relation entre sa largeur et sa hauteur. Lorsque vous redimensionnez une image, assurez-vous que le format reste constant. Sinon, l'image peut apparaitre étirée ou déformée. 

Lorsque vous redimensionnez des images dans l'éditeur de contenu de HubSpot, le format original sera automatiquement maintenu. Pour corriger un format incorrect, vérifiez votre HTML et votre CSS pour tout style qui affecte la largeur ou la hauteur.