Ajoutez des microdonnées au module de fil d'Ariane (mod_breadcrumbs). « Fil d'Ariane » : le micro-balisage et son impact sur les extraits de page Micro-balisage du schéma du fil d'Ariane org
Salutations, amis. Aujourd'hui, c'est l'article du 400e anniversaire sur mon blog. A l'occasion d'une telle date, j'avais vraiment envie de proposer du contenu vraiment utile pour qu'il soit intéressant, utile et pertinent. Et le sujet d'un tel article est venu de nulle part - je voulais comprendre la formation de beaux extraits dans la recherche, mais en même temps j'ai creusé deux autres sujets :
- installer le fil d'Ariane sur votre blog WordPress (je le voulais sans plugin pour ne pas charger le site),
- et la mise en place de micro-balisages (sans cela, la chapelure est de peu d'utilité).
J'entends et lis parler du fil d'Ariane depuis longtemps, mais je ne comprenais tout simplement pas vraiment à quoi ils servaient pour un blog ordinaire avec une structure simple et compréhensible. Jugez par vous-même, j'ai une page principale, tous les articles sont divisés en catégories et c'est tout. C'est-à-dire que le chemin maximum depuis la page d'accueil jusqu'à l'article final est de 2 clics. Chaque article a un lien vers la catégorie à laquelle il appartient, le visiteur n'a donc tout simplement aucun endroit où se perdre.
C'est une autre affaire si le site est complexe et que sa structure est telle que vous pouvez tourner en rond pendant une demi-heure et ne pas trouver ce que vous cherchez. Si vous avez une sorte de boutique en ligne avec des dizaines de catégories, chacune étant divisée en rubriques enfants, celles-ci tour à tour, puis une autre, puis chaque produit est divisé en couleurs - ici je comprends l'importance de la chapelure - le l'utilisateur en a besoin comme élément de navigation et .
D'ailleurs, le nom « fil d'Ariane » vient de là ; au départ, il s'agissait simplement de navigation sur le site. Souvenez-vous du conte de fées « Hansel et Gretel », dans lequel les enfants jetaient des morceaux de pain sur leur chemin pour pouvoir retrouver plus tard leur chemin. Dans le conte de fées, cette méthode ne les aidait pas beaucoup, mais pour les sites Web, elle était utile.
Apparition de l'extrait dans les résultats de rechercheDonc, je n'ai pas vu l'intérêt d'un tel gadget pour mon blog jusqu'à ce que je tombe sur le deuxième sens des miettes - il s'avère qu'elles sont vues non seulement par les gens, mais aussi par les moteurs de recherche. Et les moteurs de recherche les considèrent non seulement comme des liens internes qui affectent la liaison et la répartition du poids de la page, mais également comme un élément de navigation important. Yandex et Google utilisent cet élément pour créer un extrait. Je ne veux pas vous dire longtemps à quoi ça ressemble, il vaut mieux le voir une fois de vos propres yeux :
Un extrait est un affichage d’un site dans les résultats de recherche.
Plus l’extrait est attractif, plus son taux de clics est élevé, ce qui donne immédiatement un double effet :
- Plus de clics signifie plus de trafic vers le site,
- Le taux de clics d'un extrait fait référence à des facteurs comportementaux, et plus il est élevé, plus il est facile pour une ressource de grimper au TOP pour les requêtes nécessaires.
Le seul point qui n'était pas clair pour moi, c'est que ces liens sont du fil d'Ariane, et pas autre chose. D'accord, la page de n'importe quel article de blog contient d'autres liens vers la catégorie et vers la page principale (menu supérieur, catégories dans la barre latérale, lien vers la catégorie dans le bloc avec les métadonnées de l'article).
Pas une personne, il ne peut pas regarder la page et comprendre - ce lien vient du menu, ceci vient du texte de l'article, et ceci est une miette d'Ariane.
J'ai dû parcourir des forums et lire de nombreux blogs. Dans la plupart des cas, ils écrivent uniquement sur le fait que des miettes sont nécessaires et améliorent la convivialité et l'extrait, puis ils écrivent des instructions pour configurer le plugin Breadcrumb NavXT (Breadcrumb est des miettes de pain en anglais) ou fournissent du code d'implémentation sans plugin - et c'est tout. J'ai l'impression que la plupart des webmasters n'ont aucune idée de comment travailler correctement avec cet élément et le perçoivent uniquement comme un élément de lien interne vers une page.
Les résultats de Google montrent que pas plus de 10 % des sites ont le bon fil d'Ariane dans leur arsenal, le reste fonctionne à l'ancienne, affichant l'URL de la page dans l'extrait.
Micro marquage de la chapelureJe n'étais pas trop paresseux, je me suis lancé dans la recherche, j'ai analysé comment le fil d'Ariane était créé sur différents sites et à quoi ressemblent ces sites dans la recherche. Ma théorie s'est avérée correcte :
- Il y a des miettes sur le site - pas de micro-balisage - un extrait régulier avec une URL.
- Il y a des miettes - il y a un micro-balisage - un extrait amélioré.
J’ai déniché tout ce dont j’avais besoin et aujourd’hui je vais vous parler des miettes de pain de A à Z. Techniquement, les mettre sur le site ne représente même pas la moitié de la bataille – c’est 10 %. La principale fonctionnalité qui apportera de réels avantages est le micro-balisage.
Le principal avantage ne réside pas dans le fil d’Ariane, mais dans son micro-balisage correct pour l’extrait.
J'ai découvert le concept du micromarquage il y a seulement quelques mois. Je n’ai pas compris grand chose à ce moment-là, mais j’ai essayé de mettre en place les éléments de base des articles et des commentaires. Certains blogueurs ont écrit qu'il s'agissait presque d'un bouton magique qui pousse les sites vers le TOP (principalement des étudiants de l'école de blogueurs d'Alexander Borisov) - je ne sais pas pourquoi ils en ont décidé ainsi. Cela m'a tout de suite semblé douteux, mais maintenant je peux le dire avec certitude : après 2 mois de micro-balisage sur mon site, je n'ai remarqué aucun mouvement notable dans les résultats de recherche pour les requêtes promues.
Dans le cas du marquage du fil d'Ariane, la situation devrait être différente ; nous n'attendrons pas de mouvements dans les résultats de recherche organiques, mais nous compterons sur ce que j'ai dit plus haut - une amélioration de la cliquabilité des snippets et des chignons correspondants (croissance due à facteurs comportementaux).
Fil d'Ariane sur WordPress sans pluginNous sommes donc passés de conversations « pourquoi et dans quel but » à des conversations « comment le faire ». J'ai immédiatement abandonné le plugin Breadcrumb NavXT, car cela n'a aucun sens de « nécessiter une modification avec un fichier » et il ne sait pas comment faire lui-même un micro-balisage. Il existe une autre option - le plugin WordPress SEO SEO by Yoast, il peut aussi faire du fil d'Ariane, mais je n'ai aucune envie de le changer. La seule option qui reste est d'utiliser un script ou une fonction.
Si vous décidez d'installer le fil d'Ariane sur WordPress, faites-le sans plugins - le site sera moins chargé et il y aura plus de possibilités d'adapter le code.
Étape 1. Fonction wp_zhilin_krohiDepuis que j'ai commencé à apprendre les bases de PHP, je me suis intéressé à créer moi-même une fonction qui afficherait le fil d'Ariane sur mon blog. Intuitivement, j'ai vu qu'il ne devrait y avoir aucun problème, puisque tous les éléments miettes sont déjà affichés dans le modèle, il vous suffit de les prendre et de disposer les liens nécessaires comme prévu.
Pour l’avenir, je dirai que j’ai pu créer la fonction la plus compacte (lecture légère et rapide) que j’ai jamais trouvée sur d’autres sites.
La première version du code s'est avérée rapidement, mais je n'ai pas pris en compte un point - le code doit non seulement afficher des liens vers le site, mais également contenir des micro-balises, mais il y a eu une embuscade avec - mon code a été répété les erreurs de nombreux webmasters - en raison de l'implémentation de la sortie standard, la distribution de liens vers des éléments pour l'intégration du balisage n'a pas fonctionné.
J'ai dû recommencer, en m'appuyant sur des fonctions WordPress PHP plus simples (mais j'ai appris quelque chose de nouveau). En conséquence, le résultat a été la fonction wp_zhilin_krohi (la première fois que j'ai nommé une fonction par mon propre nom - sympa), qui affiche le fil d'Ariane sur les pages contenant des articles et sur les pages de catégories. Toutes les catégories parents (peu importe leur nombre) sont automatiquement prises en compte et chaque élément est enveloppé dans un micro balisage.
Pour les articles, les miettes ressemblent à :
Accueil > Rubrique parent (le cas échéant) > Catégorie > Article
Accueil > Catégorie parent (le cas échéant) > Catégorie >
Je crains que le titre de l'article dans le fil d'Ariane ne conduise à spammer la page avec des mots-clés. J'ai fait une demande à ce sujet au support technique de Yandex, en réponse ils ont écrit que si cela ne visait pas à tromper les moteurs de recherche, il ne devrait y avoir aucune sanction, mais elles sont prises en compte. Voici la réponse :
Donc, si vous pensez qu'une répétition inutile du titre de l'article vous dérangera, supprimez les lignes 17 à 20.
Voici la fonction elle-même, vous devez l'ajouter au fichier fonctions.php de votre thème, avant celui de fermeture ?> (cela se fait directement via le panneau d'administration, vous n'avez même pas besoin d'un client FTP) :
/*** Miettes avec micro balisage ***/ function wp_zhilin_krohi() ( if (!is_home()) ( echo "Home" "; ) if (is_category() || is_single()) ( $cats = get_the_category() ; foreach ($cats as $cat) ( echo "term_id)."" >" .$cat->name." " " ) ) if(is_single()) ( the_title(); ) );
Le micro-balisage est immédiatement intégré au code de fonction et s'affiche automatiquement avec chaque lien.
Étape 2. Affichage de la fonction sur les pagesPour que la chaîne de liens que nous avons créée apparaisse sur les pages, vous devez ouvrir votre fichier de thème WordPress, responsable du type de page correspondant, et y insérer le code qui appelle la fonction :
Au minimum, vous avez besoin d'un fichier single.php (affiche les publications) - presque toujours appelé de la même manière, et cela dépend du modèle, quelque part les pages de catégorie sont affichées via archive.php, quelque part via index.php - vous trouverez le celui dont vous avez besoin.
Dans ce fichier, vous devez trouver l'endroit où vous souhaitez voir les miettes. Ils sont généralement placés en haut du site (avant le titre du message) comme élément de navigation. Recherchez ce morceau de code - php the_title, et insérez la sortie de la fonction devant lui (regardez le design où il s'insère).
Le fil d'Ariane n'est pas toujours placé en haut de la page ; il existe des exceptions. Disons que vous n'en avez besoin que pour afficher un extrait, vous pouvez alors les placer au sous-sol - les moteurs de recherche y verront le micro-balisage. Cette option a été implémentée sur le blog de Sergei Sosnovsky - il a un bloc séparé en haut pour les utilisateurs, mais il n'a pas de micro-balisage, et le fil d'Ariane avec micro-balisage est affiché dans le pied de page (je ne comprends pas vraiment pourquoi, cependant ) :
L'apparence de tout élément de page doit être en harmonie avec la conception de votre site. Il n'existe donc pas de solution unique pour chaque blog.
J'ai mis en place la même chose sur mes ressources - j'ai réduit la police du fil d'Ariane par rapport au contenu principal. Pour ce faire, je n'ai même pas créé de styles séparés dans le fichier style.css, mais j'ai enfermé la fonction dans un conteneur div et y ai spécifié un seul paramètre - la taille de la police (vous l'avez peut-être remarqué dans la capture d'écran ci-dessus) :
Toutes les autres caractéristiques du fil d’Ariane sont héritées des styles de thème. Pour faire de petits ajouts (changer la police, la couleur du texte, etc.), précisez les propriétés nécessaires dans le même conteneur.
Si vous souhaitez modifier radicalement la conception de la chaîne de liens affichée (créer des images ou des boutons), attribuez-leur une classe spéciale, par exemple, comme celle-ci - puis pour cette classe, créez un bloc séparé dans style.css et spécifiez tous les paramètres nécessaires.
C’est là que votre connaissance des feuilles de style en cascade CSS et votre style de conception vous seront utiles (si vous réalisez la conception vous-même).
Vérification du micro-balisage de la chapelureAprès avoir tout fait, assurez-vous de vérifier le bon fonctionnement du micro-balisage dans les validateurs spéciaux de Yandex et Google, on ne sait jamais, certains bugs apparaîtront :
webmaster.yandex.ru/microtest.xml développeurs.google.com/structured-data/testing-tool/ (45 votes, moyenne : 4,7 sur 5)Bonjour à tous, aujourd'hui nous allons définir l'ensemble minimum et des exemples de mise en œuvre du micro-balisage du fil d'Ariane, des articles et des produits pour les sites commerciaux et d'information. La technologie elle-même n'est plus nouvelle, mais la variété de ses attributs peut prêter à confusion, c'est pourquoi dans cet article, je vais essayer de mettre en évidence plusieurs solutions typiques et éprouvées qui peuvent être mises en œuvre immédiatement en toute sécurité.
L'ensemble du sujet des microformats ne peut pas être couvert dans un seul article et, par conséquent, comme il est abordé dans d'autres documents, j'y ferai référence. De plus, vous pouvez toujours vous plonger dans le Générateur de micro-balisage Google.
Micro marquage de la chapelureEh bien, c'est un classique du genre, qui doit être présent sur chaque site. Par exemple, pour une page, cela ressemble à ceci :
//1er niveau : page principale
Blog SEO Pingo
//niveau 2 : catégorie
Pour les débutants
//niveau 3 : matériel final
Types de requêtes de recherche
Alors que voit-on ici ? Premièrement, chaque niveau de fil d'Ariane est un élément distinct, un niveau, et seul leur ordre joue ici un rôle. Deuxièmement, chaque élément (sauf le dernier) est imbriqué trois fois :
Le dernier élément peut également avoir un attribut url, mais à mon avis, ce n'est pas nécessaire - pourquoi la page pointerait-elle vers elle-même dans le fil d'Ariane ?
Les attributs peuvent être utilisés conjointement avec n'importe quelle balise - seuls l'ordre et le niveau d'imbrication sont importants. Par exemple:
Pour les débutants
L’introduction de fils d’Ariane de micro-balisage sur le site aide les moteurs de recherche à afficher un fil d’Ariane « lisible » dans l’extrait (ce qui n’est pas mauvais), et aussi simplement à mieux comprendre la structure du site.
Balisage des articlesCe type de micro-balisage est destiné aux articles et à tout autre matériel d'information, aussi bien sur des sites commerciaux que réguliers. Par exemple, la page que vous lisez a la structure suivante :
//Déclare le nom de l'élément
//Définition de l'attribut « Date de publication »
Compétitivité des requêtes de recherche
//Définition de l'attribut « Nom de la publication »
Contenu de l'article. //Définition de l'attribut « Contenu de l'article »
Estimation de la moyenne arithmétique
Valeur de note maximale
Valeur de note minimale
Nombre de notes
Tout ici est le même que pour la chapelure, à l'exception des éléments suivants :
- L'attribut Date de publication doit être spécifié au format ISO-8601 sous la forme AAAA-MM-JJTHH:MM, où T est juste un caractère, AAAA est l'année, MM est le mois, JJ est la date, HH est l'heure. , et MM est la minute.
- Lors de la définition de l'attribut « Catégorie de publication » et « Nom de la publication », il n'est pas du tout effrayant que le lien tombe également dans la zone de valeur - le robot extraira uniquement les données correspondant à la valeur attendue pour l'attribut.
L'introduction du balisage des articles aide le robot de recherche à mieux comprendre et classer le contenu du matériel d'information. De plus, si l’information est unique, elle sera éventuellement ajoutée à la base de données Google.
Micro-taille de biens (produit ou service)Ce type de microformat est indispensable pour les pages décrivant des biens et services :
//Déclare l'élément
Éléphant rose //Déterminer le nom du produit ou du service
Bel éléphant. //Définition de la description du produit ou du service
//Déclare le sous-type « Offre »
//Déterminer le coût du produit ou du service
//Précisez la devise du prix du produit ou du service
Estimation de la moyenne arithmétique
Valeur de note maximale
Valeur de note minimale
Nombre de notes
La même chose - le robot de recherche voit immédiatement ce qui se trouve sur la page, où il se trouve et pourquoi il est nécessaire. Le résultat visuel peut être une augmentation de l’attractivité de l’extrait dans SERP.
Le fil d'Ariane (fil d'Ariane ou fil d'Ariane) est un élément de l'interface du site Web dont le but principal est d'indiquer le chemin depuis la page principale jusqu'à l'endroit où se trouve actuellement l'utilisateur. Bien entendu, cela se fait avant tout pour faciliter le séjour de l’utilisateur sur le site, facilitant ainsi la compréhension de la structure virtuelle. Le souci du confort de l'utilisateur est l'une des missions secrètes qui remplissent des centaines d'esprits en matière d'utilisabilité : tout le monde veut rendre l'interface plus pratique, et les moteurs de recherche ne font pas exception. Parlons du micro-balisage du fil d'Ariane pour visualiser les liens dans les résultats de recherche Google.
Pour plus de clarté, voici des exemples visuels de publication de résultats de recherche sans et avec micro-balisage :
1. Dans la première entrée, le lien sous le titre est affiché de la manière habituelle et, en règle générale, n'est pas entièrement lisible pour l'utilisateur moyen.
2. Dans la deuxième entrée, tout est différent, le lien n'y est pas visible, mais il y a ces mêmes fils d'Ariane qui affichent la structure logique de l'emplacement de l'élément trouvé. La deuxième option semble plus constructive, voyons comment la mettre sur votre site Web.
Ce miracle est réalisé grâce à l’utilisation de microdonnées dans le fil d’Ariane. Imaginons que nous ayons cette structure sur le site :
Accueil – Systèmes d'exploitation – FreeBSD
Chaque élément possède son propre chemin, et est présent dans la chaîne de navigation sous forme de maillon. De plus, le lien est enfermé dans une balise, par exemple un div, les attributs de la balise sont définis :
Itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
Vous obtiendrez un bloc pour l'article :
...
Ce bloc contient le lien et le nom de l'élément. Pour un lien, l'attribut itemprop=”url” est défini, le titre est également entouré d'une balise span distincte et l'attribut itemprop=”title” est défini. En conséquence, un élément distinct de la chaîne sera repassé comme ceci :
