Comprendre les 20 balises meta HTML cruciales pour votre site web

Salut les geeks ! Aujourd'hui, on plonge dans le monde fascinant des balises meta HTML. Ces petites lignes de code peuvent faire une grosse différence pour le référencement et l'affichage de vos pages. Voici 20 balises meta importantes, y compris celles qui viennent par défaut lors de la création d'un document HTML :

• charset

  Spécifie l'encodage des caractères pour votre page.

  <meta charset="UTF-8">

• viewport

  Contrôle l'affichage sur les appareils mobiles.

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

• description

  Le texte qui apparaît dans les résultats de recherche.

  <meta name="description" content="Votre description ici">

• keywords

  Mots-clés pertinents pour votre page.

  <meta name="keywords" content="mot-clé1, mot-clé2, mot-clé3">

• robots

  Instructions pour les robots des moteurs de recherche.

  <meta name="robots" content="index, follow">

• author

  Indique l'auteur de la page.

  <meta name="author" content="Coding Team ">

• content-language

  Spécifie la langue principale de la page.

  <meta http-equiv="content-language" content="fr">

• refresh

  Pour recharger automatiquement la page.

  <meta http-equiv="refresh" content="30">

• og:title (Open Graph)

  Titre pour les partages sur les réseaux sociaux.

  <meta property="og:title" content="Titre pour les réseaux sociaux">

• og:description

  Description pour les partages sur les réseaux sociaux.

  <meta property="og:description" content="Description pour les réseaux sociaux">

• og:image

  Image pour les partages sur les réseaux sociaux.

  <meta property="og:image" content="https://example.com/image.jpg">

• twitter:card

  Type de carte Twitter pour le partage.

  <meta name="twitter:card" content="summary_large_image">

• theme-color

  Couleur de thème pour certains navigateurs mobiles.

  <meta name="theme-color" content="#4285f4">

• format-detection

  Contrôle la détection automatique des numéros, adresses, etc.

  <meta name="format-detection" content="telephone=no">

• X-UA-Compatible

  Spécifie la version d'Internet Explorer à utiliser.

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

• content-type

  Spécifie le type de contenu et l'encodage (obsolète avec HTML5).

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">

• cache-control

  Contrôle la mise en cache du navigateur.

  <meta http-equiv="cache-control" content="no-cache">

• expires

  Spécifie une date d'expiration pour la page.

  <meta http-equiv="expires" content="Fri, 18 Jul 2023 23:59:59 GMT">

• generator

  Indique le logiciel utilisé pour générer la page.

  <meta name="generator" content="WordPress 5.8">

Et voilà les amis ! Vous avez maintenant une vue d'ensemble des balises meta HTML les plus importantes, y compris celles qui viennent par défaut. N'oubliez pas, dans le monde du web, les petits détails font souvent toute la différence. Alors, à vos claviers et que la force du SEO soit avec vous ! 😎