Les balises meta de HTML5

Les balises meta en HTML5 (meta tags en anglais)

  1. Objectifs

    • Connaitre les balises meta de HTML5.
  2. Définitions

    • Les balises <meta> permettent de véhiculer plus de méta‐informations (mots‐clés, description, auteur, etc.) relatives à la page Web.
    • Les balises peuvent être définies comme des extraits de texte qui permettent de décrire le contenu d’une page;
    • Ils n’apparaissent pas sur la page vue par l’utilisateur mais seulement dans le code source de la page
    • L’expression <meta > signifie simplement « métadonnées ».




  3. Attributs de la balise <meta >

    1. La balise Meta Auteur : <meta name= "author" >
      • Syntaxe : <meta name= "author" lang="fr" content= "prénom nom" >
      • La balise Author permet d’identifier qui est l’auteur ou les auteurs de la page ou du site en question.
      • S’il y a plusieurs auteurs, leur identité doit être séparée par une virgule dans l’attribut "content".
    2. La balise meta charset : <meta charset= "utf-8" >
      • Syntaxe : <meta name= "charset" lang="fr" content= "utf-8" >
      • La balise charset permet d’identifier le jeu de caractères utilisé sur la page ou le site.
      • Il est indispensable pour déterminer le bon rendu de la page et éviter les problèmes de transcodage.
      • Le jeu de caractère le plus couramment utilisé est UTF-8, mais on peut trouver le jeu ISO-8859-1 (défini par défaut, pas d’accent) ou ISO-8859-15
    3. La balise Copyright : <meta name= "copyright ">
      • La balise copyright permet d’indiquer que le contenu de la page est protégé ou sous droits réservés.
      • Cette balise meta indique à qui appartient la page (auteur, société, organisme…) et si le contenu peut ou non être réutilisé, et sous quelles conditions.
    4. La balise Meta Description :<meta name= "description">
      • La balise meta et plus précisément la balise meta description permet d’ajouter une description d’une page affichée, ainsi que des mots-clés pour lesquels on souhaite optimiser une page.
      • Cette permet d’informer les moteurs de recherche ainsi que les internautes du contenu de la page.
    5. La balise Meta langage : <meta name= "lang">
      • La balise langage permet d’identifier la ou les langues utilisées sur le site ou sur la page.
      • Langue de la page sous la forme d’une abréviation (2 lettres).
      • Zone non obligatoire et sans doute inutile (elle ne semble pas prise en compte par les moteurs).
      • Exemples de valeurs possibles : ''fr'' (Français), ''en'' (Anglais), ''de'' (Allemand), ''es'' (Espagnol), ''it'' (Italien), ''pt'' (Portugais).
        <meta name="Language" CONTENT="fr" />

    6. La balise Generator <meta name= "generator">
      • Syntaxe : <meta name= "generator" content= "logiciels" >
      • Permet de spécifier les logiciels utilisés lors de la création du site Internet.
      • La balise Generator permet d’identifier quel a été le logiciel ou Système de Gestion de Contenu utilisé pour générer la page (WordPress, Joomla, Drupal…).
      • <meta name="generator" content="Dreamweaver, Flash , Firewoks">

    7. La balise Meta Keywords : <meta name= "keywords" >
      • Syntaxe : <meta name= "keywords" content= "Les mots clés ici" >
      • La balise keywords était autrefois très importante pour les moteurs.
      • Elle servait à stocker les mots-clés les plus significatifs de la page. Cependant, elle a été peu à peu supplantée par la balise description.
    8. La balise meta news Keywords : <meta name="news_keywords" >
    9. La balise Revisit-after : <meta name= "revisit-after">
      • Syntaxe : <meta name= "revisit-after" content= "nombre" >
    10. La balise Meta Robots : <meta name= "robots" >
      • Syntaxe : <meta name= "robots" content= "valeurs" >
      • La balises meta robots est une balise HTML qui permet de contrôler la façon dont les moteurs de recherches explorent et indexent une page.
      • Les valeurs possibles de l’attribut "content" de la balises meta robots sont :
      • Variable Cas d’utilisation de la balise meta robots
        noindex Cette balise meta robot empêche l’indexation de la page qui la contient.
        Notez que la page sera tout de même crawlé mais ne sera pas indexé dans les résultats.
        Pour empêcher le crawling et l’indexation d’une page, utilisez plutôt le fichier robot.txt
        nofollow La balise meta robot nofollow empêche le robot de Google (googlebot) de suivre les liens contenus dans cette page.
        none Equivalent à noindex et nofollow.
        nosnippet La balise meta tag robot nosnippet empêche l’affichage d’un extrait du contenu dans les résultats de recherche.
        noodp La balise meta tag noodp interdit l’utilisation d’une description de replacement tirée des annuaires DMOZ.
        noarchive La balise meta robot noarchive sert à empêcher l’affichage d’un lien placé en cache et associé à une page..
        unavailable_after: [date ]  Cette balise meta tag robot permet de préciser l’heure et la date exactes aux quelles l’exploration et l’indexation de la page en questions doivent cesser.
        noimageindex Cette balise meta tag robot permet d’indiquer que la page en question doit être indiquée comme source d’une image.

        Source du tableau:https://www.yakaferci.com






Abonnez vous à notre chaîne YouTube gratuitement