Balises HTML pour le SEO : Ce que les utilisateurs de WordPress doivent savoir

Quelle est l'importance des balises HTML pour le SEO ? Lesquelles devez-vous connaître ?

Les balises HTML peuvent modifier l'apparence de votre contenu dans les résultats de recherche et son classement.

Les balises HTML pour le SEO sont donc essentielles, mais vous pouvez les ajouter automatiquement à votre contenu. Découvrons comment.

Que sont les balises HTML pour le SEO ?

Bien que certaines balises HTML listées ci-dessous aient plus d'une utilité, elles peuvent toutes avoir un impact sur l'apparence de votre contenu dans les résultats des moteurs de recherche.

Par exemple, le balisage Schema peut créer des affichages de recherche attrayants, augmentant considérablement le trafic.

Toutes les balises HTML aident les moteurs de recherche à comprendre votre contenu et à le faire correspondre aux requêtes de recherche.

Avec 68 % de tout le trafic web commençant par les moteurs de recherche, le SEO est le canal marketing que vous ne pouvez pas vous permettre d'ignorer.

Dans chaque section de balise ci-dessous, nous expliquons l'impact SEO associé.

Dois-je apprendre le HTML ?

Non, vous n'avez pas besoin d'apprendre le HTML pour utiliser efficacement le SEO.

La plupart des plateformes de sites Web modernes comme WordPress fournissent des champs de formulaire pour saisir le titre et la description de votre article. Ensuite, les balises HTML sont ajoutées automatiquement.

Mais qu'en est-il des autres balises HTML abordées dans cet article ?

Télécharger le plugin All in One SEO (AIOSEO)

Nous recommandons d'utiliser un plugin SEO comme All in One SEO (AIOSEO).

Ce plugin, adapté aux débutants, analyse le contenu de votre page Web et fournit une simple liste de contrôle pour l'améliorer.

Comment fonctionne AIOSEO

Beaucoup des éléments que AIOSEO vérifie sont liés à des balises HTML. Et le plugin s'assurera que ces balises sont ajoutées pour vous.

Voici quelques éléments de page qu'AIOSEO vous aidera à optimiser, et qui sont liés au code HTML.

• Balise Title : All in One SEO vérifiera votre titre pour s'assurer que vous avez utilisé votre mot-clé cible. Vous verrez également si votre titre dépasse 60 caractères, ce qui signifie que Google Search le tronquera probablement.
• Balise Meta Description : AIOSEO vérifie également si vous avez utilisé votre mot-clé cible dans votre meta description. Il vous invitera à l'ajouter si elle est manquante. Vous serez également alerté si votre description dépasse 160 caractères.
• Sous-titres : Parce que les sous-titres peuvent rendre le contenu plus facile à parcourir, AIOSEO recherche les longs passages sans sous-titres. Le plugin vérifie également si vous avez utilisé votre mot-clé cible dans certains de vos sous-titres.
• SEO d'images : AIOSEO vous permet de créer des paramètres pour tout le site pour le SEO d'images, y compris pour les balises alt.
• Balisage Schema : Pour ajouter le balisage Schema, vous cliquerez sur quelques boutons et remplirez quelques champs de formulaire.
• Balises de médias sociaux : Optimisez votre contenu pour le partage sur Facebook et Twitter. Vous cliquerez sur quelques boutons pour ce faire. All in One SEO ajoute les balises OG et les balises Twitter Card nécessaires.
• Balises robot Noindex : Vous pouvez masquer le contenu des moteurs de recherche grâce à une approche simple par clic. AIOSEO ajoutera automatiquement les balises meta robots noindex nécessaires à votre HTML.

Si vous savez cliquer sur des boutons et remplir des champs de formulaire, vous pouvez utiliser All in One SEO (AIOSEO).

All in One SEO (AIOSEO) est un plugin établi avec des milliers d'avis 5 étoiles sur WordPress.org. Et actuellement, plus de 3 millions de personnes l'utilisent.

Examinons maintenant les principales balises HTML pour le SEO.

Balise de titre

Le titre de votre page Web est une partie essentielle d'un extrait de recherche. Avec la description, il peut donner aux utilisateurs une raison de cliquer sur votre site Web.

Mais comment Google (ou d'autres moteurs de recherche) sait-il quel est votre titre ? C'est là qu'interviennent les balises de titre.

Les balises de titre sont de minuscules bouts de code qui apparaissent au début et à la fin des titres de page. Ces balises indiquent aux moteurs de recherche : « Voici le titre. »

Balise de titre dans le code HTML

Voici à quoi ressemble une balise de titre en HTML

<title></title>

Notez qu'il y a une balise d'ouverture et une balise de fermeture.

C'est entre ces deux balises que votre titre doit être placé.

<title>Your Title Goes Here</title>

Lorsque vous tapez un titre en haut d'une page Web, la plupart des plateformes de sites Web ajoutent automatiquement la balise de titre. Vous n'avez donc même pas à y penser.

Mais il y a quelques bonnes pratiques à garder à l'esprit.

Meilleures pratiques pour les balises de titre

• Rendez votre titre précis et incluez votre mot-clé principal.
• Les moteurs de recherche coupent les titres après environ 60 caractères. Utilisez donc au mieux ces 60 caractères.
• Vous pouvez dépasser 60 caractères, mais assurez-vous que la partie visible de votre titre communique le sujet de votre article.
• Si votre titre n'est pas clair ou précis, Google peut le réécrire.

Apprenez à utiliser All in One SEO pour optimiser les titres.

Valeur SEO des balises de titre

Étant donné que votre titre et votre description apparaissent dans les pages de résultats des moteurs de recherche (SERP), ce sont 2 opportunités clés pour persuader les internautes de cliquer.

Inclure votre mot-clé principal dans votre titre aide Google à comprendre votre page, mais ce n'est pas un facteur de classement.

Cependant, un titre bien conçu est un aspect d'un contenu de haute qualité. Et la qualité du contenu est le facteur de classement le plus important.

Balise Meta Description

Nous avons vu que les extraits de recherche incluent une courte description de votre page Web.

En SEO, cette description est appelée une méta-description.

Comme pour les titres, la plupart des plateformes de sites Web fournissent un champ de formulaire pour ajouter une description, et elles ajoutent automatiquement la balise meta description.

Balise Meta Description dans le code HTML

Voici à quoi ressemble une balise meta description en HTML.

<meta name="description" content="Your description goes here." />

Ceci est ce qu'on appelle une balise auto-fermante. (Contrairement à la balise title, il n'y a pas de balise ouvrante et fermante.)

Bonnes pratiques pour les méta-descriptions

• Rendez votre description précise et utilisez-la pour mettre en évidence ce qui rend votre article unique.
• Étant donné que les moteurs de recherche limitent l'espace alloué aux descriptions de pages Web, la pratique courante consiste à les limiter à 160 caractères.
• Incluez votre mot-clé cible et 1 à 2 mots-clés associés.

En savoir plus sur les méta-descriptions.

Valeur SEO des méta-descriptions

Bien que votre méta-description d'origine puisse (ou non) apparaître dans les recherches pour votre mot-clé cible, Google réécrit souvent les descriptions pour les adapter à différentes requêtes de recherche.

Par « réécrire », nous entendons qu'il extrait différents textes de votre page pour les afficher comme méta-description.

Dans l'exemple ci-dessous, Google extrait une méta-description différente de celle que nous avons écrite. Mais la description correspond à la requête de recherche : « Qu'est-ce que le SEO multilingue ? »

Ainsi, bien que vous rédigiez 1 méta-description, votre article peut apparaître dans les recherches pour plusieurs mots-clés, chacun affichant une description différente extraite par Google.

Balises de titre

Organiser votre contenu de manière logique et utiliser des titres (ou sous-titres) pour différentes sections aide les moteurs de recherche et les utilisateurs à comprendre rapidement votre contenu.

Le panneau d'édition de WordPress propose des options de titres de h1 à h6.

• Le h1 est utilisé pour les titres de page et apparaît généralement dans la plus grande police.
• Les autres, h2-h6, sont plus petits et utilisés pour organiser le contenu dans un ordre logique et hiérarchique.

Par exemple, un article peut avoir plusieurs sections avec des titres h2, et vous utiliseriez des titres h3 ou h4 dans ces sections.

En arrière-plan, WordPress ajoutera des balises d'en-tête HTML, qui aident les moteurs de recherche à comprendre le format de votre contenu.

Balises d'en-tête dans le code HTML

En HTML, une balise d'en-tête ressemble à ceci :

<h1></h1>

La balise h1 est généralement réservée à votre titre. Ainsi, en HTML, le titre de votre page apparaîtrait entouré de balises h1.

<h1>This is My Page Title</h1>

Vous vous demandez peut-être pourquoi la balise title n'est pas ici. Le titre de votre page apparaît 2 fois dans le code HTML :

• Entouré d'une balise title (Ceci est strictement pour les moteurs de recherche)
• Entouré d'une balise h1. (C'est le titre visible par vos lecteurs.)

Les autres balises h utilisent la même syntaxe. Par exemple, voici une balise h2 utilisée pour une section d'article.

<h2>Introduction to Sales</h2>

Bonnes pratiques pour les titres

• Rendez les titres utiles et concrets.
• Gardez-les concis pour qu'ils soient facilement lisibles.
• Placez les termes les plus importants au début.

Valeur SEO des titres

Les balises de titre peuvent aider les moteurs de recherche à trouver des sections de votre contenu et à les faire correspondre à des requêtes associées.

Pour cette raison, elles peuvent aider votre contenu à se classer pour plus d'un terme de recherche.

Mais elles sont également importantes pour créer un contenu facile à parcourir.

L'utilisation d'une structure claire et logique et de sous-titres pour différentes sections peut maintenir l'engagement de vos lecteurs et les inciter à revenir.

Balises Alt d'image

Le texte alternatif est un texte qui décrit une image. La plupart des plateformes de sites Web, y compris WordPress, fournissent un champ de formulaire pour ajouter du texte alternatif.

Ce texte alternatif a 2 objectifs :

• Les moteurs de recherche lisent et indexent le texte alternatif des images, et cela les aide à comprendre le contenu de l'image.
• Les lecteurs d'écran, appareils utilisés par les personnes malvoyantes, lisent le texte alternatif à voix haute.

Une fois que vous avez ajouté votre texte alternatif, WordPress l'enveloppe automatiquement dans une balise alt d'image.

Balises Alt d'image dans le code HTML

Les balises alt sont des attributs HTML qui apparaissent à l'intérieur d'un élément d'image.

Les balises d'image (« img ») pointent vers une source en ligne (« src ») pour l'image, sous la forme d'une URL.

<img src="https://upload.wikimedia.org/wikipedia/commons/c/c0/Yury_Pen_-_Portrait_of_Marc_Chagall.jpg" alt="marc chagall portrait">

Bonnes pratiques pour les balises Alt d'image

• Incluez toujours du texte alternatif pour les images, sauf si elles sont décoratives.
• Omettez la ponctuation, les tirets ou les symboles spéciaux.
• Décrivez l'image et son contexte.

Par exemple, si votre image est un graphique des tendances du taux de criminalité en Norvège, expliquez ce qu'il montre aux lecteurs.

alt="crime trends in oslo norway"

Valeur SEO des balises Alt d'image

Les balises alt aident vos images et diagrammes à apparaître dans la recherche d'images.

Et au-delà du SEO, elles améliorent l'accessibilité de votre site Web.

Marquage Schema (pour les extraits enrichis)

L'ajout de balisage schema à vos pages Web les rend éligibles pour être affichées en tant qu'extraits enrichis dans les résultats de recherche.

Vous pouvez considérer les extraits enrichis comme des affichages de moteurs de recherche super-développés.

Voici un extrait de recherche standard.

Et voici un extrait enrichi.

L'ajout de ce type de balisage est facile. Avec All in One SEO (AIOSEO), vous cliquerez sur quelques boutons et remplirez quelques champs de formulaire.

Il existe plus de 30 types de rich snippets parmi lesquels choisir, notamment :

• Livre
• Cours
• FAQ
• Événement
• Application logicielle
• Personne.

Bien que le balisage de schéma soit plus compliqué que les balises, il présente certaines similitudes. Ce code balise des parties d'une page Web afin que Google puisse convertir cette page en un rich snippet.

Balisage de schéma en HTML

Le code pour le balisage de schéma peut être long.

Si vous souhaitez voir à quoi cela ressemble, nous vous recommandons de parcourir quelques exemples de code sur Schema.org.

Bonnes pratiques pour le balisage de schéma

Dans la mesure du possible, ajoutez un balisage de schéma à vos pages Web.

Et explorez les types de schéma disponibles dans AIOSEO.

Valeur SEO du balisage de schéma

Les rich snippets attirent plus de clics que les snippets standards.

En savoir plus sur les rich snippets.

Balises canoniques

Les balises canoniques aident Google à trier les pages en double en indiquant celle que vous souhaitez afficher dans les résultats de recherche.

Une utilisation courante des balises canoniques concerne les pages de produits, lorsque le même contenu peut apparaître dans plusieurs zones de votre site.

Bonnes pratiques

Lors de la liaison interne, liez à l'URL canonique. Cela communique votre préférence à Google.

Balises canoniques dans le code HTML

La syntaxe des balises (ou attributs) canoniques est la suivante :

rel="canonical"

Voici un exemple de lien avec la balise canonique ajoutée.

<link rel="canonical" href="https://example.com/sneakers/green-sneakers" />

Ce lien serait placé dans la section head du HTML.

Les balises canoniques sont un sujet de SEO technique. Consultez les directives pour les développeurs de Google sur les méthodes de spécification des URL canoniques.

Autres balises HTML importantes

Nous avons couvert les principales balises HTML pour le SEO. Mais voici quelques balises spécialisées ainsi que leurs utilisations.

Balises Open Graph

Vous êtes-vous déjà demandé pourquoi certaines pages Web, lorsqu'elles sont partagées sur Facebook, semblent incomplètes ?

Lorsqu'un utilisateur partage votre page sur Facebook, la plateforme de médias sociaux parcourt votre code à la recherche de balises Open Graph.

Ces balises HTML indiquent à Facebook quelle image, quel titre et quelle description afficher. Si votre page ne possède pas ces balises OG, elle paraîtra fade lors du partage.

All in One SEO (AIOSEO) vous offre un moyen simple de contrôler l'apparence de votre contenu sur Facebook. (Et il n'est pas nécessaire de toucher au code.)

Balises Twitter Card

Les balises Twitter Card fonctionnent comme les balises OG. Et ici, vous pouvez également utiliser All in One SEO (AIOSEO) pour contrôler l'apparence de votre page lorsqu'elle est partagée sur Twitter.

Vous pouvez cliquer sur 1 bouton et faire copier vos paramètres Facebook pour le partage sur Twitter.

Attributs de lien

Les backlinks sont un facteur de classement important. (Les backlinks sont des liens provenant d'autres sites vers le vôtre.)

Les liens provenant de sites Web respectés et de qualité peuvent améliorer le classement de votre site.

Mais les liens peuvent inclure des attributs, dont certains peuvent annuler cette valeur SEO.

Par exemple, un attribut « nofollow » indique aux moteurs de recherche d'ignorer le lien.

Voici à quoi ressemble cet attribut dans le code du lien.

<a href="https://www.example.com" rel="nofollow">linked text</a>

Apprenez-en davantage sur les attributs nofollow, ugc et sponsored et comment les éviter.

Balise Robots Noindex

La balise noindex empêche le contenu d'apparaître dans les résultats de recherche.

Les pages de connexion du personnel ou les « pages de succès » sont des exemples de contenu que vous pourriez vouloir que les moteurs de recherche ignorent.

Voici un attribut noindex contenu dans une balise meta robots.

<meta name="robots" content="noindex" />

Auparavant, les directives noindex étaient parfois ajoutées au fichier robots.txt d'un site. Mais cette approche a été dépréciée en 2019 par Google.

Balises sémantiques HTML 5

Les balises sémantiques aident les moteurs de recherche à comprendre comment les différentes parties d'une page sont liées les unes aux autres.

Elles constituaient une fonctionnalité majeure lors de la sortie de HTML 5 en 2008.

Voici quelques exemples de balises sémantiques.

• <main>
• <aside>
• <form>
• <table>
• <time>

La base de code et les thèmes WordPress incluent des balises sémantiques.

Questions et réponses sur les balises HTML pour le SEO

Maintenant que vous connaissez les principales balises HTML pour le SEO, vous avez peut-être encore quelques questions.

Après les balises HTML pour le SEO . . .

Nous espérons que cet article vous a aidé à identifier certaines des principales balises HTML pour le SEO et pourquoi vous n'avez pas besoin d'apprendre le code pour les appliquer.

All in One SEO garantit que votre site utilise correctement les métadonnées.

Ensuite, apprenez à ajouter un sitemap HTML à votre site Web. Consultez ces outils SEO sur page. Et découvrez comment créer un bon texte d'ancrage.

Pour en savoir plus sur l'optimisation pour les moteurs de recherche, abonnez-vous à notre chaîne YouTube. Vous y trouverez d'excellents tutoriels étape par étape. Vous pouvez également nous suivre sur X (Twitter), LinkedIn ou Facebook pour rester informé.

Divulgation : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Nous ne recommandons que les produits qui, selon nous, apporteront de la valeur à nos lecteurs.