Internet simple pour tous

Si vous souhaitez que votre site soit vu de manière optimale sur tous les navigateurs et tous les systèmes d'exploitation, il est important de choisir des polices qui sont communément utilisées. Je vous en explique la raison dans un billet précédent parlant de la police Comic sans MS. Il conviendra également de respecter quelques principes de mises en page pour rendre la lecture de vos textes la plus aisée possible :

• Choisissez une, voire deux polices et ne dépassez pas ce nombre. S'il est possible de jouer sur le contraste existant entre deux familles de typo, une multiplication de ces dernières rend le texte illisible et fait perdre de l'homogénéité à la page.
• Traquez les fautes d'orthographe. Ces dernières peuvent vous faire perdre une partie de la crédibilité qu'un bon contenu aurait engendré.
• Ne jouez pas trop sur la taille des textes au sein d'un même paragraphe. Gardez ces variations de taille pour clarifier l'importance des titres, par exemple.
• Vous pouvez également utiliser les mises en exergue par le gras et l'italique, mais sans en abuser.
• Utilisez la même présentation sur toutes les pages de votre site.
• Si vous colorez votre texte, pensez à choisir des couleurs en accord avec la charte graphique du site afin de ne pas agresser les yeux de vos visiteurs.
• Préférez un fond clair avec des textes foncés. Evitez des juxtapositions de couleurs (noir et bleu, par exemple) qui gênent la lecture.

Votre site ne sera pas visité par les seuls internautes accédant à la page d'accueil. En effet, les moteurs de recherche peuvent les conduire sur une page intérieure. Il convient dès lors d'établir un système de navigation qui permettent de répondre à 4 questions qu'ils se poseront inévitablement :

1. Où suis-je ?
2. Où suis-de déjà allé ?
3. Où puis-je aller ?
4. Comment m'y rendre ?

Pour répondre au mieux à ces questions, il convient dès lors de :

• Proposer un système de liens qui soit sans équivoque. Plutôt que "Cliquez ici", vous préfèrerez :"Accédez à notre portfolio". Vous pourrez également compléter ce lien par une info-bulle qui s'afficherait au survol de la souris (grâce à la balise Title)
• Présenter le système de menu de manière identique sur toutes les pages (ne changez pas les intitulés de vos liens et n'intervertissez pas leur ordre en fonction de la section du site dans laquelle on se trouve)
• Rendez l'accès aaux différentes sections possible depuis toutes les pages du site
• Si vous choisissez un système de menu utilisant des images, veillez à ce que leur usage soit bien clair !

En plus de ce système de liens, vous pouvez également proposer différentes aides à la navigation :

Un chemin de progression (breadcrumbs en anglais ou, encore, fil d'Ariane).
C'est un outil de navigation constitué d'une suite de liens hiérarchisée. Il représente le niveau de profondeur atteint par le visiteur dans le site. Il permet dès lors de se repérer rapidement dans le site et de remonter facilement aux sections supérieures.

Un chemin de progression se présente souvent de cette manière :
Accueil >> Portfolio >> Nos sites Internet >> Page 2
Il possède toujours des liens séparés par un caractère déterminé qui symbolise le changement de section. Le dernier lien n'est pas cliquable et représente la page en cours.

Un plan du site (sitemap en anglais ou carte du site)
Il permet à vos visiteurs de visualiser rapidement la structure de votre site et la page qui est sensée répondre à ses besoins.

Un moteur de recherche interne
Il permettra à vos visiteurs de spécifier les mots clés et d'envoyer sa requête en cliquant sur le bouton d'action. Une liste de page contenant ces mots-clés sera alors affichée par ordre de pertinence. Certains moteurs de recherche nécessite d'être indexé à chaque changement de contenu (c'est bien souvent le cas pour les sites statiques) alors que d'autres vont simplement chercher les résultats dans la base de données et peuvent se passer de cette indexation (en cas de CMS).

Une FAQ (Frequently Asked Questions en anglais ou encore Foire aux questions)
Vous pourrez y proposer un récapitulatif de toutes les questions de bon sens que vos visiteurs se posent régulièrement en venant sur votre site ou vous envoient par courrier électronique.

Hypertexte. Le mot magique est lancé. Sans lui, pas de lien. Il s'agit en effet de l'outil de navigation utilisé sur tous les sites Internet qui permet de consulter une information de n'importe quelle nature au départ d'un nom évocateur. Plus simplement, ce sont les mots (ou images) qui permettent d'atteindre une autre page en cliquant dessus. C'est d'ailleurs ce qui fait la force d'un site qui permet d'atteindre n'importe quel niveau du site, à l'inverse d'un livre qui se lit de manière beaucoup plus linéaire.

Votre site, s'il veut faciliter l'emploi de son contenu, doit être émaillé de liens hypertextes. Mais comme toujours, l'excès nuit en tout. Voici une liste de points auxquels vous devrez être attentifs :

• La multiplication des liens à l'intérieur du texte peut rendre la lecture plus complexe : le visiteur devra systématiquement s'il doit (ou non) cliquer sur lien pour en savoir plus.
• S'il clique sur le lien, il devra également faire un effort de mémoire pour reprendre le fil de la lecture là où il l'a laissé.
• Si le lien hypertexte est intéressant, qui peut garantir que le visiteur reviendra sur le site qui l'y a conduit ?
• Il n'y a rien de pire que des liens expirés (qui ne pointent plus vers la page initialement prévue). Pensez à vérifier la validité de ces derniers. Un programme comme Xenu pourra vous y aider.

L'idéal est de définir clairement quels sont les liens externes (qui pointent vers d'autres sites) et les liens internes (ceux de votre propre site). Il est, en effet, possible de modifier l'aspect du lien en fonction de sa destination. La proposition que je vais faire ici est sujette à caution (je sais que des puristes auront envie de me crucifier), mais je conseille d'ouvrir les liens externes dans une nouvelle fenêtre (_blank) alors que les liens internes s'ouvriront "normalement" en effaçant la page de départ.

Toute animation est plus lourde qu'une image et, a fortiori qu'un texte. Il convient donc de les utiliser avec parcimonie et pour des usages bien précis :

• représenter un mouvement,
• clarifier des transitions,
• indiquer l'évolution d'un téléchargement,
• présenter de nombreuses informations sur un espace réduit,
• attirer l'attention.

Pour réaliser ces animations, de nombreux développeurs utilisent Flash, une technologie à la mode en raison de la qualité et des possibilités qu'elle offre.

Certains clients souhaitent insérer des animations Flash dans leur site. Une petite quantité d'entre eux demandent de réaliser une animation Flash de présentation à placer sur une page tunnel, avant la page d'accueil proprement dite. Bien sûr nous acceptons, mais à contre-cœur, de réaliser cette animation. Malgré des restrictions qui méritent vraiment d'être prises en compte :

• L'internaute ne visite pas le site d'une entreprise pour assister béat à une animation utilisant des mots et des photos qui clignotent, mais pour trouver une information précise.
• Les animations attirent d'avantage l'attention que des images fixes. Il faut donc éviter les animations en boucle qui, à la longue, fatiguent l'utilisateur.
• Pour que l'animation soit lue par la navigateur, celui-ci doit être complété d'un plug-in Flash. Si le développeur enregistre son animation avec une version non-compatible, le visiteur devra télécharger la nouvelle version du plug-in pour lire cette animation.
• Si l'animation contient des images non vectorielles, gif ou jpeg, la taille de l'animation devient rapidement énorme et perd les avantages liés au format vectoriel.
• Une animation Flash ne peut être optimisée pour les moteurs de recherche. Son contenu ne sera jamais aussi bien indexé qu'une page HTML classique. Dès lors, si votre nom de domaine s'ouvre sur une animation Flash et rien d'autre, vous perdez de nombreuses possibilités de référencement. A ce propos, n'hésitez pas à lire "Les sites Flash et les moteurs de recherche".
• Si, malgré toutes ces mises en garde, vous persistez dans votre envie de proposer une animation en page d'accueil, proposez au moins une possibilité de ne pas l'ouvrir et de passer directement au site (Skip intro) qui sera, je vous l'assure, utilisée par la grande majorité de vos visiteurs.
• Un menu en Flash ne sera pas suivi correctement par les moteurs de recherche. Qu'en sera-t-il de votre contenu ?
• Un site entièrement réalisé en Flash peut être visité sans problème, mais l'utilisateur ne pourra jamais mettre une page particulière en favori car toute l'animation se trouve en général dans une seule et même page...

Enfin, pour ne pas bouder son plaisir, je vous invite à visionner cette animation qui m'a particulièrement parue savoureuse.

Les éléments dont je parle ici regroupent les images et les photos. Ces images jouent un rôle important dans l'aspect de la page. Il faut donc y apporter toute l'attention nécessaire :

• A l'heure actuelle, seuls 3 formats sont supportés sur Internet : JPEG particulièrement adapté pour les photos, PNG adapté à la plupart des graphiques et qui peut être rendu transparent - Attention cependant à la compatibilité avec IE6 - et le format GIF limité à 256 couleurs et peut être animé.
• Leur taille joue un rôle important. Même si vous réduisez artificiellement sa taille en utilisant l'attribut "width", par exemple, votre photo sera toujours aussi lourde et mettre toujours autant de temps à s"afficher sur la page. Si vous disposez d'un logiciel de retouche, vous pouvez d'abord recadrer la photo, en vous focalisant sur l'essentiel, avant de la réduire.
• Utiliser une "image qui bouge" n'est pas forcément le meilleur moyen d'attirer l'attention du lecteur. Des études ont démontré que 92% des visiteurs fixaient leur attention sur les textes tandis que seuls 22% s'attardaient sur les images. Les internautes habitués zappent d'ailleurs ce type d'illustration, persuadés qu'ils s'agit de publicités type "bannière".
• Pour accorder du poids à vos images pour les moteurs de recherche, chaque image doit être commentée au moyen de la balise "alt" et de la balise "title". Cela permet, en plus, aux utilisateurs mal voyants de savoir ce que vous proposez comme image.
• Plus votre page est longue, plus vous pouvez utiliser des images, mais gardez le haut de votre page aux contenu textuel.
• Certaines images sont libtres de droit. D'autres, par contre, sont soumises à des droit d'auteur. Ne puisez donc pas vos photos sur d'autres sites au risque de vous voir assigné en justice.
• Pensez également au "droit à l'image". Chaque personne est protégée par ce droit. Par conséquent vous ne pouvez pas utiliser la photo d'une personne sans son autorisation. Par contre, si la photo est prise dans un lieu public, vous devez uniquement obtenir une autorisation des personnes isolées et reconnaissables.

Il arrive parfois que des clients nous demandent s'il est possible d'insérer des sons ou une musique sur leurs pages. La réponse est bien sûr positive. Mais...

• Si les sons et musiques contribuent à donner une ambiance, ils deviennent vite irritants s'ils passent indéfiniment en boucle. Il est dès lors indispensable de prévoir un bouton permettant de couper le son ou de diminuer le son de l'application sans devoir toucher aux baffles de l'ordinateur. Qui plus est, le site doit pouvoir être utilisé sans son car, dans certains bureaux, les ordinateurs ne sont pas équipés de cartes son.
• Si vous décidez de passer le pas, prévoyez un son de bonne qualité. Il n'est rien de pire que de devoir lire une page avec un son MIDI censé apporté de la gaité dans la page.
• Le nombre de sons utilisé doit être faible (moins de 5) et doivent être vraiment distincts les uns des autres.
• Si c'est de la musique que vous insérez, pensez qu'elle est certainement soumise à des droits d'auteur. En Belgique, vous devrez vous acquitter de la somme de 36 euros par mois à la Sabam.

La page d'accueil n'est qu'une page de transit permettant aux internautes d'accéder au reste de votre contenu. Comptez, qu'en moyenne, ils y passeront une dizaine de secondes. Vous avez donc peu de temps pour convaincre l'internaute de devenir visiteur.

Nous vous avons déjà parlé des éléments essentiels qui devaient s'y trouver lors de l'élaboration de la charte graphique. Voyons à présent plus en profondeur les éléments textuels qu'elle doit contenir.

Nous insistons régulièrement auprès de nos clients afin qu'ils proposent un contenu utile pour l'utilisateur et ce pour deux raisons :

1. Les moteurs de recherche indexent efficacement la page d'accueil. Une page sans texte est donc une page perdue pour le référencement.
2. Le temps de passage des internautes est très court. Trop court pour se permettre de ne proposer qu'une page jolie, certes, mais sans intérêt. Fuyez donc les pages d'accueil ne proposant que le choix des langues, une image suivie du bouton "Entrer sur le site" ou d'une simple animation Flash.

Dès l'accès à cette page, votre visiteur doit identifier votre activité en 3 secondes et découvrir dans le même délais à qui il a à faire. N'hésitez donc pas à mettre votre nom, votre logo, la présentation de votre activité en valeur. Ajoutez également (pourquoi pas en pied de page) l'adresse postale de votre société, divers moyen de vous joindre (téléphone, fax, mobile, mail, formulaire de contact...), un envoi vers une page précisant les noms des responsables du site.

Pensez également que votre site n'est pas un sapin de Noël sur lequel doivent être affichés les derniers gadgets technologiques ou gif animés, comme sur cette page ! De telles pratiques attirent des visiteurs non qualifiés qui viennent par curiosité plutôt que par intérêt pour votre contenu. A l'inverse, votre page doit donner envie de la lire, de passer ses rubriques en revue. Pour éviter la froideur liée au côté professionnel de la présentation, vous pouvez avantageusement utiliser des photos, des icônes personnelles, des illustrations...

Pensez à placer l'information essentielle en haut de la page. C'est sur cette information que l'attention des visiteurs se focalisera et ce sera également le contenu le mieux indexé par les moteurs de recherche. Hiérarchisez les informations que vous proposez en donnant la priorité aux mots essentiels, à vos mots clés en les mettant en évidence (gras, italique...), structurez le texte par les l'usage des titres H1, H2, H3...qui se doivent de refléter le contenu des paragraphes qui les suivent.

Vous voulez créer un site ou un blog, mais vous ne savez pas encore comment vous devez en rédiger les textes. Le premier réflexe devrait être de chercher ce que les internautes pensent et disent de vous dans les blogs et forums. Ouvrez la page de votre moteur de recherche préféré (Google ?) et commencez à chercher les pages qui parlent de votre société, de vous, de vos produits.

Si vous ne trouvez que peu de réponses, votre communication sera toute trouvée : vous devez informer le public de ce que vous faites, de ce que vous vendez... Tâchez de rester neutre, ne faites pas un site publicitaire, mais utile à vos visiteurs. Un site où ils auront une profusion d'informations à propos de vos produits.

Si, par contre, vous vous trouvez à la tête d'une quantité importante de pages (articles de presse, billets de blogs, page de divers médias parlant de votre actualité...) parlant de ce que vous faites, attachez-vous à repérer les pages qui vantent vos produits et celles qui les dénigrent et extrayez-en l'information essentielle : combien de sites parlent de vous ? Combien de pages sont-elles négatives ? Combien sont positives ? Que dit-on de vous ? De vos produits ?

Gardez toujours en tête que, si vous ne publiez pas VOTRE contenu avec VOS réponses, toutes les pages qui vous concernent sont rédigées par des inconnus et vous ne maîtrisez, dès lors, absolument pas votre communication. En fonction de ce que vous obtiendrez comme réponses à vos lecture, vous pourrez donnez vous-même des informations sur vos activités et reprendre la main sur votre image.

La Pachamama, Terre-Mère, est la déesse-terre dans la religion des Amérindiens d'Amérique du Sud. C'est le nom choisi par une cliente pour son site de vente en ligne d'articles issus du commerce équitable pour les petits et les plus grands. Tous les producteurs des produits vendus ont été choisis parce qu’ils entrent dans une démarche équitable et durable.

Le catalogue, qui permet de payer ses achats en ligne via PayPal, est décliné en 7 grandes sections :

• La mode des petits
• Jeux et doudous
• Soin des petits
• Soin des mamans
• Déco des petits
• Coin lecture
• Idées cadeaux

Chacune de ces grandes sections peut ensuite être précisée grâce à un menu adapté situé sur la gauche du catalogue en ligne. L'ajout d'un article au panier se fait d'un simpe clic, alors que la validation de la commande nécessite d'être identifié, ce qui se fait très simplement et gratuitement, au moyen d'un formulaire.

Actuellement proposé dans la seule langue de Molière, le site sera très prochainement décliné en anglais et en néerlandais.

Pour vous maintenir au courant de son actualité, la Pachamama propose également un blog.

Ceux qui me connaissent bien seront certainement étonnés que je parle de sport dans ce billet. la raison en est toute simple : j'ai passé une merveilleuse soirée hier grâce à Clair Office, une entreprise générale spécialisée dans le nettoyage et le Facility Management. En effet, Ludy et moi avons été invités dans leur loge VIP l'espace d'une soirée.

Parking, réception au champagne, accueil au restaurant et participation au match depuis la loge... Rien que du bonheur !

Quant au basket, c'est l'inverse du football : imaginez des tribunes séparées du terrain par des barrières d'un mètre de haut (si, je vous jure : pas de grilles, de steward, de fouille au corps ni de chien policier !), une ambiance de feu, des pom-pom girls ravissantes, aucun policier pour canaliser les spectateurs, pas de violence dans les tribunes ni autour du stade... Du sport, du vrai auquel n'importe quel père de famille peut emmener ses enfants sans risque ni arrière-pensée !

Le score : 79 - 78 en faveur de Mons à la fin d'un match au cours duquel l'écart au marquoir n'a jamais cessé d'être serré. Alors, une dernière fois : merci à Christelle, John et Fred. Je peux déjà vous dire que, dans les jours qui suivent, vous entendrez encore parler d'eux !