Sélectionner une page

Snippet DIVI : meta viewport maximum-scale à 5 pour améliorer votre score PageSpeed Insight

5 Sep 23 | code, Divi

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 de 5. Ce maximum-scale c’est la capacité à zoomer sur votre page de l’utilisateur de votre site. Par défaut, le thème DIVI (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 et_add_viewport_meta du wp_head
function remove_divi_actions() {
	remove_action( 'wp_head', 'et_add_viewport_meta' );
}
// Appel de 'remove_divi_actions' pendant l'initialisation de WP
add_action('init','remove_divi_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 );
Vous avez des questions à propos de cet article ? Besoin d'aide sur un autre sujet ? Contactez-moi, je pratique des prix vraiment compétitifs et je réponds généralement rapidement