Données structurées(27)

Balisage de données

Je crée cette page 27 pour "Améliorer ma visibilité sur Google avec les rich snippets " selon l'article de Thomas Desjardins publié le 25-07-2017 dans "Référencement/SEO .Je dois dire qu'au début ,du moins je m'inspire largement de cet article .Rich Snippet qui signifie "extrait enrichi" vise à mieux organiser l'information sur le web dont l'objectif principal est d'augmenter le taux de clics .Ces rich snippets ne couvrent pas toutes les données ,seuls certains sujets sont concernés ,notamment des articles de blog ,ils se gèrent dans Google Search Console ,ils peuvent être ajoutés grâce à un outil présent dans la search console mis à la disposition des webmasters par Google .Il s'agit de baliser des données et cela se trouve dans la page search console en haut ,à gauche dans la section nommée "Apparence dans les résultats de recherche" dans laquelle se trouve "Données structurées" et "Marqueur de données" qui nous serviront par la suite .Toujours dans le bandeau de gauche se trouve "Explorer comme Google" qui nous servira également ,ils'agit de baliser des données grâce à la souris qui permet de surligner les éléments souhaités directement dans l'outil .J'ai ainsi passé toutes les pages et tous les billets du blog dans "explorer comme Google" pour explorer et afficher les données souhaitées ,puis j'ai utilisé le "marqueur de données" dont le titre est "commencer le balisage" .En cliquant dessus il faut afficher l'URL de la page ou du billet et attendre que le "traitement en cours " soit terminé ,cela prend quelques minutes avant de demander l'indexation de la page .Il faut baliser les éléments proposés et ensuite il apparait le numéro de l'Article .Au début il faut choisir la catégorie ou le sujet intéréssé ,j'ai pris "Article" en pensant à mes articles du blog ,puis une fois le balisage terminé il faut cliquer sur "Publier" afin que les données balisées soient bien prises en compte .Une fois la publication terminée ,l'article en question se trouve en tête de la liste des articles du marqueur ,le balisage n'est pas instantané ,il faut attendre quelques jours avant que Google ne prenne en compte ces données structurées lors du prochain passage des moteurs de recherche .Un outil de test est disponible pour vérifier la bonne intégration du balisage ,il faut faire Web Tools dans la Search Console ,puis aller sur "Autres Ressources " et sur "Outil de test des données structurées " .Cela consiste à ajouter l'URL de la page concernée et à cliquer sur "Tester" et on obtient le résultat par le code affiché .

Rich Snippets

J'ai donc obtenu les données structurées des pages ,des billets du blog et des images de l'Album Photos qui sont en cours de balisage en ce moment .Pour aller plus loin et obtenir les Rich Snippets il faut faire ce qui suit .Dans l'article de Thomas Desjardins ,il est coneillé d'ajouter les marqueurs de données manuellement dans le code des pages du site ,il s'agit du code HTML .Le "principe est le même ,il faut surligner les données souhaitées avec un outil que Google met à notre disposition : markup helper ".Cet outil va générer du code HTML ou JSON-LD que je vais pouvoir ajouter à mes pages ,articles du blog et dans mon cas aussi les photos de l'Album Au début j'ai tatonné pour obtenir Markup Helper en allant dans Google ,puis je l'ai obtenu en cliquant sur la bonne section des divers articles ajoutés .Il faut choisir parmi certaines données proposées en nombre limité ,j'ai choisi la section Articles et j'ai commencé le balisage .Pour y parvenir ,j'ai trouvé une astuce .Dans la Search Console de Google ,je clique sur Web Tools >Outils de test >Outil d'aide au balisage ,c'est plus rapide que de tâtonner parmi les options proposées dans Google .Une fois que Articles est sélectionné ,j'ajoute l'URL de la page concernée et je clique sur "Commencer le balisage " ,j'obtiens alors une page à 3 colonnes ,à gauche j'ai l'image associée et le contenu ,au centre j'ai le menu vertical et à droite j'ai les balises à ajouter .Tout d'abord je mets en surlignage le nom de l'article ,puis l'auteur (c'est moi ) ,la date de publication et à chaque fois j'obtiens la balise correspondante ,je clique sur "Ajouter les balises manquantes" et dans la liste déroulante obtenue je sélectionne : Rubrique de l'article ,j'y mets ce qui m'intéresse et je clique "Enregitrer" et la balise se met en place dans la partie droite de la page ,ensuite viens le tour de "Corps de l'article" où j'ajoute du contenu surligné à gauche  puis c'est le tour de l'URL que j'ajoute en entier et enfin je balise l' Editeur (c'est moi ) ,à chaque fois j'enregistre et la balise manquante s'ajoute dans la partie droite de la page .Une fois le balisage terminé je clique sur "Créer le HTML" et j'obtiens le code source HTML avec le balisage des Microdonnées ,j'ajoute alors le texte mis en surbrillance dans le code HTML et je choisi la modification du format de sortie en cliquant sur JSON-LD .J'ai alors les données structurées avec le balisage JSON-LD qui s'affichent et j'obtiens un bloc de script que j'ajoute manuellement dans la section "head" de mon code HTML .Pour cela dans le billet choisi ,j'ajoute une ligne et je choisi le widget l'Editeur HTML et j'ajoute le code obtenu ,je dois dire que c'est très long à effectuer .J'ai donc ouvert de cette façon mes articles aux Rich Snippets ,ce que je voulais réaliser .

Ajout d'une image

Fotolia 100153551 xs

Ajout d'une idéo

Les bienfaits des loisirs creatifs avec Creavea et Natoo

Musique et chansons

  • Nom du fichier : Laurent f tec ethno
  • Taille : 6.55 Mo
Télécharger

Date de dernière mise à jour : 19/09/2018

  • 1 vote. Moyenne 5 sur 5.

Commentaires

  • huguetjeanpierre
    J'ajoute un commentaire à cette page 27 en créant une nouvelle ligne 5 et en cliquant sur Fichier à télécharger ,puis en choisissant un morceau de musique dans Easy Zic qui dure 7mn08 ,je vais faire la même chose pour toutes les pages du site
  • huguetjeanpierre
    Je viens de terminer cette page 27 en expliquant comment obtenir les données structurées sur une page ,un billet de blog et dans mon cas également pour une photo .Ensuite j'ai montré comment ouvrir des pages ,des billets et même des photos aux Rich Snippets ces "extraits enrichis" qui m'ont donné bien du souci pour arriver à les apprivoiser .

Ajouter un commentaire