Comprendre les recommandations SEO
Dernière mise à jour: février 15, 2024
Disponible avec le ou les abonnements suivants, sauf mention contraire :
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. Pour en savoir plus sur , accédez à vos recommandations en matière de référencement.
Les recommandations sont organisées dans les outils SEO en fonction de leur impact sur le référencement de votre site, de la difficulté technique à les résoudre et du rôle suggéré de la personne qui les résout. 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 classées par catégorie, puis par ordre d'impact potentiel sur le référencement. Les recommandations simples et celles qui nécessitent l'assistance d'un développeur n'apparaîtront que dans les outils Outil SEO de HubSpot.
Accessibilité
Ajouter un attribut de texte alternatif d'image
Les images peuvent compliquer l'utilisation des lecteurs d'écran pour les moteurs de recherche et les visiteurs, et rendre difficile la compréhension de votre contenu. Pour résoudre ce problème, ajoutez du texte alternatif aux images qui décrit leur apparence et leur contenu. Cela améliorera l'accessibilité et le SEO de votre site. Découvrez-en davantage sur l'accessibilité du site web dans la documentation des développeurs.
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é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, les logiciels de lecture d'écran des visiteurs risquent de ne pas fonctionner correctement. Pour en savoir plus sur , utilisez 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 de votre balise <html> avec la liste des codes à deux lettres acceptés pour les langues , puis remplacez le code invalide. 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 / Confirmer que les bonnes pages sont bloquées par votre fichier robots.txt
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 qu'une page de votre site web est cachée dans les résultats de recherche alors qu'elle devrait être indexée, travaillez avec l'administrateur de votre site web pour mettre à jour votre fichier robots.txt ou supprimer toutes les balises de la page qui pourraient la bloquer 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 problèmes de contenu dupliqué en ajoutant un lien canonique valide à chaque page. En savoir plus sur comment les URL canoniques influencent le référencement.
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 comment modifier l'URL canonique d'une page à partir de 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">Link text here</a>.
Assurez-vous que les liens sur votre page respectent ce format pour permettre aux moteurs de recherche de les explorer.
Réparer les pages cassées
Le robot d'exploration de HubSpot n'a pas pu analyser ces pages en raison d'une erreur. Cela peut être dû à l'une des raisons suivantes :
- Code d'état HTTP manquant: Les codes d'état HTTP indiquent si une page web a été atteinte avec succès ou non. Si l'analyse ne peut pas renvoyer de code d'état HTTP, elle échoue. En savoir plus sur Codes d'état HTTP.
- Le code d'état HTTP renvoie une erreur : Les codes d'état HTTP indiquent si une page web a été atteinte avec succès ou non. Les codes d'état 400 et 500 indiquent des erreurs du client ou du serveur et empêchent l'achèvement de l'analyse. En savoir plus sur les différents codes d'état HTTP.
- La page HTML est vide: si le code source de la page ne contient pas de HTML, l'analyse ne pourra pas traiter la page.
Travaillez avec votre développeur web pour vérifier que les pages listées sont configurées et fonctionnent correctement.
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. Pour en savoir plus sur , utilisez les 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 les codes de langue valides.
Comparez les codes de langue de vos liens concernés avec les listes de codes à deux lettres acceptés pour les langues et les régions , puis remplacez les codes non valides. 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. Pour en savoir plus sur , utilisez les 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. En savoir plus sur la modification du code source d'une page dans l'éditeur de pages et dans l'éditeur de modules.
Pour la page https://www.hubspot.com/exemple-page, un lien relatif peut ressembler à :
link rel="alternate" href="/example-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. Pour en savoir plus sur les meilleures pratiques de Google en matière de texte d'ancrage ou pour consulter la liste des expressions qui déclenchent cette recommandation.
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 :
- Modifier la taille d'un CTA
- Modifier le contenu d'un module de texte enrichi
- Personnaliser les styles des modules dans l'éditeur de contenu
- Créer, modifier et joindre des fichiers CSS pour styliser votre site
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 n'avez pas de développeur dans votre équipe, vous pouvez obtenir des conseils sur le forum des développeurs CMS ou vous connecter avec un partenaire de 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. Apprenez-en plus sur en modifiant le titre et 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 des articles de blog uniquement, et non des 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. Veillez à faire des recherches et à déterminer la longueur qui convient le mieux au sujet que vous abordez.
Le nombre de mots idéal pour votre contenu dépend de ce que sur quoi vous écrivez. La chose la plus importante est de considérer qui est le public et ce qu'il a besoin de savoir sur le sujet. Un bon moyen de déterminer la longueur de votre contenu est de voir quelles sont les pages les mieux classées dans les résultats de recherche pour votre thème ou sous-thème aujourd'hui.
- Si la plupart des contenus sont courts et concis, vous devez viser une longueur similaire.
- Si vous trouvez des contenus plus longs et plus détaillés, essayez de faire la même chose dans votre propre contenu.
L'outil SEO et le panneau Optimize analysent le contenu de votre blog pour compter le nombre de mots inclus dans le corps de l'article :
- 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. En savoir plus sur comment la taille de l'image influe sur les performances de la page.
Vous pouvez éviter cette erreur en redimensionnant les grandes images avant de les télécharger vers HubSpot ou en utilisant un format d'image vectoriel , tel que SVG. Dans l'éditeur de contenu, vous pouvez utiliser le redimensionnement automatique des grandes images lors de la consultation des recommandations SEO sur
Les développeurs peuvent réduire le temps de chargement des images existantes en mettant en œuvre des images adaptatives. En savoir plus sur les options offertes aux développeurs pour optimiser les images pour la performance des pages.
Sécurité
Assurez-vous que toutes les pages se chargent avec une connexion sécurisée.
Si l'une de vos pages utilise le protocole HTTP, vous verrez la recommandation ci-dessus. Les pages utilisant HTTPS sont un facteur de classement de Google depuis 2014. Les pages qui se chargent via HTTPS offrent également une expérience de navigation plus sûre aux 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 est chargée via une connexion non sécurisée, vous verrez apparaître 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. Les navigateurs peuvent également afficher un avertissement de contenu mixte ou bloquer les ressources concernées.
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. En savoir plus 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. En savoir plus sur la modification du code source d'une page dans l'éditeur de pages et dans l'éditeur de modules.
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
Réparer les liens brisés
Les liens brisés sur votre site web créent une expérience négative pour l'utilisateur. Ils compliquent également la compréhension de la structure de votre site web pour les moteurs de recherche. Remplacer ou mettre à jour chaque lien interne et externe brisé.
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.
Localisez les références à votre ressource interrompue dans votre page , votre modèle , ou votre feuille de style . Vous devrez soit remplacer les liens, soit résoudre le problème dans les ressources elles-mêmes.Veillez à ce que vos images aient le bon rapport hauteur/largeur
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 rapport d'aspect d'origine est automatiquement conservé. Pour corriger un format incorrect, vérifiez votre HTML et votre CSS pour tout style qui affecte la largeur ou la hauteur.
