Google et son bouton +1

Encore un gadget de plus me direz-vous ! Et bien pas tout à fait car à y regarder de plus près c’est bien plus fort que cela.

Tout d’abord c’est quoi ce bouton ? En résumé on peut comparer cela au bouton « J’aime » de Facebook sauf que c’est pour Google. Il permet de marquer un article intéressant et cela sera visible par tous les internautes.

Un gadget social de plus ?

Première remarque : Il est vrai que Facebook et Tweeter font de même, sauf que leurs communautés sont tout de même « réduites ». Même si Facebook a dépassé les 600 millions d’utilisateurs, il n’empêche que cela ne représente qu’une partie des internautes. Par contre qui n’utilise pas Google aujourd’hui ?

Seconde remarque : Je crois Google bien plus malin que juste faire un gadget à la mode. En fait Google n’a toujours eu qu’un grand but : fournir les résultats les plus pertinents. La recette jalousement gardée de son algorithme en est l’ingrédient principal. Alors comment allez encore plus loin ?

À l’heure de l’explosion des média sociaux, il y a une nouvelle donne. L’analyse du texte, des liens, des mots clés, etc. ne suffisent plus. Il faut tenir compte de ce que disent et pensent les internautes. Utilisé depuis longtemps par Ebay, Amazon et bien d’autres, l’affichage de l’avis des utilisateurs est la concrétisation Internet du bouche-à-oreille.

CQFD (Ce qu’il fallait deviner)

Google vient de trouver un moyen supplémentaire pour affiner ses résultats. Même si dans l’annonce officielle, Google affirme ne pas tenir compte des résultats du bouton +1, je parierai gros que cela va le devenir dans un avenir plus ou moins proche.

Alors une seule conclusion : Offrez cette possibilité à vos visiteurs, il y a de grande chance que cela augmente votre trafic et par conséquence, votre positionnement ;o)

Installation du bouton Google +1

Pour intégrer ce bouton à votre site il suffit d’aller sur le site de Google (Votre site +1) et de suivre les instructions très simples. Le système va générer un bout de code javascript à intégrer sur vos pages.

Pour les blogs (WordPress et autres) et les plus doués d’entre vous, il est possible de modifier votre template en intégrant le même bout de code. Pour les autres il y a  déjà plusieurs plugins. Pour ma part j’ai choisi « WordPress Google +1 Button« .

Pour les développeurs, une solution utilisant les API est déjà disponible. Pour plus d’information je vous suggère l’article détaillé de la Ferme du Web.

Allez… à vos claviers !
Dominique Leweb
.

Rédiger pour vendre

Je « connais » Nicolas Boussion depuis longtemps.

Quand je dis que je le connais c’est de manière virtuelle bien sûr. J’entends par là que je lui achète quasiment tous ses ebooks depuis… des années.

Au début c’est le prix qui a été le déclencheur. A 7 euros je ne prenais pas grand risque mais ce n’est pas le prix qui m’a fait devenir un adepte.

Ses eBooks ont plusieurs qualités :

• Très instructif
• Clair et concis (et ce n’est pas si courant)
• Très bien présenté

Cependant on ne le répètera jamais assez :

RIEN NE SERT D’AVOIR UN BON PRODUIT SI VOUS LE VENDEZ MAL !

Je sais que Nicolas fait partie des jeunes Web-Marketeurs talentueux mais je ne savais pas  à quel point (jusqu’à aujourd’hui) !

Classiquement on dit que le taux de conversion moyen est de 1%. Ce qui veut dire : pour 100 visiteurs sur votre page, un va acheter. Bien sûr ce taux varie selon la qualité des visiteurs (on parle de ciblage) et aussi de la qualité de votre page de vente (ça c’est du Copywriting).

Alors quand Nicolas atteint 13.74% c’est plus de 13 fois la normal. Sur sa page de vente il parle de doubler son taux de conversion mais je peux vous dire que les gens qui font du 6.5% sont déjà chanceux ou plutôt bien averti.

Je peux vous dire que j’ai dépensé plusieurs milliers d’euros en formation, livres et ebooks ces dernière années pour apprendre le copywriting, alors avoir un guide pratique clair, concis, bien présenté ET qui a fait ses preuves pour quelques euros, n’hésitez pas !

Allez découvrir cet ebook INDISPENSABLE si vous souhaitez faire de l’argent sur Internet : Rédiger pour Vendre

Bon Site et bon Business
Dominique Leweb

Copyright Image et Photos

Non il n’est pas possible de se protéger contre le vol. Oui on peut quand même éviter que cela arrive ;o)

Tout d’abord il est faux de penser que tous les internautes sont des voleurs. En fait la majorité est ignorante des règles d’usages qui finalement sont les mêmes que dans la Vie. Internet est un ensemble de vitrines et on ne se sert pas sans demander aux propriétaires !

Alors pourquoi est-ce si courant ? Et bien parce que tout le monde le fait et surtout parce qu’il n’est pas marqué expressément que vous n’autorisez pas la copie.

En clair : si vous autorisez la copie de vos textes et images, dites-le MAIS SURTOUT, si vous ne voulez pas qu’on copie vos textes et/ou images/photos DITES-LE CLAIREMENT.

Faites un encart, une courte page facilement accessible et visible sur toutes vos pages pour signifier votre politique.

Pour les images/photos, si vous ne souhaitez pas qu’on vous les « vole » il faut les « taguer » c’est à dire inclure un texte de copyright sur l’image. Bien entendu ne mettez un copyright que si l’image vous appartient (je dis ça au cas où )

Comment « taguer » ses images/photos ?

Si vous avez un logiciel fourni avec votre appareil photo numérique il y a des chances que celui-ci vous permette de mettre du texte sur vos images. Ceux qui n’ont rien peuvent utiliser Gimp (Gratuit). Ceux qui savent jouer avec Photoshop n’auront aucun problème.

Cependant pour ceux qui ne comprennent rien à ce genre de logiciel ou qui veulent une solution rapide il y a CopyrightLeft (Gratuit et en français). Il est très simple d’utilisation, rapide et peut même faire le traitement par lot. Attention quand même dans ce cas aux dimensions des images. Idéalement elles devraient être toutes de la même dimension.

Astuce

Taguer toutes les images de votre site. Celles qui vous appartiennent doivent avoir un Copyright + l’adresse de votre site web, celles que vous avez achetées (vivement recommandé) ne doivent comporter que l’adresse de votre site.

Jouez sur la transparence, l’orientation et la taille du texte afin que cela ne dénature pas trop l’image. Exemple : SpaLeRefuge.com

Ainsi, même si on vous « vole » vos images cela vous fait de la publicité

Dernier truc : pour faire le sigle copyright (©) appuyez sur la touche (Alt) et faites en même temps 0169. Alt+0169 est le code Ascii pour ©.

Bon Site
Dominique Leweb

PS: La semaine prochaine je vous dirai comment empêcher le clic droit ;o)

Formation Vidéo David Jay (vidéo No 3)

Aujourd’hui, David Jay, un expert du marketing vidéo, révèle le résultat d’un test surprenant mené par un cinéaste russe…

Ce test a une influence directe sur la façon de vendre vos produits en vidéo !

Vous y découvrirez comment associer vos produits à des images positives dans l’esprit de vos prospects, en utilisant une technique méconnue, subtile, mais incroyablement puissante. 

Il s’agit d’un test passionnant mené par un cinéaste russe, et cela a une influence directe sur la façon dont on vend aujourd’hui des produits et services sur le Net.

Si vous vous demandez comment augmenter vos ventes, David partage aussi des conseils concrets sur la base de ce test incroyable.

Vous allez notamment apprendre :

• Un scoop sur un des leaders du Web, une entreprise mondiale qui exploite depuis peu la Révolution Vidéo,
• vous verrez l’exemple d’une petite PME de province qui utilise la vidéo pour devenir le centre d’attention de sa ville de 12 000 habitants,
• mais surtout, vous verrez pourquoi la vidéo est le meilleur outil pour construire les deux piliers de votre marketing : le Trafic et la Conversion du trafic en ventes.
• vous verrez comment associer votre produit ou service à des images positives dans l’esprit du visiteur,
• et vous découvrirez l’importance de votre regard pour convaincre dans vos vidéos
• Enfin, la vidéo dévoile un secret de pro pour oublier le trac, et réaliser des vidéos plus fluides et plus naturelles.

Tout ceci dans une vidéo de formation gratuite… ca vaut le coup d’en profiter dès maintenant.

Cliquez ici pour voir ce test surprenant en vidéo !

A très vite,
Dominique Leweb

PS: ATTENTION: David lance son produits Mercredi, ce qui veut dire que les vidéos seront retirés Mercredi. Ne ratez pas cette chance de découvrir l’outil le plus puissant pour développer votre clientèle : Cliquez ici pour voir ce test surprenant en vidéo !

Formation Vidéo David Jay

Voulez-vous découvrir des Trucs de Pro Gratuitement ?

Depuis plusieurs jours une vidéo fait le tour du Web (hier, elle était dans le top des vidéos les plus regardées de la catégorie Sciences et Techno de Youtube).

Cliquez ici pour recevoir gratuitement les conseils marketing d’un pro

Facebook pour les Professionnels

Les grandes entreprises semblent les plus visibles sur Facebook, mais les choses changent. De plus en plus de petites entreprises se tournent vers Facebook pour commercialiser leurs produits. Peut-être souhaitez-vous à votre tour promouvoir votre entreprise via Facebook.

Voici quelques conseils importants :

1. Séparez le professionnel du personnel

Gardez vos renseignements personnels sur votre profil personnel, et encore ! Vos clients n’ont pas besoin de savoir quand vous avez lavez votre voiture la dernière fois. Par contre vos goûts musicaux, votre engagement social dans la communauté peuvent vous permettre de créer une relation plus « humaine ». Mais ne confondez pas « Personnel et « Intime » !

Établissez une page distincte pour votre entreprise. Vous pouvez même engager un professionnel de l’Internet pour faire ce travail. La création et la gestion d’une page Facebook demande une peu d’investissement temps mais il en vaut la peine.

Cependant les deux sont liés. Utilisez votre réseau personnel : lorsque vous configurez votre page Web, vous pouvez inviter vos « amis » à devenir »Fans » de votre page.

2. Nom de votre page

C’est une étape importante pour deux raisons :

1. Il doit être comme un nom de domaine (idéalement le même que le vôtre) contenant des mots-clés et facile à se rappeler.
2. Vous ne pourrez pas le changer plus tard. Sinon, vous devrez supprimer cette page et en construire une nouvelle, ce qui peut nuire à votre clientèle.

3. Page d’accueil (de votre page Facebook)

Elle doit présenter une image convaincante et une bonne information dès le départ afin que les visiteurs soient incités à cliquer sur les boutons « J’aime » ou « Partager ».

Il est possible d’offrir du contenu accessible uniquement aux « Fans » (ceux qui ont cliquez sur « J’aime »), de personnaliser votre page avec des images, logo et même vidéos. Vous pouvez également intégrer des articles, des liens vers Twitter, vos blogs, vos sites, vos événements, etc.

Ces fonctions peuvent être complexes à installer à un débutant mais làencore il existe des spécialistes de l’Internet qui peuvent réaliser cela à un prix raisonnable

Enfin, la messagerie vous permet de communiquer avec vos visiteurs. Ne négligez pas d’y répondre, ce sont vos clients potentiels !

Ces outils peuvent vraiment vous aider à promouvoir votre entreprise. Ils permettent aux visiteurs et aux fans d’interagir et de communiquer avec vous et votre entreprise.

4. Valeur de la communication personnelle

Une des choses les plus attrayantes est l’interaction personnelle que Facebook encourage. Les entreprises ont de plus en plus recours à des services à la clientèle automatisés. Face à un Monde de plus en plus virtuel, les clients apprécient  de découvrir une « vraie personne» de l’autre côté de l’écran !

Facebook offre à votre entreprise un avantage indéniable. Communiquez avec vos fans et adeptes régulièrement, et sous une forme personnelle aussi souvent que possible. Vos heureux fans passeront le message et votre liste va grandir rapidement.

Si votre activité se développe au point que vous ne pouvez pas gérer tous vos contacts, vous pouvez envisager l’externalisation de cette tâche à une personne de confiance dans l’entreprise ou à une Agence Internet spécialisée.

A vos réseaux ;o)
Dominique Leweb

Dropbox

Craignez-vous de perdre vos données ? Avez-vous plusieurs ordinateurs ?
Vous déplacez-vous souvent ?
Envoyez-vous  de gros fichiers par emails ?
Partagez-vous des dossiers avec des collaborateurs ?
En avez-vous marre de vous promener avec votre portable ?
Voulez-vous accéder à vos données avec un téléphone intelligent ?

Si vous avez répondu oui à au moins une de ces questions, voilà un outil qui va vous être sacrément utile ;o)

Je viens de découvrir (grâce à mon ami Serge) un service qui s’appelle Dropbox. Il s’agit d’un espace de stockage en réseau (via Internet) mais TOTALEMENT intégré à votre ordinateur (Windows, Mac, Android ou autres). Fini le Ftp, les fichiers trop lourds pour les emails, les mots de passe, etc.

Ce qui m’a sidéré… c’est la facilité et l’ergonomie ! Installé en quelques secondes et accessible directement depuis votre explorateur (pour Windows). Vous glissez un dossier ou un fichier et immédiatement il est en ligne sur votre espace Internet. C’est magique ;o)

Les fichiers ou dossiers sont partageables immédiatement avec n’importe qui dans le dossier « Public ». Il suffit d’envoyer le lien par email ou tchat. Fini les emails qui bloquent votre boite à cause des fichiers trop gros.

Il est aussi possible de partager des fichiers ou dossiers avec certaines personnes uniquement (identifiés par leur email et un mot de passe).

Cela vous permet (entre autres) de stocker des fichiers pour une sauvegarde, de remplacer les clés USB (que l’on perd facilement), d’avoir un espace de stockage pour échanger des fichiers avec vos clients, collaborateurs ou votre famille, etc.

D’autres fonctions permettent de partager des photos avec accès à une galerie en ligne.

Pour les connaisseurs, ce service s’apparente à ce qu’on appelle le « Cloud » mais la très grande facilité d’utilisation de Dropbox n’a rien à voir avec la complexité de ce système.

Le service est en français et gratuit avec un espace de 2 Go, il faudra payer un frais mensuel pour un stockage supplémentaire. Si vous utilisez mon lien Dropbox vous gagnerez un 250 Mo supplémentaire (+250Mo par personne que vous parrainerez).

Pour être complet il existe un concurrent intéressant (Amazon Cloud Drive) qui offre un espace de stockage à meilleur prix MAIS il est en anglais et surtout il n’utilise pas du tout la même ergonomie. Il faut se connecter à Internet, mot de passe etc. Plus réservé à des professionnels.

Conclusion : inscrivez-vous sur Dropbox. c’est gratuit, et laissez-nous un message pour nous dire ce que vous en pensez !

Bien Amicalement,
Dominique Leweb

PS: Les fichiers stockés sur Dropbox sont cryptés avec la norme AES-256 utilisée par les banques.

Template WordPress Twenty Ten

Twenty Ten en français

Le nouveau Template (Modèle) de base du WordPress 3.0 est splendide. Il est surtout aisément modifiable pour faire de votre Blog WordPress quelque chose de personnel.

Il y a juste un petit bug pour la mise à jour de la 1.0 vers la 1.1. Cela n’est peut-être pas arrivé à tout le monde mais moi ça a été le cas. En faisant la mise à jour j’ai perdu la traduction. Soit les anciens fichiers ont été écrasé par la version anglaise, soit ils ne sont pas compatibles, soit… ???

Bref si vous avez ce problème, voici les fichiers de traduction de la 1.1 (à mettre dans le répertoires «languages» de «twentyten».

Vous pouvez les télécharger ici. Vous aurez besoin de décompresser (utiliser 7 Zip disponible sur la Page de Téléchargement).

Bon Blog
Dominique leweb

Choix Navigateurs

Quel Navigateur Internet utiliser ?

En avez-vous marre de votre Ordinateur trop lent à charger des Pages Web ?

Vous avez la haute vitesse, un ordinateur qui a à peine 3 ans et il vous faut un temps infini pour afficher un Site Internet

Et bien arrêtez de râler contre votre ordinateur. Il n’est peut-être pas en cause !

Cette semaine je viens de prendre une colère noire contre mon « laptop » (portable). Il n’est pas si vieux que cela, je dispose de 2 Go de mémoire (pour les néophytes ça veut dire que c’est assez confortable) et après quelques onglets d’ouvert, ma navigation Internet  et mon ordinateur deviennent TRÈS lents !!!

Importance des Navigateurs pour le Webmaster ?

Premier Point. Le webmestre a l’obligation de vérifier plusieurs fois pendant son travail de création, la compatibilité avec les différents navigateurs. Idéalement il faut aussi  vérifier avec les différentes versions des navigateurs. En fait cela dépend de la complexité du site  et des technologies que vous y avez intégrées. Pour ma part j’ai simplifié le problème car je veux que mes Sites Internet (et ceux de mes clients bien sûr) soient les plus simples et les plus légers possible afin d’atteindre 99% des internautes. Donc je ne m’ennuie pas trop avec ce problème de version.

Second Point. Le Navigateur Web est quasiment l’outil de base du Webmaster. Il est tout à fait normal et usuel d’avoir plusieurs fenêtres (onglets) ouverts. De plus, contrairement à la plupart des travaux sur ordinateur, construire un Site Web demande l’utilisation de plusieurs logiciels en même temps. Dans ces conditions la mémoire et le processeur (cpu) de l’ordinateur sont très sollicités.

Les différents Navigateurs Internet

Le plus répandu est Internet Explorer (Windows). Mais ce dernier perd beaucoup de terrain à cause d’inconvénients majeurs (lourdeur, compatibilité et… « espionnage »). Le challenger le plus important est Firefox, il avait mes faveurs jusqu’à présent. Mais il y a aussi Safari, Opéra, SeaMonkey et d’autres  encore totalement inconnus du grand public.

Pourquoi j’ai changé…

Ces derniers temps ma navigation était tellement ralentie que j’ai pensé à une défaillance d’une barrette mémoire. Avant de me précipiter chez le marchand de pièces détachées j’ai procédé au test habituel de Windows : Ctrl+Alt+Supp. Et là je trouve la cause de mon problème : Firefox.

Personnellement Firefox était mon choix principal depuis ces 10 dernières années. Je savais que Firefox était gourmand en ressources (toujours moins qu’Internet Explorer) mais là c’était surréaliste ! 500 à 600 Mo de mémoire utilisée, parfois plus, et pire encore jusqu’à 50% du processeur.

Pour les connaisseurs, j’ai une machine qui a 3 ans, Core2 Duo, 1.66Ghz, 2Go de Ram sous XP SP3). Je précise également que j’ai utilisé toutes les astuces possibles de réglages et d’optimisation de Firefox. Donc impossible d’aller plus loin de ce côté là. Ma décision est prise… je change de navigateur. Place aux tests.

Ctrl+Alt+Delete

Pour ceux qui voudraient faire la même vérification et ne savent pas comment :

Vous appuyez en même temps sur les 3 touches Control, Alt et Suppression (cette manipulation est surtout utilisée pour arrêter un programme qui a « planté » sous Windows). Dans la fenêtre de dialogue qui s’est ouverte, le Gestionnaire de Tâches, cliquez sur l’onglet « Processus ». Vous allez alors voir la liste de tous les programmes qui tournent sur votre ordinateur. Cliquez sur « Util. Mémoire » afin de trier la liste par ordre croissant ou décroissant.

Ceux qui n’ont jamais fait cette manipulation risquent d’être surpris de la longueur de la liste. Et oui ! Combien de programmes tournent sans qu’on le sache !

Tests Navigateurs

Ceux que j’ai éliminés d’office :

• Internet  Explorer qui n’aura jamais mes faveurs (trop lourd, trop lent, trop intrusif, trop Microsoft).
• Google Chrome, nouveau challenger, ne m’a pas plu lors des premiers tests. Je le trouve peu ergonomique et il est également un peu trop « espion ».
• Tout ceux qui sont trop marginaux et représentent moins de 1% des utilisateurs.

J’ai concentré mon test sur les 3 Navigateurs les plus « sérieux » : Firefox 3.6.8, Opéra 10.61 et Safari 5.0.1.

J’ai ouvert progressivement 5 onglets dans chaque navigateur : Netecolo, ce Blog DominiqueLeweb.com, Yahoo Actualités, Facebook, Google Maps.

• Firefox est passé de 130 Mo à 450 Mo – Processeur 0 à 40% (généralement 20%)
• Safari est passé de 58 Mo à 205 Mo – Processeur 2 à 30% (généralement 10%)
• Opéra est passé de 58 Mo à 210 Mo – Processeur 2 à 30% (généralement 2-5%)

A Noter :

• La consommation mémoire/processeur tend à augmenter avec le temps sous Firefox. Il m’arrivait régulièrement d’avoir près de 800 Mo et 50% du processeur juste pour lui !!! Impossible d’utiliser Dreamweaver et Photoshop en même temps…
• Firefox utilise à présent un autre processus qui s’appelle plugin-container.exe. Il faut donc ajouter cette consommation à celle de Firefox.
• La gestion des favoris de Safari est détestable. C’est sont seul gros défaut.
• Opéra ne dispose pas des plugins développeurs. Un inconvénient pour les Webmasters. Par contre la gestion des favoris est similaire à celle de Firefox (la meilleure).
• Opéra et Safari sont vraiment rapides à l’affichage.
• L’importation des Marques-Pages (favoris) Firefox vers Opéra et Safari s’est passé très facilement.

Ceux qui souhaitent voir un test complet incluant tous les principaux navigateurs, rendez-vous sur Clubic. Pour les utilisateurs de Mac je n’ai pas fait le test. Si un « Macophile » passe par là, on apprécierait un commentaire sur son expérience.

Conclusion

Le combat des Navigateurs Internet va faire rage encore longtemps. Tant mieux. Il faut donc se tenir à jour et regarder régulièrement si son choix est pertinent. Mais cela fait partie de la Vie sur Internet. Tout y bouge sans arrêt et.. vite !

Je ne m’avancerai pas sur le terrain mouvant du « meilleur choix ». Cela dépend beaucoup de vos habitudes et de votre utilisation.

Pour ce qui est de mon métier de Webmaster, je pense avoir fait le meilleur choix aujourd’hui. C’est le suivant :

1. Opéra pour la navigation courante. Je l’ai choisi par défaut car c’est le moins gourmand en ressources. Il me permet à nouveau de travailler avec les logiciels habituels Adobe, FTP, gestion de mails, visionneuse photos et vidéos.
2. Safari en second. Grâce à son intégration de plugins je peux fureter et avoir les informations de bases sur les Sites que je visite.
3. Je conserve Firefox en troisième car c’est le seul à posséder toute la panoplie d’outils développeurs dont j’ai besoin pour les Analyses de Site Web (Référencement, Positionnement, Trafic).

Même en utilisant les 3 en même temps, je consomme 2 à 3 fois moins de ressources qu’avec Firefox seul. C’est déjà pas mal

Installations

Les navigateurs co-habitent très bien. Pas de soucis de ce côté-là. Installez les 4, 5 principaux : Internet explorer, Firefox, Opera, Safari 5 et Chrome et choisissez-en un par défaut.

Remarque : Pour les favoris/signets/bookmarks il faut choisir le navigateur par défaut sinon vous aurez du mal à vous y retrouver ! Sinon utilisez un système de synchronisation comme Xmarks.

Pour l’installation de plusieurs versions du même navigateur je vous renvoie sur l’excellent article d’AlsaCréations.

Bon Site…
Dominique Leweb

LIENS :
Installer différents navigateurs pour tester vos pages [Alsa Création]
Comparatif navigateurs [Clubic]

Générateurs de Couleurs

Faire le Bon Choix de Couleurs pour
Votre Site Internet

Le hasard du surf (sur le Web) et de mes recherches pour le travail m’amène une fois encore cette semaine sur le sujet du graphisme.

C’est un aspect trop souvent négligé par les Créateurs de Site. Je le répète souvent, le graphisme n’est pas la chose la plus importante de Votre Site Web (c’est la troisième en fait) mais de là à le négliger totalement… sûrement pas !

La Charte graphique

Avant de commencer quoi que ce soit dans la construction de Votre Site Web il faut déterminer la Charte graphique.

Deux cas possibles :

• Vous ou votre client avez déjà un logo et/ou une couleur principale. A moins qu’il soit décidé d’en changer, créez votre charte graphique à partir de ces éléments.
• Vous partez de zéro. Dans ce cas il faut investir un peu de temps dans la codification des couleurs avant de faire votre choix.

Symbolique des Couleurs

La couleur est le premier des Symboles. La Signification des Couleurs varie selon les cultures mais pour autant chaque couleur est porteuse d’une symbolique qu’il ne faut pas ignorer.

D’un point de vue artistique, même s’il y a toujours une notion subjective, il y a des règles à respecter dans l’association des couleurs de votre Charte graphique. Certaines couleurs ne se marient pas. Si vous n’avez aucune connaissance sur le sujet ou si vos cours de dessin sont trop loin, utilisez un Générateur de Couleurs (pour moi le meilleur est Color Scheme Designer) ou… payez-vous un graphiste (j’en connais un bon).

Vous devez toujours avoir une couleur dominante que l’on va retrouver dans le logo et les documents de l’entreprise, puis une ou deux couleurs supplémentaires. On n’utilise généralement pas plus de 3 couleurs mais il peut avoir des variantes (plusieurs tons de bleu par exemple).

Couleur du fond

Là encore les modes évoluent sur Internet. Nous avons passé l’époque des fonds avec des trames, des dessins ou des photos. Cela pose vraiment trop de difficulté pour la lecture. Il est clairement conseillé aujourd’hui d’utiliser une couleur unie.

Lorsqu’on est plus habile avec le code on peut insérer un petit dessin ou un logo en filigrane. Mais cela doit toujours être discret, de bon goût et une seule fois (pas de répétition s’il vous plait). Exemple sur Villa-au-Costa-Rica.com.

Codification

Depuis l’imprimerie on a codifié les couleurs afin de pouvoir reproduire des documents à l’identique. Depuis l’arrivée du numérique il a fallu créer d’autres codifications. Voici (en gros) ce qu’il faut retenir :

• L’imprimerie travaille en CMJN (CMYK en anglais)
• Les écrans sont en RVB (RGB en anglais)
• Pour Internet c’est le HTML

Remarque : ce billet ne traite pas de la définition de l’image (sa finesse) mais je tiens à faire une remarque importante car nous parlons ici de logo et d’image de l’entreprise. Pour l’imprimerie il faut un document beaucoup plus « fin » que pour un écran. Il faut donner à votre imprimeur un document en 300 dpi et en CMJN. Alors que votre écran veut du 72 dpi et en RVB. Cela veut dire qu’il faut faire un document d’abord pour l’imprimeur puis pour Votre Site Web. Pas le contraire. Sinon la qualité ne sera pas au rendez-vous.

Problème des écrans et d’Internet

Vous venez de voir qu’un écran ce n’est pas commme du papier. De plus une belle couleur sur un écran pourra être très différente, voire horrible sur un autre. Ils ne sont pas tous calibrés de la même manière. Enfin, en vieillissant la colorimétrie d’un écran change. Bref, ce que vous voyez n’est pas nécessairement ce que verra votre visiteur. Ça c’est le problème des écrans.

Si un écran peut afficher 16 millions de couleurs ce n’est pas le cas de tous les navigateurs (le logiciel qui vous permet de naviguer sur Internet). Personnellement je préfère respecter, autant que possible, les règles du W3C (World Wide Web Consortium) je reste dans les Couleurs HTML Garanties. Il y en a 216 mais seulement 22 sont réellement garanties c’est à dire qu’elles seront identiques quel que soit le moniteur ou le navigateur.

Dernier Conseil

Tout le monde n’a pas développé ses talents artistiques. Dans le doute SOYEZ ZEN. En clair restez  simple. Deux à  trois couleurs maximum, deux polices, fond de couleur clair ou mieux encore, blanc. Cela vous évitera de perdre du temps et vous aurez un bien meilleur résultat. Évitez de transformer votre site en arbre de Noël qui fait fuir les 3/4 des visiteurs.

N’oubliez pas que votre Site vous ressemble. Si votre esprit est clair, Votre Site Web le sera aussi. Vos propositions seront claires, vos visiteurs seront en confiance et vous leur donnerez envie d’aller plus loin.

Bon Site,
Dominique Leweb

LIENS

MES PRÉFÉRÉS :
Code-Couleur.com
Color Scheme Designer

INFORMATIONS :
Couleurs du Web (Wiki)
Le choix des couleurs pour son site web

GÉNÉRATEURS DE COULEURS :
5 sites pour trouver des couleurs complémentaires
7 outils pour bien choisir les couleurs de son site
16 Générateurs de code couleur pour son site web