LES BALISES META

Transcription

LES BALISES META

Programmation WEB
Chap. 2 – LES BALISES META ET l’INDEXATION D’UN SITE WEB
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. K RAJECKI
Programmation WEB
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. K RAJECKI
2
Programmation WEB
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. K RAJECKI
Programmation WEB
3
Exemple : www.aqualink.com
<html>
<head>
<meta name= " D e s c r i p t i o n " c o n t e n t = " AquaLink
i s a f r e e WWW S e r v i c e d e d i c a t e d t o t h e Aquarium Hobby " >
<meta name= " KeyWords " c o n t e n t = " aquarium ,
f i s h , c o r a l , r e e f , f r e s h w a t e r , marine , tank , hobby ,
aqualink , aquaria , service , free , " >
< t i t l e > AquaLink < / t i t l e >
< / head>
M. K RAJECKI
4
Programmation WEB
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. K RAJECKI
5
Programmation WEB
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">
L ANGUE
C ODE
L ANGUE
C ODE
Allemand
de
Américain
en-us
Anglais (Grande Bretagne)
en-gb
Espagnol
es
Italien
it
Français
fr
– Vous trouverez une liste plus complète sur
www.allhtml.com/metatags/metatags78.php
M. K RAJECKI
6
Programmation WEB
UTILISATION DE PLUSIEURS LANGUES
<html>
<head>
<meta h t t p e q u i v = " Content Type " c o n t e n t = " t e x t / h t m l ; c h a r s e t = i s o
< 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 " l a n g = " f r " c o n t e n t = " Le
s i t e du r o i du Web : sa v i e , son oeuvre " >
<meta name= " d e s c r i p t i o n " l a n g = " us " c o n t e n t = " The
King ’ s Web pages : h i s l i f e , h i s work " >
<meta name= " keywords " l a n g = " f r " c o n t e n t = " r o i , web , v i e " >
<meta name= " keywords " l a n g = " us " c o n t e n t = " k i n g , 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. K RAJECKI
7
Programmation WEB
8859 1" >
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. K RAJECKI
8
Programmation WEB
Exemple
<html>
<head>
< t i t l e > Le s i t e du Roi du Web < / t i t l e >
<meta h t t p e q u i v = " Content Type "
c o n t e n t = " t e x t / h t m l ; c h a r s e t = i s o 8859 1 " >
<base h r e f = " h t t p : / / www. l e r o i d u w e b . com / Image / " >
< / head>
<body>
<h1> Le s i t e du Roi du Web < / h1>
<img src= " image . j p g " a l t = " Le r o i du Web" >
< / body>
< / html>
M. K RAJECKI
Programmation WEB
9
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. K RAJECKI
10
Programmation WEB
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. K RAJECKI
11

LES BALISES META

Transcription

Documents pareils

creation de site

Evaluation du site oraciones.click

Evaluation du site yoga-in-greece.ru

elément meta / "meta-tag" - Formation : Master(2) métiers de la

Télécharger la version PDF - Analyze your Website SEO Ranking

PDF-274 Kio - Christophe PREVOT

commencal meta am v4

Télécharger la version PDF

Les métadonnées Les métadonnées - LabUnix

Télécharger la version PDF