Les balises meta (meta tags en anglais) peuvent avoir plusieurs rôles :

Dimension: px

Commencer à balayer dès la page:

Download "Les balises meta (meta tags en anglais) peuvent avoir plusieurs rôles :"

Constance Françoise Brisson
il y a 6 ans
Total affichages :

1 Les balises meta (meta tags en anglais) peuvent avoir plusieurs rôles : Indiquer le titre de la page et fournir un résumé de son contenu. Renseigner les navigateurs de vos visiteurs et/ou les moteurs de recherche sur la langue utilisée dans votre page. Indiquer le type de document consulté, le codage de caractère utilisé, l'auteur de la page... Rediriger automatiquement les navigateurs vers une autre page. Interdire la mise en cache ou l'indexation de la page par les moteurs. Etc.

2 Retenez que ces balises doivent être placées dans l'entête de vos pages HTML, entre les balises <HEAD> (marquant le début de l'entête) et </HEAD> (marquant la fin de l'entête). Cette opération peut être réalisée à partir de votre éditeur HTML habituel, ou à partir d'un éditeur de texte quelconque (comme Bloc-notes ou Notepap++). La plupart des meta tags sont tout à fait facultatives, voire inutiles. Les seules balises qu'il vous faut absolument compléter sont la balise TITLE et la balise DESCRIPTION.

3 Les métas NAME permettant de décrire la page HTML <meta name="nom du tag" CONTENT="Attribut"> Nom du tag Author Copyright Description Expires Generator Keywords Rating Rev Revisit-after Robots Subject Attribut Informations sur l'auteur de la page Permet de référencer des informations de droits d'auteur Permet de donner une information à afficher lors du résultat d'une recherche. Indique au robot la date d'expiration de la page. Nom de l'éditeur HTML ayant généré la page web. Mots clés décrivant la page Web. Elle n'est plus utilisée par Google Type de contenu (public visé). Mail du Webmestre, à éviter risque de spams à cette adresse Délai de visite par le robot. N'est pas prise en compte par Google Autorisation ou non d'indexage pour les robots. Permet de préciser le sujet de la page

4 Métas HTTP-EQUIV Permettant d'envoyer des informations supplémentaires au navigateur via le protocole HTTP <META HTTP-EQUIV="Nom du tag" CONTENT="Attribut"> Nom du tag Attribut Utilité Pragma Refresh no-cache x; URL="adresse" Language "fr" Langue utilisée Empêche le navigateur de garder la page dans son cache Appelle une autre page après un délai d'attente de x secondes.

5 Métas HTTP-EQUIV Permettant d'envoyer des informations supplémentaires au navigateur via le protocole HTTP <META HTTP-EQUIV="Nom du tag" CONTENT="Attribut"> Nom du tag Attribut Utilité Type "text/html; charset=iso " L'iso est dérivé de l'iso Certains caractères jugés inutiles ont été retirés et d'autres ajoutés à leur place (notamment le symbole de l'euro,, et le «e dans l'o»). Il présente globalement les mêmes caractéristiques que l'iso avec cependant le désavantage d'être apparu plus récemment et d'être donc un peu moins répandu/supporté. Attention l'utf-8 ne reconnais pas les accents et caractères français

6 Métas HTTP-EQUIV Permettant d'envoyer des informations supplémentaires au navigateur via le protocole HTTP <META HTTP-EQUIV="Nom du tag" CONTENT="Attribut"> Nom du tag Attribut Utilité Robots Window-target all followindex nofollownoindex none _blank_top Permet au robot de référencer toute la page (par défaut) Permet au robot de suivre les liens de la page Permet au robot d'indexer la page Interdit au robot de suivre les liens Interdit au robot d'indexer la page Empêche le robot de poursuivre l'indexation du site Force le navigateur à afficher la page dans une nouvelle fenêtre Affiche la page dans la fenêtre entière (pas dans une frame).

7 Exemple: Dans l'éditeur de texte, nous allons créer un fichier Htlm. <META NAME="Author" content="rene Dechavanne"> <META NAME="copyright" CONTENT="Copyright Rene Dechavanne"> <META NAME="description" content="ce site est la vitrine du Club informatique de Saint Priest en Jarez"> <META NAME="keywords" content="club, informatique, multimedia, formation, partage, ordinateur, video, Saint Priest en Jarez, loire"> <META NAME="rating" CONTENT="General"> <META NAME="designation" content="club informatique de Saint Priest en Jarez"> <META http-equiv="content-language" content="fr"> <META http-equiv="content-type" content="text/html; charset=iso " />

Documents pareils

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et