Optimisation pour les moteurs de recherche (SEO) : L'importance de la structure du site et du contenu de qualité
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>
