SEO

Optimisation pour les moteurs de recherche (SEO) : L'importance de la structure du site et du contenu de qualité

Baptiste Lefranc-Morin
September 28, 2023
Temps de lecture :
3
minutes

SEO : Structure et Contenu

Balises sémantiques

Les balises sémantiques doivent remplir un objectif de contenu.

Utiliser correctement les balises HTML pour structurer le contenu :

  • <title> pour les titres,
  • <p> pour les paragraphes
  • <a> pour les textes d’ancrage
  • Les balises HTML telles que <div>, <ul> or <li> ne doivent pas être utilisées pour des objectifs sémantiques.

Formats HTML

Assurez-vous d’utiliser une ligne pour chaque bloc, liste ou table contenu HTML. Par exemple, une liste d’éléments devrait être affichée :

<ul>

<li>1 artichaut</li>

<li>De l'essuie-tout</li>

<li>200g de chocolat</li>

</ul>

Double guillemets "" utilisation

Comme dans l'exemple ci-dessous :

<p>You can reach Michael at:</p>

<ul>

<li><a href="<https://example.com>;">Website</a></li>

<li><a href="mailto:m.bluth@example.com">Email</a></li>

<li><a href="tel:+123456789">Phone</a></li>

</ul>

Headline Tags

  • Les balises <H> aident à structurer le contenu dans une page. Ils peuvent influencer l’indexation si le contenu est bien structuré, facile à lire, riche en mots-clés stratégiques et ciblés.
  • Chaque balise <H> doit donner à l’utilisateur une compréhension rapide des informations qu’il obtiendra dans le paragraphe ci-dessous

Comment structurer le contenu d’une page :

  • Toujours un et un seul H1 dans chaque page : il présente le sujet de votre page entière
  • H2 tag sont comme des chapitres dans un livre affichant les thèmes principaux autour du sujet de l’article
  • H3 et ci-dessous sont des balises que vous pouvez utiliser pour structurer les sous-paragraphes

Images et balises alt

Vous devez d’abord distinguer les images de contenu des images de charte graphique.

Les images de contenu doivent :

  • avoir un nom court et pertinent (descriptif)
  • avoir un attribut alt, descriptif aussi
  • être stockées dans le répertoire approprié (p. ex., *https://www.domain.com/images*) ou un CDN

Fil d’Ariane

Le “fil d’Ariane” ce sont des éléments de navigation qui contribuent à apporter une meilleure expérience utilisateur sur le site et aider à faciliter le crawling.

Fil d’Ariane sont des liens qui permettent aux utilisateurs de comprendre où ils sont sur le site Web et quelles sont les pages intermédiaires avec la page d’accueil.

Voici quelques exemples :

Ils sont extrêmement importants pour l’indexation, parce que Google les utilise:

  • pour l’afficher sur les résultats du SERP
  • pour catégoriser l’information sur le PERL
  • dans un rapport à date structurée sur la console de recherche Google

Rich Snippet - Données structurées

Qu’est-ce que c’est ?

Une donnée structurée est une donnée qui est prédéfinie et formatée grâce à une structuration précise des balises. Le langage utilisé pour formater et stocker les données structurées est : schema.org.

Il aide Google et tous les autres moteurs de recherche à mieux comprendre la nature du contenu affiché sur une page pour mieux l’afficher sur la SERP.

Dans l’exemple ci-dessous, vous avez un lien vers un site Web qui contient des données structurées avec le type d’information Recipe (schema.org/recipe). Parce que l’éditeur a fait l’effort d’implémenter des données structurées sur son site, Google a mieux compris toutes les informations affichées sur la page (avis, temps de cuisson, calories...) et a pu les afficher de manière personnalisée sur le SERP :

Où écrire ces informations ?

Dans la section <head> de chaque page, afficher les informations pour lesquelles un type de contenu existe dans le langage schema.org.

Rich Snippet Fil d’Ariane

Ce type de données structurées ou de fragments riches aide à afficher le fil d’Ariane d’une page directement sur le lien du PERL.

Ce script LD-Json doit être mis sur la section <head> de toutes les pages qui ont des pistes de navigation.

<script type="application/ld+json">

{

"@context": "<https://schema.org>;",

"@type": "BreadcrumbList",

"itemListElement": [{

"@type": "ListItem",

"position": 1,

"name": "Accueil",

"item": "<https://www.domaine.com>;"

},{

"@type": "ListItem",

"position": 2,

"name": "Actualités",

"item": "<https://www.domaine.com/directory-1>;"

},{

"@type": "ListItem",

"position": 3,

"name": "Title of the page"

}]

}

</script>

Rich Snippet : Avis / Reviews

Ce type de données structurées ou de fragments riches aide à afficher les avis sur un produit, un service ou une marque directement sur le lien de la SERP.

Ce script LD-Json est à mettre sur la section <head> de toutes les pages du site.

<script type="application/ld+json">

{

"@context": "<https://schema.org>;",

"@type": "SoftwareApplication",

"name": "SPARK",

"operatingSystem": "Web-based",

"applicationCategory": "Blog",

"url": "www.spark.do",

"aggregateRating": {

"@type": "AggregateRating",

"ratingValue": "4.9",

"ratingCount": "54"

},

"offers": {

"@type": "Offer",

"price": "0.00",

"priceCurrency": "EUR"

}

}

</script>

Le type doit être modifié en fonction du type d’entreprise de votre client.

Rich Snippet : Page FAQ

Ce type de données structurées ou de fragments riches aide à afficher les questions et réponses directement sur le lien du SERP.

Ce script LD-Json doit se mettre sur la section <head> de toutes les pages du site qui ont une section FAQ.

<script type="application/ld+json">

{

"@context": "<https://schema.org>;",

"@type": "FAQPage",

"mainEntity":

[

{

"@type": "Question",

"name": "Ma 1ere question ?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Code source HTML de la réponse ( contenu + balises HTML) auquelle il faut enlever toutes les guillements doubles"

}

},

{

  "@type": "Question",

"name": "Ma 2e question ?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Code source HTML de la réponse ( contenu + balises HTML) auquelle il faut enlever toutes les guillements doubles"

}

},

{

"@type": "Question",

"name": "Ma 3e question ?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Code source HTML de la réponse ( contenu + balises HTML) auquelle il faut enlever toutes les guillements doubles"

}

},

{

"@type": "Question",

"name": "Ma 4e question ?",

"acceptedAnswer": {

"@type": "Answer",

"text": "Code source HTML de la réponse ( contenu + balises HTML) auquelle il faut enlever toutes les guillements doubles"

}

}

]

}

</script>

Rich Snippet: Article

Ce type de données structurées ou de fragments riches aide à afficher les questions et réponses directement sur le lien du PERL.

Ce script LD-Json est à mettre dans la section <head> de toutes les pages du blog, des nouvelles et des articles du site.

<script type="application/ld+json">

{

"@context": "<https://schema.org>;",

"@type": "Article",

"mainEntityOfPage": {

"@type": "WebPage",

"@id": "<https://www.spark.do/blog/article-example>;"

},

"headline": "My Headline Here",

"image": "<https://www.spark.do/files/image_1.jpg>;",

"author": {

"@type": "Organization",

"name": "Spark"

},

"publisher": {

"@type": "Organization",

"name": "Spark",

"logo": {

"@type": "ImageObject",

"url": "<https://www.spark.do>;"

}

},

"datePublished": "2021-06-27"

}

</script>

Baptiste Lefranc-Morin
Founder
Partager sur
Le contenu
Rejoignez plus de 10,000 professionnels du growth et recevez tous les mois des contenus exclusifs sur la gestion de votre acquisition.
découvrir plus d’articles

Notre sélection

Stratégie
Outils
Meta CAPI : quelle implémentation choisir ?
Stratégie
Outils
Suppression des cookies sur Google Chrome : quel impact sur vos campagnes digitales ?
Stratégie
Outils
Pourquoi et comment passer au tracking server-side ?
Faites décoller votre croissance

Accélérez votre croissance aujourd'hui.

Bénéficiez d'audits gratuits de vos campagnes ainsi que d'une proposition de stratégie d'acquisition sur vos leviers payants.

Audit gratuit · Accompagnement sur mesure · Performances

Audit gratuit

Sur mesure

Performance