Bonjour, chers lecteurs du site blog. Aujourd'hui, je veux parler d'un plugin pour WordPress, qui est utilisé sur mon blog à deux fins très importantes.
Premièrement, cela facilite la navigation, et deuxièmement, cela résout un problème très important : créer des liens internes corrects. Afin de ne pas prolonger l'intrigue, je dirai tout de suite qu'on va parler du plugin Fil d'Ariane NavXT. Mais tout d’abord.
J'ai déjà beaucoup parlé de la nécessité de créer des liens appropriés entre les pages du site afin que le poids statique transféré via les liens externes soit réparti uniformément sur toutes les pages Web du projet. Ceci est particulièrement important.
Pourquoi avez-vous besoin d’un fil d’Ariane dans WordPress ?
La promotion via LF présente un certain nombre d'avantages, le principal (particulièrement important pour les projets non commerciaux) est qu'aucun investissement n'est requis. Argent requis pour l'achat Liens externes. Cela est dû au fait qu'il n'est possible d'avancer dans la FL qu'à travers le seul site internet interne et grâce à la création liaison correcte comme décrit.
Soit dit en passant, pour les projets commerciaux, la promotion à basse fréquence présente également un certain nombre d'avantages, dont le principal, encore une fois, est un coût moindre, mais en plus de cela, les visiteurs provenant des résultats de recherche pour de telles requêtes seront beaucoup plus susceptibles à convertir en billets que les visiteurs qui proviennent de requêtes moyennes et à haute fréquence (en raison du flou de ces dernières).
L'idée principale d'une liaison correcte est que le poids statique transféré à différentes pages site (la plupart des liens externes mènent généralement à la page principale), sans problème, ils sont dirigés vers ceux qui sont directement promus via le LF (où se trouvent réellement les articles).
Mais le schéma circulaire idéal décrit dans l’article ci-dessus est difficile à mettre en œuvre dans des conditions réelles, c’est pourquoi un schéma de liaison sphérique serait une bonne option. Grosso modo, un tel schéma peut être exagéré au point que plus il y a de liens internes, mieux le poids statique sera réparti. C'est comme un système circulatoire ramifié qui permet au sang de transporter l'oxygène vers tous les organes internes, même ceux les plus éloignés des poumons.
Chaque fois que vous écrivez des articles, vous pouvez ajouter manuellement des liens vers d'autres documents de votre site qui seront pertinents. Il est vrai que vous prenez très au sérieux la liste d’ancrage interne que vous créez pour chaque article. Cela devrait être fait à peu près de la même manière que. Vous ne devriez pas utiliser la même clé non diluée dans toutes les références à celui-ci, eh bien, vous voyez ce que je veux dire.
C'est très bonne façon, mais ce sera toujours une bonne idée de l'étendre et de le compléter à l'aide de méthodes automatiques. L'une des options les plus courantes pour organiser quelque chose comme ceci est ce qu'on appelle le fil d'Ariane, qui élargit les possibilités de navigation dans la ressource, ainsi que de création d'un bloc de liens vers d'autres matériaux similaires dans votre projet, dont le sujet est similaire à celui de cet article.
Aujourd'hui, je souhaite examiner la première option en détail, mais à propos de matériaux similaires pour WordPress en .
Pour implémenter le fil d'Ariane, nous utiliserons le plugin Breadcrumb NavXT. En principe, vous pouvez utiliser d'autres plugins WordPress à ces fins, mais ceux-ci me plaisent le plus. C'est même possible.
Installation du plugin Breadcrumb NavXT dans WordPress
Bon, il est temps de passer à l'installation et à la configuration du plugin. Si soudainement vous ne savez plus ce qu’est la chapelure, ce n’est pas grave. En fait, je ne le savais pas non plus au début, car ce terme vient de la bourgeoisie et est associé à leur conte de fées bourgeois sur Hansel et Greta, qui les utilisaient pour tracer le chemin.
Selon nous, cet élément de navigation du site devrait être appelé « fil d’Ariane », car il est en quelque sorte plus proche de nous. Eh bien, d'accord, c'est comme ça qu'ils l'appelaient. Ainsi, ils apparaissent généralement quelque part en haut de la fenêtre du site et constituent en fait le chemin d’accès à l’article dans lequel vous vous trouvez. ce moment tu es entrain de lire.
Par exemple, j'aime beaucoup la navigation par miettes et j'essaie toujours de retrouver leur ligne sur n'importe quel site afin de comprendre où je me trouve réellement et comment accéder à la section où se trouve ce merveilleux article afin d'en savoir plus sur le même sujet .
Eh bien, vous souvenez-vous de ce qu'est la chapelure ? Je pense que vous vous en souvenez, mais sinon, regardez tout en haut de cette fenêtre sous l'en-tête de ce blog.
Vous devrez d’abord télécharger Breadcrumb NavXT d'ici. L'installation du plugin sur WordPress est standard. Connectez-vous à votre blog via Protocole FTP(le travail avec le client FileZilla est décrit en détail) et ouvrez le dossier sur le serveur :
/wp-content/plugins
Décompressez l'archive avec Breadcrumb NavXT et copiez le dossier résultant sur le serveur d'hébergement dans le répertoire (/wp-content/plugins). Vous devrez maintenant vous rendre dans la zone d'administration de WordPress, sélectionner « Plugins » dans le menu de gauche, et dans la fenêtre qui s'ouvre, accéder à l'onglet « Inactif ». Trouvez la ligne avec ce dont vous avez besoin et cliquez sur le texte « Activer » situé juste en dessous.
Appeler Breadcrumb NavXT et personnaliser l'apparence des miettes
C'est tout, en fait. Il reste maintenant un autre détail important : sélectionnez un endroit dans le modèle WordPress (thème) où la ligne avec le fil d'Ariane sera affichée, et insérez le code de la fonction du plugin Breadcrumb NavXT à cet endroit. La tâche n’est pas tout à fait anodine pour un webmaster débutant qui connaît peu la structure du moteur et le fonctionnement de ses thèmes.
Mais cela ne vous embrouillera probablement pas, car... on peut toujours lire, heureusement, il n'y a rien de compliqué là-bas.
Si vous connaissez déjà la structure des thèmes et connaissez le but de certains modèles, nous continuerons. Mais en sinon, je vous conseille quand même de vous familiariser au moins superficiellement avec cela, en utilisant le matériel ci-dessus (ou un autre).
Notre tâche est donc d'identifier les fichiers du dossier avec le thème que vous utilisez dans lequel nous devrons insérer le code pour appeler les miettes. Et puis vous devrez décider exactement où dans le code nous insérerons ceci :
Tout d'abord, vous devez vous connecter à votre blog via FTP et ouvrir le dossier avec le thème que vous utilisez actuellement :
Contenu Wp/thèmes/titre Thèmes WordPress
Maintenant, laissez-moi vous raconter comment j'ai réalisé moi-même la sortie de chapelure, et vous pouvez tout répéter après moi, ou utiliser votre propre version d'insertion.
Si vous essayez de visualiser le but des modèles à partir du thème, vous obtiendrez quelque chose comme cette disposition :
De cette disposition, nous pouvons conclure que nous devrons insérer le code pour appeler Breadcrumb NavXT dans les modèles responsables de l'affichage du contenu dans la partie centrale du blog : INDEX, SINGLE, ARCHIVE, PAGE ou SEARCH.
Certes, je n'ai pas affiché les miettes dans INDEX, qui est responsable de la formation du principal Pages WordPress, car une navigation supplémentaire y sera inutile.
Je l'ai inséré dans : SINGLE (responsable de la création de pages avec des articles), ARCHIVE (formulaires de catégories, archives temporaires, archives de balises), PAGE (formulaires en pages statiques, par exemple « À propos du blog »).
J'ai inséré le code pour appeler Breadcrumb NavXT dans ces modèles au même endroit - au tout début, juste après la première ligne :
pour que cela donne ceci :
Dans le fichier de feuille de style en cascade STYLE.CSS du dossier contenant le thème que j'utilisais, j'ai ajouté plusieurs Propriétés CSS pour la classe BREADCRUMB :
Fil d'Ariane ( police:bolder 12px "Trebuchet MS", Verdana, Arial; padding-bottom: 10px; ) .breadcrumb a( couleur: #1B7499; ) .breadcrumb a:hover ( couleur: #EF0E0E; )
Ces propriétés définissent apparence pour le fil d'Ariane dans WordPress : , a . Ils déterminent également la couleur des liens à partir du fil d'Ariane (.breadcrumb a) et la couleur des liens lorsque vous passez la souris dessus (.breadcrumb a:hover). De manière générale, je vous conseille de lire la page.
Fonctionnalités et paramètres du plugin Breadcrumb
Vous êtes libre de faire ce que vous voulez. Comme on dit, le propriétaire est le maître. Mais avec cela, nous avons seulement déterminé l'emplacement des miettes de pain et défini leur apparence. Mais ce plugin possède encore pas mal de paramètres.
Pour ce faire, allez dans la zone d'administration de WordPress et sélectionnez « Breadcrumb NavXT » dans le menu de gauche dans la zone « Paramètres ». Dans la fenêtre qui s'ouvre, vous verrez plusieurs onglets :
Dans l'onglet Général, vous pouvez définir les paramètres qui seront appliqués à toutes les pages de votre blog. Dans le champ « Séparateur », précisez un caractère qui servira de séparateur dans le fil d'Ariane. Dans mon cas, il s'agit du symbole « > », qui est spécifié avec un code spécial, car Le symbole « > », s’il est placé explicitement, sera interprété par WordPress comme le signe d’une balise HTML ouvrante.
En général, il existe des (mnémoniques) qui, par exemple, ne peuvent pas être insérés directement. En voici quelques uns:
Code mnémonique Symbole " " & &< < > > ¤ ¤ ¦ ¦ § § © ª ? « « ® ® ° ° ± ± µ µ ¶ ¶ · ¹ ? € €
Choisissez n'importe quel symbole que vous aimez comme séparateur pour la chapelure.
Dans le champ « Longueur maximale », vous pouvez définir la longueur de l'ancre (texte du lien) en caractères. J'ai fixé la limite de longueur à 60 caractères non pas pour des raisons de conception, mais pour des raisons d'optimisation du contenu.
Les moteurs de recherche peuvent être ambivalents quant aux liens avec les mêmes ancres, c'est pourquoi je les raccourcis en petits morceaux pour les rendre uniques. Il est possible que ce ne soit pas vraiment nécessaire, mais juste au cas où.
Dans les champs « Préfixe » et « Suffixe », vous pouvez saisir le texte qui précédera ou suivra le lien vers la page principale dans le fil d'Ariane.
Veuillez noter que ce texte sera placé dans Attribut TITRE balise A et peut être prise en compte par les moteurs de recherche comme ancre alternative. Ce que je veux dire, c'est qu'il devrait être utilisé mots clés lié à la page d'accueil de votre blog.
N'oubliez pas de sauvegarder vos modifications dans les paramètres du plugin Breadcrumb NavXT à l'aide du bouton du même nom. Ensuite, vous pouvez parcourir tous les onglets. Par exemple, sur la page suivante, vous pouvez définir les paramètres d'un lien qui mènera à la page où vous vous trouvez actuellement :
Sur l'onglet suivant « Articles / Pages » vous pouvez configurer l'affichage des liens vers les pages contenant des articles et les pages statiques de votre blog :
Pour les articles, j'ai mis l'inscription précédente « Article actuel » et mis le texte entre guillemets à l'aide d'un code mnémonique (voir la liste des codes mnémoniques ci-dessus) :
Allez à l'onglet suivant « Catégories ». En principe, tous les mêmes réglages sont répétés ici comme dans les précédents. Je n'ai pas défini de cadre (préfixe et suffixe) pour les liens vers les catégories, mais j'ai défini un cadre pour les pages d'archives :
Par conséquent, le fil d’Ariane sur les pages Web d’archives ressemble à ceci :
Le fil d’Ariane dans WordPress est un élément de navigation auxiliaire qui montre la position de l’utilisateur par rapport à l’ensemble de la hiérarchie des ressources. En termes simples, ce menu montre exactement où se trouve actuellement le visiteur.
Les fils d'Ariane sont appelés menus car ils affichent des sections avec des liens qui vous permettent de parcourir la hiérarchie du site.
À propos, cette navigation a été ironiquement nommée par analogie avec l'un des contes de fées. Son essence était que les enfants, emmenés dans la forêt, ne pouvaient pas retrouver le chemin du retour, car des miettes de pain étaient éparpillées tout au long du chemin. En conséquence, ils ont été picorés par des oiseaux, de sorte que les enfants n'ont pas retrouvé le chemin du retour (ils ont dû jeter des pierres).
En fait, les fils d'Ariane sont très utiles pour les visiteurs, car ils peuvent orienter l'utilisateur vers dans la bonne direction Et donner idée générale sur la structure du site. C'est une bonne option pour la navigation auxiliaire, qui ne se fait pas au détriment de la navigation principale. Eh bien, ils offrent également la possibilité de relier des pages, ce qui est bon pour le référencement. Mais il y a toujours quelques nuances. Donc si tu prends modèle standard, alors le fil d'Ariane sera de peu d'utilité ici (lorsque l'utilisateur est dans des catégories, alors le fil d'Ariane, en fait, répéterait simplement cette information).
Le fil d'Ariane est utile dans de tels cas :
- lorsqu'ils s'accordent bien avec le design du site (dans ce cas, le menu n'est pas utilisé à des fins d'optimisation, mais uniquement pour le bénéfice et la commodité des visiteurs) ;
- lorsque le site a une structure véritablement complexe (par exemple, une ressource d'entreprise avec une structure complexe et déroutante).
Il existe plusieurs types de miettes qui sont utilisées aussi bien dans le segment russophone d'Internet qu'à l'étranger :
- Emplacement. Ce type définit le chemin, et il est constant, c'est-à-dire cela ne changera pas à mesure que l'utilisateur se déplace dans la ressource ;
- Chemin. Ce type montre au visiteur le chemin qu'il a déjà parcouru. Le principal inconvénient de ces miettes est que si l'utilisateur provient d'un moteur de recherche, les miettes ne seront pas affichées ;
- Attribut. Ces miettes sont affichées sous forme de balises sur des pages spécifiques et vous permettent de déterminer la catégorie sur le site. Cette option est le plus pratique et fonctionne sur presque toutes les ressources.
La promotion de sites Web basée sur des requêtes à faible fréquence présente un certain nombre d'avantages, ce qui est particulièrement important pour les projets commerciaux ; des miettes découragent parfois l’investissement nécessaire pour acquérir des liens externes. Autrement dit, la promotion des requêtes à basse fréquence ne peut être obtenue qu'avec l'aide de l'optimisation seule en créant des liens corrects (parfois cela fonctionne vraiment, mais il ne faut pas trop attendre d'une telle solution). L'essentiel ici est que les visiteurs provenant des moteurs de recherche pour de telles requêtes sont très souvent convertis en argent, et pas seulement en invités infimes (avec une moyenne et requêtes à haute fréquence ce numéro ne fonctionne pas).
D’une certaine manière, la chapelure est similaire au système circulatoire, qui permet de transporter l’oxygène jusqu’aux « organes internes » les plus éloignés. Bien sûr, vous pouvez ajouter manuellement des liens vers d'autres documents sur le sujet, mais cela nécessitera la rédaction d'un document séparé. Pour créer un fil d'Ariane, nous considérerons tout d'abord l'option sans avoir besoin d'installer des plugins, puis nous en examinerons encore quelques-uns, qui, à notre avis, sont les meilleurs.
Option sans installer de plugin
Voyons un moyen d'implémenter des miettes sur votre site sans installer de plugins. C’est assez simple en termes de mise en œuvre, il ne faut donc rien attendre d’original de cette solution. Mais tout fonctionne sans plugins, ce qui signifie qu'il n'y a aucune charge sur le site.
La méthode comprend quelques étapes :
- saisir le code dans le fichier function.php ;
- en entrant le code miette au bon endroit.
Alors, prenez le premier code et collez-le dans le fichier function.php de votre modèle actif :
fonction the_breadcrumb() (
si (!is_front_page()) (
echo "Accueil" ;
écho "" ";
si (is_category() || is_single()) (
la_categorie(" ");
si (is_single()) (
écho "" ";
le titre();
}
) elseif (is_page()) (
echo the_title();
}
}
autre(
echo "Accueil" ;
}
}
Il peut être placé à la toute fin du document avant les caractères « ?> » (sans les guillemets). S'il n'y a pas de balise à la fin, alors le code peut être placé au tout début avant la balise d'ouverture. Lorsque vous publiez le code, assurez-vous que le codage est UTF-8, sinon certaines lettres et mots russes ne s'afficheront pas correctement. Vous pouvez définir l'encodage en utilisant Éditeur de bloc-notes en utilisant l'élément « Encodage – Encoder en UTF-8 (sans VOM).
Maintenant, nous utilisons un autre code et l'écrivons là où nous voulons afficher le fil d'Ariane :
le_breadcrumb();
?>
On pense que les miettes doivent être placées partout sauf sur la page principale. Autrement dit, vous devez placer ce code dans les fichiers single.php, archive.php, page.php etcategory.php. L'endroit exact où le placer dépend de vous, mais par défaut, il est inséré avant l'affichage du contenu principal. S'il est possible de placer le code dans le bloc principal, faites-le, car vous n'aurez alors pas à jouer avec les styles pour que les miettes s'affichent comme prévu.
Comme vous pouvez le constater, il vous suffit de fouiller un peu dans les fichiers de thème. Et en plus, la méthode fonctionne sans modules auxiliaires. Eh bien, si vous souhaitez pouvoir modifier les miettes à votre propre discrétion, vous devrez installer des plugins tiers. Le référencement par Yoast et Breadcrumb NavXT fonctionne très bien. Regardons le premier.
Plugin SEO par Yoast
Comme alternative à la méthode ci-dessus, vous pouvez utiliser le plugin SEO by Yaost, capable de créer des miettes très attractives. Ses principaux avantages :
- pas besoin d'installer des modules tiers ;
- le plugin est capable d'afficher des catégories et des sous-catégories, affichant ainsi l'image complète du site ;
- il est possible de modifier le texte du lien menant à la page principale ;
- mettre en évidence les dernières pages en gras ;
- possibilité de changer le séparateur et le préfixe ;
- définition du format de taxonomie ;
- à Aide CSS Vous pouvez expérimenter l'apparence des miettes.
Néanmoins, nous notons que dans certains cas, le plugin peut ne pas afficher les miettes tout à fait correctement, mais au fur et à mesure que le plugin se développe, nous sommes sûrs que les développeurs élimineront les erreurs et ajouteront toutes les fonctions manquantes.
Commençons par le téléchargement et l'installation. Vous pouvez obtenir le plugin à partir du lien : https://wordpress.org/plugins/wordpress-seo/. L'installation est standard - téléchargez le contenu dans le dossier wp-content/plugins et activez-le dans le panneau d'administration. Vous pouvez maintenant passer à la configuration :
- Dans le panneau d’administration, rendez-vous dans la section « SEO – Avancé » ;
- Le chargement aura lieu paramètres additionnels plugin (il a été créé non seulement pour afficher les miettes), mais nous nous intéressons spécifiquement à la section « Fil d'Ariane » ;
- Nous activons les miettes, mais pour qu'elles apparaissent sur le site vous devrez placer un code spécial (vous le trouverez à la fin de cette liste) ;
- Sélectionnez l'un des délimiteurs pris en charge par HTML5 ;
- Sélectionnez ensuite le texte de la page principale du site (par exemple, « Accueil », « Accueil », etc.) ;
- Un préfixe est un symbole ou un mot qui sera affiché avant toutes les miettes sur la ressource (généralement une flèche) ;
- Ensuite, vous pouvez sélectionner des préfixes spécifiquement pour les archives, les pages de résultats de recherche, les pages 404 ;
- Certaines personnes trouveront peut-être utile de mettre en évidence le dernier point en gras, mais dernière page est souvent identique au titre, alors décidez vous-même quoi faire ;
- Le dernier élément de paramétrage est la taxonomie (vous pouvez choisir entre catégories, formats, balises) ;
- Enregistrez les modifications apportées.
Après avoir terminé la configuration, vous devez ajouter le code au modèle :
(yoast_breadcrumb("");) ?>
C'est tout, il ne sera pas difficile de comprendre tous les autres aspects du travail avec le plugin.
Plugin Fil d'Ariane NavXT
Le plugin dispose d'un grand nombre de paramètres et, surtout, il fonctionne comme une montre de haute qualité pour plusieurs milliers de dollars. Comme mentionné ci-dessus, la navigation dans les pages WordPress est possible sans installer de modules tiers, mais avec l'aide de Breadcrumb NavXT, tout est simplifié - chaque utilisateur peut personnaliser le fil d'Ariane comme il le souhaite.
Vous pouvez télécharger le plugin sur la page : http://wordpress.org/extend/plugins/breadcrumb-navxt/ (au moins 3.0 et PHP 5). Après le téléchargement, téléchargez le plugin dans le dossier wp-content/plugins et activez-le dans le panneau d'administration. Notez que si vous aviez déjà ancienne version module, alors il doit être désactivé, ou le plugin peut être un peu défectueux (les paramètres ne sont pas enregistrés). Si vous avez oublié de l'éteindre et que rien ne fonctionne, après l'installation, nous l'éteignons et le réinstallons. Maintenant, tout va démarrer correctement.
Si nécessaire, le code peut être ajouté à d'autres fichiers de votre thème. Maintenant, vous devez aller dans le menu des paramètres et « évoquer » un peu avec ses options, grâce auxquelles vous pouvez faire ce que votre cœur désire avec ces miettes (les développeurs l'ont vraiment fait consciencieusement).
Alors, allez dans le panneau d'administration de la ressource, regardez le panneau de gauche et sélectionnez-y l'élément « Fil d'Ariane NavXT ». Plusieurs onglets tels que « Général », « Position actuelle », etc. seront affichés ici. Dans l'onglet principal « Général », il y a des paramètres qui affecteront toutes les pages du site. Le champ « Séparateur » permet de préciser un symbole qui fera office de séparateur pour le fil d'Ariane (à notre avis, le symbole le plus réussi est « > » - simple et compréhensible par tous).
Le champ « Longueur maximale » précise la longueur de l'ancre en caractères. Nous vous recommandons de définir une limite de 60 caractères, ce qui est utile à des fins d'optimisation. Nous avons déjà évoqué les avantages du fil d’Ariane pour le référencement ; c'est-à-dire que les miettes seront indexées moteurs de recherche, et ils ne seront pas utilisés uniquement pour transférer du poids à vide. Faisons une réservation pour que moteurs de recherche peut traiter les liens avec des ancres identiques de manière imprévisible, nous vous recommandons donc de les raccourcir (ce n'est pas nécessaire, mais vous pouvez quand même y consacrer un peu de temps).
Si vous cochez la case à côté de « Lien d'accueil », alors le lien vers la page principale sera affiché en miettes. Et si nécessaire, vous pouvez sélectionner une ancre. Les champs « Préfixe » et « Suffixe » permettent de préciser le texte qui apparaîtra avant ou après le lien vers la page principale. Eh bien, le champ « Texte du lien d’accueil » vous permettra de préciser le texte qui s’affichera lorsque vous survolerez le lien page d'accueil.
Cela vaut la peine d'être pris en compte : ce texte peut être pris en compte par les moteurs de recherche comme point d'ancrage. Autrement dit, il vaut la peine de spécifier des mots-clés liés à votre page principale. Après cela, enregistrez toutes les modifications apportées à l'aide du bouton approprié.
Mais il ne s’agit que d’un seul onglet « Général », vous pouvez donc parcourir les autres onglets. Ainsi, sur le suivant, il y a un élément de configuration pour un lien qui pointera vers la page où vous vous trouvez. Un lien vers la position actuelle améliore l'optimisation interne de la ressource, nous vous recommandons donc de cocher cette case. N'oubliez pas non plus que nous recommandons de ne pas dépasser 60 caractères pour éviter de créer des titres volumineux.
Le champ suivant « Texte de la position actuelle » peut être laissé intact, tout simplement parce qu'il montre bien la signification de la transition (ce texte sera vu par le visiteur lorsqu'il passera le curseur de la souris sur le lien). L'onglet « Articles/Pages » permet de paramétrer l'affichage des liens vers les pages de contenu et les pages statiques du site (pour les articles vous pouvez paramétrer l'inscription « Article actuel »).
Dans l'onglet « Catégories », en effet, tous les paramètres sont similaires à ceux qui étaient présents pages précédentes. Lors de la configuration, nous n'avons pas précisé les préfixes et suffixes, mais avons apporté des modifications au champ « Archives ». Grâce à tout cela, nous avons eu des filles si attirantes, où tout fonctionne correctement.
Salut tout le monde!
Le fil d’Ariane est une autre façon d’améliorer les liens internes et la convivialité du site Web. C'est le nom ce type J'ai acquis la navigation sur le site grâce au conte des frères Grimm sur Hansel et Gretel. Si vous vous en souvenez, pour retrouver le chemin du retour, les enfants laissaient des miettes de pain sur le chemin. De même, la méthode de navigation du même nom évitera aux utilisateurs de se perdre sur votre site. Plus de détails sur l’objectif et les méthodes d’ajout de fil d’Ariane à un blog seront abordés dans l’article d’aujourd’hui.
Signification et exemple de chapelure
Pour vous donner une idée de ce à quoi ressemble le fil d'Ariane sur un site Web, je vais vous donner un exemple tiré de mon blog :
Le fil d’Ariane est mis en évidence par un cadre orange. On les appelle aussi chapelure.
Le plus souvent, une telle chaîne se trouve sous l'en-tête du site, juste avant le titre de l'article.
Ainsi, le visiteur peut facilement comprendre dans quelle rubrique se trouve l’article qu’il consulte. Structure générale La navigation dans le fil d'Ariane est la suivante : Page d'accueil-> Section -> Titre de l'article. Cela peut être compliqué si, par exemple, une sous-section apparaît dans la section, alors la structure sera comme ceci : Page d'accueil –> Section –> Sous-section –> Titre de l'article.
En plus de la navigation sur le site, le fil d’Ariane joue également un rôle important dans le référencement. Ils améliorent la convivialité du site, les liens et parfois ils peuvent accéder aux fichiers . Cela augmentera le taux de clics dans les résultats de recherche et aidera également les moteurs de recherche à reconnaître rapidement la structure de votre ressource. Cela nécessite un micro-marquage de la chapelure. Nous parlerons de la façon de procéder ci-dessous.
Fil d'Ariane : comment le faire sur son blog ?
Afin d’ajouter du fil d’Ariane à WordPress, vous pouvez utiliser un plugin, ou écrire code requis pour leur production.
Voyons d’abord comment afficher le fil d’Ariane avec du code PHP. Je dirai tout de suite que le même code sera donné ci-dessous, mais avec des éléments de micro balisage, je vous conseille de le prendre immédiatement.
Voici un exemple de code à coller dans votre fichier function.php :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | " " ; } |
Les noms russes dans le code peuvent être remplacés par les vôtres. Par exemple, au lieu de « Accueil », remplacez le nom du site.
| 1 2 3 4 5 |
Après cela, un fil d’Ariane devrait apparaître sur votre site. Cependant, pour obtenir un beau fil d’Ariane, vous devrez apporter des modifications au fichier de styles. Par exemple, pour que cela ressemble à celui de mon blog, vous devez insérer le code suivant dans styles.css :
Fil d'Ariane (marge : -5px 0 5px 3px ; /* remplissage */ débordement : caché ; ) .breadcrumbs a ( couleur : #34a6d2 ; /* couleur du lien - bleu */ décoration du texte : souligner ; ) .breadcrumb > span ( couleur : #000; /* la couleur du point final est noire */ ) .breadcrumb( float:left; )
Ici, vous pouvez voir la couleur et la taille des polices, les retraits et la couleur des liens lorsque vous les survolez et sans. Vous pouvez remplacer toutes ces valeurs par les vôtres et expérimenter.
Fil d'Ariane pour WordPress : plugin
Les plugins les plus courants pour afficher le fil d'Ariane : Yoast WordPress Seo, BreadCrumb NavXT. Plugin WordPress SEO by Yoast est riche en fonctionnalités et le fil d’Ariane ne représente qu’une petite partie de son arsenal. Par conséquent, si ce plugin est déjà installé, vous pouvez utiliser cette fonction.
Après l'installation, dans les paramètres vous pouvez définir l'option de chemin (catégories, dates, balises), longueur maximale en-tête, caractères entre les sections. De plus, vous pouvez désactiver l'affichage du nom de la page sur laquelle se trouve le visiteur, afin de ne pas dupliquer le titre de l'article. Pour que le fil d'Ariane s'affiche sur la page, vous devez à nouveau écrire le code dans le fichier single.php ou header.php.
| 1 2 3 4 5 6 7 8 |
Vous pouvez apporter des modifications aux styles de la même manière que décrit ci-dessus.
Micro marquage de la chapelure
Nous avons déjà parlé de son importance. Le fil d'Ariane dans l'extrait de mon blog ressemble à ceci :
Ce type est plus compréhensible et agréable pour l’utilisateur que la simple URL de la page.
Les moteurs de recherche peuvent automatiquement accepter la structure du fil d'Ariane créée sur votre site et l'afficher en conséquence dans l'extrait. Pour vérifier cela, vous devez utiliser les validateurs Google et Yandex.
Si les moteurs de recherche ne reconnaissent pas le fil d’Ariane, ils ont alors besoin d’aide. Sur mon blog j'utilise le code donné au début de l'article. J'y ai ajouté des éléments de micro-balisage. Si vous générez également un fil d'Ariane à l'aide de code PHP, vous pouvez remplacer votre code par ceci :
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | fonction mon_breadcrumb() ( echo " |
fonction mon_breadcrumb() ( echo "
Je n'ai pas essayé de créer un micro-balisage pour le fil d'Ariane créé à l'aide du plugin. Mais je pense que ce n'est pas difficile. Vous pouvez modifier le code du plugin de la même manière que mon code. Regardons le code donné.
Ce code permet aux moteurs de recherche de déterminer qu'il s'agit d'un élément de fil d'Ariane.
Chaque élément séparé les chaînes sont enveloppées dans un div contenant le code : itemscope itemtype="https://data-vocabulary.org/Breadcrumb" .
itemprop="url" – définit la valeur de l'url, elle doit être ajoutée à chaque balise
itemprop="title - définit la valeur du titre de l'élément de chaîne
Tout le code est enveloppé dans un div avec le paramètre xmlns:v="https://rdf.data-vocabulary.org/#"> pour connecter le dictionnaire schema.org.
Après avoir ajouté le code, vérifiez à nouveau si Yandex et Google reconnaissent le fil d'Ariane.
Si vous avez des questions supplémentaires sur le sujet de cet article, assurez-vous de les poser dans les commentaires.
Enfin, je suggère de regarder une vidéo sur les liens internes.
Bonjour, chers lecteurs ! Aujourd'hui, nous allons parler de ce que sont les fils d'Ariane, des fonctions qu'ils remplissent sur un blog et, surtout, comment installer et configurer le plugin Breadcrumb NavXT, qui vous permet de créer Fil d'Ariane WordPress.
Que sont les miettes de pain
Le « fil d'Ariane » montre le chemin sur le blog que vous devez suivre depuis la page principale pour page actuelle. Il s'agit d'une sorte de chaîne de navigation dont chaque maillon est un lien vers une page de niveau supérieur. La plupart haut niveau- c'est le blog principal. Idéalement, le chemin d’accès à n’importe quelle page de blog à partir de la page principale devrait prendre au maximum 3 clics de souris. En fait, ceci accueil - catégorie - entrée ou accueil - catégorie - catégorie - message, mais pas plus. Cela est nécessaire pour le confort non seulement des utilisateurs, mais également des moteurs de recherche. Les moteurs de recherche peuvent indexer les publications au contenu plus approfondi avec un certain retard. De plus, leur importance aux yeux des moteurs de recherche diminue avec l’augmentation du niveau d’imbrication. En conséquence, des liens vers les éléments les plus importants et articles intéressants sur le blog, essayez de le mettre sur la page principale.
Une telle fonctionnalité sur le site est appelée différemment - navigateur, fil d'Ariane, chemin sur le site, mais le nom le plus populaire est « fil d'Ariane ». Ce nom vient du conte de fées sur Hansel et Greta, dans lequel les héros dispersaient des miettes de pain pour retrouver leur chemin.
En plus de la commodité et de la navigation, ils effectuent une autre fonction importante— améliore les liens internes des pages de blog. Plus tôt, j'ai déjà parlé de trois plugins importants et intéressants pour le maillage interne, que je recommande fortement à chacun d'installer sur son blog. Breadcrumb NavXT peut facilement être ajouté à cette liste.
Lorsque les moteurs de recherche indexent un article de blog, ils voient immédiatement à quelle catégorie il appartient et chemin completà la page principale, ce qui les aide à déterminer la structure du blog. N'oubliez pas de l'ajouter à votre blog pour les moteurs de recherche et les utilisateurs.
Installation et configuration du plugin Breadcrumb NavXT
L'installation de Breadcrumb NavXT est quelque peu différente, alors examinons-la en détail :
2. Décompressez l'archive et téléchargez le dossier contenant les fichiers du plugin sur le serveur dans le répertoire wp-content/plugins. Pour ce faire, utilisez FileZilla.
3. Activez le plugin via la section « Plugins » du panneau d'administration WordPress.
4. Vous devez maintenant insérer le code suivant :
Le deuxième endroit le plus populaire est l’en-tête du site. Pour ce faire, le code doit être inséré dans un seul modèle - header.php. Je ne peux pas dire le lieu exact, tout dépend du sujet. La méthode du piquage scientifique convient ici - collez le code, enregistrez, voyez le résultat, si vous ne l'aimez pas, modifiez l'emplacement du code dans le modèle.
Certains thèmes avancés affichent par défaut le fil d'Ariane sur le blog, mais je recommanderais quand même d'utiliser le plugin Breadcrumb NavXT car il a des paramètres plus flexibles. Dans de tels cas, vous devez remplacer le code standard dans les modèles de thème chargés d'afficher le fil d'Ariane par le code du plugin spécifié ci-dessus. Code standard devrait être à bien des égards similaire au code du plugin donné, donc le trouver ne sera pas difficile (il est généralement enfermé dans une balise div, dont l'ID ou la classe porte le même nom - fil d'Ariane).
Après avoir ajouté le code, vous pouvez modifier l'apparence du pain Miettes WordPress. Pour cela, ajoutez des styles à la classe breadcrumb dans le fichier style.css du thème que vous utilisez. Bien sûr, pour cela, vous devez savoir Bases CSS, je vous conseille donc de lire le tutoriel CSS gratuit de Vlad Merzhevich, que vous pouvez télécharger sur mon blog.
Les paramètres du plugin se trouvent dans la section « Options » - « Fil d'Ariane NavXT ». Sur Internet, vous pouvez trouver une solution, mais malheureusement, sur dernières versions plugin, il est très tordu - la plupart des paramètres restent activés langue anglaise. Je considérerai donc les réglages en anglais, en donnant les traductions et mes commentaires sur les points les plus importants.
Le premier onglet s'appelle « Général ».
Séparateur de fil d'Ariane - un symbole qui sera utilisé comme séparateur entre les maillons de la chaîne de fil d'Ariane.
Breadcrumb Max Title Longueur - le titre de la page est utilisé comme maillon dans la chaîne de navigation, cette option définit la longueur maximale du titre, 0 - le titre entier est utilisé sans le couper.
Fil d'Ariane Accueil - indiquer ou non le blog principal dans le fil d'Ariane. Je vous conseille de l'activer et de le nommer selon le nom de votre blog.
- texte qui sera visible sur le blog principal s'il ne s'agit pas d'un lien.
Accédez à l’onglet Élément actuel, qui signifie « Élément actuel » ou « Emplacement actuel ».
Lier l'élément actuel - affiche le nom de la page actuelle sous forme de lien vers celle-ci ou non.
Fil d'Ariane paginé - support navigation dans les pages. Une fois activés, les nombres seront affichés dans le fil d’Ariane.
— un modèle qui définit le nom de la position actuelle lorsque la prise en charge de la navigation dans les pages est activée.
La section suivante s'appelle « Publications et pages » – Publications et pages.
Affichage de la taxonomie des publications : affiche tous les chemins possibles menant à une publication.
Post taxonomie - peut être affichée dans les options de chemin de publication. J'ai choisi pour mon blog option standard— Rubriques.
Modèle de page et modèle de page (sans lien)— similaire au modèle de publication et au modèle de publication (sans lien) discutés ci-dessus, seuls ils seront affichés pour les articles publiés.
La prochaine étape est la section « Catégories et balises ».
Cette section spécifie des modèles pour former des fils d'Ariane pour les catégories et les balises. Suivez simplement les mêmes étapes que les modèles de publication décrits ci-dessus.
Dans la section, vous pouvez définir des modèles pour la page d'auteur (Auteur), la date/archive (Date), les résultats de recherche (Recherche) et les erreurs 404.
Je n’utilise pas les autres options, donc je ne serai pas intelligent quant à leur objectif.
Eh bien, nous avons tout compris ! Toutes nos félicitations! C'est là que je termine mon histoire et vous dis au revoir, mais pas pour longtemps, car bientôt un autre article intéressant sera publié sur mon blog !
Fléchisseur 5
Fil d'Ariane NavXT c'est le plugin le plus avancé et le plus populaire" chapelure" pour le blog sur WordPress. Il n’a qu’un seul inconvénient : il n’y a pas de styles de conception intégrés. Vous pouvez corriger cette lacune du plugin en reprenant les styles prêts à l'emploi de cet article. Il y a beaucoup de choses dans le plugin réglages fins, je l'ai donc traduit en russe pour que même les débutants puissent comprendre les paramètres. Lisez également comment concevoir un panneau " chapelure" dans le balisage RDFa, ce qui aidera les moteurs de recherche à trouver et à utiliser ce panneau lors de la création d'un extrait.
Ces styles s'adapteront au design de la plupart des modèles, mais personne ne vous empêche de jouer avec les couleurs pour obtenir quelque chose comme :
Fil d'Ariane NavXT Il s'agit d'un plugin hautement personnalisable. Si vous le souhaitez, vous pouvez le configurer pour générer du code " chapelure"conformément à la norme acceptée par Google RDFa. Voici la disposition des panneaux " chapelure"ne garantit pas que Google les utilisera lors de la création d'un extrait de recherche, mais les chances que cela se produise augmenteront considérablement.
Comment faire? Tout d'abord, modifiez le code d'appel du panneau comme suit :
maison
| < span typeof= "v:Breadcrumb" > < a href= "%link%" rel= "v:url" property= "v:title" >%htitre% |
%htitre%
Et ainsi de suite pour chaque lien de la barre de navigation. Je ne vous obligerai pas à modifier manuellement chaque lien dans les paramètres du plugin - c'est parti paramètres prêts (bouton de droite des souris et " Enregistrer l'objet sous"). Cliquez sur " Aide", puis cliquez sur " Importer/Exporter/Réinitialiser" et sélectionnez le fichier téléchargé à télécharger et à importer. Dans ce fichier exporter en utilisant les paramètres par défaut du plugin plus RDFa marquages et rien de plus. Si vous le souhaitez, vous pouvez personnaliser le plugin vous-même, mais ne touchez pas à tout ce qui concerne les paramètres dans les paramètres. RDFa.
Après cela, le plugin commencera à générer code correct panneau " chapelure", adapté aux moteurs de recherche. Si vous le souhaitez, vous pouvez vérifier le code de sortie. Si tout est correct, vous verrez alors visuellement à quoi ressemblera votre extrait de code dans les résultats de recherche :
La page principale n'est pas affichée dans cet aperçu, mais dans une recherche réelle, elle sera bien entendu présente.
À propos, formellement, le plugin prend en charge le balisage pour " chapelure". Mais pour une raison quelconque uniquement dans le widget et uniquement dans le balisage " schéma.org"Cependant, il le soutient de manière tordue - un tel balisage ne passe pas la validation de Google :
Mais dans tous les cas, le plugin ne prend en charge que le balisage dans le widget, ce qui ne conviendra probablement à personne, puisque " chapelure" est généralement affiché au début de la page, et pas du tout dans la barre latérale.
Malheureusement, pour le moment" chapelure"ne sont pas pris en charge par Yandex. Et sous aucune forme - certains sont balisés, d'autres non. C'est dommage, bien sûr, mais vous ne pouvez rien y faire. Téléchargez la version 6.2.1 du plugin (téléchargements totaux 6 988 695
une fois)
Avez-vous aimé le post? Abonnez-vous aux mises à jour par ou