archive

Archives de Tag: MĂ©ta tags enrichis

Bonjour Ă  tous !

La mĂ©tadonnĂ©e “Speakable” est une nouvelle balise mise en place pour la reconnaissance vocale et la gĂ©nĂ©ration de discours Ă  l’oral. 

En mettant en place ce balisage sur certaines pages web, Google scanne et reconnaßt le passage balisé comme étant un contenu à diffuser dans les enceintes vocales (notamment Google Home).

Dans le jargon des ingĂ©nieurs linguistes et des spĂ©cialistes de traitement automatique des langues, on parle de “text-to-speech”. 

speakable-schema-org-rich-snippet-google-home-veronique-duong

Afin de gĂ©nĂ©rer cela un code HTML spĂ©cifique peut ĂȘtre insĂ©rĂ© au sein des codes sources de pages qui doivent ĂȘtre prononcĂ©es Ă  l’oral :

<!DOCTYPE html>

<html>

 <head rel= »home » href= »/ » itemid= » »Â  itemscope itemtype= »http://schema.org/SpeakableSpecification« >

  <title>Example showing complex structures in HTML head</title>

  <meta itemprop= »cssSelector » content= ».title » />

  <meta itemprop= »xpath » content= »/html/body/h3″ />

 </head>

 <body>

  <h1 class= »title »>Complex Microdata in HTML head</h1>

  <p>…</p>

 </body>

</html>

Pour localiser les contenus à transformer en discours oraux, il existe trois solutions : 

  • par ID : identification des sections balisĂ©es par des ID spĂ©cifiques
  • par CSS : avec des attributs ou des classes en CSS (annotation)
  • par Xpath (langage XML pour scraper du contenu)

Cela demande de savoir développer ou de coder à minima afin de mettre en place correctement ce balisage. 

Il est également possible de mettre en place Speakable avec du JSON : 

speakable-json-rich-snippet-google-home-veronique-duong

La mise en place de cette caractĂ©ristique est un rĂ©el plus pour les dĂ©finitions, les rĂ©ponses Ă  des questions d’internautes afin de leurs offrir une rĂ©ponse rapide s’ils posent des questions Ă  leurs Google Home ou autres enceintes vocales utilisant les rĂ©sultats de recherche de Google. 

Les balisages de Speakable en HTML ou JSON sont toujours en cours d’amĂ©liorations, et nous nous adapterons au fur et Ă  mesure Ă  ces derniĂšres. 

Sources :

https://schema.org/speakable

https://github.com/schemaorg/schemaorg/issues/1389

Bon courage Ă  tous !
VĂ©ronique DUONG – Experte SEO international – Directrice Fondatrice chez RANKWELL

Bonjour tout le monde !

La veille informationnelle, que j’effectue avec mes outils de veille stratĂ©gique, me sert vraiment au quotidien ! je dĂ©couvre des outils, des confĂ©rences, et autres Ă©vĂ©nements super intĂ©ressants dans le domaine du webmarketing et du SEO. RĂ©cemment, j’ai trouvĂ© un outil SEO super sympa pour gĂ©nĂ©rer des mĂ©ta tags et des fils d’Ariane enrichis. Si vous me suivez sur Twitter, vous auriez dĂ» voir passer ce tweet.

L’outil se nomme : Google Snippets Preview Tool – Funny Breadcrumbs – Increase CTR. Il a Ă©tĂ© crĂ©Ă© par Alexander Lavro. Il permet de gĂ©nĂ©rer des rĂ©sultats de recherche comme celui-ci :

Outil SEO : génération de Rich Snippets automatique - AUTOVEILLE

En voyant des snippets comme celui sur l’image, cela va forcĂ©ment attirer le regard des internautes et donc, augmenter les clics. Pour obtenir ces petites « dĂ©corations » dans vos rĂ©sultats de recherche, vous devez avoir vos codes HTML en UTF-8 et insĂ©rez les lignes de codes gĂ©nĂ©rĂ©es par l’outil dans le <head> de votre page ou dans le <div> pour les fils d’Ariane.

MĂ©ta tags :

Meta tags enrichis d'AUTOVEILLE

Fil d’Ariane :

Fil d'Ariane enrichi - Rich Snippet - AUTOVEILLE

VoilĂ  Ă  quoi ressemblerait le snippet dans Google :

Rich Snippet d'AUTOVEILLE

Je vais mettre en place ce genre de snippets avec des icĂŽnes plutĂŽt discrĂštes pour des sites corporate et des icĂŽnes plus rigolotes pour des sites artistiques ou qui le permettent. On pourra tester l’impact qu’ils auraient sur le CTR par la suite.

Amusez-vous bien avec cet outil et crĂ©ez les snippets les plus farfelus du web 🙂

Bon courage Ă  tous !

VĂ©ronique Duong – autoveille@gmail.com

%d blogueurs aiment cette page :