Apprendre le HTML - Episode #2 : Les balises Meta "métadonnées"

Sidradi

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  1. Sidradi

    Sidradi Administrateur

    Messages:
    9 994
    J'aime reçus:
    51 821
    Points:
    8 543
    Salut communauté iHax ,

    La balise <meta> fournit des métadonnées sur le document HTML. Les métadonnées ne seront pas affichées sur la page, mais seront analysable par le navigateur.

    Les métadonnées peuvent être utilisés par les moteurs de recherche (mots clés), ou d'autres services Web pour indexer votre Site Web. Il y'a multiples paramètres sur les quelle se reposent les résultat de recherche sur Google / Bing / etc, et les métadonnées en font partie.

    Les métadonnées sont généralement utilisés pour la description de la page, mots-clés, auteur du document ... etc.

    Comment ajouter une métadonnées ?

    Il suffit d'ajouter une balise <meta> dans la partie <head>, chaque balise contient 2 à 3 attributs par balise meta (name, http-equiv, content).

    Pour une description de la page :

    HTML:
    <head>
        <meta name="description" content="iHax Community Tutorials, HTML5 pour débutants">
    </head>
    NB : Il est conseillé de ne pas dépasser 160 caractères dans la description.

    Pour les mots clés :

    HTML:
    <head>
        <meta name="keywords" content="HTML, HTML5, Tutorials, Metadata, Métadonnées">
    </head>
    NB :Il est conseillé de ne pas dépasser 200 caractères dans le liste des mots clés.

    Pour l'auteur de la page :

    HTML:
    <head>
        <meta name="auther" content="iHax Community">
    </head>
    NB :Il est conseillé de ne pas dépasser 200 caractères dans le liste des mots clés.

    Pour les Robots :

    HTML:
    <head>
        <meta name="robot" content="index,follow">
    </head>
    NB : Le contenu peux être, archive / noarchive, follow / nofollow, imageindex / noimageindex, index / noindex

    Pour rafraîchir la page :

    HTML:
    <head>
        <meta http-equiv="refresh" content="1">
    </head>
    NB : la valeur "1" correspond à 1 seconde.

    Ainsi, on a vu ensemble au cours de ce Tutorial, les balises métadonnées les plus utilisés lors du développement d'une page en HTML

    HTML:
    <head>
        <meta name="description" content="iHax Community Tutorials, HTML5 pour débutants">
        <meta name="keywords" content="HTML, HTML5, Tutorials, Metadata, Métadonnées">
        <meta name="auther" content="iHax Community">
        <meta name="robot" content="index,follow">
        <meta http-equiv="refresh" content="1">
    </head>



    Ce sujet touche à sa fin .
    A très bientôt :neo:
     
    ●●●Outils
  2. funforplaydreamytb

    funforplaydreamytb

    Messages:
    11
    J'aime reçus:
    0
    Points:
    2 271
    Merci du partage
     
    ●●●Outils
  3. Cameron

    Cameron Premium

    Messages:
    6
    J'aime reçus:
    0
    Points:
    1 271
    Salut juste j'ai copié ce code, et depuis la page ne s'affiche pas ! t'aurais une solution ?
    Code:
    <head>
        <meta name="description" content="iHax Community Tutorials, HTML5 pour débutants">
        <meta name="keywords" content="HTML, HTML5, Tutorials, Metadata, Métadonnées">
        <meta name="auther" content="iHax Community">
        <meta name="robot" content="index,follow">
        <meta http-equiv="refresh" content="1">
    </head>
     
    ●●●Outils
  4. billy440

    billy440 Premium

    Messages:
    3
    J'aime reçus:
    0
    Points:
    2 271
    Ah oui merci, les balises méta sont très important dans le SEO​
     
    ●●●Outils
  5. Sidradi

    Sidradi Administrateur

    Messages:
    9 994
    J'aime reçus:
    51 821
    Points:
    8 543
    Tu as utilisé la balise : <meta http-equiv="refresh" content="1">
    C-à-d la page se rafraîchi toutes les secondes ! retire sa ;)
     
    ●●●Outils
  6. fjodu974

    fjodu974 Premium

    Messages:
    14
    J'aime reçus:
    0
    Points:
    2 281
    merci
     
    ●●●Outils

Publicité