Bonjour à tous, ici Lucas Martin. Aujourd'hui sur Cash Astuce, nous mettons le design de côté pour plonger dans les entrailles du SEO Technique pur et dur. Nous allons apprendre à parler directement aux robots de Google grâce aux Données Structurées (Schema.org) en format JSON-LD.
Si vous vous demandez comment certains blogs arrivent à apparaître dans Google Discover ou à afficher de magnifiques résultats enrichis (Rich Snippets) avec la date exacte de publication, l'auteur et la miniature dans les résultats de recherche, ne cherchez plus : c'est grâce au balisage Schema.org. C'est le passeport VIP pour que l'Intelligence Artificielle de Google comprenne exactement de quoi parle votre article.
Dans ce tutoriel, nous allons implémenter un script invisible (JSON-LD) qui va automatiquement extraire les données de vos articles Blogger (titre, image, auteur, dates) pour les servir sur un plateau d'argent aux moteurs de recherche.
Qu'est-ce que le JSON-LD (BlogPosting) ?
Google comprend le texte, mais il adore les bases de données structurées. Le JSON-LD est un script qui ne s'affiche pas pour vos visiteurs, mais qui indique précisément à Google :
- "Ceci est un article de blog (BlogPosting)."
- "Voici son URL canonique, son Titre et sa Description."
- "Voici la photo officielle de l'article."
- "Il a été écrit par [Vot
re Nom] et publié à cette date précise."
Tutoriel : Implémenter le JSON-LD sur Blogger
Avertissement de rigueur : Faites une sauvegarde de votre thème (Thème > Sauvegarder) avant de toucher au code XML. Une erreur de syntaxe dans Blogger peut bloquer l'enregistrement.
Étape Unique : Injection du Script Dynamique
Allez dans Thème > Modifier le code HTML. Cliquez n'importe où dans le code et utilisez Ctrl+F pour rechercher cette ligne exacte (qui affiche le corps de vos articles) :
<data:post.body/>
Juste EN DESSOUS de cette balise, copiez et collez le script XML/JSON-LD suivant. Nous le plaçons ici car c'est l'endroit où toutes les variables dynamiques data:post de Blogger sont appelées et parfaitement reconnues.
<!-- Schema.org JSON-LD BlogPosting par Cash Astuce -->
<b:if cond='data:view.isPost'>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<data:post.url.canonical/>"
},
"headline": "<data:post.title/>",
"description": "<b:eval expr='data:post.snippets.meta ? data:post.snippets.meta : data:post.snippet'/>",
"image": {
"@type": "ImageObject",
"url": "<b:if cond='data:post.featuredImage'><data:post.featuredImage/><b:else/>https://www.cashastuce.site/favicon.ico</b:if>"
},
"author": {
"@type": "Person",
"name": "<data:post.author.name/>"
},
"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>",
"logo": {
"@type": "ImageObject",
"url": "https://www.cashastuce.site/favicon.ico"
}
},
"datePublished": "<data:post.date.iso8601/>",
"dateModified": "<data:post.lastUpdatedISO8601/>"
}
</script>
</b:if>
Explication du code pour les puristes
Ce script est ultra-optimisé pour l'écosystème Blogger :
- b:if cond='data:view.isPost' : Empêche le script de se charger sur la page d'accueil, évitant ainsi le "Duplicate Schema Error" dans la Google Search Console.
- data:post.date.iso8601 : Convertit automatiquement la date de votre article au format universel (ISO 8601) exigé par Google.
- b:eval expr : Une fonction intelligente qui vérifie si vous avez écrit une "Description de recherche". Si oui, elle l'utilise. Sinon, elle prend un extrait automatique.
Conclusion : Vérification et Synergie SEO
Félicitations ! Vous venez de franchir un cap énorme en SEO Technique. Pour vérifier que votre code fonctionne, attendez quelques jours et utilisez l'outil officiel Test d'optimisation pour les résultats enrichis de Google (Rich Results Test).
Ce balisage invisible travaille en parfaite synergie avec les éléments visibles de votre blog. En effet, le JSON-LD convainc Google de classer votre article plus haut. Et une fois que le visiteur clique et atterrit sur votre page, c'est notre fantastique Sommaire Automatique (Table of Contents) qui va structurer sa lecture et le retenir sur le site !
C'est la combinaison parfaite : attirer avec les données structurées, retenir avec une UX irréprochable. Avez-vous réussi l'intégration ? Dites-le-moi en commentaire !
%20sur%20Blogger%20pour%20le%20SEO.jpg)
Commentaires
Enregistrer un commentaire