Flux rss
Communiquer en entreprise avec les outils Google
Collection CommentCaMarche.net

Les balises dans la partie 'head'

Publié par bg62, dernière mise à jour le jeudi 20 novembre 2008 à 18:16:29 par kilian


Avant tout : rappel sur le doctype


Il ne fait pas vraiment partie de cette section, puisque placé avant toutes choses; c'est même la première ligne de code que l'on doit rencontrer dans toute page HTML, mais, non seulement si l'on voit encore beaucoup trop souvent de pages qui ne l'on pas son absence interdit tout référencement correct, voire parfois même la lisibilité des pages.
En résumé, c'est la "Définition de type de document". Une indication du langage informatique dans lequel une page
web est codée pour permettre aux navigateurs d'interpréter correctement ce code et de fournir un rendu correct.
Exemple :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	   "http://www.w3.org/TR/html4/strict.dtd">

voudra dire : le langage HTML est employé dans sa DTD (DocTypeDefinition) fixé par le W3C, qu'il s'agit de la version 4.0 du langage et que les balises sont indiquées en anglais (EN pour anglais) et qu'elles n'existent pour l'instant qu'en cette langue ....

La partie head


Les balises head permettent normalement de fournir, entre autres, une description de votre site par le biais de mots clés et de phrases décrivant votre site afin que les moteurs de recherche le reconnaissent et le référencent au mieux. Elle a d'autres fonctions comme notamment, la redirection automatique vers une URL. On peut ajouter aussi que tous ceux qui semblent douter de leur utilité actuellement ne doutent pas de leur efficacité, surtout lorsqu'elles sont liées à des pages bien faites et bien remplies... mais ceci est un autre débat.

Les principales balises que l'on trouve dans l'en-tête de la page sont les balises meta ainsi que les balises link.
Ici, les balises sont classées par ordre d'importance (les plus importantes en premier).

Balises meta


Mots clés

  • Syntaxe : <meta name="keywords" content="Mots clés">
  • Nombre maximum de caractères : 1000
  • Compatibilité : Tous moteurs
  • Séparez chaque mot ou groupe de mots par une virgule. A savoir aussi que seuls les 200 à 300 premiers seront réellement utiles. (autres possibilités : fr pour française, en pour Anglaise, en-us pour Américaine, de pour Allemande, it pour Italienne)
  • Exemple : <meta name="keywords" lang="fr" content="html, javascript, xml">

Description

  • Syntaxe : <meta name="Description" content="Description du site et/ou de la page...">
  • Nombre maximum de caractères : 200
  • Compatibilité : Tous moteurs, cependant évitez les accents (sur certains moteurs il ne sont pas pris en compte).

Déclaration de la langue du site

  • Syntaxe : <meta http-equiv="content-language" content="fr" />
  • Compatibilité : tous moteurs
  • A savoir,; site 'multilingue' vous pouvez mettre : <meta http-equiv="Content-Language" content="fr, en" />pour une édition bilingue du site, ici un exemple pour un site dont les pages sont en français et en anglais.

Catégorie

  • Syntaxe : <meta name="category" content="nom">
  • Nombre maximum de caractères : aucun
  • Compatibilité : Certains moteurs
  • Exemple <meta name="category" content="internet">

Auteur

  • Syntaxe : <meta name="author" lang="fr" content="Prénom Nom">
  • Nombre maximum de caractères : aucun
  • Compatibilité : Tous moteurs
  • Vous pouvez si vous le souhaitez mettre plusieurs auteurs (séparés par une virgule).

Restrictions pour les moteurs de recherche

  • Syntaxe : <meta name="robots" content="....."> Les pointillés sont à remplacer par "index" ou "noindex" (pour permettre ou pas d'indexer les pages) et "follow" ou "nofollow" (pour permettre ou pas de suivre les liens des pages). Le couple "index,follow" peut être remplacé par "all", mais de toutes façons c'est inutile car les robots utilisent ceci par défaut, et le couple "noindex,nofollow" peut être remplacé par "none".
  • Compatibilité : Tous moteurs
  • Excluez tous les répertoires protégés ou "sensibles" par un fichier .htacess.

Adresse de la page

  • Syntaxe : <meta name="identifier-url" content="url de la page">
  • Nombre maximum de caractères : Aucun
  • Compatibilité : Tous moteurs
  • Ne mettre qu'une seule URL *** mais la bonne ! S'il y a erreur cela peut provoquer certains dysfonctionnements sur des annuaires ou autres scripts de lien en dur qui affichent le PR ... dans ce cas, mieux vaut ne rien mettre que de faire une erreur !

Logiciels utilisés pour la conception

  • Syntaxe : <meta name="generator" content="logiciels">
  • Nombre maxi de caractères : aucun
  • Compatibilité : Certains moteurs
  • Pour les sites a diffusions de logiciel.

Adresse email du propriétaire/responsable/créateur

  • Syntaxe : <meta name="reply-to" content="votre@email">
  • Nombre maximum de caractères : aucun
  • Compatibilité : Tous moteurs - Attention au spam !

Autres balises


Titre de la page

  • Syntaxe : <title>Titre de votre site</title>
  • Nombre maximum de caractères : 100
  • Compatibilité : Tous moteurs
[JAVASCRIPT] réactualisation sans META (Résolu) bonsoir, j'ai créer un script et j'ai besoin de réactualiser la page toute les 2 secondes mais sans utiliser les balises META car j'ai pas de parties HEAD ni BODY dans mon script. si l'un de vous à une idée je suis prenneur :)... www.commentcamarche.net/forum/affich-2508829-javascript-reactualisation-sans-meta
Executer un script shell avec exec de php (Résolu) Bonjour, voila ce qui m'ammene, j'ai une page php contenant un formulaire a remplir, une fois ce formulaire rempli et soumis, les valeurs sont envoyer à un script shell voila ma page php : page.php je zape la partie head et une partie du... www.commentcamarche.net/forum/affich-9497625-executer-un-script-shell-avec-exec-de-php
Executer un script shell dans php (Résolu) Bonjour, voila ce qui m'ammene, j'ai une page php contenant un formulaire a remplir, une fois ce formulaire rempli et soumis, les valeurs sont envoyer à un script shell voila ma page php : page.php je zape la partie head et une partie du... www.commentcamarche.net/forum/affich-9495381-executer-un-script-shell-dans-php
[PHP] Headers already sent by.....Lorsque vous utilisez une fonction Php qui manipule les en-têtes http comme par exemple: header() setcookie() session_start() Il est important d'utiliser ces fonctions avant d'avoir généré le moindre flux vers le client. A partir du moment où... www.commentcamarche.net/faq/sujet-1916-php-headers-already-sent-by
[MSN] Utiliser MSN sans l'installer - à partir d'un siteIl est possible d'utiliser un client MSN pour discuter avec ses amis sans avoir à l'installer. Il existe quelques clients conçus pour être utilisés à partir d'un navigateur sous forme de pages Internet. Évidemment, leurs fonctionnalités sont... www.commentcamarche.net/faq/sujet-2219-msn-utiliser-msn-sans-l-installer-a-partir-d-un-site
Partitionner un disque durPartitionner 1 - Intérêt et avertissement 1.1 - Intérêt 1.2 - Avertissements préalables 2 - Partitions et systèmes de fichiers 2.1 - Partitions 2.2 - Systèmes de fichiers 3 - Quels logiciels ? 3.1 - Solutions gratuites 3.1.1 - FDISK... www.commentcamarche.net/faq/sujet-280-partitionner-un-disque-dur
[favicon] image de l'onglet (Résolu)Bonjour, J'ai créé une image ico à partir d'un logiciel spécial que j'ai chargé sur mon site: http://www.insaniraq.org/favicon.ico J'ai ensuite inclu le code suivant entre les balises 'head' de ma page index: www.commentcamarche.net/forum/affich-2667053-favicon-image-de-l-onglet
CSS et balises alt ou title (Résolu)Bonjour, Lorsque, dans une css, pour le header, l'on appelle une image background-image: url(../images/header.jpg); comment insérer (codage ?) la balise 'alt' ou/et la balise 'title' ? merci @mitiés b g le 'www' est... www.commentcamarche.net/forum/affich-5229138-css-et-balises-alt-ou-title
Les balises meta ou les placer? (Résolu)Bonjour, je suis en train de me poser des questions a savoir ou je met les balises meta car mon index.html fait partir une intro flash et j'ai mis les balises meta dans l'index-1.html qui est ma page d'accueil apparement il faudrait les... www.commentcamarche.net/forum/affich-6691590-les-balises-meta-ou-les-placer
Télécharger EASEUS Partition ManagerEaseUs Partition Manager Free, est le logiciel par excellence à avoir sur son système. EaseUs Partition Manager partitionne facilement et sans erreur vos disques durs à la taille que vous avez choisie. Principales caractéristiques de EASEUS Partition... www.commentcamarche.net/telecharger/telecharger-34056035-easeus-partition-manager
Télécharger Partition resizer Pour éviter de tout formater à chaque fois sur votre disque dur, il est préférable de partitionner. Partition Resizer est non seulement un programme de partitionnement mais en plus vous pouvez l'utiliser à tout moment. Cette action ne provoque aucune... www.commentcamarche.net/telecharger/telecharger-34055809-partition-resizer
Trust USB Portable Headset for MacFilaire, Contrôle du volume, Design:Neckband, Divers:Foldable USB neckband headset with adjustable microphone for Mac, Type:Avec micro, Technologie sans-fil:Filaire, Page web du produit:Anglais www.commentcamarche.net/guide-achat/trust-usb-portable-headset-for-mac-1116321-fiche-technique
Logitech PC headset 960Filaire, Poids:500.0, Technologie sans-fil:Filaire, SRS surround: , Stereo/Mono:Stereo, Virtual Dolby Prologic: , Décodeur Dolby Digital : , Divers: , Type:Headset, Bande passante écouteurs:20-20000 Hz www.commentcamarche.net/guide-achat/logitech-pc-headset-960-1077116-fiche-technique
Trust USB Headset for MacFilaire, Contrôle du volume, Design:Full Size, Divers:USB headset with adjustable headband and microphone for Mac, Type:Avec micro, Technologie sans-fil:Filaire, Page web du produit:Anglais www.commentcamarche.net/guide-achat/trust-usb-headset-for-mac-1116316-fiche-technique
Niveaux de titres en HTMLNiveaux de titre Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte : Balise Effet... www.commentcamarche.net/contents/html/htmltitres.php3
Les balises HTMLHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte contenant des... www.commentcamarche.net/contents/html/htmlbalise.php3
Partition - Partitionnement d'un disque durQu'est-ce qu'une partition? Le partitionnement d'un disque dur se fait après le formatage physique de celui-ci et avant le formatage logique. Il consiste à créer des zones sur le disque dont les données ne seront pas mélangées. Cela sert par... www.commentcamarche.net/contents/repar/partitio.php3