LES BALISES META Les Meta-Tags sont destinés aux robots des moteurs de recherche et aux navigateurs permettent de référencer votre site précisent le codage utilisé pour les caractères spéciaux et encore plus... www.allhtml.com/metatags/ M. KRAJECKI 1 DESS IAS Année 2003-2004 1. LES META-TAGS DESTINÉS AU RÉFÉRENCEMENT 8 internautes sur 10 trouvent l adresse d un site internet à l aide l intermédiaire de moteurs de recherche www.referencement-fr.com Les balises <meta> sont placées obligatoirement dans l entête du document une balise principale : <meta> des attributs : charset, content, dir, http-equiv, lang, et name M. KRAJECKI 2 DESS IAS Année 2003-2004
DÉFINITION DES MOTS CLÉS ET DE LA DESCRIPTION Les mots-clés de votre site WEB : <META NAME="keywords" CONTENT="mot-clé1,mot-clé2,mot-clé3,..."> Utiliser des mots-clés en rapport direct avec votre site Inutile de reprendre plusieurs fois le même mot-clé en vu d un meilleur classement Définition de la description : <META NAME="description" CONTENT="une brève description de la page"> M. KRAJECKI 3 DESS IAS Année 2003-2004 Exemple : www.aqualink.com <html> <head> <meta name= " D e s c r i p t i o n " content = " AquaLink i s a f r e e WWW Service dedicated to the Aquarium Hobby" > <meta name= " KeyWords" content = " aquarium, f i s h, coral, reef, freshwater, marine, tank, hobby, aqualink, aquaria, service, free, " > < t i t l e > AquaLink < / t i t l e > < / head> M. KRAJECKI 4 DESS IAS Année 2003-2004
LES AUTRES META-TAGS POUR LE RÉFÉRENCEMENT <META NAME="author" CONTENT="nom de l auteur"> <META NAME="Robots" CONTENT="instructions pour les robots"> Les instructions possibles sont : All (valeur par défaut) : le site sera entièrement référencé (pages et liens hypertextes). None : vos pages ne sont pas indexées. Index : seule la page qui définit ce meta-tag sera indexée. NoIndex : la page n est pas indexée, mais les liens définis pourront éventuellement être indexés. Follow : autorise les robots à suivre les liens hypertextes définis. NoFollow : pour le contraire. Exemples : <META NAME="Robots" CONTENT="None"> <META NAME="Robots" CONTENT="Index,Nofollow"> M. KRAJECKI 5 DESS IAS Année 2003-2004 2. LES CARACTÈRES SPÉCIAUX ET LA LANGUE <meta http-equiv="content-type" content="text/html ; charset=iso-xxxx-x">. En France : iso-8859-1 <META HTTP-EQUIV="Content-language" CONTENT="code de la langue"> LANGUE CODE LANGUE CODE Allemand de Américain en-us Anglais (Grande Bretagne) en-gb Espagnol es Français fr Italien it Vous trouverez une liste plus complète sur www.allhtml.com/metatags/metatags78.php M. KRAJECKI 6 DESS IAS Année 2003-2004
UTILISATION DE PLUSIEURS LANGUES <html> <head> <meta h t t p equiv= " Content Type " content= " t e x t / html ; charset=iso 8859 1" > < t i t l e > Le s i t e du Roi du Web < / t i t l e > <meta name= " d e s c r i p t i o n " lang= " f r " content = " Le s i t e du r o i du Web : sa vie, son oeuvre " > <meta name= " d e s c r i p t i o n " lang= " us " content = " The King s Web pages : h i s l i f e, h i s work " > <meta name= " keywords " lang= " f r " content= " r o i, web, v i e " > <meta name= " keywords " lang= " us " content= " king, web, l i f e " > < / head> <body> <h1> Le s i t e du Roi du Web / The King s Web pages < / h1> <p>... < / p> < / body> < / html> M. KRAJECKI 7 DESS IAS Année 2003-2004 3. LA BALISE <BASE> POUR DÉFINIR DES ADRESSES URL COMPLÈTES Utilisation d adresses URL incomplètes Pb lors de sauvegardes locales de pages Les différentes ressources utilisées n ont pas été rapatriées localement Utilisation du meta-tag <base> M. KRAJECKI 8 DESS IAS Année 2003-2004
Exemple <html> <head> < t i t l e > Le s i t e du Roi du Web < / t i t l e > <meta http equiv= " Content Type " content = " t e x t / html ; charset =iso 8859 1" > <base href= " h t t p : / / www. leroiduweb. com / Image / " > < / head> <body> <h1> Le s i t e du Roi du Web < / h1> <img src= " image. jpg " a l t = " Le r o i du Web" > < / body> < / html> M. KRAJECKI 9 DESS IAS Année 2003-2004 4. QUELQUES META-TAGS UTILES <META HTTP-EQUIV="Refresh" CONTENT="x ;URL=adresse"> Utilisée pour rediriger automatiquement un visiteur dans le cas où l adresse de votre site WEB a changé <META NAME="Copyright" CONTENT="Copyright date nom"> Pour réserver les droits de votre site WEB <META NAME="Generator" CONTENT="nom de l éditeur Html utilisé"> Par exemple, voici le meta-tag généré par Netscape Composer : <meta name="generator" content="mozilla/4.77 [fr] (X11 ; U ; Linux 2.4.3-20mdk i686) [Netscape]"> <META HTTP-EQUIV="Reply-to" CONTENT="votre adresse e-mail"> M. KRAJECKI 10 DESS IAS Année 2003-2004
QUELQUES META-TAGS UTILES <META HTTP-EQUIV="Reply-to" CONTENT="URL page d accueil"> <META HTTP-EQUIV="Expires" CONTENT="date"> Cette balise META informe le navigateur de la date à laquelle la page Html doit être considérée comme obsolète. Exemple : <META HTTP-EQUIV="Expires" CONTENT="Wed, 23 Apr 2002 10 :49 :02 GMT"> Attention, les moteurs de recherche peuvent supprimer les pages périmées de leurs bases de données. M. KRAJECKI 11 DESS IAS Année 2003-2004