Formation 17

Accessibilité du contenu

Bien cibler la balise <title>, avec des mots clés

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.

Rédiger la balise <description> en français correct

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).

Vérifier que le <charset> et le <doctype> sont correct

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.

Bien utiliser les balises XHTML

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.

Mettre les liens en évidence (couleur, effet graphique...)

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.

Ne pas camoufler les publicités

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...).

Privilégier un contraste fort entre le texte et le fond

Les couleurs et les contrastes texte/fond doivent être suffisamment prononcés pour faciliter la lecture, sans fatigue visuelle pour les internautes.

Éviter les textes larges et/ou longs

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.

Ne pas multiplier les polices et tailles d'écriture

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.

Proposer un plan du site

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.

Corriger les fautes d'orthographe



Pour plus d'informations, vous pouvez nous contacter par mail ou aux coordonnées suivantes :


Contacter CS Formation

 

Tutos et cours en ligne

HTML / CSS