HTML

Le contenu des pages web est défini par le langage HTML, qui consiste en une série de balises. Nous expliquons ici ce qu'est le HTML et les principales balises HTML que vous devez connaître pour le référencement. Apprenez à les utiliser correctement en suivant nos conseils de bonnes pratiques.

Mais d'abord, commençons par examiner la définition HTML.

 

Qu'est-ce que le HTML ?

Le code HTML est le langage utilisé pour définir le contenu des sites web. Il est constitué d'une série de balises qui définissent à la fois le texte et d'autres éléments de la page (images, vidéos, etc.).

Vous devez garder à l'esprit que HTML n'est pas un langage de programmation mais des marques hypertextes (Hypertext Markup Language, d'où les initiales HTML). Il s'écrit entièrement au moyen de balises, de contenus et d'attributs.

HTML

Balises HTML importantes pour le référencement

Les principales balises pour l'optimisation des moteurs de recherche sont les suivantes :

 

Étiquette du titre

Cette balise est utilisée pour mettre en place le titre cliquable en bleu sur les pages de résultats des moteurs de recherche. Bien que le titre qui apparaîtra soit en fin de compte à la charge de Google, le robot vérifie d'abord cette balise et, dans la plupart des cas, en fait le titre principal.

Il est recommandé d'inclure les mots clés que vous voulez classer dans les résultats de recherche et de rendre le titre si accrocheur que les utilisateurs ne puissent pas résister à l'envie d'entrer sur la page.

N'oubliez pas que Google n'affiche que les premiers 50-60 caractères. Par conséquent, vous devez optimiser la balise de titre afin qu'elle ne dépasse pas la longueur ou qu'elle contienne les informations les plus pertinentes dans cette première partie. Il est également essentiel d'être créatif et d'écrire des titres originaux.

 

Balise de méta description

Vous pouvez utiliser des balises de méta description pour créer une description dans le fragment qui apparaît dans les résultats de la recherche. La vérité est que Google n'utilise pas toujours la méta description pour créer ces fragments, mais si vous les utilisez, vous augmenterez les chances d'obtenir le texte souhaité dans le SERP.

Parfois, Google affiche un morceau de texte de la page parce qu'il considère qu'il correspond mieux à une requête. Bien qu'il n'y ait pas de règles strictes pour la méta-description, il faut en général penser que le moteur de recherche n 'affiche que 150-160 caractères. Il est essentiel d'y placer les informations les plus pertinentes et les plus intéressantes pour votre public cible.

 

Image alt texte

Le texte alternatif de l'image permet aux utilisateurs de mieux comprendre le contenu de l'image, en particulier pour les personnes ayant une déficience visuelle. Il est également essentiel de permettre aux robots des moteurs de recherche d'identifier l 'image puisqu'ils ne peuvent pas la voir.

À un moment donné, il peut même y avoir un problème technique qui empêche l'affichage de l'image, auquel cas le texte alternatif doit décrire ce qu'elle contient.

Un excellent texte alternatif sera bref mais descriptif. Il doit contenir le nombre minimum de mots nécessaires pour faire ressortir clairement l'objet de l'image. Toutefois, il ne faut pas être trop concis, car il est difficile de décrire correctement une image avec seulement un ou deux mots.

Et bien sûr, vous ne devez pas utiliser les balises de texte alternatives pour faire un bourrage de mots-clés puisque c'est une pratique qui ne fonctionne plus pour le référencement.

 

<a> element

The HTML <a> element, also called the anchor element, creates links to other web pages, files, or locations within the same page, email addresses, or any different URL. In SEO, it is fundamental to work on the internal links apart from having good quality backlinks.

The hyperlink created by an anchor element is applied to a text, image, or other HTML content placed between the opening and closing <a> tags. Considering that the search engines cannot see the images, it is advisable to link the URLs with text instead of pictures. This leads us to talk about anchor text optimization.

Le texte d'ancrage est constitué des mots visibles et cliquables dans un hyperlien HTML. Ce texte doit informer l'utilisateur (et le moteur de recherche) sur le contenu de la page liée. Une bonne pratique consiste à inclure des mots clés pertinents dans le texte d'ancrage pour donner à Google plus d'indices sur le sujet de la page.

On the other hand, by adding the right attributes in the <a> element, you can optimize your crawl budget. To this end, you can use the rel=nofollow. This attribute used to tell search engines to ignore the link and not pass authority to nofollow links. This practice is especially beneficial when linking to external sites, although Google stated that it only works as a hint and it does not prevent GoogleBot from crawling the linked page. The Nofollow Update began on March 1st, 2020.

Exemple de code :


<a href="https://fandangoseo.com" rel="nofollow">SEO Crawler</a>

 

Balisage du schéma

Il s'agit d'une série de balises développées conjointement par Google, Yahoo !, Bing et Yandex pour donner des informations supplémentaires aux moteurs de recherche sur différents types de pages. Les moteurs de recherche les utilisent pour améliorer l'information fournie dans la page de résultats de recherche avec de riches snippets.

Ces balises ne garantissent pas l'indexation dans les SERP, mais elles rendent certainement les bribes beaucoup plus attrayantes, améliorant ainsi votre CTR biologique.

Nous vous suggérons donc de visiter schema.org pour voir s'il existe des balises applicables aux types de pages que vous souhaitez mettre en évidence dans les résultats de recherche.

 

Meta robots tag

La balise des méta-robots influence la façon dont le moteur de recherche interagit sur un site web. C'est là que les propriétaires de sites peuvent donner des directives aux robots pour qu'ils explorent et indexent leurs pages d'une manière particulière. Les balises les plus couramment utilisées sont follow, nofollow, index, noindex.

Certaines de ces règles sont "obligatoires", d'autres ne sont que des suggestions. Tous les crawlers ne respectent pas les balises des méta-robots, mais les moteurs de recherche le font généralement. De plus, si vous n'ajoutez aucune directive, le crawler agira librement. Ceci, entre autres, compliquera une bonne utilisation de votre budget de crawl.

Il est essentiel de placer la balise meta robots dans la section d'en-tête du code de la page, en indiquant les instructions qui doivent être appliquées.

Moteur de recherche bot

Balise canonique

La balise canonical permet d'éviter les problèmes de duplication de contenu. Toute page peut avoir plusieurs URL, même si le propriétaire du site n'en a pas l'intention.

Google ne pénalise pas directement pour cela, mais cela affecte la performance SEO de la page. Lorsque le contenu est très similaire dans plusieurs URL, les moteurs de recherche ont du mal à dépenser votre budget d'exploration et à attribuer l'autorité appropriée à la page.

Vous devez donc placer l'étiquette canonique sur les pages suivantes:

  • Ceux dont le contenu est très similaire
  • Pages accessibles par différentes URL
  • Des pages dynamiques qui créent leurs paramètres URL

 

De H1 à H6

Ces balises indiquent différents niveaux de titres, allant de 1 à 6, tant pour le lecteur que pour le moteur de recherche. Elles donnent la possibilité de souligner l'importance des titres dans le texte et de structurer son contenu.

En ce qui concerne le lecteur, presque plus personne ne lit un article complet, mais il cherche directement la rubrique pour trouver l'information exacte qu'il recherche. Et les balises d'en-tête sont d'une grande aide à cet égard.

Il est conseillé de diviser l'article en petites sections et de maintenir un format cohérent. Vous ne devez pas non plus utiliser plus d'une rubrique H1 car c'est celle que le moteur de recherche traite comme titre principal.

En général, la structure d'un article ne doit pas être trop profonde; en fait, il est rarement nécessaire d'aller au-delà de H3. Enfin, il est utile de formuler des rubriques similaires aux requêtes, afin que les utilisateurs comprennent qu'ils trouveront la réponse à la question ci-dessous.

 

Ouvrir les balises graphiques

Lesbalises Open Graph permettent aux réseaux sociaux de connaître les principaux éléments à afficher lorsqu'un article externe est partagé sur eux.

Ils sont ajoutés aux réseaux sociaux (Facebook, Twitter et LinkedIn) et aux applications de messagerie populaires (WhatsApp, Telegram et Slack).

Dans ce cas, il est toujours nécessaire d' ajouter au moins les propriétés Open Graph suivantes:

  •   og:url
  •   og:titre (55-60 caractères)
  •   og:description (60-65 caractères)
  •   og:image (au moins 1200 x 630 pixels, et au maximum 8 MB)

Et il est important de s'assurer que le titre et la description sur les réseaux sociaux correspondent au contenu.

Arrow-up