RSS

Les 10 commandements d’un bon site web

This entry was posted on mai 01 2010

Au commencement il y avait le web, puis la lumière fut et les sites inondèrent Internet. Le marché des sites Web est en pleine expansion ces dernières années : face à la demande grandissante dans le domaine, nombreux sont les prestataires peu scrupuleux qui vous promettent monts et merveilles…

Comment s’assurer des compétences de votre prestataire ? Quelles questions lui poser ? Quels sont les pièges à éviter ?Comment analyser la pertinence de son site? Est-il optimisé pour être visité? Respecte t-il les normes?

Le but de cet article est de vous donner quelques armes pour savoir ce qu’est un bon site Web et croyez moi c’est parfois difficile d’en trouver… Bonne lecture !

Télécharger les 10 commandements au format PDF

Vous pouvez télécharger les 10 commandements en PDF en cliquant sur l’icône ci-dessus.

Règle n°1 : Respecter les standards

Il est important de respecter les règles du W3C (World Wide Web Consortium), ces standards visent à améliorer la compatibilité des technologies du Web. Certains créateurs de sites sont loin d’être experts techniques et font abstraction de ces règles. Mais pourquoi en tenir compte me direz vous ?

  • Une portabilité certifiée de votre site. Ne cédez pas à la panique devant ce mot barbare d’informaticien, pour résumer un code plus portable c’est l’assurance qu’il soit interprété correctement par tous les navigateurs ;
  • Une accessibilité universelle aux contenus (meilleure visibilité pour les moteurs de recherche, accessibilité pour les personnes possédant un handicap…) ;
  • Une réduction de la taille et du temps de chargement de votre site.

Répartition des navigateurs

Actions à mener :

Vous n’avez pas tout saisi ? Rien d’affolant, pour vérifier la validité de votre site, rendez-vous sur le site http://validator.w3.org/ et rentrez l’adresse de votre site, faites le test avec le notre ou celui d’un autre prestataire, les résultats sont parfois surprenants ! :-)

Règle n°2 : Utiliser une ergonomie simple

Préférez une charte graphique sobre et lisible à des animations et des couleurs allant dans tous les sens. La cohérence graphique et l’image de votre société en dépendent.

Un site 100% en Flash avec de nombreuses animations peut se révéler peu efficace en termes d’ergonomie mais peut aussi grandement entraver votre référencement. En effet Google a pour l’instant beaucoup de mal à interpréter le contenu d’une animation Flash.

Il est préférable d’utiliser avec parcimonie ce type d’effet pour qu’ils puissent avoir l’impact voulu, c’est le phénomène dit « des épices » pour ceux qui adorent cuisiner.

Actions à mener :

Économisez les couleurs et les animations Flash. Confiez cette tâche à un graphiste ou un Webdesigner spécialisé dans ce domaine si vous n’avez pas la fibre de l’harmonie graphique. Enfin n’oubliez pas d’adapter vos couleurs à votre logo et à votre image.

L’atmosphère du site doit refléter le message que votre entreprise souhaite communiquer.

Ah oui j’oubliais ne cédez pas à la tentation de mettre du son au lancement de vos pages car la majorité des visiteurs sont désagréablement surpris et ont pour réflexe de chercher un moyen de le stopper.

Règle n°3 : Rédiger un contenu pertinent

Faites un contenu pertinent, structuré et allant à l’essentiel. Les lecteurs, mais aussi Google, aiment bien lorsqu’une page ne parle que d’une seule thématique, évitez les longues pages parlant de voyages et de bricolage, préférez réaliser une page sur les voyages et une sur le bricolage.

Comment lis t on une page internet

Actions à mener :

Essayez de mettre en avant les mots clefs qui définissent votre activité (on parle alors de densité de mot clé), surveillez bien le champ lexical utilisé et restez focalisé sur une thématique précise. Ainsi vous gagnerez en lisibilité et en visibilité sur le net.

Règle n°4 : 3 clics maximum !

Un visiteur ne doit pas réaliser plus de trois clics depuis la page d’accueil pour accéder à l’ensemble de votre contenu.

En effet une arborescence complexe qui nécessiterait de fouiller pour trouver l’information peut décourager le visiteur et le faire quitter votre site ! Et ça n’est pas du tout souhaitable n’est-ce pas !

3 clics pour une bonne ergonomie

Actions à mener :

Ne multipliez pas les pages et les onglets des menus. Effectuez le test vous même : faut-il plus de 3 voir 4 clics pour naviguer sur l’ensemble de vos pages ? Si tel est le cas vous devriez peut être repenser votre architecture.

Règle n°5 : Toute page doit être unique et posséder un titre différent !

Pourquoi ? Deux pages différentes avec un titre commun manque de visibilité et risque de perturber Google… et surtout le visiteur.

Actions à mener :

Tapez la commande suivante dans Google : « site :www.petitnicolas.com » (vous pouvez mettre ici votre site à la place de celui du petit Nicolas bien entendu :) qui vous renverra toutes les pages de votre site indexé dans Google. Si 2 pages comportent le même titre votre site peut être optimisé. Le titre de votre page doit synthétiser son contenu en 10 mots maximum, de préférence des mots clés en lien avec votre activité.

Règle n°6 : Posséder son propre nom de domaine

Evitez les hébergements gratuits qui imposent de faire apparaître leur nom dans l’adresse (par exemple les sites gratuits créés sur WordPress.com se composent toujours ainsi : masociete.wordpress.com …) ce qui n’est pas très professionnel alors que pour quelques dizaines d’euros vous pouvez avoir votre propre nom de domaine : ma-societe.com.

Actions à mener :

Posez simplement la question à votre prestataire actuel et demandez si l’hébergement (dépôt de votre site sur un serveur) est bien inclus dans le prix négocié.

Règle n°7 : Votre site est beau, ergonomique et validé par W3C… mais est-il visité ?

Un outil de mesure d’audience est très utile car il permet de tirer de nombreuses informations concernant le trafic sur votre site. Quels sont les mots clés que tapent vos visiteurs ? Quels pages visitent ils ? Comment faut il axer la stratégie marketing ?

Actions à mener :

Demandez à votre prestataire sous quelle forme il peut vous fournir ces informations de statistique, utilise-t-il Google Analytics ? Xiti ? Réalise-t-il une analyse de ces données ?

Ci-dessus un extrait de Google Analytics qui permet de suivre en temps réel vos visites, savoir d’où vient le visiteur, quelle page il a visité, combien de temps… L’analyse de ces données peut donner des informations capitales dans le cadre d’un positionnement marketing.

Règle n°8 : Prenez une bonne résolution !

Faites en sorte que votre site soit affiché correctement sur une résolution de 1024×768 pixels. La majorité des écrans sont paramétrés ainsi aujourd’hui ; un site fonctionnant en 1024×768 fonctionnera parfaitement sur une résolution supérieure. Dans la mesure du possible réduisez au maximum les barres de défilement (particulièrement horizontales).

Répartition des résolutions des ordinateurs

Actions à mener :

Optimiser le design pour qu’il respecte les dimensions et éviter les contenus textes ou images s’étalant sur la même page. Le graphique ci-dessous présente la répartition des résolutions sur le Web. La résolution la plus présente est 1024×768, la plupart des autres étant supérieures, il faut que votre site rentre en largeur sur une résolution de 1024×768 pour éviter toute barre de défilement horizontale.

Règle n°9 : Vérifiez votre présence sur les moteurs de recherche

Voici quelques commandes qui vous permettront de répondre aux questions suivantes :

« Mon site est-il bien indexé par Google ? » « Y a-t-il des sites qui pointent vers le mien ? »

Actions à mener :

Tapez la commande : site:www.akiva.fr par exemple et vous verrez toutes les pages de ce site que Google connaît. Pour les plus feignants cliquez ici. Une autre commande intéressante vise à savoir si d’autres sites ont des liens vers le votre. Par exemple pour connaître les sites pointant vers le site de la ville de Tulle il faut taper : link:ville-tulle.fr et vous verrez ce que Google en sort. Allez pour les plus feignants cliquez ici pour voir. Comment plaire à Google ? Un poster qui doit orner votre mur :) A récupérer ici : http://www.60questions.net/fichesdepros/index.htm.

Règle n°10 : Essayez de se rappeler des règles précédentes avant de lancer son projet web.

Actions à mener :

Relire le document ou alors le télécharger et l’imprimer :-)

Le mot de la fin …

Nous espérons que ces pages vous auront apporté quelques éléments de réponse, bien entendu ce contenu est loin d’être exhaustif mais vous donne quelques armes pour interagir au mieux avec votre prestataire dans le cadre de la réalisation de votre projet Web. Par ailleurs signalons que ces commandements s’appliquent à Google (N°1 très largement devant ses concurrents) mais aussi à tous les autres moteurs de recherche (Yahoo!, Bing, Exalead, etc.)

Bien entendu nous restons à votre disposition pour tout questionnement, n’hésitez pas à nous faire parvenir vos interrogations, notamment par notre formulaire ou directement : contact@akiva.fr nous nous ferons un plaisir d’y répondre rapidement :-)

Merci de votre intérêt et à très bientôt sur www.akiva.fr !

Auteurs : Jamal SEFSAF, Ingénieur Informatique

Hugo NANEIX, Ingénieur Informatique

« Les 10 commandements

d’un bon site Web »

::CarteVisite & Logo:logo VF.png

Chaque mois, près de 20 000 entreprises créent leur site Internet.

Le marché des sites Internet est complexe : face à la demande grandissante dans le domaine, nombreux sont les prestataires peu scrupuleux qui vous promettent monts et merveilles…

Comment s’assurer des compétences de votre prestataire ?

Quelles questions lui poser ? Quels sont les pièges à éviter ?

Le but de ce document est de vous donner quelques armes

pour savoir ce qu’est un bon site Web… Bonne lecture !


Il est important de respecter les règles du W3C (World Wide Web Consortium), ces standards visent à améliorer la compatibilité des technologies du Web. Certains créateurs de sites sont loin d’être experts techniques et font abstraction de ces règles. Mais pourquoi en tenir compte me direz vous ?

ü Une portabilité certifiée de votre site. Ne cédez pas à la panique devant ce mot barbare d’informaticien, pour résumer un code plus portable c’est l’assurance qu’il soit interprété correctement par tous les navigateurs ;

ü Une accessibilité universelle aux contenus (meilleure visibilité pour les moteurs de recherche, accessibilité pour les personnes possédant un handicap…) ;

ü Une réduction de la taille et du temps de chargement de votre site.

Actions à mener :

Vous n’avez pas tout saisi ? Rien d’affolant, pour vérifier la validité de votre site, rendez-vous sur le site http://validator.w3.org/ et rentrez l’adresse de votre site, faites le test avec le notre ou celui d’un autre prestataire, les résultats sont parfois surprenants ! :-)

:graphe.png

Ci-dessus la répartition des navigateurs internet. Un code validé par le W3C garantit une meilleure interprétation de votre site par ces navigateurs.

Source : http://www.strategiesdunet.com/blog/41-infos-du-net/65-repartition-des-navigateurs-en-europe-en-janvier-2009


:epices.pngPréférez une charte graphique sobre et lisible à des animations et des couleurs allant dans tous les sens. La cohérence graphique et l’image de votre société en dépendent.

Un site 100% en Flash avec de nombreuses animations peut se révéler peu efficace en termes d’ergonomie mais peut aussi grandement entraver votre référencement. En effet Google a pour l’instant beaucoup de mal à interpréter le contenu d’une animation Flash.

Il est préférable d’utiliser avec parcimonie ce type d’effet pour qu’ils puissent avoir l’impact voulu, c’est le phénomène dit « des épices » pour ceux qui adorent cuisiner.

Actions à mener :

Economisez les couleurs et les animations Flash. Confiez cette tâche à un graphiste ou un Webdesigner spécialisé dans ce domaine si vous n’avez pas la fibre de l’harmonie graphique. Enfin n’oubliez pas d’adapter vos couleurs à votre logo et à votre image.

L’atmosphère du site doit refléter le message que votre entreprise souhaite communiquer.

:mute.pngAh oui j’oubliais ne cédez pas à la tentation de mettre du son au lancement de vos pages car la majorité des visiteurs sont désagréablement surpris et ont pour réflexe de chercher un moyen de le stopper.

:ecrire.png

Faites un contenu pertinent, structuré et allant à l’essentiel. Les lecteurs, mais aussi Google, aiment bien lorsqu’une page ne parle que d’une seule thématique, évitez les longues pages parlant de voyages et de bricolage, préférez réaliser une page sur les voyages et une sur le bricolage.

Actions à mener :

Essayez de mettre en avant les mots clefs qui définissent votre activité (on parle alors de densité de mot clé), surveillez bien le champ lexical utilisé et restez focalisé sur une thématique précise. Ainsi vous gagnerez en lisibilité et en visibilité sur le net.

Formez-vous sur les techniques de rédaction pour le Web. Nous vous conseillons une très bonne présentation ici : http://www.slideshare.net/lucos/ecrire-pour-le-web-en-2010.


:3CLIC.png

Un visiteur ne doit pas réaliser plus de trois clics depuis la page d’accueil pour accéder à l’ensemble de votre contenu.

En effet une arborescence complexe qui nécessiterait de fouiller pour trouver l’information peut décourager le visiteur et le faire quitter votre site ! Et ça n’est pas du tout souhaitable n’est-ce pas !

Actions à mener :

Ne multipliez pas les pages et les onglets des menus. Effectuez le test vous même : faut-il plus de 3 voir 4 clics pour naviguer sur l’ensemble de vos pages ? Si tel est le cas vous devriez peut être repenser votre architecture.

Pourquoi ? Deux pages différentes avec un titre commun manque de visibilité et risque de perturber Google… et surtout le visiteur :

Par exemple ici, le titre (en bleu) est le même pour chacune des page : difficile d’un coup d’œil de savoir de quoi elle parle, il faut aller chercher la description pour bien cerner la page, quelle perte de temps ! De plus un titre unique pour chaque page améliore grandement le référencement (normal : vous comprenez mieux, Google comprend mieux, vous êtes donc récompensé par un meilleur positionnement !).

Actions à mener :

Tapez la commande suivante dans Google : « site :www.petitnicolas.com » (vous pouvez mettre ici votre site à la place de celui du petit Nicolas bien entendu :) qui vous renverra toutes les pages de votre site indexé dans Google. Si 2 pages comportent le même titre votre site peut être optimisé. Le titre de votre page doit synthétiser son contenu en 10 mots maximum, de préférence des mots clés en lien avec votre activité.


Evitez les hébergements gratuits qui imposent de faire apparaître leur nom dans l’adresse (par exemple les sites gratuits créés sur WordPress.com se composent toujours ainsi : masociete.wordpress.com …) ce qui n’est pas très professionnel alors que pour quelques dizaines d’euros vous pouvez avoir votre propre nom de domaine : ma-societe.com.

Actions à mener :

Posez simplement la question à votre prestataire actuel et demandez si l’hébergement (dépôt de votre site sur un serveur) est bien inclus dans le prix négocié.

Un outil de mesure d’audience est très utile car il permet de tirer de nombreuses informations concernant le trafic sur votre site. Quels sont les mots clés que tapent vos visiteurs ? Quels pages visitent ils ? Comment faut il axer la stratégie marketing ?

Actions à mener :

Demandez à votre prestataire sous quelle forme il peut vous fournir ces informations de statistique, utilise-t-il Google Analytics ? Xiti ? Réalise-t-il une analyse de ces données ?

Ci-dessus un extrait de Google Analytics qui permet de suivre en temps réel vos visites, savoir d’où vient le visiteur, quelle page il a visité, combien de temps… L’analyse de ces données peut donner des informations capitales dans le cadre d’un positionnement marketing.


Faites en sorte que votre site soit affiché correctement sur une résolution de 1024×768 pixels. La majorité des écrans sont paramétrés ainsi aujourd’hui ; un site fonctionnant en 1024×768 fonctionnera parfaitement sur une résolution supérieure. Dans la mesure du possible réduisez au maximum les barres de défilement (particulièrement horizontales).

Actions à mener :

Optimiser le design pour qu’il respecte les dimensions et éviter les contenus textes ou images s’étalant sur la même page. Le graphique ci-dessous présente la répartition des résolutions sur le Web. La résolution la plus présente est 1024×768, la plupart des autres étant supérieures, il faut que votre site rentre en largeur sur une résolution de 1024×768 pour éviter toute barre de défilement horizontale.

:grapheresolution.png

Source : http://www.strategiesdunet.com/blog/41-infos-du-net/68-statistiques-de-resolution-decran-des-internautes-en-mars-2009


Voici quelques commandes qui vous permettront de répondre aux questions suivantes :

« Mon site est-il bien indexé par Google ? »

« Y a-t-il des sites qui pointent vers le mien ? »

Actions à mener :

Tapez la commande : site:www.ylang-esthetique.com par exemple et vous verrez toutes les pages de ce site que Google connaît :

Une autre commande intéressante vise à savoir si d’autres sites ont des liens vers le votre. Par exemple pour connaître les sites pointant vers le site de la ville de Tulle il faut taper : link:ville-tulle.fr et voici ce que renvoi Google :

Comment plaire à Google ? Un poster qui doit orner votre mur J

A récupérer ici : http://www.60questions.net/fichesdepros/index.htm.

Actions à mener :

Relire le document ou alors l’imprimer :-)

Le mot de la fin …

Nous espérons que ces pages vous auront apporté quelques éléments de réponse, bien entendu ce contenu est loin d’être exhaustif mais vous donne quelques armes pour interagir au mieux avec votre prestataire dans le cadre de la réalisation de votre projet Web.

Par ailleurs signalons que ces commandements s’appliquent à Google (N°1 très largement devant ses concurrents) mais aussi à tous les autres moteurs de recherche (Yahoo!, Bing, Exalead, etc.)

Bien entendu nous restons à votre disposition pour tout questionnement, n’hésitez pas à nous faire parvenir vos interrogations, notamment par notre formulaire ou directement : contact@akiva.fr nous nous ferons un plaisir d’y répondre rapidement :-)

Merci de votre intérêt et à très bientôt sur www.akiva.fr !

Jamal SEFSAF Hugo NANEIX

Ingénieur Informatique Ingénieur Informatique

Adam ATTALI

Ingénieur Informatique

Post a Comment