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

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

  1. Zallay

    Zallay Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    24 688
    J'aime reçus:
    110 014
    Points:
    13 043
    Salut communauté Billazzo ,

    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="Billazzo 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="Billazzo 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="Billazzo Community Tutorials, HTML5 pour débutants">
        <meta name="keywords" content="HTML, HTML5, Tutorials, Metadata, Métadonnées">
        <meta name="auther" content="Billazzo 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:
     
    Dernière édition: 3 Octobre 2020
  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="Billazzo Community Tutorials, HTML5 pour débutants">
        <meta name="keywords" content="HTML, HTML5, Tutorials, Metadata, Métadonnées">
        <meta name="auther" content="Billazzo Community">
        <meta name="robot" content="index,follow">
        <meta http-equiv="refresh" content="1">
    </head>
     
    Dernière édition par un modérateur: 3 Octobre 2020
  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. Zallay

    Zallay Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    24 688
    J'aime reçus:
    110 014
    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 ;)
     
    Dernière édition: 3 Octobre 2020
  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