Crew Advice

Réaliser son SEO pour un nouveau site internet peut être intimidant.
Le plus important pour le SEO se trouve dans vos pages web. Le netlinking n’est pas effectif si votre site n’est pas optimisé.

Avant de commencer, l’une des règles d’or est de ne jamais en faire trop, les moteurs de recherche sont de plus en plus intolérables et les pénalités ne font qu’augmenter.

Les balises correspondent à un indispensable du SEO. En effet, le plan de votre page doit être entièrement structuré. Aucun détail n’est à oublier.

Les balises en tête de page ou méta

La balise <head> d’un document HTML n’est pas affiché dans le navigateur web.
Cette balise contient les métadonnées <meta> et sont utile aux navigateurs web et à tous les outils d’indexation (moteur de recherche inclus).

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Ceci est une description de la page">
  <meta name="keywords" content="SEO, balise, guide">
  <meta name="author" content="mr patate">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

La balise title

La balise title est comme le titre d’un livre. Elle sert à donner une idée de ce qu’ils trouveront sur votre site.

La balise titre est utile pour les moteurs de recherche pour la même raison, mais permet aussi de déterminer la correspondance de votre page web avec les recherches.

Une balise title ne devrait pas dépasser 70 caractères. Il est préférables d’utiliser moins de 60 caractères. Un titre long risque de se retrouver coupé dans les résultats de recherche.

<head>
  <title>Titre de la page</title>
</head>

Il est important de retenir que l’utilisation de mot d’arrêt n’est pas recommandé, par exemple : mais, sinon, cependant, et, avec, etc…

La balise keyword

<meta name="keywords" content="SEO, balise, guide">

Plutôt explicite lorsque l’on comprend le mot en anglais, cette balise permet de choisir une liste de mots-clés pour votre page web.

Attention, il est très facile pour les moteurs de recherche d’identifier les mots-clés qui ne correspondent pas au contenu, les pénalités sont de plus en plus sévères.

la balise description

<meta name="description" content="Ceci est une desciption de la page">

La balise description permet aux moteurs de recherche d’avoir un peut plus d’information sur le sujet de votre page. La description est généralement affiché sous le lien dans les résultats de recherche.

Notez que l’utilité de la balise description dans le référencement fait toujours débat.

Les balises H1, H2, H3…

En SEO les balises de titres sont comme les plans d’un exposé ou les sections d’un journal. Chaque page ou poste peuvent avoir plusieurs balises titre.

Aujourd’hui, il est admis que les balises de titre n’impactent pas directement votre SEO. Cependant, nombreux sont les avantages indirects.

En effet, elles servent une fonction importante pour vos visiteurs ainsi que pour les robots qui visite votre site.
Elles influencent directement votre référencement en mettant en avant des mots-clés en lien avec votre contenu et permettent à celui-ci d’être plus intuitif et agréable à lire.

Utiliser les balises pour structurer

Une balise titre permet de donner un contexte et une structure sur vos pages et articles.
Chaque balise doit permettre de donner une idée de ce que contient votre paragraphe.

H1 : Balise titre principale, introduit le sujet de votre page. On en met souvent qu’une seul dans la page.
H2: sous-titre, similaire au chapitre d’un livre, h2 décrit le sujet principal d’une section.
H3 – H6 : lorsqu’il est nécessaire de subdiviser une section en plusieurs parties, afin d’ajouter de la clarté et du confort de lecture.

Par exemple, on peut imaginer le plan suivant  :

  • H1 : La pomme de terre le meilleur aliment
    • H2 : Pourquoi la pomme de terre
      • H3 : Une cultivation facile
      • H3 : les avantages de son conditionnement
    • H2 : Les types de pommes de terre
      • H3 : Celle qu’on connait
      • H3 : Une douce
      • H3 : La dure

Les balises titre pour les crawlers

Expliquer ce qu’est un crawler (ou robot d’indexation en français) est un peut complexe.
Alors voici la page wikipedia : https://fr.wikipedia.org/wiki/Robot_d%27indexation

Pour ne pas se perdre dans des détails techniques dites vous qu’un crawler va parcourir automatiquement le web comme une bibliothécaire qui, en parcourant chaque étagère de la bibliothèque, indexe chacuns des livres.

On a vu précédemment que les balises de titres doivent être structurées, c’est effectivement vrai pour un visiteur humain, mais les crawler sont souvent plus flexibles sur ce type de balises.

Si ceux-ci sont souvent inflexibles et ne permettent pas d’erreurs, la plupart des crawlers rencontrent quotidiennement des pages web dont le code HTML est « cassé ».

Conventionnellement, la balise H1 est souvent utilisée une seule fois par page pour permettre une meilleure lisibilité.
Pour les crawlers, cela n’a pas directement d’importance. Vous pourriez en mettre 2, 3 ou 5, c’est votre choix.
Attention cependant, dans certains cas les moteurs de recherche peuvent interpréter cela comme une tentative d’augmenter les mots-clés.
Retenez cependant qu’il est recommandé de varier les balises utilisées. N’utiliser que des balises H1 et H2 aura un impacte négatif.

CEPENDANT, si le nombre de balises titre identique utilisé n’a pas d’importance, vous ne devez PAS sauter des niveaux. Il faut respecter l’ordre des balises et ne pas passer d’un H1 à un H3.
Par exemple, cette sémantique est incorrecte:

<h1>Titre</h1>
<p>text</p>
<h2>premiere section</h2>
<h3>sous-partie</h3>
<p>plus de text</p>
<h5>sub-division</h5>
<p>encore plus de text</p>
<h3>seconde section</h3>
<p>encore plus de text</p>

Non seulement une balise H5 suit une balise H3 mais la balise H3 qui contient le texte « seconde section » devrait être en H2, si celle-ci contient elle-même des balises H3, H4, etc. cela devient vite illisible.

Le risque pour les crawlers est que ceux-ci se retrouvent incapables de mapper correctement votre page, ce qui peut avoir des conséquences désastreuses.

Les “à ne pas faire”

Certaines pratiques ou potentielles idées, parfois utilisées, ne peuvent qu’être à éviter.

Si ces balises titre servent au référencement, on peut se demander si les remplir de mots-clés serait une bonne idée. Mais comme ont vous dit souvent de profiter des choses avec modération, remplir un titre d’un maximum de mots-clés a un effet négatif.

De même, la répétition des balises de titre avec un contenu identique au travers de la page est a évité.

Certaines personnes aiment cacher des sections de texte afin qu’elles se découvrent en cliquant sur le titre. Cependant, ne cacher jamais une balise ne titre, cela sera négatif pour votre site. En particulier lorsque cela affecte le SEO.

Et bien evidement, il faut eviter d’utiliser les balise de titre pour styliser le texte, reserver cela pour le CSS.

L’attribut Alt

Ajouter une image aux articles peut rendre vos articles plus agréables à lire et vous aider à démontrer vos propos. Vous devez toujours vous rappeler d’ajouter un attribut alt.

Un attribut alt est une description textuelle que l’on attribue à une image.
Cette description est extrêmement importante pour l’accessibilité, mais aussi lorsque l’image ne peut pas être chargée.
Lorsque le serveur surcharge ou que la connexion ne permet pas de charger l’image, l’attribut alt est affiché en remplacement.

<img src="img_chat.jpg" alt="Chat endormie">

Toutes les images devraient avoir un attribut alt, pas seulement pour le SEO mais aussi pour l’accessibilité. Les lecteurs de texte pour personne mal voyante se serve de l’attribut alt pour décrire l’image.

Si le seul but de votre image est d’être décorative, alors elle ne devrait pas se trouver au sein de votre code HTML. Ce genre d’image doit être dans votre code CSS.

Toutes les images doivent avoir un attribut alt, quand bien même celui-ci doit être vide.

L’attribut alt est aussi parcouru par les crawler pour identifier l’image. Cette description aussi utilisée pour déterminer comment l’image correspond a texte l’entourant. Il est donc important que la description soit concise et corresponde à l’image.

Les liens internes

Les liens internes sont des liens hyperlinks qui pointent sur des pages du même domaine.

Cela aide les moteurs de recherche a trouver et mapper les pages de votre site internet. Utilisé de manière stratégique cela permet d’augmenter la popularité d’une page web en guidant les visiteurs vers les pages importantes de votre site web.

Lorsque vous écrivez plusieurs articles, les lier entre eux permet d’indiquer que le contenu de ces articles est lié.

En liant plusieurs articles à un même article cela permet de montrer votre article principal : celui qui doit être mis en avant.

Si votre site internet est construit de manière hiérarchique, n’oubliez pas de lier les pages parentes et enfants entre elles, ainsi que les pages de même niveau.

Charger rapidement les pages

Désormais, avec la part de navigation sur mobile, les utilisateurs s’attendent au chargement rapide, voir instantané des pages web. De plus, la vitesse de chargement des pages web impacte directement le référencement.

La question est donc, comment réduire le temps de chargement ? Celui-ci peut être impacté par plusieurs raisons.

La solution d’hébergement est souvent le premier fautif. Une offre attrayante, mais avec des ressources et une bande passante limite.

Des images trop lourdes. Dans l’idéal réduisez la taille de vos images pour correspondre au format affiché, inutile d’avoir une image en 1920×1080 pour l’afficher 5 fois plus petite. De même, utiliser des formats d’image telle que le JPEG ou WEBP, parfait pour le web.

Les effets CSS trop denses qui peuvent augmenter le temps avant l’affichage de la page.

Les ressources peuvent aussi retarder le chargement de la page, par exemple utiliser le tag async lors du chargement ressource non critique.

Nous vous invitons à tester la vitesse de chargement de votre site web grâce à des outils en ligne tels que :
PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights/
GTmetrix : https://gtmetrix.com/
HubSpot Website Grader : https://website.grader.com/
dareboost : https://www.dareboost.com/