Quelles balises meta importantes doivent se trouver dans la section head du document ?

Question

Accepted Answer

Les balises `` dans `` fournissent des métadonnées sur la page — encodage des caractères, comportement de la fenêtre d'affichage, descriptions SEO et aperçus de partage social. Elles ne sont pas rendues mais sont lues par les navigateurs, les moteurs de recherche et les plateformes sociales. ## Pourquoi c'est important ```html ``` - **`charset`** garantit que le texte (en particulier non-ASCII) se décode correctement. Mettez-le en premier. - **`viewport`** est ce qui rend un site **responsive** sur mobile — sans elle, les téléphones effectuent un rendu à une largeur fictive de 980px et font un zoom arrière, cassant votre CSS responsive. ## Meta SEO ```html Page Title — 50–60 chars ``` Le `` et la `description` sont ce qui apparaît dans les résultats Google, ils influencent donc le taux de clic. `canonical` indique aux moteurs de recherche l'URL faisant autorité. ## Open Graph — aperçus de partage social ```html <meta property="og:title" content="Shareable title" /> <meta property="og:description" content="Shown when shared" /> <meta property="og:image" content="https://site.com/preview.jpg" /> <meta property="og:url" content="https://site.com/page" /> <meta name="twitter:card" content="summary_large_image" /> ``` Ces balises contrôlent la carte qui apparaît quand votre lien est partagé sur Facebook, LinkedIn, Slack, X, etc. — sans elles, vous obtenez un aperçu laid ou vide. ## Pourquoi c'est important `charset` et `viewport` sont non négociables pour un rendu correct et une responsivité mobile ; `title`/`description`/`canonical` influencent le SEO ; les balises Open Graph contrôlent l'apparence de vos liens lors du partage. Ensemble, c'est la couche de métadonnées qui fait qu'une page s'affiche correctement, se classe bien et se partage bien.