"Loading..."

Optimiser son code HTML pour le SEO

Sous toutes les belles images, les polices parfaites et les graphismes accrocheurs de votre site, il y a toujours du code source HTML. C'est le code que votre navigateur (Chrome, Safari, Internet Explorer, etc.) transforme chaque jour en expérience agréable pour vos visiteurs et clients.

Google et d'autres moteurs de recherche "lisent" ce code pour déterminer où les pages Web doivent apparaître dans leurs index pour une requête de recherche donnée. Ainsi, une bonne partie de l'optimisation pour les moteurs de recherche (SEO) fait référence à ce qui est écrit dans le code source.

Ce petit guide vous montre comment lire le code source de votre site pour vous assurer qu'il est SEO correct. Nous irons un peu plus loin, car savoir comment visualiser et examiner correctement le code source peut vous aider dans d'autres initiatives de marketing web.

Enfin, si vous payez quelqu'un pour gérer le référencement de votre site, vous pouvez suivre vos progrès. Allons-y! Commençons!

Comment voir le code source

La première étape pour vérifier le code source de votre site Web est de afficher le code réel. Chaque navigateur vous permet de le faire facilement. Vous trouverez ci-dessous les commandes clavier pour afficher le code source d'une page Web pour PC et Mac.

Windows

  • Firefox - CTRL + U (Appuyez sur la touche CTRL de votre clavier et, tout en maintenant la touche CTRL enfoncée, appuyez sur la touche "u"). Alternativement, vous pouvez aller dans le menu "Firefox" et cliquer sur "Développement Web" puis sur "Page source".
  • Internet Explorer - CTRL + U. Ou cliquez avec le bouton droit de la souris et sélectionnez "HTML".
  • Chrome - CTRL + U. Vous pouvez aussi cliquer sur le bouton de l'aspect impair, avec trois lignes horizontales en haut à droite. Cliquez ensuite sur "Outils" et sélectionnez "View Source".
  • Opéra - CTRL + U. Vous pouvez également cliquer avec le bouton droit de la souris sur la page Web et sélectionner "Afficher la source de la page".

Mac

  • Safari - Le raccourci clavier est Option + Commande + U. Vous pouvez également cliquer avec le bouton droit de la souris sur la page Web et sélectionner "Afficher la source de la page".
  • Firefox - Vous pouvez cliquer avec le bouton droit de la souris et sélectionner "source de la page" ou vous pouvez aller dans le menu "Outils", sélectionner "Développement Web" et cliquer sur "Page Source". Le raccourci clavier est Commande + U.
  • Chrome - Naviguez jusqu'à "View" et ensuite jusqu'à "Development" et ensuite "View Source". Vous pouvez également cliquer avec le bouton droit de la souris et sélectionner "Afficher la source de la page". Le raccourci clavier est Option + Commande + U.

Une fois que vous savez comment afficher le code source, vous avez besoin d'apprendre à chercher les choses dedans. Habituellement, les mêmes fonctions de recherche utilisées pour la navigation Web normale s'appliquent à la recherche dans le code source. Une commande comme CTRL + F (pour Find) vous aidera à scanner rapidement le code source pour trouver les éléments SEO importants comme ceux que nous allons examiner.

img_5d48601ba0646.gif

Étiquette de titre

La balise titre est le Saint Graal du référencement sur la page. C'est la chose la plus importante dans le code source. Si vous allez apprendre une seule chose de cet article, faites attention à ceci : connaissez-vous les résultats que Google fournit quand vous cherchez quelque chose? Tous ces résultats proviennent des balises title des pages Web auxquelles ils renvoient. Donc, si vous n'avez pas de balise titre dans le code source, vous pouvez difficilement être visible dans Google (ou tout autre moteur de recherche). Croyez-le ou non, j'ai vu des sites web sans balises titre.

Maintenant, essayez de faire une recherche rapide sur Google pour le terme "seo bologna course" :

Vous verrez que le premier résultat est l'article "Corso SEO Bologna" de Studio Samo. Si vous cliquez sur ce premier résultat et que vous voyez le code source de la page, vous pouvez voir le code lié à la balise title :

La balise titre est désignée par la balise d'ouverture :. Il se termine par la balise de fermeture :. La balise title se trouve généralement en haut de votre code source dans la fenêtre.

Et vous verrez que le contenu de la balise title correspond à ce qui est utilisé dans le titre de ce premier résultat Google.

Non seulement les balises titre doivent être incluses dans les résultats de recherche Google, mais Google identifie également les mots de la balise titre comme étant des mots clés importants et considérés pertinents pour les recherches des utilisateurs.

Ainsi, si vous voulez qu'une certaine page Web soit placée en haut pour un sujet particulier, vous devez vous assurer que les mots décrivant le sujet sont inclus dans la balise title. Il existe un certain nombre de ressources en ligne où vous pouvez en apprendre davantage sur l'importance des mots-clés et des balises de titre dans l'architecture globale de votre site.

Voici quelques choses importantes à retenir concernant votre balise title :

  • Assurez-vous que vous n'avez qu'une seule balise de titre par page Web.
  • Assurez-vous que chaque page Web de votre site comporte une balise titre.
  • Assurez-vous que chaque balise titre de votre site Web est unique. Ne jamais dupliquer les balises de titre.

Meta description

Une autre partie importante de la section d'en-tête de votre page Web est la balise meta description. Ce fragment de 160 caractères est la "publicité gratuite" qui s'affiche sous le contenu de votre Titre dans les moteurs de recherche.

J'ai vu des centaines de sites web qui ignorent complètement ce tag. C'est très facile à trouver dans le code source :

Donc, vérifiez et assurez-vous que c'est sur toutes les pages web. Plus important encore, assurez-vous que ce n'est pas la même chose sur plusieurs pages. La duplication d'une balise meta description n'est pas une erreur grave pour les moteurs de recherche (Google n'utilise en fait pas cette balise pour le classement), mais c'est une grosse erreur marketing.

Beaucoup de gens survolent la méta-description, mais au lieu de cela ils devraient s'en occuper, puisque est lu par les utilisateurs de moteurs de recherche. Pensez à quel point une bonne phrase peut aider à attirer plus de visiteurs et à augmenter le taux de clics.

En-têtes H1

Les en-têtes H1 apportent de la valeur à votre référencement sur page, c'est donc une bonne idée de vérifier vos pages pour vous assurer que vous utilisez ces balises correctement. Pour chaque page de votre site, regardez le code source pour voir si cette balise est présente :

Vous ne devriez pas avoir plus d'une balise H1 sur chaque page Web. Vous ne devez pas non plus essayer de sur-optimiser les en-têtes H1, ce qui signifie que vous ne devez pas essayer d'augmenter délibérément le référencement en entrant de force le mot clé dans le titre H1. Il suffit de l'utiliser pour ce qu'il est - la phrase la plus importante sur la page. Sur votre page d'accueil, par exemple, cela pourrait être votre proposition de valeur.

Nofollow

Si vous vous engagez dans la construction de lien, alors vérifier vos backlinks pour voir s'ils sont nofollow est un must.

Mais avant d'aller plus loin, je dois expliquer ce qu'est le jus de liaison. Dans le monde du référencement, obtenir un lien depuis un autre site Web vers votre site est une grande réussite. Ce lien est considéré par les moteurs de recherche comme un une approbation. Les moteurs de recherche considèrent le nombre de liens pointant vers votre site comme un facteur déterminant dans le classement de votre site dans leurs index. "Link Juice" est un terme non scientifique pour la soi-disant puissance que le lien fournit à votre site Web ou page Web en question.

Nofollow est un attribut qui - on peut dire - empêche le lien de jus de couler vers un site web. C'est une chose très courante, par exemple dans les liens de la section commentaires d'un blog.

Pour savoir si les liens pointant vers votre site passent le jus du lien, vous devez vérifier si les liens ont l'attribut nofollow en eux. S'ils le font, alors le lien que vous avez travaillé si dur pour obtenir ne fait pas grand chose pour vous, car l'attribut nofollow dit à Google d'ignorer votre page Web.

Cela peut être un peu difficile à voir dans l'image ci-dessus, mais rel='nofollow externe' est présent dans le lien. Ainsi, même si une personne peut encore cliquer sur le lien, le jus du lien n'est pas transmis.

Certains experts en référencement pensent que Google considère réellement les liens nofollow d'une certaine façon, mais si vous voulez être sûr de la valeur d'un lien, vous devez vous assurer que ne possède pas cet attribut.

Alt Tags dans les images

Les balises alt vides dans les images sont des erreurs de référencement très courantes. Les robots des moteurs de recherche ne peuvent pas voir le contenu des images, les balises d'image Alt sont utilisées pour décrire ce que les images représentent pour les moteurs de recherche.

Si vous avez un site de commerce électronique, vous devez sûrement vous assurer que les balises alt sont remplies. Une bonne idée est de s'assurer que la marque et le nom du produit sont inclus dans la description de l'étiquette alt.

Au-dessus, j'ai rapporté une capture d'écran d'une balise image avec l'attribut alt à l'intérieur.

Maintenant, vous n'avez plus besoin d'utiliser les balises alt pour les images décoratives. Assurez-vous juste que vous avez vos balises alt remplies pour :

  • Images de produits/articles de blog
  • Diagrammes
  • Infographie
  • Le logo de votre site web
  • Captures d'écran
  • Photos des membres de l'équipe

Vérifiez que Google Analytics est installé correctement

Une dernière raison de vérifier le code source est de s'assurer que vous avez Google Analytics ou un autre outil installé sur chaque page web de votre site web.

Le contrôle est très simple. Pour Google Analytics, il suffit de visualiser le code source des pages web et de rechercher les lettres "UA".

Si vous trouvez un cas où "UA" est suivi d'un numéro à 7 chiffres, vous avez la confirmation que Google Analytics est installé sur cette page. De plus, notez combien de fois "UA" apparaît sur votre page web. Il se peut que vous ayez entré votre code de suivi Analytics plus d'une fois par accident, ce qui est inutile. Si c'est le cas, vous devriez demander à votre développeur de supprimer les instances supplémentaires.

Ensuite, vous devrez vérifier les pages Web restantes de votre site pour voir si le code d'analyse a été inséré dans chaque page. S'il n'y a pas de code de suivi Analytics sur chaque page de votre site Web, vous n'obtenez pas une image complète de ce qui se passe sur votre site, ce qui rend toute analyse inutile.

Cela peut être une tâche intimidante si vous avez un site Web énorme. Il se peut même qu'il soit impossible de le contrôler manuellement.

J'aime donc utiliser xml-sitemaps.com (la version gratuite vous donnera jusqu'à 500 résultats) pour obtenir un fichier texte de toutes les URLs que mon site contient. Cela me donne une liste de contrôle qui m'aide à savoir quelles URL nécessitent un peu plus d'attention (par exemple si le code Analytics est installé). C'est aussi un excellent outil pour être alerté des problèmes de duplication de contenu et d'autres choses étranges qui pourraient se cacher sur un serveur web.