Tip : contrôlez le contenu de vos snippets avec l’attribut data-nosnippet

Ces dernières semaines, Google s’est attiré pas mal de critiques suite à sa nouvelle manière de générer des titres pour les snippets qui apparaissent dans les pages de résultats.

Mais comment cela fonctionne pour la description ?

Google affiche dans le snippet le contenu de la balise meta description, sauf s’ils considèrent que celle-ci est trop courte ou inadaptée pour certaines requêtes. Dans ce cas, Google peut remplacer la meta description par autre chose, et le plus souvent, il s’agit d’un extrait du contenu de la page.

Parfois, ce contenu peut sembler inapproprié ou contenir des informations que vous ne souhaitez pas voir apparaître dans la réponse. Par exemple, un numéro de téléphone qui sera confondu avec un numéro d’accueil.

Dans ce cas, peut-être ne le savez vous pas, il existe un attribut qui permet d’indiquer les zones d’une page que vous ne souhaitez pas voir dans le snippet !

L’attribut data-nosnippet pour gérer les zones à exclure des snippets

Cet attribut à été introduit en septembre 2019. Il a été annoncé dans ce billet de blog :

https://developers.google.com/search/blog/2019/09/more-controls-on-search

Le principe d’utilisation est simple : il faut que le contenu à retirer soit inclus dans un conteneur comme une <div>, une balise <span> <section> etc…

Il suffit ensuite d’ajouter l’attribut nosnippet dans la balise ouvrante, et le contenu présent dans le conteneur sera exclu de la meta description, comme dans les exemples ci-dessous et le tour est joué.

<p>This text can be shown in a snippet
<span data-nosnippet>and this part would not be shown</span>.</p>

<div data-nosnippet>not in snippet</div>
<div data-nosnippet="true">also not in snippet</div>
<div data-nosnippet="false">also not in snippet</div>
<!-- all values are ignored -->

<div data-nosnippet>some text</html>
<!-- unclosed "div" will include all content afterwards -->

<mytag data-nosnippet>some text</mytag>
<!-- NOT VALID: not a span, div, or section -->

Cette astuce a également été présentée dans une vidéo de John Mueller :

La page de référence de Google sur la balise meta robots :

https://developers.google.com/search/docs/advanced/robots/robots_meta_tag

Laisser un commentaire