Affichage mobile et SEO - Balise meta viewport

La balise viewport ressemble à ceci :

<meta name="viewport" content="width=device-width, initial-scale=1">

Voici ce que fait chaque paire clé-valeur:

  • width=device-width définit la largeur de la fenêtre d'affichage sur la largeur de l'appareil.
  • initial-scale=1 définit le niveau de zoom initial lorsque l'utilisateur visite la page.

De nombreux moteurs de recherche classent les pages en fonction de leur convivialité pour les mobiles. Sans balise META Viewport , les appareils mobiles affichent les pages à des largeurs d'écran de bureau typiques, puis réduisent les pages, ce qui les rend difficiles à lire.

La définition de la balise META de la fenêtre d'affichage vous permet de contrôler la largeur et l'échelle de la fenêtre d'affichage afin qu'elle soit correctement dimensionnée sur tous les appareils.

C'est notamment le cas de Google qui vérifie deux points. Une page échoue à l'audit si elle contient une <meta name="viewport">balise avec l'un des éléments suivants:

  • Un content attribut avec un user-scalable="no"paramètre
  • Un content attribut dont le maximum-scale paramètre est inférieur à 5

Vérifiez dès maintenant votre site web sur l'outil Google : https://web.dev/

  • 0 Utilisateurs l'ont trouvée utile
Cette réponse était-elle pertinente?

Articles connexes

Defer offscreen images - Booster votre site avec le lazy loading

Dans tout projet web, les images occupent une place importante. Si elles se doivent d'être d’une...

WebPerf - Améliorer la gestion de ses scripts via les atributs async et defer

Petite astuce pour accélérer le chargement de vos sites web !   Comme tout...

GTMetrix - Use Cookie-Free Domains

Lorsque vous diffusez du contenu statique tel qu'une image, un script JS ou encore du CSS, il n’y...

Google Tag Manager - Centralisez vos tiers

Vous êtes gérant d'un site web ? Voici une astuce pour vous !Nous vous présentons donc "Google...

Powered by WHMCompleteSolution