Petit tour des informations invisibles mais utiles qui sont stockées dans la balise <head> </head> d’une page web.
Head & Meta
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta name="Description" content="le blog de mon chat" /> <title>Lady Marmelade</title> <meta name="Author" content="Laure J"> <meta http-equiv="Content-Language" content="fr"> <meta name="Keywords" content="images, chats, fleurs" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> </head>
Bon, il n’y a que deux lignes compliquées: la première et la dernière.
Dans la première ligne, on déclare le type de document avec une balise DOCTYPE qui permettra au logiciel lecteur d’interpréter et de présenter correctement les lignes suivantes. Pour en savoir plus sur ces déclarations, il y a toujours le site du Zéro, Wikipédia et Comment ça marche.net.
Ligne 2, on ouvre la tête du document. Tout ce qui est déclaré dans cette balise ne s’affiche pas directement dans le navigateur mais est utile au référencement et à l’accessibilité de votre site.
Ligne 3, facile, une description en quelques mots du contenu de votre doc. Ligne 4, son titre, qui s’affichera dans la partie haute du navigateur. Ces deux balises sont importantes et doivent devenir un réflexe pour les créateurs web que nous sommes.
Lignes suivantes, d’autres informations qu’il est possible d’intégrer à une page de façon transparente: l’auteur du contenu, sa langue, et les mots-clés utiles aux moteurs de recherche pour classer vos informations. Attention, ces derniers ne tiennent compte que des mots-clés que l’on retrouve aussi dans le contenu. Il existe d’autres balises meta, qui servent à s’adresser aux robots et aux navigateurs: la liste ici.
Ligne 8, l’autre hic: le jeu de caractères utilisé. Comme vous savez il n’y a pas d’accents en anglais, les asiatiques sont aussi connectés à notre terrain de jeux où sont mêmes apparues de nouvelles lettres: @ pour commencer, mais aussi ?, ?, ?… Les machines ont à leur disposition plusieurs sets de caractères pour lire et afficher les données d’une page, mais elles n’en utilisent qu’un à la fois. Il faut préciser celui que vous désirer utiliser, en fonction du nb de langues employées dans votre contenu. Dans mon exemple iso-8859-15 correspond à l’alphabet latin utile aux francophones contemporains. Pour mieux comprendre et choisir en toute connaissance, un article chez Alsacréations.com.
Articles (RSS)