Installer et configurer Yoast

Yoast SEO est une extension indispensable pour le bon référencement de ton site.

Elle permet de gérer facilement les titres et méta descriptions des articles, d’ajouter un fil d’Ariane, d’installer Google Search Console et de fournir des données pour le partage sur les réseaux sociaux.

La cerise sur le gâteau : elle est gratuite.

Tu retrouveras dans cet article la configuration des fonctionnalités de Yoast :

picto articles intermediaires

Intermédiaire

L’extension est un peu longue à configurer du fait de ses multiples fonctionnalités. Après, ce n’est que du bonheur.

Je vais aller directement à l’essentiel. Si tu souhaites un complément d’information sur une fonctionnalité, je te recommande de consulter les articles de référence.

logo yoast seo

Tableau de bord

Y SEO > Tableau de bord

yoast menu

Onglet Informations sur la société

Tu suis simplement les indications. Pas de difficulté à signaler.

  • Remplir :
    • Nom du Site Web
    • Société
    • Nom de la société
  • Charger son logo avec Mettre une image en ligne
  • Bouton Enregistrer les modifications

yoast seo Informations sur les sociétés

Sécurité

  • Activer uniquement en présence d’auteurs multiples

yoast sécurite

Fonctionnalités

  • Vérifier que toutes les options soient bien activées

Titres et Métas de Yoast

Dans la barre de menu à gauche, Y SEO > Titres et Métas

Généraux

  • Vérifier que tu as bien le séparateur de titre tout à gauche de sélectionné : –

yaost séparateur de titre

Page d’accueil

  • Suivre les 2 liens et réaliser l’opération suivante pour chacun :
    • Descendre en dessous de l’article pour trouver la boîte à outil Yoast
    • Renseigner son mot-clé : il s’agira d’un mot (ou d’un groupe de mots) qui résume ton article ou ta page. C’est ce que tu penses qui sera utilisé dans Google pour trouver cette page. Chaque page doit avoir un mot-clé unique.
      Exemples : page accueil, nom de chien qui commence par A, restau dans le 13e…

yoast mot clé

  • Bouton modifier l’extrait
  • Renseigner le titre de l’article : il s’agit du titre qui sera affiché dans la recherche Google. Il est différent du titre de ton article qui sera uniquement présent sur ton site. Tu fais attention à ce que ton titre soit bien dans la partie affichée . Yoast préconise de réaliser un titre long dont une partie seulement sera affichée. Je préfère un titre sur une seule ligne.
  • Compléter la méta description : il s’agit du résumé de ton article. Il sert uniquement à informer le visiteur du contenu de l’article ou de la page.
  • Bouton Fermer l’éditeur d’extrait

yoast seo meta description

  • Bouton Mettre à jour de la page

bouton mettre à jour

Désormais, tu réaliseras cette opération pour toutes les pages et articles. Tu vas également revoir les articles et pages déjà publiés. Si tu ne dois faire qu’une seule chose pour aider ton site à être présent sur Google c’est celui-ci.

Type de contenus

Articles

  • Modèle de titre : %%category%%%%title%%
  • Modèle de Méta description : %%excerpt%%
  • Méta robots  : index
  • Date dans la prévisualisation de l’extrait : afficher
  • Yoast SEO Méta Box : afficher

yoast types articles

Page

  • Modèle de titre : %%title%%
  • Modèle de Méta description : %%excerpt%%
  • Méta robots  : index
  • Date dans la prévisualisation de l’extrait : masquer
  • Yoast SEO Méta Boite : Afficher

yoast types page

Fichier média

  • Modèle de titre : %%title%%
  • Modèle de Méta description : vide
  • Méta robots  : index
  • Date dans la prévisualisation de l’extrait : masquer
  • Yoast SEO Méta Boite : Afficher

yoast types media

Ma bibliothèque

  • Modèle de titre : %%title%%
  • Modèle de Méta description : vide
  • Méta robots  : index
  • Date dans la prévisualisation de l’extrait : masquer
  • Yoast SEO Méta Boite : Afficher
  • Bouton Enregistrer les modifications

yoast types bibliothèque

Taxinomies

Catégories

  • Modèle de titre : %%category%%
  • Modèle de Méta description : %%category_description%%
  • Méta robots  : noindex
  • Yoast SEO Méta Boite : Afficher

yoast seo taxinomies catégories

Étiquettes

  • Modèle de titre : %%tag%%
  • Modèle de Méta description : %%tag_description%%
  • Méta robots  : noindex
  • Yoast SEO Méta Boite : Afficher

yoast seo taxinomies étiquettes

Format

  • Archives par formats : Désactivé
  • Bouton Enregistrer les modifications

yoast seo taxinomies format

Onglet Archives

  • Archives de l’auteur : Désactivé
  • Archives par date : Désactivé
  • Pages de recherche Vous avez cherché %%searchphrase%% %%page%% %%sep%% %%sitename%%
  • Pages 404 Page non trouvée %%sep%% %%sitename%%

yoast seo titres archives

 

Réseaux sociaux

Dans la barre de menu à gauche, Y SEO > Réseaux sociaux

Comptes

  • Compléter tous les identifiants des comptes créés
    • https://www.facebook.com/nom/
    • nom Twitter sans le @
    • https://www.instagram.com/nom
    • https://www.linkedin.com/in/nom et identifiant/
    • https://fr.pinterest.com/nom/
    • https://plus.google.com/u/identifiant…

yoast seo réseaux sociaux comptes

Facebook

  • Ajouter les métadonnées OpenGraph : activer
  • Bouton Mettre en ligne une image

Facebook Insights n’est plus accessible aux nouveaux utilisateurs.

yoast seo facebook

Twitter

  • Ajoute les métadonnées de carte Twitter : activer
  • Le type de carte à utiliser par défaut : résumé avec grande image

yoast seo réseaux twitter

Pinterest

  • Se rendre sur son compte Pinterest

Icône de compte > paramètres > Profil

yoast seo réseaux pinterest profil

  • Compléter l’adresse de ton site dans Site web
  • Bouton Confirmer son site web

yoast seo réseaux pinterest confirmer le site

Une fenêtre s’ouvre

  • Copier le code

yoast seo réseaux pinterest code

  • Coller sur Yoast dans Vérification de Pinterest

yoast seo réseaux pinterest

Google+

  • Copier l’URL de ta page de marque

yoast seo réseaux google plus

 

Sitemaps XML

Fonctionnalité de la sitemap XML : activé

yaost seo sitemap activer

Les préréglages sont déjà pertinents donc nous passons directement à la prochaine rubrique.

Avancé

Fil d’Ariane

Le fil d’Ariane permet aux utilisateurs de naviguer facilement dans le site. C’est un vrai plus.

fil ariane résultat

  • Activer le fil d’Ariane : Activer
  • Séparateur pour le fil d’Ariane : il s’agit du symbole qui séparera les éléments du chemin > me semble bien
  • Texte d’ancrage pour la page d’accueil : indiquer comment vous voulez que votre page d’accueil se nomme : reprendre si possible le nom donné dans le menu pour la cohérence.
  • Préfixe pour le fil d’Ariane : il s’agit de la phrase qui sera présente avant le fil. “Vous êtes ici :” me semble clair
  • Les propositions pour les archives, les pages de recherche et la page 404 me semblent pertinentes
  • Afficher la page de blog : afficher
  • Mettre en gras la dernière page : Gras. Je trouve que cela facilite la tâche à l’utilisateur.
  • Articles : aucun
  • Bibliothèque : aucun

yoast avancé fil d'ariane

Installer le fil d’Ariane dans WordPress

Apparence > Editeur

Wordpress éditeur CSS

  • Sélectionner ton thème enfant dans le menu
  • Bouton Sélectionner

Wordpress éditeur sélection thème

  • Cliquer sur En-tête du thème dans Modèles

php header fil ariane

  • Copier le code suivant à la fin :

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb(‘
<p id=”breadcrumbs”>’,'</p>
‘);
}
?>

php header fil ariane emplacement code

  • Bouton Mettre à jour le fichier
  • Vérifier ce que cela donne sur un article

Pour l’apparence du fil d’Ariane, je te renvoie à la personnalisation du thème si tu ne l’as pas déjà fait. La procédure est la même, sauf que tu copies le code communiqué dans Feuille de style (style.css).

Permaliens

C’est une donnée essentielle de la bonne indexation par Google.

  • Retire la base de la catégorie : Conserver
  • Rediriger l’URL des pièces-jointes vers l’URL de l’article parent : Redirection
  • Mots d’arrêt dans les identifiants. : Supprimer
  • Supprimer les variables : Supprimer
  • Rediriger les URL laides vers des permaliens propres. : pas de redirection

yoast avancé permaliens

RSS

Pas de changements les pré-réglages sont corrects.

Outils

Éditeur par lots

Cela permet de réaliser des changement de titres et de renseigner les méta descriptions à la chaîne. Tu réalises  ainsi un audit rapide.

yaost outils

Titre

C’est la première ligne qui apparaîtra dans la recherche Google.

titre seo

Par défaut, c’est le titre de la page (ou de l’article) qui n’est pas optimisé.

Tu saisis ton nouveau titre et tu valides avec Tout enregistrer. Cela ne change rien au titre de ta page ou de ton article.

yaost éditeur par lots des titres

Méta description

C’est la description du contenu en quelques lignes.

meta description seo

Tu suis la même la procédure que pour titres.

yaost éditeur par lots des meta descriptions

Google Search console

  • Se connecter à Google Search Console
  • Sélectionner le compte Google lié à ton site
  • Compléter l’adresse de ton site (avec le https)
  • Bouton Ajouter une propriété

Onglet méthode alternative

Google Search Console authentification

  • Copier uniquement le code situé entre les “” : <meta name=”google-site-verification” content=”code à copier” />

GSC validation balise html

Dans Yoast > Tableau de bord > onglet Outils pour les webmasters

  • Coller le code dans la partie  Google Search Console
  • Bouton Enregistrer les modifications

yaost outils webmasters

Dans Google Search Console

  • Bouton Valider

gsc validation

La réussite du processus est attestée par le message.

gsc message validation

Conclusion

La configuration de Yoast est longue mais tu disposes désormais d’un excellent outil pour améliorer ton référencement et faire remonter tes articles dans les résultats des recherches sur les moteurs.

Cerise sur le gâteau, il optimise automatiquement les partages sur les réseaux sociaux en complétant les descriptions et en ajoutant un lien vers l’article.

Tu as configuré également Google Search Console qui sera l’autre outil de référence dans le domaine. Retrouve les premiers pas sur Google Search Console dans cet article.

Les articles qui peuvent t’intéresser :

bannière de la newsletter de pour pas un rond version bleu-vert

Pour aller plus loin

L’article de WP marmite est une référence de clarté avec des explications détaillées : Yoast SEO : Le plugin indispensable à toute installation WordPress

Un article de CreaZo centré sur le fil d’Ariane.

yoast image pinteret

3 réponses sur “Installer et configurer Yoast”

  1. Bonjour Jean et encore merci pour ce tuto ! Juste pour info, après avoir copié le code “fil d’ariane” dans header.php, j’ai eu la surprise de ne plus pouvoir visualiser mon site : aïe, aïe, aïe !!! Pour une débutante, tu peux imaginer l’angoisse (lol) ! Mais, les assistants de o2switch sont supers sympas et ont arrangé tout cela … Il se peut que mon pc windows n’ai pas apprécié le copier/coller d’un mac ? A voir si c’est cela où le code en lui-même …
    Belle fin de journée,

    1. Bonjour Béatrice,

      Je suis navré de ce qui t’es arrivé. C’est une des pires choses qui puisse se produire sur WordPress. C’est rare mais, comme tu as pu le constater, malheureusement cela arrive.

      Le fait de copier depuis un mac ne change absolument rien. Je ne pense pas que cela soit l’origine du problème.
      Tu me parles du header.php : le code indiqué doit être installé dans le fichier des css.

      J’ai recommandé o2switch car l’assistance est en français ce qui facilite le dialogue. J’aurais toutefois préféré que tu n’ai pas besoin d’y avoir recours.

      Au final, as-tu un fil d’Ariane ?

      Cordialement,
      Jean

      1. Bonjour, bonjour Jean ! Si c’est la pire des choses qui puisse arriver, alors je serai moins stressé la prochaine fois puisque je sais que o2switch sera là pour m’aider ! 😉 Je viens de relire le tutoriel et tu mentionnes bien l’en-tête du thème (header.php). Peut-être qu’il y a une petite rectification à apporter …
        Quant au fil d’Ariane, l’assistant m’a confirmé qu’il était présent sur mon site. Belle journée et à bientôt ! 😉

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *