Le guide ultime du balisage Schema local

Qu'est-ce que Schema ?

En clair, le balisage Schema (découvrez les consignes de Google sur le balisage des avis) permet d’ajouter des « identifiants » à votre contenu afin d’aider Google à le comprendre et à l’intégrer aux données structurées qu’il indexe depuis votre page.

Google explore généralement votre page et son contenu, mais il peut avoir du mal à extraire certaines données précises : votre adresse, le nombre d’avis que vous possédez, votre identité… Schema permet précisément d’indiquer au moteur de recherche où se trouvent ces informations.

Pourquoi devriez-vous investir du temps dans Schema ?

Même s’il n’existe aucune preuve formelle qu’ajouter Schema améliore directement le classement (à l’exception peut-être du balisage d’auteur et de l’Author Rank),

sa mise en place reste simple et vous apporte au minimum plusieurs avantages :

Vous vous démarquez dans les SERP grâce aux rich snippets pour le balisage d’auteur et d’avis.
Des applications tierces en dehors de Google, Bing, etc., peuvent extraire vos données dans un format structuré si vous suivez les conventions de schema.org.
Avec le temps, à mesure que les applications et plateformes doivent traiter de plus en plus de données, les informations balisées avec Schema s’intégreront en toute simplicité, ce qui profitera directement aux entreprises qui l’ont déjà déployé.

Comment fonctionne Schema ?

Schema repose sur des identifiants : vous indiquez aux robots d’exploration la nature de vos données à l’aide d’un balisage précis, et ils les classifient en conséquence.

Il existe différents types de schémas, notamment Event, Organization, LocalBusiness, Person, etc.

Vous commencez chaque bloc en précisant le sujet de votre balisage : s’agit-il d’un lieu ? d’une personne ? d’un événement ? Pour ce guide pratique, nous utiliserons uniquement les méthodes de balisage Person, Place, LocalBusiness, Product, Offer et HReview.

Une fois le type de schéma renseigné auprès du moteur de recherche, vous détaillez les différents éléments et attributs que vous mettez en avant.

Voici par exemple un balisage Schema pour un LocalBusiness :

<!-- start the localbusiness schema object -->
<div itemscope itemtype="https://schema.org/LocalBusiness">
	<!-- mark up the business name with the itemprop name attribute -->
	<span itemprop="name">Beachwalk Beachwear & Giftware</span>
	<!-- mark up the description for the business -->
	<span itemprop="description"> A superb collection of fine gifts and clothing to accent your stay in Mexico Beach.</span>
	<!-- start the address schema object -->
	<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
	<!-- street address marked up -->
	<span itemprop="streetAddress">3102 Highway 98</span>
	<!-- city marked up -->
	<span itemprop="addressLocality">Mexico Beach</span>
	<!-- state marked up -->
	<span itemprop="addressRegion">FL</span>
	<!-- end postaladdress schema object -->
	</div>
	<!-- telephone marked up -->
	Phone: <span itemprop="telephone">850-648-4200</span>
	<!-- end localbusiness object -->
</div>

Une fois ces informations précisées, le moteur de recherche les récupère automatiquement et catégorise votre site web en conséquence.

Avant de commencer : vérifier le balisage existant de votre page web

Même s’il existe une multitude d’outils pour vérifier si votre site intègre déjà un balisage Schema, nous vous recommandons d’utiliser l’Outil de test des données structurées de Google.

Cet outil de Google vous permet de :

Détecter automatiquement si des balises Schema sont présentes sur votre page web
Savoir s’il vous manque des sections Schema et si Google a relevé des erreurs dans votre balisage

Vous pouvez également vérifier votre site page par page avec le [Schema Scanner](https://www.synup.com/tools/schema/?utm_source=Synup%20Blog&utm_medium=Synup%20Blog&utm_campaign=The%20Ultimate%20Guide%20To%20Local%20Schema&utm_term=Content). Il repère les pages où le balisage Schema est manquant ou incorrect.

Vérifier la présence de balisage structuré sur votre site :

Identifier si votre site web comporte déjà des données balisées est très simple. Dès que vous saisissez l’URL de votre page web, un onglet s’affiche pour vous présenter les données structurées détectées.

Comme vous pouvez le voir, Google s’appuie sur le format de balisage de schema.org pour identifier les données structurées.

L’outil vous indique également de manière automatique s’il a repéré des erreurs :

Comme le montre la capture d’écran ci-dessus, Google a trouvé de nombreuses erreurs sur la page analysée.

Si votre balisage Schema actuel contient des erreurs, nous vous conseillons fortement de :

Supprimer l’intégralité de ces données pour repartir de zéro, si vous avez le temps et les ressources nécessaires
Corriger votre balisage existant avant de chercher à baliser des données supplémentaires.

Les types de balisage Schema et leur intégration sur le site de votre établissement

Maintenant que vous maîtrisez le fonctionnement de Schema, découvrons les différents types de schémas et comment les implémenter concrètement.

Avant d’aller plus loin, gardez à l’esprit que ce guide porte uniquement sur les balises Schema propres au référencement local, et qu’elles ne s’appliquent pas toutes nécessairement à votre activité.

Informations clés de l'établissement (Nom, Adresse et Téléphone)

La priorité absolue consiste à baliser les données fondamentales de votre établissement, notamment :

Le nom de l’établissement
L’adresse de l’établissement
Le téléphone de l’établissement
Les coordonnées géographiques (Lat / Long)
Le logo de l’établissement
La description de l’établissement

Bonne nouvelle : vous pouvez renseigner toutes ces informations avec le seul type de schéma « LocalBusiness ». Même s’il est possible d’utiliser les types « Place » ou « Business », nous vous conseillons de privilégier LocalBusiness.

La seule donnée qui peut s’avérer un peu difficile à obtenir est la latitude et la longitude de votre adresse : pour la trouver facilement, saisissez votre adresse dans cet outil de recherche de coordonnées géographiques.

Passons maintenant à l’intégration concrète de vos données avec le balisage adapté :

<!-- Start by initiating the schema type -->
<div itemscope itemtype="https://schema.org/LocalBusiness"> 
<!-- Add the identifier for business name -->
<span itemprop="name">{Your Business Name Here}</span>
<!-- Add the identifier for business description -->
<span itemprop=”description”>{Your description here}</span>
<!-- Initiate the address sub-type -->
<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<!-- Add street address -->
<span itemprop="streetAddress">{Your street address here}</span>
<!-- Add city -->
<span itemprop="addressLocality">{Your city here}</span>,
<!-- Add state and zip -->
<span itemprop="addressRegion">{Your state here}</span> <span itemprop="postalCode">{Your zip here}</span>
<!-- End address sub-type -->
</div>
<!-- Add the lat/long geo sub-type -->
<div itemprop="geo" itemscope itemtype="https://schema.org/GeoCoordinates">
<!-- Add Latitude -->
<meta itemprop="latitude" content="{Your Latitude here}" />
<!-- Add Longitude -->
<meta itemprop="longitude" content="{Your Longitude here}" />
<!-- End sub schema block -->
</div>
<!-- Add phone -->
<span itemprop="telephone">{Your telephone here}</span>
<!-- End schema block -->
</div>

En construisant le balisage Schema, vous avez sans doute remarqué que nous avons dû diviser l’adresse en trois éléments : l’adresse de voirie, la ville, l’état/région et le code postal. C’est ainsi que schema.org exige que les données soient structurées.

Balisage de l'auteur

Le balisage de l’auteur n’est pas seulement important parce qu’il fournit plus de données à Google, mais aussi parce qu’une grande partie de l’algorithme semble évoluer vers un modèle où l’Author Rank joue un rôle déterminant dans le positionnement de vos pages sur les moteurs de recherche.

Il existe deux manières d’activer l’Authorship de Schema pour vos sites web.

Première méthode – Associer votre profil Google+

C’est la méthode la plus simple pour baliser vos données d’auteur : elle consiste à créer un lien vers votre profil Google+ depuis votre page pour indiquer qui vous êtes.

Pour ce faire, il suffit d’ajouter ce lien n’importe où sur votre page en remplaçant {google_url} par l’URL de votre profil Google+ :

<a href="[google_url]?rel=author">Google</a>

CONSEIL : Lisez [The Ultimate Guide To Google Authorship Markup](https://searchengineland.com/the-definitive-guide-to-google-authorship-markup-123218) pour plus d'informations utiles.

Deuxième méthode – Utiliser le format schema.org pour référencer les informations de l'auteur

Si vous n’avez pas de profil Google+ ou si vous ne souhaitez pas y associer votre site web, il existe un autre moyen d’intégrer les données d’auteur sous forme structurée. Cette méthode est un peu moins efficace que l’ajout de l’URL de votre profil Google+, mais elle reste bien meilleure que l’absence totale de balisage d’auteur.

Voici le code à insérer sur votre page :

<!-- Initiate person schema -->
<div itemscope itemtype="https://schema.org/Person">
<!-- Add Author name -->
<span itemprop="name">Jane Doe</span>
<!-- Add Author image -->
<img src="janedoe.jpg" itemprop="image" />
<!-- Add your job title -->
<span itemprop="jobTitle">Professor</span>
<!-- Add your email (optional) -->
<a href="mailto:jane-doe@xyz.edu" itemprop="email">jane-doe@xyz.edu</a>

Balisage des avis

Intégrer vos avis sous forme de données structurées Schema vous permet d’afficher des rich snippets comprenant à la fois la note globale et le nombre d’avis dans les pages de résultats des moteurs de recherche.

Pour baliser ces données, vous devez utiliser deux objets Schema distincts : « aggregaterating » et « review ».

L’objet aggregaterating référence vos notes globales, y compris la note moyenne de tous les avis et le nombre total d’avis. L’objet review référence le texte et le contenu de l’avis en lui-même.

Voyons un exemple :

<!-- Initiate the aggregaterating block -->
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<!-- Include average rating and total reviews -->
Rated <span itemprop="ratingValue">{insert average rating}</span>/5 based on <span itemprop="reviewCount">{insert review count}</span> customer reviews
<!-- End aggregaterating block -->
</div>
<!-- Start review block -->
<div itemprop="review" itemscope itemtype="https://schema.org/Review">
<!-- Include review title and author -->
<span itemprop="name">Not a happy camper</span> - by <span itemprop="author">Ellie</span>, 
<!-- Include review date -->
<meta itemprop="datePublished" content="2011-04-01">April 1, 2011
<!-- Start reviewrating object -->
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<!-- Add worstrating (usually 1) -->
<meta itemprop="worstRating" content = "1">
<!-- Add review’s actual rating and best rating (usually 5) -->
<span itemprop="ratingValue">5</span>/<span itemprop="bestRating">5</span>stars
<!-- End reviewrating object -->
</div>
<!-- Add review text / description -->
<span itemprop="description">{Actual review text}</span>
<!-- End review object -->
</div>

Pour ajouter d’autres avis, il vous suffit d’initialiser un nouveau bloc « review » avec un autre commentaire.

CONSEIL : Balisez votre page de témoignages pour offrir une expérience fluide, et ajoutez du balisage Schema masqué sur toutes vos autres pages afin que les extraits enrichis s'affichent pour l'ensemble des pages de votre site web.

Balisage des produits

Vous proposez des produits ou des services ? Il est judicieux de les baliser pour que les moteurs de recherche puissent les indexer efficacement.

Ajoutez l’objet Schema Product :

<!-- Initiate the block -->
<div itemscope itemtype="https://schema.org/Product">
<!-- Add product name -->
<span itemprop="name">{Name}</span>
<!-- Add product image -->
<img src="image.jpg" alt=’{alt text}’ />
<!-- End product block -->
</div>

Dans l’objet Schema Product, vous pouvez également référencer les différents services que vous proposez si vous ne vendez pas de produits physiques.

Balisage des offres

L’objet de balisage Schema Offer n’est pas aussi couramment utilisé que d’autres types de microdonnées, mais il reste très pertinent sur votre site web.

Vous pouvez l’utiliser pour indiquer les tarifs de vos différents services et produits. Il ne s’agit pas d’un « coupon », mais simplement du prix indicatif de vos prestations.

Voici comment utiliser cet objet :

<!-- Initiate the object -->
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<!-- Add price -->
<span itemprop="price">$55.00</span>
<!-- Add availability -->
<link itemprop="availability" href="https://schema.org/InStock" />In stock
</div>

Comment le contenu balisé avec Schema s'affiche-t-il pour les utilisateurs classiques ?

Le contenu balisé avec Schema s’affiche exactement de la même manière que le reste du contenu de votre site web. Vous ajoutez simplement des balises à votre contenu qui restent invisibles pour vos utilisateurs.

Afficher des données Schema « invisibles »

Parfois, vous souhaiterez baliser du contenu sans pour autant l’afficher sur la page. Par exemple, vous pourriez vouloir intégrer un aggregaterating sur l’ensemble des pages de votre site sans que les internautes ne le voient.

Pour ce faire, intégrez le texte dans l’attribut « content » au lieu de le placer dans le contenu directement visible.

Ainsi, le bloc aggregaterating classique :

<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
Rated <span itemprop="ratingValue">{insert average rating}</span>/5 based on <span itemprop="reviewCount">{insert review count}</span> customer reviews
</div>

Sera modifié comme suit :

<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
Rated <span itemprop="ratingValue" content=”{insert average rating}”></span>
<span itemprop="reviewCount" content=”{insert review count}”></span></div>

Comme vous le voyez dans ces deux exemples, le contenu situé entre les balises span et /span est désormais placé dans un nouvel attribut nommé content.

Comprendre comment Schema est associé à une page

Avant de clore ce guide, il est essentiel de comprendre comment les données structurées sont associées à une page. Les données Schema ajoutées sur une page ne sont associées qu’à cette page spécifique, et non à l’ensemble de votre site web.

Par exemple, si vous intégrez votre adresse sous forme de balisage Schema sur votre page de contact, Google n’associera cette information qu’à votre page de contact, et à aucune autre page de votre site. De même pour les avis : s’ils ne sont référencés que sur votre page de témoignages, les internautes ne verront les extraits enrichis que pour cette page précise.

Dans ce cas, la solution idéale est d’intégrer vos balisages aggregaterating et author sur toutes les pages de votre site web. Vous pouvez simplement les insérer dans un en-tête ou un pied de page commun sous la forme d’un bloc Schema invisible.

Outils et ressources complémentaires

Google Local Tool de Travis Van Slooten est un excellent outil pour générer du balisage Schema local pour le nom, l’adresse et le numéro de téléphone.
Le Reviews Schema Generator rend le balisage de vos avis un jeu d’enfant !
Hallam Internet Marketing propose un guide concis mais très pertinent sur le Schema Markup for Local Businesses.
Schema.org répertorie tous les types de balisages et l’ensemble de leur documentation.
Si vous avez des questions sur le balisage Schema local ou sur tout autre aspect du SEO local, rendez-vous sur le Catalyst’s Local SEO Forum.