Anatomie d'une page web sans css
Il est très important de prendre l'habitude de partir d'une page saine. Le doctype par exemple est souvent négligé et on se plaint ensuite que les navigateurs ne suivent pas la bonne norme. Indiquez le bon doctype et beaucoup de problèmes disparaîtront! De même prenez l'habitude de mettre un titre à vos pages et de ne pas négliger les métatags les plus importants. Votre travail de référencement n'en sera que plus efficace.
Voici donc à quoi devrait ressembler le code source d'une page HTML vide. On est loin d'une page vide!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml>
<head>
<title>Exercice 1 feuilles de style (CSS): anatomie d'une page web sans css</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<META HTTP-EQUIV="Content-Language" CONTENT="FR-BE"/>
<meta name="description" content="Les feuilles de style (CSS): pourquoi les utiliser, comment les mettre en oeuvre, trucs et astuces, modèles de mise en page, tutoriel "/>
<meta name="keywords" content="feuille de style, css, cascading style sheet, création de page web, mise en oeuvre des css, emploi des css, astuces css, mise en page css, tutoriel css"/>
<META NAME="author" CONTENT="Gérard Barmarin EICW gerard.barmarin@skynet.be"
/>
<META NAME="copyright" CONTENT="All rights reserved Tous droits réservés"
/>
<META NAME="robots" CONTENT="FOLLOW,INDEX" />
</head>
<body>
<!-- Le contenu de votre site-->
</body>
</html>
<!-- OBLIGATOIRE sans cela, le navigateur n'en fera qu'à sa tête!-->
<!-- OBLIGATOIRE pour un bon référencement!-->
<!-- OBLIGATOIRE pour un bon affichage des caractères utilisés (alternative content="text/html; charset=iso-8859-1" Le charset UTF-8 reprend pratiquement toutes les langues écrites de la terre ce qui le rend un peu plus lourd que l'iso-8859-1 qui ne reprend que les langues latines!) -->
Conseillé, ce méta tag indique aux moteurs de recherche que votre site est en français...de Belgique
<!-- OBLIGATOIRE pour un bon référencement! Texte suivi de 255 caractères max, mais limitez-vous à une vingtaine de mots. Ce texte sera affiché sur la page résultat des recherches des moteurs de recherche -->
<!-- OBLIGATOIRE pour un bon référencement! suite de mots (ou de groupes de mots) séparés par une virgule; 255 caractères max en tout, commencez par les mots-clés les plus importants. Si vous citez des marques qui ne vous appartiennent pas, attention à la législation en vigueur...-->
<!-- optionnel, tous les moteurs de recherche ne le prennent pas en compte -->
<!-- optionnel, autres possibilités: noindex (pas d'indexation) nofollow (le robot ne suivra pas les liens présents sur la page)-->
Notes
Références en français sur les métatags: il existe encore d'autres metatags parfois utiles (date de création, date de dernière modification etc. une recherche sur googe ou sur le site du w3c devrait vous apporter toutes les explications nécessaires en cas de besoin.
Outil de création des métatags en ligne : voici un outil parmi beaucoup d'autres:
http://services-gratuits.abc-webmasters.net/generateur_meta_tags.php
Autre solution: créez une page type vide que vous utiliserez systématiquement comme base de toutes vos pages. ma page type
Méta tag "Refresh": Le méta tag "refresh" peut être utilisé pour rediriger une page vers une autre. Les moteurs de recherche ne l'aiment pas puisqu'en quelque sorte ils sont piégés par ce méta tag. Ne l'utilisez que sur des pages non soumises aux moteurs de recherche:
<META HTTP-EQUIV="refresh" CONTENT="5;URL=http://www.google.be"> <!-- redirection de la page en cours vers la page de Google après 5 secondes -->
Vous trouverez un exemple d'utilisation sur cette page (vous serez redirigé automatiquement vers la suite de cette page)