Modifier le contenu de la balise title d’un site WordPress

Modifier la balise title

Si vous adaptez un thème enfant pour créer un site avec WordPress, il est possible que le contenu de la balise title, généré automatiquement, ne vous plaise pas. Dans mon cas, ce n’est pas seulement le titre de la page d’accueil qui était prise en compte mais également le contenu de la description que l’on écrit dans le champs Tagline ou Slogan de la section Réglages/général. Cela générait un titre beaucoup trop long. En SEO, il vaut mieux ne pas dépasser 60 caractères (espace compris) pour le titre.

La solution pour modifier le titre

Afin de régler ce problème, j’ai d’abord identifié le fichier php et le code « fautif » situé dans le thème parent. Le code « add_theme_support( ‘title-tag’ ); » se trouvait dans le fichier functions.php.  

Donc, j’ai fait un ajout de code dans le fichier functions.php du thème enfant afin d’annuler la génération automatique de ce titre comme suit:

add_action( 'after_setup_theme', 'remove_from_child_theme', 11 );
function remove_from_child_theme() { 
remove_theme_support( 'title-tag' );
}

Avec ce code, j’enlève le contenu de la balise title. Pour y remettre un contenu adéquat, j’ai ajouté le code suivant dans le fichier header.php du thème enfant;

<?php if ( is_single() || is_page() ) : if (have_posts() ) : while (have_posts() ) : the_post(); ?>
<title><?php wp_title(); ?></title>
<meta name="description" content="<?php echo get_post_meta( $post->ID, 'description', true);?>">

<?php endwhile; endif; elseif (is_home() ): ?>
<title><?php bloginfo('name'); ?></title>
<meta name="description" content="<?php bloginfo('description'); ?>">
<?php endif; ?>

Pour la signification du contenu de ce code, voir l’article Ajouter une balise meta sans plugins avec WordPress. Pour un article ou une page, le titre issu de wp_title() sera celui de l’article/ page en question qui apparaîtra dans l’onglet. Pour la page d’accueil, j’ai utilisé bloginfo(‘name’) afin d’aller chercher le contenu du champs  Titre du site dans Réglages/Général.

Modifier ou enlever le caractère spécial » avant le titre

Si vous voyez un caractère comme » suivi du titre dans l’onglet de votre navigateur, il est possible de l’enlever ou de le modifier. Celui-ci est le caractère représenté par « &raquo; » et généré par défaut avec wp_title().  Voici les paramètres:

wp_title( string $sep = ‘&raquo;’, bool $display = true, string $seplocation = ‘ ‘ )

Pour l’enlever, il suffit d’ajouter des guillemets à l’intérieur des parenthèses comme suit:  <title><?php wp_title(‘ ‘); ?></title>

On peut également le modifier en ajoutant le code unicode approprié selon le caractère spécial choisi.  Le site WebRankInfo a publié un Tableau des caractères spéciaux et codes Unicode intéressant. Ces caractères spéciaux peuvent être ajoutés dans les balises title et meta description. Cela peut attirer l’attention de l’internaute et ainsi augmenter le taux de clics.

 

Références:

wp_title

Function Reference/remove theme support

Tutoriel : ajouter des caractères spéciaux dans le titre et le snippet des résultats (SERP)

Laisser un commentaire

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