Optimisation pour les moteurs de recherche (SEO) : Une exploration approfondie des méta-éléments pour améliorer la visibilité en ligne et le classement des pages web
SEO : Introduction aux méta-éléments
Premiers pas dans les méta-éléments SEO
Ces éléments sont disponibles sous forme de codes HTML dans l’en-tête de chaque page entre les balises <head> et </head>
Tags essentiels pour le référencement SEO
Votre lien sur le SERP est la première expérience de l’internaute avec votre marque.
Il existe 3 types de tags essentiels :
Il est alors important de répéter le mot-clé stratégique dans chacune de ces 3 balises : TITRE, DESCRIPTION et H1.
Cela améliorera votre CTR et aidera Google à comprendre quel mot clé vous souhaitez être référencé sur.
Introduction concernant les méta-éléments
Les méta-éléments aident l’utilisateur et Google à comprendre le contenu de votre page. Ils sont un élément clé et doit respecter des directives strictes.
Il existe deux types de balises META : le titre de la page et la méta description.
Méta-description
La méta description est un attribut HTML dans la tête d’une page Web qui fournit un résumé de la page aux utilisateurs. Les mots dans une description ne sont pas utilisés dans le classement par Google, mais ils peuvent être affichés dans les résultats de recherche pour les utilisateurs, et donc fortement influencer les taux de clic.
La méta description doit être placée dans la tête du document et ressemble à ceci en HTML :
<meta name="description" content="the description of the page" />
Cette meta donne une brève description de la page. Dans la plupart des cas, la description comprend un bref extrait du contenu affiché sur la page des résultats des moteurs de recherche (PERL).
Lorsque non configuré, Google utilise un extrait aléatoire de la page pour remplir la description, nous vous recommandons donc d’écrire une description unique pour chaque page. Longueur maximale 160 caractères.
Il n’a pas d’impact direct sur l’indexation mais peut avoir un impact important sur le taux de clics (CTR).
Méta-title
Le titre de la page, souvent appelé « balise de titre », « metatitle » ou parfois « titre SEO », est un élément HTML dans la tête d’une page Web qui décrit le but de la page aux utilisateurs et aux moteurs de recherche. Ils sont largement considérés comme l’un des plus forts signaux de classement sur page pour une page.
L’élément de titre de page doit être placé dans la tête du document et ressemble à ceci en HTML :
<title>page title</title>
Cette balise n’est pas vraiment une balise meta mais est couramment utilisée en plus avec la description meta.
Ce contenu est également affiché sur le PERL et constitue un élément important pour l’indexation.
Nous recommandons un titre unique pour chaque page. Longueur maximale 65 caractères.
Titres (h1, h2...)
<h1>Important Headline</h1>
<h2>Subtopic 1</h2>
<h3>Answer 1</h3>
<h3>Answer 2</h3>
<h2>Subtopic 2</h2>
<h3>Answer A</h3>
<h3>Answer B</h3>
<h4>Heading B.1</h4>
<h4>Heading B.2</h4>
<h2>Conclusion</h2>
Pour s’assurer qu’un contenu est bien structuré, il devrait :
- n’avoir qu’une étiquette H1 par page
- ne pas être dupliqué dans une autre page
- utiliser les balises H2 et H3 pour structurer le reste du contenu et le rendre plus facile à lire
Gestion des balises meta
Lignes directrices et questions communes
Pour repérer les problèmes des méta-éléments, vous aurez besoin des exportations Screaming Frog : Titres de page et Meta Description
Méta-éléments et le nom de marque
TITRE : La marque ne peut être présente que dans le titre de votre page d’accueil. Il doit être supprimé sur toutes les autres pages pour permettre plus d’optimisation et une meilleure position sur les pages de résultats de recherche.
Pour repérer ce problème, utilisez un filtre de valeur sur la colonne de titre 1 en utilisant la marque.
DESC : La marque ne peut être présente que dans la description de votre page d’accueil. Il doit être supprimé sur toutes les autres pages pour permettre plus d’optimisation et une meilleure position sur les pages de résultats de recherche.
Pour repérer ce problème, utilisez un filtre sur la colonne meta descritpion 1 en utilisant la marque.
⚠️ Les pensées ci-dessus doivent être nuancées ! Le nom de marque peut être le titre d’autres pages. Cela dépend de l’espace libre dont vous disposez pour optimiser le titre. Si vous avez un nom de marque très long bien sûr, il sera difficile de le mettre sur chaque titre.
Mais un nom de marque court comme "Spark" peut être ajouté sur presque tous les titres.
C’est aussi génial d’ajouter le nom de marque sur tout le Titre quand votre compagnie n’est pas la seule avec ce nom de marque --> ex : Spark. Cela ajoute une certaine légitimité sémantique.
En outre, lorsque votre nom de marque est puissant, il peut être génial de l’ajouter sur tout le titre, lorsque vous avez de l’espace libre pour le faire.
Méta-éléments trop long
TITRE : Toute page dont le titre dépasse 60 caractères. Les caractères au-dessus de cette limite peuvent être tronqués dans les résultats de recherche de Google et avoir moins de poids dans la notation.
Pour repérer ce problème, utilisez un filtre dans la colonne Title 1 Length.
DESC : Toute page dont la méta-description compte plus de 155 caractères. Les caractères qui dépassent cette limite peuvent être tronqués dans les résultats de recherche de Google.
Pour repérer ce problème, utilisez un filtre dans la colonne Longueur de la méta-description1.
Méta-éléments trop court
TITRE : Toute page dont le titre est inférieur à 30 caractères. Ce n’est pas nécessairement un problème, mais vous avez plus de place pour cibler des mots clés supplémentaires ou communiquer vos ACV.
Pour repérer ce problème, utilisez un filtre dans la colonne Title 1 Length.
DESC : Toutes les pages dont la méta-description est inférieure à 70 caractères. Ce n’est pas strictement un problème, mais une occasion. Il y a une marge supplémentaire pour communiquer les avantages, les ACV ou les appels à l’action. Pour repérer ce problème, utilisez un filtre dans la colonne Méta description1 Longueur.
Méta-éléments manquant
TITRE : Les titres de page sont lus et utilisés par les utilisateurs et les moteurs de recherche pour comprendre le but d’une page. Il est donc essentiel que les pages aient des titres concis, descriptifs et uniques.
Pour repérer ce problème, recherchez des cellules vides dans la colonne de titre 1.
DESC : Il s’agit d’une occasion manquée de communiquer les avantages du produit ou du service et d’influencer les taux de clics pour les adresses URL importantes.
Pour repérer ce problème, recherchez des cellules vides dans la colonne Meta Description 1.
Méta-éléments dupliqué
TITRE : Il est très important d’avoir des titres de page distincts et uniques pour chaque page. Si chaque page a le même titre de page, cela peut rendre plus difficile pour les utilisateurs et les moteurs de recherche de comprendre une page à partir d’une autre.
Pour repérer ce problème, utilisez le formatage conditionné > Mettre en évidence les cellules Règles > Valeurs dupliquées sur votre colonne Titre 1, puis utilisez un filtre sur la couleur de la cellule.
DESC : Il est très important d’avoir des méta descriptions distinctes et uniques qui communiquent les avantages et l’objectif de chaque page. S’ils sont en double ou non pertinents, ils seront ignorés par les moteurs de recherche.
Pour repérer ce problème, utilisez le formatage conditionné > Mettre en évidence les cellules Règles > Valeurs dupliquées sur votre colonne Meta Description 1, puis utilisez un filtre sur la couleur de la cellule.
Méta-éléments multiple
TITRE : Il ne devrait y avoir qu’un seul élément de titre de page pour une page. Les titres de pages multiples sont souvent causés par plusieurs modules ou plugins contradictoires dans le CMS.
Pour repérer ce problème, regardez si vous avez une colonne Titre 2.
DESC : Il ne devrait y avoir qu’une seule méta description pour une page. Plusieurs méta-descriptions sont souvent causées par plusieurs modules ou plugins contradictoires dans le CMS.
Pour repérer ce problème, regardez si vous avez une colonne Meta Description 2.
Gestion des images
À propos des balises alt : balises à utiliser pour les images
<img class="picture"
src="/media/chat-mignon.jpg"
alt="chat trop mignon">
Ce sont les balises à utiliser pour décrire une image et assurer son référencement sur Google Images. Pour ce faire, il est important de décrire l’image le plus précisément possible, tant dans la balise de texte de remplacement que dans le fichier image.
Introduction
L’onglet images de Screaming Frog affiche les données relatives aux images découvertes lors d’un crawl. Cela inclut les images internes et externes, découvertes par des balises <img src= ou <a href= tags. Les filtres montrent les problèmes courants découverts pour les images et leur texte de remplacement.
Les attributs de remplacement d’image (souvent appelés incorrectement « balises de remplacement ») peuvent être affichés en cliquant sur une image, puis sur l’onglet « Détails de l’image » en bas, qui remplit l’onglet de la fenêtre inférieure.
<img src="screamingfrog-logo.jpg" alt="Screaming Frog" />
Les images décoratives devraient fournir un texte de remplacement nul (vide) (alt=”) afin qu’elles puissent être ignorées par les technologies d’assistance, comme les lecteurs d’écran, plutôt que de ne pas inclure un attribut de remplacement du tout.
<img src="decorative-frog-space.jpg" alt="" />
Lignes directrices et questions communes
Pour repérer les problèmes META sur les images, vous aurez besoin des exportations Screaming Frog : Images > plus de 100 ko et Images > Alt vide
Images trop lourdes (plus de 100 ko)
La vitesse de page est extrêmement importante pour les utilisateurs et le référencement et souvent de grandes ressources telles que les images sont l’un des problèmes les plus courants qui ralentissent les pages Web. Ce filtre agit simplement comme une règle générale pour aider à identifier les images qui sont assez grandes en taille de fichier et peuvent prendre plus de temps à charger.
Ceux-ci devraient être envisagés pour une optimisation, parallèlement aux opportunités identifiées dans l’onglet PageSpeed qui utilise l’API PSI et Lighthouse pour vérifier la vitesse. Cela peut aider à identifier les images qui n’ont pas été optimisées en taille, à charger hors écran, qui ne sont pas affichées, etc.
Pour repérer ce problème, utilisez l’export de plus de 100kb
ALT markup empty
Les images devraient avoir un texte de remplacement descriptif sur son but, qui aide les aveugles et les malvoyants et les moteurs de recherche à le comprendre et sa pertinence pour la page Web. Pour les images décoratives, un texte de remplacement nul (vide) doit être fourni (alt=”) afin qu’elles puissent être ignorées par les technologies d’assistance, comme les lecteurs d’écran.
Pour repérer ce problème, utilisez l’exportation de texte de remplacement manquant.
Règles pour les URL
Avoir des URL compatibles avec le référencement
Les recommandations qui s’appliquent aux méta-éléments s’appliquent également aux URL : soyez concis et simple.
En effet, Google recommande d’utiliser des URL courtes et faciles à lire car il existe une forte corrélation entre une longueur d’URL et sa position au sein du SERP.
- Préfère les URL de 40 à 70 caractères
- La longueur moyenne de l’URL de la première page de résultats est de 66 caractères.
Utiliser des répertoires
Les répertoires sont des parties d’URL entre "/" qui nous permettent d’organiser le contenu dans des cocons sémantiques.
Par exemple dans l’URL : https://www.inter-invest.fr/guides/epargne/per
Le répertoire est /epargne/, nous donnons à Google l’indice que le sous-contenu "per" fait partie d’un contenu plus large "épargne" :
- Premier avantage : puisque nous appliquons la méthodologie du cocon sémantique, nous fournissons à Google une preuve que nous avons organisé notre contenu de manière correcte pour les utilisateurs.
- Deuxième avantage : En organisant votre contenu avec des répertoires, vous vous assurez que vos pages les plus stratégiques sont directement connectées à votre page d’accueil et donnent accès à un contenu plus profond. Vous optimisez donc le crawling de votre site.
Nous avons suggéré à l’un de nos clients de réorganiser complètement son site Web dans des cocons sémantiques en utilisant des répertoires. Ils l’ont mis en oeuvre le 21 avril. Voici l’effet sur leur référencement :
Le principe du silo sémantique est de créer toutes les pages nécessaires pour couvrir un sujet. En SEO, il s’agira de créer et d’optimiser le contenu pour chaque mot clé avec un volume de recherche suffisant.
Silos : une garantie de légitimité
Pour Google, plus un site a de pages dans un thème... plus il apparaît comme légitime. Et plus un site est considéré comme légitime, plus il gagne en visibilité dans les résultats de recherche. Le silo sémantique est donc un moyen de légitimer Google.
Les silos sémantiques permettent également l’optimisation de la circulation du PageRank thématique.
En construisant votre cocon sémantique, vous avez créé des liens entre différentes pages proches, voire complémentaires. Le silo vous permet de gérer ce PageRank ainsi que le jus provenant des différents liens pointant vers une page donnée, qui est généralement dilué dans ces pages.
Enrichir votre PageRank thématique consiste en quelque sorte à faire de la sculpture PageRank avec la création d’une cohérence thématique comme objectif.
Peu de règles à respecter lors de l’écriture d’URL
Quoi ajouter dans l’URL 👍:
- le mot-clé principal à cibler
- dans la langue ciblée
- avec mots clés séparés par "-"
- avec un maximum de 3 répertoires (1 ou 2 est préférable)
Ce qu’il ne faut pas écrire dans l’URL 👎:
- sans caractères spéciaux ? # ou _
- sans accents : é è ù
- sans majuscule
- sans encodage : exemple > domain.com/1E3783DF/category/page
