Exemple de micro-balisage de fil d'Ariane. Fil d'Ariane avec micro-balisage pour WordPress. L'impact du fil d'Ariane sur le référencement

20.11.2019 Leçons Windows

"; ) if ($key != $penult_item_key) || $show_last) ( echo "" . $separator . ""; ) echo "";

retrouvez les lignes:

"; echo "" . $élément->nom . ""; echo "

";

et remplacez-les par les lignes :

// Rendre le dernier élément si nécessaire. écho "

"; écho " " . $élément->nom . ""; écho "

";

Prêt. Enregistrez le remplacement et une fois les pages réindexées par le moteur de recherche, vous verrez le résultat.

« Chef de projet de l'équipe Business Motor, webmaster, rédacteur.
Le fil d’Ariane est utile pour les utilisateurs et les moteurs de recherche. Le micro-balisage guide plus facilement l'utilisateur sur le site et est utilisé par les moteurs de recherche pour générer un extrait étendu. Nous vous dirons quoi"

Même des succès très sérieux en termes d’augmentation des classements peuvent être compensés par des extraits peu attrayants avec un faible CTR. Au contraire, un extrait intéressant et motivant peut permettre à un site de se démarquer parmi d’autres, même s’il ne figure pas sur les premières lignes des résultats de recherche. C'est pour cette raison que toutes les opportunités d'étendre l'extrait peuvent et doivent être utilisées au maximum. L'un d'eux est le micro-marquage du « fil d'Ariane », qui permet d'afficher dans les résultats de recherche la catégorie à laquelle appartient le matériel, de manière lisible et compréhensible pour l'utilisateur formulaire.

Qu'est-ce que le fil d'Ariane ?

"Chapelure" est le nom généralement accepté pour une chaîne de navigation qui reflète le chemin vers une page donnée du site, en tenant compte de la structure des catégories et sous-catégories. Cela pourrait ressembler à ceci :

Pour l'utilisateur du site, les « fils d'Ariane » sont pratiques car ils permettent de revenir rapidement à la catégorie ou sous-catégorie à laquelle appartient le matériel, ainsi que de naviguer facilement dans la structure du site. Mais l'importance du fil d'Ariane pour le référencement n'est pas moins grande, car elle peut être conçue à l'aide d'un micro-balisage avec des modifications ultérieures dans l'extrait. Lisez ci-dessous pour savoir comment procéder.

À quoi ressemble un extrait étendu ?

Illustrons l'extrait en utilisant l'exemple d'un site Web spécifique avant et après l'application du balisage du fil d'Ariane. Voici à quoi ressemblait auparavant un extrait de critique de livre typique sur Google :

Mais ces informations sont apparues dans les résultats de recherche après la mise en œuvre du micro-balisage et la réindexation de la page par le moteur de recherche :

Comme vous pouvez facilement le constater, dans ce cas, une indication explicite de la catégorie aide l'utilisateur à évaluer rapidement le genre du livre, ce qui signifie obtenir plus d'informations sur la page et faire un choix judicieux. Dans le cas des boutiques en ligne, cela permet également de déterminer au premier coup d'œil à quelle catégorie du catalogue appartient le produit. En combinaison avec la conception sémantique du fil d'Ariane, vous pouvez obtenir l'extrait de produit le plus complet et le plus riche en informations, qui ne passera certainement pas inaperçu auprès de l'utilisateur.

Micromarquage du « fil d'Ariane » dans Google et Yandex

Il convient de noter que l'extrait enrichi en termes de fil d'Ariane dans Google et Yandex présente certaines différences qui doivent être prises en compte. Ainsi, en particulier, si l’utilisation de « fils d’Ariane » de micro-balisage (à condition qu’il n’y ait pas d’erreurs) se reflète presque certainement dans les résultats de Google, alors cela ne peut pas être garanti dans Yandex. Yandex.Webmaster fournit l'explication suivante à ce sujet :

Pour les grands sites ayant une structure bien définie, une chaîne de navigation (une série de liens vers des sections du site auxquelles appartient la page trouvée) peut être affichée sous l'extrait. Cette chaîne permet d'évaluer rapidement la quantité d'informations présentes sur le site ou le type de contenu, et, si nécessaire, d'accéder en un clic à la rubrique souhaitée.

Bien entendu, l'évaluation de «l'expressivité de la structure» reste à la discrétion des algorithmes Yandex, de sorte que l'extrait dans les résultats de ce moteur de recherche peut ne pas changer, malgré l'introduction du micro-balisage.

Une autre observation intéressante. Dans l'extrait étendu de Google, les catégories sont extraites en stricte conformité avec le fil d'Ariane marqué sur le site. Dans le même temps, Yandex peut ignorer complètement le fil d'Ariane et afficher la structure en fonction de l'URL (même s'il y a plus ou moins de niveaux dans la chaîne de navigation réellement marquée).

Avec toutes les fonctionnalités de l'extrait étendu pour les catégories, Yandex fournit bonus supplémentaires de son utilisation. Les noms des catégories dans sa sortie sont cliquables, c'est-à-dire l'utilisateur peut, au lieu d'un produit ou d'un article spécifique, accéder à la partie du catalogue et à la catégorie qui l'intéresse.

Comment utiliser le balisage fil d’Ariane ?

Il existe plusieurs normes qui vous permettent d'effectuer un balisage de fil d'Ariane, et toutes sont également prises en charge par Yandex et Google. Ceux-ci incluent OpenGraph, RDF, Schema.org et les microdonnées. Chacun d'eux n'a pas d'avantages significatifs, vous pouvez donc utiliser celui qui est le plus clair pour l'administrateur du site ou le concepteur de mise en page.

À titre d'exemple, regardons le micro-balisage du « fil d'Ariane » utilisant les marqueurs RDF de data-vocabulary.org. Pour ce faire, vous devez enfermer l’intégralité du fil d’Ariane dans une balise

, puis marquez chacun de ses éléments séparément.

L'article d'aujourd'hui sera consacré au micro-marquage du fil d'Ariane pour Google basé sur les microdonnées http://data-vocabulary.org/.
Question: Pourquoi avons-nous besoin d'un micro-balisage pour le fil d'Ariane ?
Répondre: pour donner plus à l'extrait belle vue, les informations paraîtront plus claires et plus conviviales, augmentant ainsi la conversion. Regardons l'exemple du résultat de recherche pour la requête « micro balisage du fil d'Ariane » (Fig. 1).

Fig. 1 Résultats Google (les sites qui utilisent le micro-balisage de la chaîne de navigation sont soulignés en vert)

Comme vous pouvez le constater, les sites que j'ai mis en évidence avec une ligne verte utilisent le micro-balisage de la barre de navigation.

Comment utiliser les microdonnées et baliser le fil d’Ariane ?

Supposons que nous ayons une chaîne comme celle-ci :
Meubles – Meubles d'armoires – armoires
Tout d'abord, vous devez envelopper chaque élément de la chaîne de navigation dans un bloc (par exemple, un div) avec les attributs itemscope itemtype=”http://data-vocabulary.org/Breadcrumb”.
Itemscope signifie que ce bloc décrit un élément.
Itemtype quel type d'élément (dans notre cas notre élément de navigation)
Le wrapper devrait ressembler à ceci :

Ensuite, insérez le lien dans le wrapper et ajoutez l'attribut itemprop = "url". Il indique au balisage qu'il s'agit d'un lien. Et la dernière étape pour le premier élément du fil d'Ariane consiste à ajouter un bloc à l'intérieur du lien avec le nom du premier élément. Nous ajoutons un attribut à ce bloc itemprop= "titre".
Le résultat est le premier élément de la chaîne de navigation :

Après avoir installé le micro-balisage, nous nous enregistrons

Dans Google Search Console, il existe un élément « Données structurées ».

Fig 1 – erreurs dans le micro-balisage

Il est préférable de commencer le micro-marquage de votre site en consultant cette section. Il arrive souvent que les outils de vérification du balisage n'affichent aucun avertissement ou erreur, mais en réalité, les moteurs de recherche ont des difficultés à structurer les données de votre site.

Fig 2 – Erreurs de micro-balisage Hentry

Dans notre cas, nous constatons qu'il y a 106 erreurs liées au balisage du format Hentry (microformats.org)

– micro balisage intégré au cœur de WordPress. Comme il est intégré automatiquement et n'est pas adapté aux modèles tiers, il ne fonctionne le plus souvent pas correctement, ce qui conduit Google Search Console à détecter les erreurs suivantes :

Fig 2.1 – Erreurs d'entrée : auteur, titre de l'entrée, mis à jour

Mais, en même temps, l'outil de vérification du micro-balisage de Google rapporte absolument calmement qu'il n'y a aucune erreur ni aucun avertissement à cet égard.()

Fig 3 - Google ne voit pas les erreurs d'entrée

Sur notre site Web, nous utiliserons du micro-balisage unanimement reconnu par tous les moteurs de recherche - schema.org.

Cette norme est prise en charge à la fois par Yandex et Google.

Par conséquent, le micro-balisage intégré, qui nous donne 106 erreurs dans Google Search Console, doit simplement être supprimé.

Puisque Hentry est ajouté au noyau wordpress - quoi vous permet de le supprimer via des filtres, car ces classes ne sont pas visibles dans les modèles.

Code source pour supprimer Henry :

Add_filter("post_class", "fc_remove_hentry", 20); fonction fc_remove_hentry($classes) ( if (($key = array_search("hentry", $classes)) !== false) ( unset($classes[$key]); ) return $classes; )

Le code doit être ajouté à function.php

Cela peut être fait en utilisant n'importe quelle méthode pratique, par exemple via l'éditeur du panneau d'administration du site.

Figure 4 – suppression du balisage Hentry de l’ensemble du site

Après avoir enregistré le fichier et revalidé la page via l'outil de vérification du balisage de Google, hentry devrait disparaître.

Vérifiez plusieurs pages contenant des erreurs pour vous assurer qu'Hentry a été complètement supprimé du site.

Dans Google Search Console, vous constaterez une tendance positive dans la réduction du nombre d’erreurs. Avec le temps, ils disparaîtront complètement, il ne vous reste plus qu'à attendre.

Figure 5 – dynamique positive dans la réduction des erreurs d’entrée

Comment supprimer l'erreur :

ERREUR : le champ http://ogp.me/ns#image est manquant ou vide

Fig 6 – Erreur d'ouverture du graphique ns#image

Vous devez comprendre que ces types d'erreurs sont associés à des micro-balisages déjà enregistrés. Autrement dit, le site intègre un micro-balisage ou quelqu'un d'autre a été ajouté plus tôt, ce qui comporte des erreurs.

Le plus souvent, cela se produit lorsque les plugins directement ou indirectement responsables du micro-balisage ne sont pas configurés correctement.

Dans notre cas, le site dispose d'un plugin - SEO Ultimate, qui comporte une section spéciale responsable du balisage Open Graph. Cela signifie que l'erreur associée à http://ogp.me est contenue spécifiquement dans le plugin SEO Ultimate.

Accédez au chemin suivant SEO Ultimate -> Open Graph -> Valeurs par défaut -> Image par défaut

On retrouve un paramétrage d'image qui sera appliqué par défaut sur les pages du site sur lesquelles l'image souhaitée ne se trouve pas.

Fig 7 - comment corriger l'erreur Open Graph ns#image

Nous ajoutons l'adresse URL de l'image que nous aimerions voir par défaut. Permettez-moi de vous rappeler que le protocole Open Graph se charge d'afficher de belles publications sur les réseaux sociaux, Facebook, Twitter, VKontakte, etc. Autrement dit, cette image, que vous avez définie par défaut, apparaîtra dans les publications réseaux sociaux, republications et ainsi de suite. Choisissez des photographies de marque et respectables.

Après avoir enregistré les modifications, l'erreur disparaît.

Fig 8 – Erreur d'ouverture du graphique ns#article

Mais il existe toujours une erreur liée au préfixe d’article inconnu.

Nous savons déjà que le plugin SEO Ultimate est installé sur notre site Web. Nous continuons à creuser dans la même direction.

Fig 9 - comment corriger l'erreur Open Graph ns#article

Installez Open Graph Type – Site Web.

Figure 10 – balisage Open Graph correct

Après toutes les modifications, le validateur de balisage Yandex ne produit plus aucune erreur :

Figure 11 – balisage Open Graph valide

Ajout d'un balisage de chapelure

Le fil d'Ariane est une chaîne de liens allant de la page principale à la page où se trouve actuellement l'utilisateur.

Vous devez d'abord analyser le site pour détecter la présence de chapelure.

Figure 12 – fil d'Ariane sur le site

Il y a du fil d'Ariane sur le site. Vous devez maintenant comprendre comment ils sont dérivés. Dans le code source du fil d'Ariane on retrouve le nom du plugin avec lequel ils fonctionnent - Breadcrumb NavXT 4.0.2

Figure 13 – Sortie du fil d'Ariane via Breadcrumb NavXT

Ouvrez le panneau d'administration de notre site et allez éditer le plugin Breadcrumb NavXT.

Figure 14 – Paramètres NavXT du fil d'Ariane

Nous sommes intéressés par des modèles pour différents types pages : pour la page principale, pour le blog, pour les sections, etc. Vous devez comprendre que chaque site sera différent.

Dans notre cas nous nous intéressons à :

• Modèle de lien de page de blog
• Modèle d'accueil
• Modèle de catégorie de blog
• Modèle de lien de catégorie

Tous les modèles ont vue générale taper:

%htitre%

%htitre%

Pour obtenir les microdonnées correctes, nous devons baliser ce code source en utilisant la norme http://schema.org/BreadcrumbList

1. Robes
2. De vraies robes

Examinons dans l'ordre quels éléments le balisage contient et comment ils doivent être utilisés :

itemscope itemtype="http://schema.org/BreadcrumbList"

Cet élément marque le début de la zone marquée. Tout ce qui sera à l'intérieur de cet élément sera le marquage de la chapelure.

Dans l'exemple, l'élément est situé à l'intérieur d'une liste numérotée - tag

Ce n'est pas nécessaire, vous pouvez utiliser

, ou d'autres balises similaires.
Vous devez examiner les circonstances et vous rappeler que cela dépend de la balise avec laquelle vous utilisez un tel CSS et que vous vous connectez au fil d'Ariane. C'est apparence votre fil d'Ariane dépend des balises dans lesquelles vous encadrez http://schema.org/BreadcrumbList.
Dans notre cas, nous ajouterons cette ligne de code via le code source du widget breadcrumb_navxt_widget.php
Depuis via l'administrateur de l'éditeur de code standard Panneaux WordPress Ce fichier n'est pas accessible, nous utiliserons l'accès FTP via filezilla.


Fig 15 – Paramètres du widget Breadcrumb NavXT
Nous trouvons un morceau de code responsable du micro-balisage, et plus précisément nous avons besoin d'une balise qui encadre ce balisage.


Figure 16 – code qui encadre Breadcrumb NavXT
On retrouve le code suivant dans le fichier breadcrumb_navxt_widget.php :
Écho"
"; Et changez-le : echo "
"; //Afficher le fil d'Ariane de sortie normal bcn_display(false, $instance["linked"], $instance["reverse"]); echo "
";
Nous sauvegardons le fichier et l'écrasons sur le serveur, nous obtenons ainsi ce dont nous avons besoin.


Figure 17 – Désignation du balisage BreadcrumbList
Il indique une nouvelle appartenance à un type de données différent - schema.org/ListItem
Il décrit également la propriété – itemListElement. Cette propriété s'applique déjà aux éléments marqués dans le fil d'Ariane. Autrement dit, nous devons utiliser cette propriété dans notre code source lors de la sortie directe du fil d'Ariane.
Dans notre cas, nous l'utiliserons dans le plugin Breadcrumb NavXT.
Au début du code responsable des chats à pain -
%htitre%
Nous ajouterons la ligne :
%htitre%
Vous devez baliser l'élément itemprop="item" ; dans l'exemple, nous voyons qu'il est responsable du balisage de l'URL du fil d'Ariane.
Ajoutez-le avant href=”%link%” On obtient :
Ensuite, nous marquons la propriété itemprop="name", c'est-à-dire le nom qui correspond à notre adresse URL, que nous avons déjà placée. Nous avons besoin que %htitle%, qui dans notre cas est responsable du nom souhaité, soit encadré avec la propriété itemprop=”name”.
On a
%htitre%
À la fin, nous devons ajouter une désignation pour la position de l'élément dans le système hiérarchique en utilisant la propriété itemprop=”position”.
Pour cela, ajoutez une ligne de code
L'essentiel est de tout faire avec soin et dans des limites ouvertes.
ou
Et donc, sur la base du code source disponible :
%htitre%
Sur la base de l'exemple, le code suivant est obtenu :
%htitre%
Nous donnerons également des exemples de codes de balisage prêts à l'emploi pour Breadcrumb NavXT.
%htitre% %htitre%
%htitre%
%htitre%
Avec micro balisage :
%htitre%
Par conséquent, après avoir ajouté avec succès le micro-balisage, nous verrons les résultats de vérification suivants en utilisant .


Figure 18 – balisage de fil d'Ariane valide
Vidéo
AUBERGE: 772578776588
OGRN: 315774600103615
OKPO : 0194004627
OKTMO : 45914000000
OKATO: 45296559000
r/s : 40802810300310000244
dans la succursale "Perovskoe" de JSCB "BANK OF MOSCOW" (OJSC)
code: 30101810500000000219
BIC : 044525219
Adresse réelle : Moscou, autoroute Entuziastov, bâtiment 56, bâtiment 26, bureau 304
Adresse légale : 115191, Moscou, 4e projet Roshchinsky, 7/16
Voyons d'abord de quoi il s'agit : le fil d'Ariane sur le site et pourquoi il est nécessaire.
Le fil d’Ariane était à l’origine utilisé pour faciliter la navigation des utilisateurs. Il s'agit essentiellement d'un bloc de liens en haut de la page qui affiche la hiérarchie du site. Ceux. l'utilisateur peut revenir, par exemple, à la page précédente du catalogue dans une boutique en ligne.
Voici un exemple clair :

L'impact du fil d'Ariane sur le référencement
Au fil du temps, les optimiseurs SEO ont remarqué que ce bloc de liens avait un effet positif sur la promotion de la ressource. Et voici pourquoi cela fonctionne :
1. Liens internes
Selon la hiérarchie de presque tous les sites, plus le niveau d'imbrication d'une section est bas, plus elle est importante. Par conséquent, il est nécessaire de s’assurer que la structure du site est telle que les liens provenant de pages plus profondes mènent à des pages moins profondes. C'est plus facile à expliquer avec un exemple.
Comme vous pouvez le voir sur l'image, chaque produit est lié à une catégorie et chaque catégorie est liée à page d'accueil site.
De tels liens sont devenus une sorte de norme dans le domaine de la promotion et les moteurs de recherche ont donc même commencé à les utiliser directement dans leurs propres résultats. Cela se fait à l'aide du balisage Schema, mais nous y reviendrons plus tard.
2. Facteurs comportementaux
Il y a plusieurs années, les moteurs de recherche ont commencé à analyser le comportement des utilisateurs sur le site et, en fonction de celui-ci, à placer les pages dans une position ou une autre pour les requêtes. Comme vous pouvez l'imaginer, l'un d'eux facteurs comportementaux— le nombre de transitions internes au site. Le fil d'Ariane peut sérieusement améliorer cet indicateur dans certains cas.
Balisage de schéma pour le fil d'Ariane
Le micro-balisage permet moteurs de recherche identifiez plus précisément les miettes de pain et ajoutez-les même à vos résultats de recherche en prime. Cela ressemblera à ceci :
Et si le fil d’Ariane lui-même est le plus souvent installé par défaut sur les sites Web, le micro-balisage doit le plus souvent être ajouté manuellement. Par conséquent, nous rédigerons une brève instruction sur la façon de mettre en œuvre cela.
maison
Voyons maintenant ce que c'est.
La première chose que nous devons faire est d'envelopper chaque lien dans une balise et écrivez dans la balise elle-même
itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem"
LIEN
Cette balise reste la balise par défaut. Nous y indiquons aux moteurs de recherche qu'il s'agit d'un balisage de schéma et que l'élément de ce balisage est appelé itemListElement. Cette construction est utilisée dans toutes les références.
maison
Par conséquent, si nous avions un deuxième niveau d’imbrication, nous devrions écrire content=”2″.
2016-05-11