Pour améliorer votre score d’accessibilité dans PageSpeed Insight et donc le SEO de votre site WordPress, votre maximum-scale de votre balise meta viewport doit être au minium à 5. Ce maximum-scale c’est la capacité à zoomer sur votre page de l’utilisateur de votre site. Par défaut, le thème EXTRA d’Elegantthemes (lien affilié) ne permet que le zoome x1.
Voici un snippet à ajouter au fichier functions.php de votre thème enfant pour remédier à ce problème
// Merci à Garconis : https://gist.github.com/Garconis/34b6be24ee644c024663ef1d2e11e2bb
// Supprime extra_add_viewport_meta du wp_head
function remove_extra_actions() {
remove_action( 'wp_head', 'extra_add_viewport_meta' );
}
// Appel de 'remove_divi_actions' pendant l'initialisation de WP
add_action('init','remove_extra_actions');
// Ajout du nouveau pinch et zoom avec le maximum-scale à 5
function et_new_viewport_meta(){
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=1" />';
}
add_action( 'wp_head', 'et_new_viewport_meta', 15 );
