Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Ajouter les balises meta d'en-tête à un site

Les balises meta servent à fournir des informations sur un site aux moteurs de recherche. Ces balises sont importantes en matière de référencement naturel d'un site.

La balise meta fournit des métadonnées sur le document HTML. Ces Métadonnées ne seront pas affichées sur la page, mais seront analysables par les machines.

Les éléments meta sont généralement utilisés pour spécifier la description de la page, les mots-clés, l'auteur du document, la date de modification, et d'autres métadonnées.

La balise meta est située toujours à l'intérieur de l'élément <head>.

Les métadonnées peuvent être utilisées par les navigateurs (comment afficher le contenu ou la page de rechargement), par les moteurs de recherche (mots clés), ou autres services web.

Par exemple dans les résultats d'une recherche forunis par un moteur de recherche comme Google, les balises meta Titre et Description apparaissent et leur contenu de mots clés en relation avec les termes de recherche est ce qui détermine le classement d'un site.

<head>
<meta name="description" content="Ajouter des balises meta à un site." />
<meta name="keywords" content="ajouter, balises, meta, site" />
<meta name="author" content="Kam Seres" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>

Exemples

Exemple 1 - Définir les mots clés pour les moteurs de recherche:

<meta name="keywords" content="site, moteur, mots-clés" />

Exemple 2 - Définir la description de votre page web:

<meta name="description" content="Renseigner les balises meta d'un site avec Dreamweaver." />

Exemple 3 - Définir la date de la dernière mise à jour de la page:

<meta name="revised" content="Kam Seres, 13/06/2012" />

Exemple 4 - Rafraîchir le document chaque 30 secondes:

<meta http-equiv="refresh" content="30" />

 

Renseigner les balises meta d'en-tête avec Dreamweaver

Pour ajouter les balises d'en-tête avec Dreamweaver, allez à Insertion > HTML >> Balises d'en-tête et vous aurez le choix entre:

Ajouter les balises meta avec Dreamweaver

- Meta: ajouter une balise personnalisée à laquelle vous spécifierez l'attribut et la valeur ainsi que le contenu.

Meta Dreamweaver

Pour l'attribut, "http-equiv", "name" "content" ou "scheme".

Pour la valeur: mettre la valeur de l'attribut. par exemple: copyright, robots, author, generator, distribution...

Pour le contenu: c'est ce qui est équivalent à la valeur par exemple le contenu du copyright ou du generator...

- Mots-clés: ajouter des mots clés pour les robots des moteurs de recherche en relation avce le contenu. Je me demande vraiment à quoi servent les mots-clés si les robots sont capables de détecter la présence ou la non-présence des mots-clés dans le contenu.

En réalité, de moins en moins de robots de moteurs de recherche s'intéressent aux mots-clés à cause des abus qu'on en fait. Mais, tout de même renseignez vos mots-clés et soyez attentifs à ce qu'ils soient en relation avec le contenu.

Renseigner les mots clés d'un site avec Dreamweaver

Donc, l'insertion des mots clés renseignés se fait automatiquement dans la section <head> de la page. Séparez les mots-clés par une majuscule et un espace et pour un mot-clé composé de deux mots, séparez les deux mots par un tiret "-".

A noter que les caractères spéciaux et les accents seront convertis automatiquement.

- Description: Un renseignement très important avec celui du titre.

Description d'une page

A savoir que la plupart des moteurs de recherche se base sur la description d'une page pour trouver les mots-clés d'une recherche et ainsi classer un site. Il convient aisni de donner une importance majeure à la balise Description en ayant soin à ce que la description soit unique pour chaque page, qu'elle résume le contenu de la page, qu'elle contienne un maximum de mots-clés en relation avec le contenu de la page.

Si vous remarquez dans les résultats des moteurs de recherche, Google par exemple affiche le titre, l'URL et la description de la page et que les mots-clés recherchés sont mis en gras.

- Actualiser: Sert à rafraîchir la page soit pour atteindre une nouvelle page ou à actualiser la même page.

Balise actualiser avec Dreamweaver

Donc, vous pouvez renseigner cette balise si vous voulez que l'utilisateur aille automatiquement dans une autre page ou pour actualiser la même page pour des raisons de mise à jour du contenu. Vous pouvez sépcifier le délai d'actualisation en secondes.

Pour atteindre une autre page du même site, cliquez sur "Parcourir" pour trouver la page dans le dossier local du site.

Le code à insérer entre <head> et </head> de la page

Voici un exemple de balises à copier et à modifier selon vos besoins. En gras, ce que vous deviriez modifier:

<title>Renseigner les balises meta &agrave; un site</title>
<meta name="Description" content="Comment ajouter des balises meta &agrave; un site avec Dreamweaver et leur importance dans le r&eacute;f&eacute;rencement pour un meilleur classement dans les r&eacute;sultats des moteurs de recherche." />
<meta name="Keywords" content="balises, meta, titre, description, mots-cl&eacute;s, r&eacute;f&eacute;rencement, r&eacute;sultats, moteurs-de-recherche" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Robots" content="index,follow" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="rating" content="general" />
<meta name="author" content="Kam Seres" />
<meta name="copyright" content="Copyright Tutos gratuits Dreamweaver &copy; 2012-2072" />
<meta name="generator" content="Dreamweaver" />

Une vidéo pour voir plus clair ce tuto:

 

 

   

 

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site