Blog

WordPress : Comment mettre à jour dynamiquement le titre et la description avec Yoast SEO

Par Marc, le 20 novembre 2024 — 3 minutes de lecture

Aujourd’hui, je vous propose un petit tutoriel où nous allons voir comment personnaliser automatiquement le titre et la description SEO d’un contenu dans WordPress, en utilisant les filtres de Yoast SEO. Cela vous permettra de générer ces informations dynamiquement, sans avoir à les saisir manuellement pour chaque article ou page. Idéal dans certains cas de figure.

Pourquoi personnaliser dynamiquement le titre et la description SEO ?

Un titre et une description bien optimisés sont essentiels pour améliorer le référencement (SEO) de votre site. C’est même un « petit détail » à ne pas trop négliger si vous souhaitez attirer du monde vers votre site web de façon naturelle. Cependant, les remplir manuellement peut être chronophage, surtout si vous publiez fréquemment où que vous avez mis en place des CPT comme des produits dans le cadre d’un e-commerce par exemple. Mais pas de panique, dans ce tutoriel, je vais vous montrer comment automatiser cette tâche. Une méthode testé et approuvé par votre serviteur.

1. Ajouter le code suivant au fichier functions.php

Pour commencer, il vous suffit d’ajouter le code PHP ci-dessous dans le fichier functions.php de votre thème WordPress ou dans un plugin personnalisé.

// Filtre pour personnaliser dynamiquement le titre Yoast SEO
add_filter('wpseo_title', 'update_yoast_seo_title', 10, 1);
function update_yoast_seo_title($title) {
    if (is_singular('post')) { // Appliquer uniquement aux articles (ajustez pour d'autres types de contenu)
        global $post;
        $custom_title = get_the_title($post->ID); // Récupère le titre de l'article
        return $custom_title . ' - Votre Suffixe personnalisé'; // Ajoutez un suffixe ou modifiez ici
    }
    return $title; // Retourne le titre d'origine si ce n'est pas un article
}

// Filtre pour personnaliser dynamiquement la description Yoast SEO
add_filter('wpseo_metadesc', 'update_yoast_seo_metadesc', 10, 1);
function update_yoast_seo_metadesc($description) {
    if (is_singular('post')) { // Appliquer uniquement aux articles (ajustez pour d'autres types de contenu)
        global $post;
        $content = wp_strip_all_tags($post->post_content); // Supprime les balises HTML
        $custom_description = substr($content, 0, 150); // Prend les 150 premiers caractères du contenu
        return $custom_description; // Retourne la description personnalisée
    }
    return $description; // Retourne la description d'origine si ce n'est pas un article
}

2. Explications du Code

Personnalisation du Titre SEO :

  • Le filtre wpseo_title permet de modifier le titre SEO.
  • Dans cet exemple, nous récupérons le titre de l’article (get_the_title()) et y ajoutons un suffixe (par exemple :  » – Votre Suffixe personnalisé »).

Personnalisation de la Description SEO :

  • Le filtre wpseo_metadesc permet de modifier la méta-description.
  • Nous extrayons les 150 premiers caractères du contenu de l’article ($post->post_content) après avoir supprimé les balises HTML (wp_strip_all_tags()).

Conditions :

  • Le code s’applique uniquement aux articles (is_singular('post')).
  • Vous pouvez adapter la condition pour inclure d’autres types de contenu, comme des pages (is_page()) ou des Custom Post Types.

    Maintenant, vous n’avez plus qu’à implémenter et surtout tester si ça fonctionne. Comme il s’agit d’un filtre, vous ne verrez pas les modifications apparaitre sur la page de modification de l’article, mais directement sur l’article en lui-même. N’hésitez pas à consulter le code source de vos pages pour vois si les balises sont correctes. C’est là que vous saurez si ça fonctionne ou non.

    Grâce à ce tutoriel, vous avez appris à automatiser le processus de création de titres et descriptions SEO sur WordPress. Cette méthode est idéale pour gagner du temps et assurer une cohérence dans vos métadonnées.

    N’hésitez pas à expérimenter avec ce code pour l’adapter à votre projet spécifique !

    Marc

    Développeur full-stack depuis maintenant près de 7 ans, j'ai décidé d'ouvrir ce blog afin de capitaliser mes acquis, essayer de partager mes connaissances, découvrir de nouvelles technologies et surtout échanger avec d’autres développeurs.

    Commentaires

    Laisser un commentaire

    Votre commentaire sera révisé par les administrateurs si besoin.