LE GUIDE DU CODE HTML


HTML, balise, attribut, code et language, tag, tableau, liste, formulaire, lien,...

image
Source code HTML
image



Fotolia


LES CODES "META"

Vous entendrez parfois aussi les expressions "META lines", "META tags", "Lignes META".
Les codes META sont assez important, ils seront exploités par les furteurs (robots - spiders) des moteurs de recherche lors de votre référencement.
Vous devrez insérer ces codes META entre les balises <head> et </head>
Certains de ces codes META n'ont pratiquement plus d'audience auprès des moteurs, telque "keywords" où Google préfère constituer sa propre liste de mots clés en rapports avec votre pages.
Je vous suggère la page suivante où vous pourrez générer vos éléments "META" en replissant le formulaire :
http://www.referencement-de-sites.info/generateur-meta.php

SOMMAIRE
  • <title>
  • <META NAME="TITLE" CONTENT=".....">
  • <META NAME="description" Content=".....">
  • <META NAME="abstract" Content=".....">
  • <META NAME="keywords" Content=".....">
  • <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  • <META NAME="author" Content=".....">
  • <META NAME="owner" Content=".....">
  • <META NAME="robots" Content=".....">
  • <META NAME="revisit-after" Content=".....">
  • <META NAME="pragma" Content=".....">
  • <link rel="SHORTCUT ICON" Content="favicon.ico">


  • <title>...</title> : Titre de la page
    Bien que cette balise ne soit pas un code "META", je profite de ce chapitre pour vous la présenter.
    Il est très important de placer cette balise, c'est sur cette information que les moteurs qualifieront le titre de votre site.
    Il est conseillé de ne pas dépasser 67 caractères (espaces compris).
    Le titre doit être très représentatif du site, Google accorde des points sur la cohérance du titre et du contenu de la page.
    Utilisez donc des mots très forts (mots clés) en rapport avec votre site ou pages.
    C'est aussi cette balise qui alimente le nom de page sur la barre du haut de votre navigateur
    Titre barre du haut de votre navigateur
    Un titre personnalisé à chaque page est un plus.
    Ne mettez pas tous les caractères en majuscules, certains moteurs ou annuaires peuvent vous sanctionner !
    Ex : <title>Guide du code HTML : Les code META</title>
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="TITLE" CONTENT="....."> : Titre de la page
    Cette balise est redondante de <title>
    Sa présence n'est exploitée que par quelques moteurs.
    Les règles et recommandations sont les mêmes que pour <title>.
    Ex : <META NAME="TITLE" CONTENT="Guide du code HTML : Les code META">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="description" Content="....."> : Description de la page
    Cette balise très importante et essentiel, c'est sur cette information que les moteurs qualifieront la description de votre site. En cas d'absence de cette balise, Google prend les premiers mots qu'il trouve sur votre page, ce qui n'est pas toujours heureux !
    On considère que 150 à 255 caractères (espaces compris) est la taille idéale.
    Le titre doit être très représentatif du site, Google accorde des points sur la cohérance du titre de la description et du contenu de la page.
    Utilisez donc des mots très forts (mots clés) en rapport avec votre site ou pages.
    Une description personnalisée à chaque page est un plus.
    Ne mettez pas tous les caractères en majuscules, certains moteurs ou annuaires peuvent vous sanctionner !
    Ex : <META NAME="description" Content="Description des balises HTML et de leurs attributs, illustré de nombreux exemples.....">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="abstract" Content="....."> : Description de la page
    Cette balise est redondante de <META NAME="description"
    Sa présence n'est exploitée que par quelques moteurs.
    Les règles et recommandations sont les mêmes que pour <META NAME="description".
    Ex : <META NAME="abstract" Content="Description des balises HTML et de leurs attributs, illustré de nombreux exemples.....">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="keywords" Content="....."> : Liste de mots clés
    Cette balise est de moins moins considérée par les moteurs de recherche telque Google, qui préfère créer leur propre liste de mots clés associés à votre page, après avoir analysé celle-ci.
    Pour cette ligne vous disposez de 1000 caractères ou 100 mots clés.
    Chaque mot clé est séparé par une virgule.
    Ne répétez pas vos mots clés sous peine de sanction !
    Si vous répétez un mot avec une déclinaison (ex : "hospital" et "hospitalier") distancez-le d'au moins 10 mots dans votre liste.
    Ex : <META NAME="keywords" Content="html,balise,attribut,meta,lien,formulaire,liste,langage,elements,body,head,...">
    Compatibilité : IE Firefox
    Top of Page
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> : Défini le type d'encodage de caractères utilisé sur la page
    Balise très conseillée, elle renseigne les navigateurs sur le type d'encodage de caractères.
    Ex : <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="author" Content="....."> : Renseigne le nom de l'auteur, créateur ou webmasteur du site
    Cette balise n'est utile que sur certains annuaires lisant les META, vous ne serez pas obligé de remplir le champs "Nom" des fomulaires d'inscription.
    Ex : <META NAME="author" Content="nom de l'auteur">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="owner" Content="....."> : Renseigne le nom du propriétaire (ou client) du site
    On peut placer cette balise lorsque le propriétaire ou client est différent du webmaster.
    Ex : <META NAME="owner" Content="nom du propriétaire">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="robots" Content="....."> : Instructions pour les robots des moteurs
    Quatre instructions peuvent être données aux robots des moteurs :
  • index : cette page pourra être indexée par les robots des moteurs<
  • noindex : interdit aux robots des moteurs d'indexer la page
  • follow : permet aux robots des moteurs de poursuivre l'indexation des pages liées à celle-ci
  • nofollow : interdit aux robots des moteurs de poursuivre l'indexation des pages liées à celle-ci
  • Les 2 premières peuvent être combinées aux 2 dernières
    Ex : <META NAME="robots" Content="index, follow">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="revisit-after" Content="....."> : Instructions pour les robots des moteurs
  • Cette balise invite les robots des moteurs à revisiter votre site à intervals réguliers.
  • Cette balise peut avoir une importance pour des sites à contenu en constante évolution.
  • Un bonne valeur peut-être de 15 à 21 jours.
  • Pour des sites qui sont rarement mis à jour, la présence de cette balise n'est pas justifiée.
  • Cette balise n'est pas prise en compte par tous les moteurs.
  • Ex : <META NAME="revisit-after" Content="21 days">
    Compatibilité : IE Firefox
    Top of Page
    <META NAME="pragma" Content="no-cache"> : Instruction obligeant le navigateur de vos visiteurs à recharger complètement la page lors de chaque visite.
  • Avec l'usage de cette balise vos visiteurs auront la dernière version de la page. Très utile pour des pages ayant des contenus très souvent remis à jour
  • Sur des pages lourdes, vous imposerez à chaque visite de vos visiteurs des temps de rechargement qui peuvent ˆtre long.
  • Ex : <META NAME="pragma" Content="no-cache">
    Compatibilité : IE Firefox
    Top of Page
    <link rel="SHORTCUT ICON" Content="favicon.ico"> : Appelé favicon, cette petite icone apparaîtra dans la barre d'adresse des navigateurs, donnant ainsi une petite touche estétique.
    L'icone a une dimension de 32 x 32 points. Une fois que vous l'aurez construite, vous la sauverez au format ".bmp". Après quoi vous la renommerez "favicon.ico".
    Ex : <link rel="SHORTCUT ICON" Content="favicon.ico">
    Compatibilité : IE Firefox
    Top of Page
    image

    image
    Accueil - Code HTML - Littératures - Liens utils - Référencés par... - Contact - Plan du site
    image
      © Copyright 2007 ;© VDC
      Tout droits réservés
      Date de création : 26/12/2007
      Dernière mise à jour : 09/02/2016
         image