1. La balise <title> est la plus importante
Il doit être un court résumé de votre page avec un maximum de 60 à 80 caractères. Le titre de votre page est utilisé:
- pour la fenêtre de votre navigateur
- par défaut lors de l'ajout de votre page aux favoris
- par les moteurs de recherche lors d'une recherche
2. Ne pas utiliser "cliquez ici" comme intitulé de lien
- utilisez un intitulé qui résume le contenu de la page du lien
- expliquez ce que le lien offre
- il est recommandé de ne pas utiliser de verbe dans votre intitulé de lien
Exemple: Calculez votre position sur les moteurs de recherche avec l'outil de positionnement de site Yatooweb
3. Utilisez une bonne redirection
Si vous désirez rediriger http://www.example.org/foo vers http://www.example.org/bar, n'utilisez pas des méthodes comme:
- Code: Tout sélectionner
<META HTTP-EQUIV=REFRESH CONTENT= " 1 ; URL= http://www.example.org/bar " />
Cela handicap la fonction de "page précédente" de votre navigateur (vraiment désagréable pour les visiteurs) et assez mauvais pour le référencement.
Il est recommandé d'utiliser une redirection 3xx:
301 - pour indiquer un redirection permanente
302 - pour indiquer une redirection temporaire
A lire:
Redirections et référencement sur Webrankinfo
Contrer une "mauvaise" redirection 302 sur Webrankinfo
4. Utilisez la balise <h1> pour votre titre
A la différence de la balise <title>, <h1> peut contenir un lien ou d'autres élements HTML. Par défaut il est vrai que la taille de la police peut en dissuader certains à l'utiliser. Utilser un style CSS afin de réduire cette taille. Attention: J'ai souvent vu des sites qui en profitent pour définir une petite police et écrire tout un texte en <h1> pensant que cela sera un plus pour leur référencement, AUCUN INTERET.
Exemple:
- Code: Tout sélectionner
<h1>Les Animaux</h1>
<h2>Les Chiens</h2>
<h3>Les Bulldogs</h3>
<h4>Les Bulldogs Français</h4>
<h4>Les Bullgos Anglais</h4>
<h3>Les American Staffordshire Terrier</h3>
<h2>Les Chats</h2>
... ainsi de suite
5. Utilisez l'attribut alt pour vos images
L'attribut alt est utilisé pour img, area et optionnellement input et applet afin de fournir un texte équivalent à l'objet.
- Si l'image est un texte (comme les logos de site généralement), mettez le texte dans votre attribut alt.
- Si l'image est utilisée pour faire des puces dans une liste, un trait horizontal ou autre décoration, il est bien d'avoir un alt vide, mais il est préférable d'utiliser un CSS.
- Si l'image présente une information importante, essayer de la récapituler dans le alt et d'ajouter un longdesc.
6. N'oubliez pas d'ajouter un DOCTYPE
Kesako ? Il y a différents types HTML, tels que: HTML 4.01 Strict, HTML 4.01 Transitional, XHTML 1.0 Strict... Chaque type HTML a ses propres carctéristiques W3C. Les outils interprétants l'HTML, comme votre navigateur web, ont besoin de connaître le type de document (Document Type Definition ou DTD), c'est pourquoi, entre autre, chaque document (X)HTML doit posséder un DOCTYPE, placé tout au debut. Exemple pour XHTML 1.0 Transitional:
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
A lire:
DTD HTML4.01 et XHTML1.0 : comment choisir ? sur Alsacréations
D'autres astuces à venir...
