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

Discussion dans 'Programmation' créé par Zallic, 4 Février 2016.

  1. Zallic

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 410
    J'aime reçus:
    108 316
    Points:
    13 043
    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:
     
  2. funforplaydreamytb

    funforplaydreamytb Membre

    Inscrit:
    18 Janvier 2015
    Messages:
    11
    J'aime reçus:
    0
    Points:
    2 271
  3. Cameron

    Cameron Premium Membre

    Inscrit:
    16 Février 2015
    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>
     
  4. billy440

    billy440 Premium Membre

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

    Zallic Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    23 410
    J'aime reçus:
    108 316
    Points:
    13 043
    Tu as utilisé la balise : <meta http-equiv="refresh" content="1">
    C-à-d la page se rafraîchi toutes les secondes ! retire sa ;)
     
  6. fjodu974

    fjodu974 Premium Membre

    Inscrit:
    13 Février 2015
    Messages:
    14
    J'aime reçus:
    0
    Points:
    2 281

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice