Un guide simple pour les débutants


Les balises META sont des extraits de code qui indiquent aux moteurs de recherche des informations importantes sur votre page Web, telles que la façon dont ils doivent l’afficher dans les résultats de recherche. Ils indiquent également aux navigateurs Web comment l’afficher aux visiteurs.

Chaque page Web comporte des balises META, mais elles ne sont visibles que dans le HTML code.

Dans ce guide, vous apprendrez à utiliser et à ne pas utiliser les six balises META les plus importantes pour SEO:

  1. Titre méta
  2. Meta Description
  3. Meta robots
  4. Redirection de Meta Refresh
  5. Meta charset
  6. Fenêtre Meta

Il s’agit du titre de page que Google et la plupart des autres moteurs de recherche affichent dans les résultats de recherche.

1 balise de titre 1

Balise de titre dans les résultats de recherche Google.

Sidenote.

Google n’affiche pas toujours la balise de titre. Cela montre parfois quelque chose de différent.

Pourquoi c’est important pour SEO

Google explique mieux:

Les titres sont essentiels pour donner aux utilisateurs un aperçu rapide du contenu d’un résultat et pourquoi il est pertinent pour leur requête. Il s’agit souvent de la principale information utilisée pour décider du résultat sur lequel cliquer. Il est donc important d’utiliser des titres de haute qualité sur vos pages Web.

Les meilleures pratiques

  • Écrivez une balise de titre unique pour chaque page;
  • Soyez bref, mais descriptif;
  • Évitez les titres génériques et vagues;
  • Utiliser un cas de phrase ou un cas de titre;
  • Créez quelque chose qui vaut la peine d’être cliqué, pas un appât de clic;
  • Correspond à l’intention de recherche;
  • Incluez votre mot clé cible là où cela a du sens;
  • Gardez-le sous 60 caractères.

Lecture recommandée: Comment fabriquer le parfait SEO Balise de titre (notre processus en 4 étapes)

Comment ajouter une balise de titre à votre page

Collez le code ci-dessous dans le section de votre page:

This is the title of the page.

Si vous utilisez WordPress, installez un SEO plugin comme Yoast. Vous devriez voir un endroit pour définir la balise de titre sur la page ou l’éditeur de publication.

2 balise de titre yoast 1

Ajout d’une balise de titre dans WordPress avec Yoast.

Autre CMS»Comme Squarespace et Wix ont des fonctionnalités similaires intégrées.

Comment trouver et corriger les erreurs courantes de balise de titre

Il existe quatre problèmes courants avec les balises de titre:

  1. Trop long / court. Google dit pour «éviter les titres inutilement longs ou verbeux» tout en les gardant «descriptifs et concis».
  2. N’existe pas. Google dit que chaque page doit avoir une balise de titre.
  3. Plusieurs balises de titre sur une seule page. Les moteurs de recherche peuvent afficher une balise de titre indésirable s’il y en a plusieurs sur une page.
  4. Titres en double sur plusieurs pages. Google dit qu ‘ »il est important d’avoir des titres descriptifs distincts pour chaque page de votre site ».

Pour vérifier une page pour les deux premiers problèmes, branchez le URL dans un outil gratuit comme SERPSim.

S’il ne retire pas un titre, vous devez en ajouter un.

3 titre vide 1

Si le nombre de pixels est rouge, il doit être raccourci.

4 titre trop long 1

Pour rechercher des balises de titre en double et multiples, explorez votre site avec l’Audit de site d’Ahrefs.

De là, vérifiez le Sur la page signalez les erreurs de «balise de titre multiple»:

Corrigez-les en supprimant l’une des balises des pages concernées.

Ensuite, allez au Contenu en double signaler et rechercher des balises de titre avec des erreurs «Bad duplicate»:

Audit du site 6 titres en double 1

Réécrivez les balises de titre sur les pages concernées pour les rendre uniques.

Notez que ce même rapport affiche également des pages dont les balises de titre sont trop longues, trop courtes, manquantes ou vides.

Capture d'écran 2020 01 27 à 16.20.22 1

La méta description résume le contenu de la page. Les moteurs de recherche l’utilisent souvent pour l’extrait dans les résultats de recherche.

8 méta description 1

Balise Meta description dans les résultats de recherche Google.

Sidenote.

Google n’affiche pas toujours la méta description que vous avez définie. Parfois, ils affichent un extrait différent.

Pourquoi c’est important pour SEO

Google explique il vaut mieux encore une fois:

Une balise meta description devrait généralement informer et intéresser les utilisateurs avec un bref résumé pertinent de ce qu’est une page particulière. Ils sont comme un argumentaire qui convainc l’utilisateur que la page correspond exactement à ce qu’il recherche.

Cependant, les méta descriptions sont ne pas un facteur de classement direct. Google dit:

Même si nous utilisons parfois la balise Meta de description pour les extraits que nous affichons, nous n’utilisons toujours pas la balise Meta de description dans notre classement.

Les meilleures pratiques

  • Écrivez une description unique pour chaque page;
  • Essayez de résumer le contenu avec précision;
  • Évitez les descriptions génériques;
  • Utiliser un cas de phrase;
  • Créez quelque chose digne d’un clic, pas un appât de clic;
  • Correspond à l’intention de recherche;
  • Incluez votre mot clé cible là où cela a du sens;
  • Gardez-le sous 160 caractères

Lecture recommandée: Augmentez rapidement le trafic de votre site Web en seulement 5 minutes SEO tâche

Comment ajouter une méta description à votre page

Collez le code ci-dessous dans le section de votre page:

Si vous utilisez WordPress, vous pouvez le faire facilement dans Yoast.

9 méta description yoast 1

Ajout d’une méta description dans WordPress avec Yoast.

Autre CMS»Comme Squarespace et Wix ont des fonctionnalités similaires.

Comment trouver et corriger les erreurs de description de méta courantes

Les quatre problèmes courants avec les méta descriptions sont les mêmes que ceux avec les balises de titre:

  1. Trop long / court. Google dit « Il n’y a pas de limite sur la durée d’une méta description, mais les extraits de résultats de recherche sont tronqués selon les besoins, généralement pour s’adapter à la largeur de l’appareil. »
  2. N’existe pas. Google dit de « s’assurer que chaque page de votre site a une méta description ».
  3. Plusieurs méta descriptions sur une seule page. Plusieurs balises peuvent confondre les moteurs de recherche.
  4. Méta-descriptions en double sur plusieurs pages. Google dit que vous devez «différencier les descriptions des différentes pages».

Vérifiez les deux premières erreurs page par page avec SERPSim ou Yoast.

Explorez votre site Web avec Ahrefs ‘Site Audit et vérifiez le Sur la page rapport pour vérifier les trois premières erreurs sur toutes les pages.

Capture d'écran 2020 02 04 à 13.38.42 1

Vérifier la Contenu en double rapport pour les méta descriptions en double sur les pages.

Utilisez les mêmes correctifs que pour les balises de titre.

La balise meta robots indique aux moteurs de recherche si et comment ils doivent explorer vos pages Web.

Syntaxe

Pourquoi c’est important pour SEO

L’utilisation des mauvais attributs dans la balise meta robots peut avoir un impact catastrophique sur la présence de votre site dans les résultats de recherche. Votre SEO les efforts dépendent de votre compréhension de cette balise et de son utilisation efficace.

Dans cet esprit, voici les valeurs que vous pouvez utiliser dans cette balise:

  • indice: indique aux bots d’indexer la page;
  • noindex: indique aux bots de ne pas indexer la page;
  • suivre: indique aux robots d’explorer les liens sur la page, et que vous en garantissez également;
  • pas de suivi: indique aux robots de ne pas explorer les liens sur la page et qu’aucune approbation n’est impliquée.

Vous pouvez les combiner de l’une des manières suivantes:





Vous pouvez aussi utiliser , qui est identique à l’index, suivez. Ne pas définir de balise meta robots équivaut également à indexer, suivez.

Sidenote.

Google considère les balises «nofollow» comme des conseils, pas des directives. Il existe d’autres attributs tels que noarchive, noimageindex, nosnippet, etc. Mais comme ce sont des valeurs plus avancées, nous n’allons pas en parler dans cet article.

Les meilleures pratiques

  • Utilisez des balises meta robots seulement lorsque vous souhaitez restreindre la façon dont Google explore une page;
  • Ne bloquez pas les pages contenant des balises meta robots dans robots.txt;

Lecture recommandée: Balise Meta Robots & X ‑ Robots-Tag: tout ce que vous devez savoir

Comment ajouter une balise meta robots à votre page

Collez le code approprié ci-dessus dans le section de votre page.

Dans WordPress, utilisez les paramètres avancés de Yoast pour définir des balises meta robots:

Image 2020 01 23 à 1 53 41 h 1

Options de méta-robot dans Yoast.

Plus CMS’Ont des options similaires intégrées.

Comment diagnostiquer et corriger les erreurs courantes des méta robots

Il existe trois erreurs courantes avec les méta robots:

  1. Pages non indexées bloquées par robots.txt. Cela empêche Google de voir la balise noindex robots, ils peuvent donc toujours indexer le URL.
  2. Rogue meta noindex. Cela empêche Google d’indexer la page, de sorte qu’il n’obtiendra aucun trafic organique.
  3. Rogue meta nofollow. Cela empêche Google d’explorer les liens sur la page, ce qui pourrait empêcher la découverte et l’indexation de contenu important. Il empêche également le flux de PageRank vers ces pages, ce qui peut ne pas être souhaitable.

Vous pouvez vérifier les deux premiers problèmes en utilisant le Couverture rapport dans Google Search Console.

Pour trouver les pages indexées qui peuvent être définies sur noindex meta robots, cliquez sur l’onglet « Valide avec avertissements » et recherchez les avertissements « Indexés, bien que bloqués par robots.txt »:

12 robots gsc bloc 1

Vérifiez le code source de ces pages pour une balise noindex meta robots. Supprimez le bloc robots.txt ou la balise noindex meta robots en fonction de ce que vous essayez de faire.

Pour trouver des balises noindex voyous de méta robots, cliquez sur l’onglet «Exclus» et recherchez les pages «Exclus par la balise« noindex »»:

13 gsc noindex 1

Supprimez la balise Meta robots de toutes les pages qui doivent être indexées.

Pour trouver des pages contenant des balises nofollow de méta robots voyous, explorez le site avec Ahrefs ‘Site Audit et vérifiez le Indexabilité signaler les avertissements «Nofollow page».

Capture d'écran 2020 01 27 à 16.45.09 1

Supprimez la balise, sauf si vous souhaitez spécifiquement que les moteurs de recherche ne parcourent pas les liens de la page.

Sidenote.

Il y a peu de problèmes non abordés ici, comme le fait d’avoir des pages avec des balises noindex dans votre sitemap. Pour en savoir plus sur ces problèmes, consultez le Indexabilité rapport dans Ahrefs’s Site Audit.

Une balise meta viewport définit la zone visible d’une page Web. Il est utilisé pour indiquer au navigateur comment afficher la page sur différentes tailles d’écran (c’est-à-dire, ordinateur de bureau / tablette / mobile).

Pourquoi c’est important pour SEO

Google dit que la «présence de cette balise indique à Google que la page est adaptée aux mobiles». Cela est important car Google classe les pages Web adaptées aux mobiles plus haut dans les résultats de recherche mobile. à partir de 2015.

Voici à quoi pourrait ressembler une page sur mobile avec ou sans balise meta viewport:

Beaucoup de gens ont probablement appuyé sur le bouton de retour lorsque la version de bureau d’une page se charge sur mobile. C’est ennuyeux et rend les choses difficiles à lire. Cela peut envoyer des signaux négatifs à Google et leur dire qu’il y a quelque chose de indésirable dans votre page.

Sidenote.

La balise de la fenêtre d’affichage n’est pas tout ce dont vous avez besoin pour rendre un site Web adapté aux mobiles. Votre site Web doit également utiliser un design réactif.

Les meilleures pratiques

  • Utilisez la balise meta viewport sur toutes les pages Web;
  • Utilisez la balise «standard» sauf si vous savez ce que vous faites (voir ci-dessous)

Comment ajouter une balise meta viewport à votre page

Collez le code ci-dessous dans le section de votre page Web:

Notez que l’attribut de contenu n’a pas besoin d’être défini sur width = largeur de l’appareil, échelle initiale = 1.0, mais il s’agit de l’implémentation la plus courante – et la bonne pour la plupart des pages.

Comment diagnostiquer et corriger les erreurs courantes de méta fenêtre

Parce que la plupart CMS« Et les thèmes définissent automatiquement la fenêtre d’affichage, les problèmes liés aux balises sont rares sur la plupart des sites Web modernes.

Cela dit, vous pouvez vérifier les problèmes en utilisant le Ergonomie mobile signaler en Google Search Console.

Cela affiche les pages présentant des problèmes d’utilisation sur les appareils mobiles. Si ce problème est dû en partie à l’absence d’une balise META de fenêtre, il affichera l’erreur «Viewport not set».

15 fenêtre non définie 1

Résolvez ce problème en ajoutant la balise meta viewport appropriée à toutes les pages affectées.

IMPORTANT

L’ajout d’une balise meta viewport ne résoudra pas les problèmes d’affichage mobile sous-jacents causés par CSS styles non écrits pour différentes largeurs. Si l’ajout d’une balise meta viewport ne résout pas les problèmes, consultez un développeur.

N’utilisez pas la Google Search Console?

La fenêtre Meta est presque toujours définie au niveau du site et est généralement codée en dur dans le thème.

Utilisation Outil de test adapté aux mobiles de Google pour vérifier votre page d’accueil pour une balise meta viewport.

16 Viewport mobile friendly 1

Si la balise n’est pas sur votre page d’accueil, elle ne se trouve probablement nulle part ailleurs sur votre site.

Notez que cela est loin d’être une méthode infaillible, et vous devriez toujours utiliser Google Search Console si possible.

La balise meta charset définit l’encodage des caractères pour la page Web. En d’autres termes, il indique au navigateur comment le texte de votre page Web doit être affiché.

Il existe des centaines de jeux de caractères différents, mais les deux plus courants sur le Web sont:

  • UTF‑8 – Encodage de caractères pour Unicode;
  • ISO-8859-1 – Encodage de caractères pour l’alphabet latin.

Voir une liste complète ici.

Pourquoi c’est important pour SEO

L’utilisation d’un mauvais codage de caractères peut entraîner l’affichage incorrect de certains caractères dans le navigateur.

charset issue 1

Exemple de caractères ne s’affichant pas correctement en raison de problèmes de jeu de caractères.

Les problèmes de mise en forme des caractères sont mauvais pour l’expérience utilisateur et peuvent rendre vos pages assez cassées.

Cela peut conduire à SEO des problèmes comme:

  • Les personnes ne souhaitant pas créer de lien vers votre page.
  • Taux de rebond élevé, temps de page bas et temps de séjour bas.
  • Les moteurs de recherche ne comprennent pas votre contenu.

Mais soyons réalistes à ce sujet:

À moins que votre page ne soit gravement endommagée à la suite de problèmes de jeu de caractères, ce qui est peu probable, l’impact sera assez minime.

Pourtant, il convient de noter que Google recommande en utilisant Unicode /UTF-8 dans la mesure du possible.

Les meilleures pratiques

  • Utilisez la balise meta charset sur toutes les pages Web;
  • Utilisation UTF-8 lorsque cela est possible;
  • Utilisez la syntaxe correcte pour votre HTML version (voir ci-dessous).

Comment ajouter une balise meta charset à votre page Web

Collez le code ci-dessous dans le section de votre page Web:

Si vous utilisez HTML4 ou ci-dessous, utilisez plutôt ce code:

Si vous ne savez pas quelle version de HTML vous utilisez, vérifiez votre code source pour . Si c’est le cas, vous utilisez HTML5.

Comment diagnostiquer et corriger les erreurs de jeu de caractères communes

La plupart des sites Web utilisent soit UTF‑8 ou ISO-8859–1 codage de caractères.

Le premier est préférable au second.

Pour cette raison, il vaut la peine de vérifier les pages de votre site qui n’utilisent pas UTF-8 codage. Vous pouvez le faire dans le site Audit d’Ahrefs. Accédez à l’explorateur de pages, puis utilisez ces paramètres:

17 utf sa 1

Si la recherche renvoie des résultats, vérifiez chacun d’eux manuellement pour les problèmes de codage des caractères.

Basculer vers UTF-8 encodage si possible. Cela peut résoudre le problème, mais pas toujours. Cependant, si vous ne définissez pas du tout le jeu de caractères méta, le navigateur sera forcé de deviner et peut afficher du texte poubelle aux utilisateurs. Cet article explique plus.

Une balise meta refresh indique au navigateur Web de rediriger l’utilisateur vers un autre URL après un certain temps.

Pourquoi c’est important pour SEO

Les balises de redirection Meta Refresh sont importantes pour SEO dans le sens où vous ne devriez pas les utiliser, même si Google comprend et les respecte.

Il y a plusieurs raisons à cela:

  • Non pris en charge par tous les navigateurs;
  • Peut être source de confusion pour l’utilisateur (et poser des problèmes de sécurité);
  • Les pages doivent être analysées avant de voir la destination URL, ce qui peut prendre un certain temps.

Un autre problème potentiel survient lorsqu’aucune balise canonique n’est présente sur la page, comme l’explique John Mueller dans ce tweet:

Les meilleures pratiques

  • Évitez les balises de redirection Meta Refresh, sauf si cela est absolument nécessaire;
  • Utilisez plutôt une redirection 301.

Comment ajouter une balise de redirection meta refresh à votre page (si vous en avez vraiment besoin)

Collez le code ci-dessous dans le section de votre page:

L’attribut content spécifie le délai en secondes. le URL l’attribut spécifie la redirection URL.

Comment trouver et corriger les erreurs de redirection de meta refresh courantes

Les redirections Meta Refresh sont une mauvaise pratique, il est donc préférable de les supprimer si possible.

Pour les trouver, explorez votre site avec Ahrefs Site Audit et vérifiez le Pages internes rapport. Recherchez l’erreur «Meta refresh redirect».

Capture d'écran 2020 01 27 à 17.27.20 1

Remplacez-les par des redirections 301 ou 302 lorsque cela est possible.

Sinon, vérifiez la présence d’une balise canonique et assurez-vous qu’elle fait référence à la version canonique de la page.

Qu’en est-il des méta mots-clés?

Certains articles disent de remplir la balise meta keywords avec une liste de mots clés cibles. C’est un conseil inutile et potentiellement mauvais. Google n’a pas utilisé de méta-mots clés pour les classements depuis 2009 car:

[…] les balises META de mots clés sont rapidement devenues un domaine où quelqu’un pouvait bourrer des mots clés souvent non pertinents sans que les visiteurs typiques ne les voient jamais. Étant donné que la balise Meta des mots clés était si souvent utilisée à mauvais escient, il y a de nombreuses années, Google a commencé à ignorer la balise Meta des mots clés.

Bing est allé encore plus loin en 2011 en annoncé ils utilisent la balise comme signal de spam. Donc, si les vôtres sont bourrés de mots-clés, cela pourrait vous nuire dans Bing.

Pour cette raison, il vaut mieux être prudent et supprimer les balises meta keywords de votre site.

Pour ce faire, explorez votre site avec Ahrefs Site Audit, puis branchez ces paramètres dans l’Explorateur de pages:

19 mots-clés méta sa 1

Supprimez la balise meta keywords de toutes les pages correspondantes.

Notez que la plupart du temps, la suppression de ces balises est facile, car de nombreux sites définissent une balise méta-mots-clés à l’échelle du site dans leur CMS. La suppression de la balise de toutes les pages peut être effectuée en supprimant ce morceau de code.

Dernières pensées

Les balises META ne sont pas cette compliqué. La compréhension des six balises ci-dessus devrait être suffisante pour éviter toute SEO faux pas.

Vous souhaitez en savoir plus sur les balises META? Cela devrait le faire.

Vous cherchez à maximiser votre trafic sur les réseaux sociaux? Lisez à propos des balises META Open Graph.

Donne moi un cri sur Twitter s’il y a quelque chose que j’ai manqué.



Posted on 9 février 2020 in Blog

Share the Story

Back to Top