Notez que la balise <title> est souvent utilisée comme titre associé à votre site dans les résultats de recherche de Google (en bleu et en gras). Elle est donc primordiale pour convaincre les internautes de venir visiter votre site.
La balise <title> doit être rédigée en français correct, de 5 à 15 mots environ (le texte doit apparaître en totalité dans la barre de titre du navigateur).
Si possible, placez des mots clés en début de phrase.
Dans l'idéal, chaque page de votre site abordera un sujet différent. Le titre doit refléter cette diversité de contenu et être différent sur chaque page.
Idem que pour la balise <title>. La balise <description> est souvent utilisée par Google comme résumé de vos pages (paragraphes en noir dans les résultats de recherche).
Le charset permet au navigateur d'afficher correctement les caractères spéciaux (par exemple, les Norvégiens n'utilisent pas les mêmes accents que les Espagnols). Cette balise meta se place dans le <head> :
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
L'encodage iso-8859-1 est conseillé en Europe.
L'encodage utf-8 encode correctement la plupart des caractères.
Toutes vos pages doivent contenir ces 3 couples de balises, dans l'ordre suivant :
<html>
<head>
<!-- l'entête de la page – informations envoyées au navigateur -->
</head>
<body>
<!-- le corps de page – visible par les internautes -->
</body>
</html>
Chaque balise HTML correspond à une utilisation bien précise. Les balises <hx> par exemple sont utilisées pour les titres.
La balise <h1> prévaut pour le titre principal de la page. Il n'y a en général qu'une balise <h1> par page.
Ensuite, <h2> s'applique aux chapitres, <h3> aux sous-parties...
En pratique, <h4>, <h5> et <h6> ne sont presque jamais utilisées.
Dans le même ordre d'idée, les liens doivent ressortir du reste du texte.
Si vous utiliser des images cliquables, assurez-vous qu'une personne neutre (extérieure à l'équipe qui a conçu le site) comprend rapidement où se trouvent les liens, et comment sont imbriqués les menus.
L'internaute doit facilement distinguer les publicités du reste de votre site. Il ne faut pas le tromper en « fondant » les publicités dans le design du site.
Certaines régies publicitaires (comme AdSense) interdisent aux webmasters de tromper les internautes en dissimulant les publicités textuelles.
A l'inverse, d'autres utilisent ce procédé pour générer plus de clics (ClickInText...).
Les couleurs et les contrastes texte/fond doivent être suffisamment prononcés pour faciliter la lecture, sans fatigue visuelle pour les internautes.
Si la colonne qui contient les articles est trop large, le texte va s'étaler sur l'écran, et va occuper peu de lignes. Cette situation gêne la lecture et fatigue les yeux.
De même, si le texte est trop long, proposer une version à télécharger ou à imprimer.
Limitez-vous à 2/3 polices d'écritures pour qu'un certain équilibre se dégage du site.
Attention au choix des polices ! Seules Arial, Verdana, Helvetica, Times, Georgia, Tahoma et quelques autres seront à coup sûr disponibles sur l'ordinateur de l'internaute.
Si votre site compte plusieurs dizaines de pages, une page « plan du site » reprenant l'organisation du contenu de votre site peut être utile pour aider vos visiteurs à se repérer.
C'est également un excellent moyen de placer des liens avec des mots clés.
Pour plus d'informations, vous pouvez nous contacter par mail.