Vous êtes sur la page 1sur 106

Collection 100% Utile

Tome 2 : Tout pour Russir son site web

Prsent par Thierry Dubois


Email

Copyright 2011

Myidees.com

Page 1 sur 106

Conditions d'utilisation
Cet ouvrage est protg par un copyright et Thierry Dubois est dtenteur des
droits originaux et initiaux.
Vous n'avez aucun droit de revente.
Cet ouvrage est gratuit, donc il est logique et honnte qu'il en soit de mme
pour toutes autres personnes dsireuses de le lire.
Toute reproduction ou modification totale ou partielle du prsent contenu est
absolument interdite sans lautorisation expresse de l'auteur.

Toutefois, le simple fait de lire ce prsent ouvrage


vous donne le droit de l'offrir en cadeau qui vous le souhaitez.
Vous pouvez aussi acqurir Gratuitement
une licence appele Droit de personnalisation.
en vous inscrivant la newsletter de ce blog

L'auteur ne peut tre tenu pour responsable des liens qui pourraient tre
ventuellement inactifs au sein de cet ebook. Ces liens, provenant de socits
indpendantes, sont actifs au moment de la prsente dition mais l'auteur na
aucun contrle sur leur prennit.

L'auteur sengage rdiger tous les ans


une nouvelle version de cet ouvrage pour suivre
lvolution du Web.

Copyright 2011

Myidees.com

Page 2 sur 106

Mode demploi de cet ouvrage


Loutil essentiel pour apprendre sur Internet est :
Lebook, version lectronique dun livre, un livre
lire sur votre ordinateur, le plus souvent au format
Acrobat (PDF).
Ce livre est au format PDF pour vous apporter un confort de lecture et de
navigation bien meilleur qu'avec un livre traditionnel.
Pour naviguer et vous dplacer facilement dans ce livre lectronique,
vous pouvez utiliser la table des matires et cliquer sur le titre ou sur un
sous-titre dun chapitre, vous serez alors dirig directement sur le sujet et
la page concerne.

En cliquant sur un mot crit en bleu et soulign vous serez dirig vers
un site Internet ou une page de tlchargement externe cet ouvrage
pour un complment dinformation.
Il en va de mme pour les images dont certaines sont cliquables et vous
dirigent donc vers un site extrieur cet ebook.

Vous pouvez galement redimensionner les pages de cet ebook en utilisant la


fonction correspondante de votre outil de lecture de fichiers PDF prfr.
Nous vous recommandons dutiliser Adobe Acrobat Reader que vous pouvez
tlcharger gratuitement en quelques secondes.
Enfin, pour les lecteurs qui souhaitent pouvoir personnaliser cet ebook en y
insrant leurs propres liens, un mode demploi leur sera fourni.

Copyright 2011

Myidees.com

Page 3 sur 106

Chaque semaine, recevez la newsletter,


du Club Stratgie

Vous souhaitez obtenir gratuitement les 3 tomes


de la collection 100% Utile au nom de votre site.
Rien de plus simple : Inscrivez-vous Ici

Copyright 2011

Myidees.com

Page 4 sur 106

Propos de l'auteur
fr
Je mappelle Thierry Dubois, jai 42 ans, pre de deux
grands enfants (18 et 24 ans) et depuis toujours, le
plus important pour moi est dexercer un mtier qui me
plat, me lancer des dfis et me sentir utile pour les
autres.
Cest pourquoi ds tout jeune, jai cr plusieurs
associations but non lucratif jeunesse et
dveloppement en 1989 et lassociation ides en
1991.
Initialement lectromcanicien, je nai pratiquement jamais travaill pour un
patron. Toujours un projet en vue, toujours une ide dvelopper, toujours un
voyage prparer
Crer cest, selon moi, donner une forme son destin, et lorsquon a lme
dun crateur il ny a quune issue possible, plonger en envisageant lavenir
avec confiance et en sengageant avec la volont de russir.
En passant par limport export, la cration dun club de rencontres en 1995, jai
toujours voulu voler de mes propres ailes sans pour autant tre obnubil par
largent.
Lappt du gain na jamais t mon moteur. Ma vritable motivation est dans la
satisfaction personnelle daider mon prochain.
Beaucoup de personnes, en lisant ces dernires phrases penseront que je
raconte des balivernes.
Oui bien sr, on a tous besoin de gagner de largent et je ne suis pas contre la
richesse. Mais la richesse, cest un tout qui passe obligatoirement par
laccomplissement de ses convictions.
Gagner de largent sur le dos des autres ne me semble pas la bonne manire
pour tre en paix avec soi-mme. Tout du moins en ce qui me concerne
Mes dbuts sur Internet remontent 2001.
A lpoque je passais dun concept un autre, en travaillant sans vraiment
suivre une mthode de travail et sans aucune connaissance particulire.
Jai commenc par le MLM car jai trouv dans ce mode de commercialisation
un moyen de me rendre utile. Malheureusement, jai vite dchant Mes gains
ntaient pas la hauteur des efforts fournis
Je me suis vite rendu compte quil tait impossible de connatre le succs sans
connaissance !
Jtais tellement impatient vouloir gagner de largent rapidement que je
faisais les mmes erreurs que 99% des gens.
Copyright 2011

Myidees.com

Page 5 sur 106

En 2003, aprs un grave accident, je me suis rfugi derrire Internet pour


mieux apprhender ce mdia de masse.
Jai COMPRIS que pour Crer sa Net-Entreprise il faut avoir des
connaissances approfondies telles que savoir faire passer des messages,
raliser un site attrayant et bien sur le rendre visible
En 2005, jai dcid de suivre pendant deux ans, une formation de
dveloppeur informatique linstitut informatique de millau.
Jai toff mes connaissances en me spcialisant dans le web marketing afin
davoir tous les outils pour crer ma petite entreprise
En 2008, jai partag mes connaissances en crivant la Collection 100% Utile.
Sa diffusion ma permis de me construire une liste de contacts dans cette
niche.
Jai ensuite ralis une formation pdagogique sur le webmarketing et le
webmastering (lun ne va pas sans lautre).
Le Club Stratgie a vu le jour en septembre 2009.
Mon objectif est doffrir, aux membres du Club Stratgie, un vritable raccourci
en profitant de mes annes dexpriences et de recherches.
A lheure actuelle, jai plusieurs sites web dans diffrentes niches qui me
permettent de vivre correctement dInternet.
Mes gains ne sont pas normes mais assez consquent pour vivre ma vie
dindpendant que jai envie de mener.
Le Club Stratgie nest pas prt de disparatre
Depuis septembre 2009, je consacre une grande partie de mon temps
dvelopper ces prestations
-----------------------------------------En lisant srieusement cet ouvrage et en suivant mes conseils aviss, vous
allez profiter de mon exprience et ainsi gagner du temps et de l'argent !
Je vous souhaite une trs agrable lecture.

Copyright 2011

Myidees.com

Page 6 sur 106

Table des matires


Conditions d'utilisation...........................................................................2
Mode demploi de cet ouvrage.................................................................3
Propos de l'auteur...............................................................................5
Table des matires.................................................................................7
Prface ...............................................................................................8
Comment crer un site Internet ...........................................................10
1. Site statique ou site dynamique ?.....................................................10
2. Crer soi-mme son site Web..........................................................12
3. Utiliser un logiciel tout en un.........................................................19
4. Comment vendre des produits numriques........................................21
5. Comment vendre des produits physiques...........................................26
6. Le cot d'un site Internet................................................................33
7. retenir !.....................................................................................36
Dfinir son projet ................................................................................37
1. Pourquoi ?....................................................................................38
2. Pour qui ?.....................................................................................38
3. Choisir l'activit idale....................................................................39
4. Les erreurs viter........................................................................40
L'arborescence d'un site Web ................................................................41
1. Hirarchisation de l'information .......................................................41
2. Cration d'une carte de site.............................................................42
3. Rgles respecter ........................................................................45
Ralisation d'une page Web...................................................................49
1. Techniques de mise en pages...........................................................49
2. retenir !.....................................................................................51
La page d'accueil, une page essentielle .................................................52
1. Comment crer une page d'accueil efficace........................................52
2. Les erreurs viter........................................................................56
Prsentation d'un site Web....................................................................58
1. Une mise en page russie...............................................................58
2. Mise en relief d'une page Web .........................................................60
3. L'identit graphique........................................................................62
4. Optimiser ses images ....................................................................66

Copyright 2011

Myidees.com

Page 7 sur 106

Crer un site interactif .........................................................................69


1. La page de contact ........................................................................69
2. Les coordonnes tlphoniques........................................................71
3. Interagir en direct avec ses clients...................................................73
4. La newsletter ...............................................................................74
5. Dynamiser son site Web .................................................................76
Crer un site fonctionnel ......................................................................80
1. La vitesse de tlchargement .........................................................80
2. La rsolution d'cran des utilisateurs................................................82
3. Adapter son site aux navigateurs du Web .........................................83
Les outils de statistiques utiliser..........................................................85
1. Connatre le comportement de ses visiteurs.......................................85
2. Outils de positionnement................................................................87
Les moyens de paiement utiliser..........................................................88
1. Paiements bancaires.......................................................................88
2. Paiement interbancaires..................................................................89
3. Micro Paiement..............................................................................90
Mettre du son, de la vido.....................................................................91
1. Intgrer du son sur son site ...........................................................91
2. Intgrer une vido sur son site .......................................................92
Le pouvoir d'un popup russi ................................................................95
Nom de domaine ................................................................................97
1. Un nom de domaine, c'est quoi ?......................................................97
2. Choisir un nom de domaine efficace ?...............................................98
3. O acheter un nom de domaine ?...................................................100
Hberger son site...............................................................................100
1. Critres pour bien choisir son hbergeur .........................................101
2. Choix d'un hbergeur...................................................................103
3. Les erreurs viter......................................................................104
Apprendre pour russir ! ...................................................................105
Aidez-moi vous aider

Copyright 2011

.....................................................................106

Myidees.com

Page 8 sur 106

Prface
Avant de vous lancer dans la construction dun site Internet, vous devez avoir
une ide prcise de son utilit : besoin de visibilit, amlioration de la
notorit, collecte de donnes, vente en ligne
La cration dun site Internet passe avant tout par une tude pralable qui est
diffrente selon sa catgorie :
Site vitrine :
Site prsentant des produits ou services dune entreprise;
Ex. : vous tes un lectricien et vous souhaitez prsenter votre entreprise et
votre savoir-faire.

Site dinformation :
Site fournissant une information particulire un type dinternautes et
permettant ventuellement le payement en ligne.
Ex. : sur votre site, vous prsentez de linformation sur lcologie et vous
permettez vos lecteurs de commander des produits ou services au moyen
d'une carte bancaire.

Page de vente :
Une page de vente a pour objectif de capter lattention du lecteur sur un
produit unique pour le vendre.
Exemple.

Site marchand ou e-commerce :


Site spcialis dans la vente de produits en ligne
Ex. : Amazon.
L'Internet est un mdia unique permettant tous de communiquer facilement
auprs d'un potentiel norme de clients.
Pour communiquer avec cette masse de clients potentiels, les attirer,
augmenter vos ventes, votre site Web doit avoir un contenu riche
dinformations et correctement illustr.
La qualit d'un site Web est un vritable chteau de cartes.
Si vous ngligez un aspect, tout le chteau s'croulera.
quoi bon prsenter de l'information de qualit si les internautes s'y perdent ?
quoi bon avoir un beau site s'il n'est pas attractif ?...

Copyright 2011

Myidees.com

Page 9 sur 106

Vos objectifs dtermineront le public que vous visez.


C'est uniquement en connaissant votre public que vous pourrez mettre en
place toutes les composantes d'un site Web d'une manire optimale :

Objectifs

Public vis

Son contenu

Ses visuels

Ses fonctionnalits

Soyez consciencieux dans les phases de ralisation de votre


site et vous obtiendrez un site attractif et rentable.

Copyright 2011

Myidees.com

Page 10 sur 106

Comment crer un site Internet


Dans ce chapitre, vous trouverez toutes les solutions qui s'offrent vous pour
construire un site Internet.

1. Site statique ou site dynamique ?


On distingue deux types de sites : sites statiques et sites dynamiques.
Votre choix se fera en fonction des besoins de votre site et de son volution.
Site statique :
Un site statique est constitu de pages HTML cres l'aide d'un
diteur HTML. Le contenu des pages est fixe.
Pour modifier le contenu d'une page, il faut modifier le fichier HTML
correspondant sur votre ordinateur (en local) puis transfrer ce fichier
vers votre hbergeur via un client FTP (File Transfert Protocol).
volutif :
Si le contenu de votre site (textes et photos) doit voluer rapidement,
privilgiez la solution statique.
Nanmoins, les mises jour vous demanderont un minimum de
comptences informatiques (langages de programmation).
Fonctionnalits :
Pour le rendre interactif, dynamique, il faudra ajouter des
fonctionnalits lies des bases de donnes.
Vous devrez soit avoir des connaissances en PHP/MySQL, soit utiliser
des scripts prts l'emploi.
Rfrencement :
Les pages tant individualises (URL naturel pour chaque page), il est
plus facile d'obtenir un bon rfrencement.
Pour quels besoins ?
Un site statique est privilgier pour la construction d'un site faible
volume ne demandant pas des fonctionnalits trs pointues.
vitez le recours un prestataire pour les mises jour (trop cher).

Copyright 2011

Myidees.com

Page 11 sur 106

Site dynamique :
Dans le cadre d'un site dynamique, le contenu (texte et photos) et la
prsentation des pages (mise en page) sont grs indpendamment.
Un site dynamique se compose de deux parties distinctes :
- la partie visible : celle qui est visible aux internautes,
- la partie administration : rserv au Webmestre.
Pour modifier le contenu d'une page, plus besoin de modifier en direct
les fichiers HTML ou PHP.
Via votre module d'administration (login/mot de passe), vous pouvez
construire vos pages, modifier votre texte, insrer vos images d'une
manire trs simple, sans aucune connaissance en informatique.
Vos donnes (textes et photos) sont enregistres dans une base de
donnes et non dans des fichiers HTML.
Le contenu et le contenant sont donc distincts : les pages HTML se
construisent lors de sa consultation par un internaute en faisant appel
la base de donnes.
volutif :
Si votre site est destin tre volumineux ou intgrer des
fonctionnalits pointues, privilgiez la solution dynamique.
En ce qui concerne les mises jour, elles sont facilites grce aux outils
d'administration.
Fonctionnalits :
Grce l'utilisation d'une base de donnes, les fonctionnalits sont bien
plus avances qu'avec une solution statique.
Rfrencement :
Le rfrencement d'un sites dynamique est plus difficile mettre en
place. Vous devrez avoir de bonnes connaissances en programmation
et prendre en compte le rfrencement de votre site ds sa conception.
Pour quels besoins ?
Solution privilgier pour la construction d'un site fort volume,
demandant des fonctionnalits avances.
Sans connaissances en programmation, vous ne pourrez pas faire
voluer votre site (modification du design, personnalisation des
fonctionnalits).

Copyright 2011

Myidees.com

Page 12 sur 106

Maintenant que vous connaissez les diffrences qu'il y a entre un site statique
et un site dynamique, voyons les diffrentes possibilits mises votre
disposition pour construire un site.
La liste des outils noncs ci-aprs nest bien videmment pas exhaustive ;
il existe en effet une multitude doutils de cration, mais les exemples que j'ai
choisi de vous proposer ont t tests par moi-mme et permettent de crer
des sites de qualit plus ou moins bonne selon le cas.

2. Crer soi-mme son site Web


Si votre souhait est de gagner de l'argent via Internet, de monter votre petite
affaire, c'est de loin la meilleure solution.
Mais vous devrez connatre au minimum le HTML, des notions CSS, savoir
utiliser un logiciel de retouche d'images (Ex.: Photofiltre), un logiciel FTP
(Ex. : FileZilla) pour transfrer vos fichiers sur le serveur de votre hbergeur...
C'est mon humble avis, le prix payer pour russir sur le Web si vous n'avez
pas les moyens de passer par un prestataire.
Lorsquon dmarre sur Internet, on n'imagine pas tout ce que lon peut y
trouver comme outils et logiciels GRATUITS, notamment au niveau de la
conception de sites et de la ralisation de graphismes.
Vous avez la possibilit de choisir entre deux types de logiciels pour crer
vous-mme votre site :
1. diteur de site classique
Voici un outil gratuit amplement suffisant pour raliser un site d'allure
professionnelle :
KompoZer (nouvelle version de Nvu) est un diteur WYSIWYG (What You See
Is What You Get), une solution complte de cration de sites Web ayant pour
objectif de faciliter le processus de cration pour les utilisateurs dbutants.
Pour bien dbuter, je vous recommande de bien lire cette page.
Pour vous aider bien dmarrer : Installation - tutoriels et guides.
Livre sur KompoZer : cliquez ici.
Parmi les fonctionnalits de KompoZer, on trouve entre
autres :
- mise en forme de votre page Web via des menus et
des icnes,
- insertion de tableaux, formulaires, images et liens,
gestionnaire de sites intgr,
- diteur intgr pour la cration des feuilles de style.
Copyright 2011

Myidees.com

Page 13 sur 106

Pour autant, KompoZer a une faiblesse face un concurrent tel que


Dreamweaver : indentation du code (meilleure visibilit du code).
Pour y remdier, il faut lui ajouter des modules complmentaires.
Il est tout fait possible de se servir de l'onglet source pour visualiser le code
source de la page (plus de bug).
Mais chaque chargement d'un fichier HTML dans l'diteur, celui-ci perd sa
mise en forme. Le code devient donc plus ou moins illisible.
Trs contraignant, si vous avez l'habitude de vous servir du code source pour
construire vos pages...
Pour ouvrir et travailler sur votre fichier HTML, servez-vous d'un diteur de
texte externe :
Notepad++ est un diteur de source gratuit avec mise
en relief de la syntaxe et mise en forme de cette
dernire. Pas plus compliqu utiliser qu'un simple
bloc-note.
En apprenant quelques balises HTML et quelques rgles
CSS, vous irez beaucoup plus vite mettre en forme vos
pages Web.
En travaillant directement sur le code, vous n'aurez plus
besoin de connatre toutes les fonctionnalits de votre
diteur, quel qu'il soit.

noter : la Rolls Royce des diteurs : Dreamweaver.


Inconvnients : difficile prendre en main / le prix (plus de 500 euros).
Module 4 : Crer son site web comme un Pro
Tome
Tome
Tome
Tome

1
2
3
4

:
:
:
:

Intgration d'une charte graphique


Le (X)HTML
Les bases du CSS
Animer et dynamiser un site web

>>> Sommaire dtaill


Ouvrages accompagns de codes prts l'emploi

Copyright 2011

Myidees.com

Page 14 sur 106

2. CMS (Content Management System)


Le CMS est un Systme de Gestion de Contenu (SGR).
Le principe consiste sparer le code, le design et le contenu (appel de la base
de donnes).
Le plus souvent, les CMS (comme Joomla, Typo3...) utilisent une base de
donnes MySQL, et le langage PHP (accept par la plupart des hbergeurs)
pour interroger la base de donnes.
Cela permet donc d'diter et de grer un site vraiment complet et dynamique
(gestion de membres, d'articles, de tlchargements, de sondages, de liens, de
forums...).
La gestion est facilite par une interface d'administration accessible en ligne.
Il contient un diteur qui vous permet d'insrer textes, photos, autres mdias.
C'est aussi simple que de taper du texte dans Word ou OpenOffice.
Beaucoup de sites indiquent que vous n'avez pas besoin d'avoir de
connaissances en HTML, CSS et PHP pour utiliser un CMS.
Je ne suis pas tout fait d'accord avec cette fausse vrit !
Il est vrai qu'un CMS permet un non-initi :
L'installation d'un site Web en peu de temps.
La mise jour de son site sans aucune connaissance technique.
L'intgration de fonctionnalits avances (blog, forum...).
Mais la construction d'un site ne s'arrte pas ses mises jour et sa
configuration dans son tat standard.
Tout CMS demande de comprendre le code avant de le modifier.
Et croyez-moi, ce n'est jamais simple de comprendre un code que vous n'avez
pas conu.
Prenez ce critre en considration avant d'utiliser un CMS pour votre site.
Toute personnalisation vous demandera un temps d'adaptation, des
connaissances en :
HTML/CSS pour modifier l'apparence de votre site.
PHP/SQL pour modifier et configurer des fonctionnalits.

Copyright 2011

Myidees.com

Page 15 sur 106

Un CMS a aussi ses inconvnients :


Code accessible tous.
Un hacker peut trouver une faille de scurit et l'exploiter.
Faites rgulirement des mises jour.
Lenteur daccs aux bases de donnes.
Visible l'affichage des pages (selon l'hbergeur).
Il existe diffrents types de CMS permettant de faire :
Des sites Web dynamiques.
Sites Web permettant des mises jour instantanes, une interactivit
avec les internautes (forum, systme de chat, newsletter...).
Des portails communautaires.
Sites Web offrant leurs membres (gestion de groupes et de droits) un
large choix de ressources et de services (forum de discussion, moteur
de recherche, espace de publication) centrs sur un domaine ou une
communaut particulire.
Des blogs.
Sites Web spcialement conus pour la publication rgulire d'articles
et d'informations. Interactivit avec les internautes.
Des forums privs ou publics.
Sites Web permettant lchange dinformations et la discussion sur un
thme donn (gestion d'accs, des catgories et des sujets...).
Des galeries photos.
Sites Web permettant un album photos (ajout de photos, gestion des
catgories...).
Des e-commerces.
Sites spcialiss dans la ventes de produits en ligne (gestion des
produits, des commandes...).
Chaque CMS a ses spcificits, de nombreux modules et thmes pour vous
permettre de le personnaliser votre convenance.
Grce des communauts actives, les CMS sont toujours en amlioration
(mises jour frquentes, corrections des failles de scurit et des bugs...) et
beaucoup de nouveaux modules sont disponibles.

Copyright 2011

Myidees.com

Page 16 sur 106

Attention aux CMS rcents qui nont pas encore une communaut assez active.
Je ne vais pas vous prsenter tous les CMS car il en existe des centaines...
Je vous propose de prendre connaissance de trois CMS Open Source qui
rpondent en premier lieu 4 critres :
La simplicit.
Du code conforme aux spcifications du W3C.
Une communaut active.
Des mises jour rgulires (scurit !).

CMS Made Simple


Dmo

Atouts :
-

Simple d'utilisation (parfait pour les dbutants).


Interface d'administration simple et claire.
Gabarits, templates conus en CSS, sans tableau de mise en page.
Puissante gestion des groupes et des droits.

Faiblesses :
- La documentation n'est pas entirement rdige en franais.
- Moins puissant que ses confrres tels que Joomla, typo3...
- Gestion des templates complique : se familiariser avec le langage de
gestion de gabarits Smarty.
CMSMS permet de s'adapter de nombreux projets Web : son installation par
dfaut suffit la plupart des besoins classiques.
Son principe de modularit trs pouss lui ouvre de nouveaux horizons :
menus multiples, fils d'actualit, calendrier, forum, album photo, blog.
Ressources :
CMSMadeSimple.org

Copyright 2011

Article sur Alsacreation

Myidees.com

Framasoft

Page 17 sur 106

(successeur de Mambo)

CMS Joomla
Dmo

Atouts :
-

Une communaut trs active.


De nombreux templates et modules disponibles.
Interface d'administration simple et claire.
Support et documentation excellents.

Faiblesses :
-

Attention aux hacking ! Faites rgulirement des mises jour.


Programme gourmand en ressources.
Systme de gestion des groupes d'utilisateurs restreint.
Certains modules non conformes aux spcifications W3C.

En conclusion, je dirais que c'est un CMS complet de trs bonne qualit qui
nanmoins n'est pas trs simple prendre en main.
Joomla est privilgier pour la construction d'un portail communautaire.
Pour la ralisation d'un site Web classique, utilisez une autre solution.
Si vous avez des besoins standards, vous serez sduit par sa mise en place
rapide. Cependant, si vous utilisez des modules tels que le rewriting (rcriture
des URLs pour le rfrencement), la gestion des membres, la cration de
groupes d'utilisateurs ayant des droits d'accs diffrents, la boutique en ligne,
vous devrez vous armer de patience (pas simple maitriser).
Concernant la mise en place d'un forum et de galeries photos, il est prfrable
pour des raisons de scurit et de mise jour, d'utiliser des programmes
indpendants de la base de donnes Joomla.
Autres :
Typo3 est certainement aujourd'hui le CMS le plus abouti du point de vue des
fonctionnalits dont il dispose, mais il est certainement aussi un des plus
complexes et des plus difficiles s'approprier.
eZPublish est plus facile utiliser que typo3 tout en possdant un trs grand
nombre de fonctionnalits.
Le principal inconvnient de typo3 et eZpublish est qu'ils ne disposent pas
(encore) d'une importante communaut d'utilisateurs, particulirement en
France (trs peu de documentations en franais).

Copyright 2011

Myidees.com

Page 18 sur 106

CMS WordPress
Dmo

Atouts :
-

Trs simple d'utilisation.


Solide communaut active (volution rgulire des versions).
Facilit d'dition grce son diteur Wysiwyg interne.
Nombreux thmes, plugins.
Cration de pages Web statiques indpendamment du blog.

Faiblesses :
- Pas simple positionner sur les moteurs de recherche (quoi qu'on en dise...)
- Personnalisation difficile (Bonnes connaissances en XHTML/CSS et PHP).
- Documentation complte uniquement en anglais.
Je conseille fortement WordPress pour la mise en place d'un blog.
Depuis la version 3, vous pouvez aussi raliser simplement des pages statiques
afin de mettre en place un site d'information.
Il existe de nombreux templates pour le design.
Le code des fonctions et templates est accessible et bien document (souvent
en anglais).
Il vous faudra, pour adapter le code vos besoins et au design de votre site,
de bonnes connaissances en PHP, en SQL et bien matriser les feuilles de style
(c'est toujours la mme histoire...).
Quoi qu'il en soit, le nombre de plugins disponibles vous permettra une
personnalisation maximale de votre blog. Le choix est immense.
L'inconvnient majeur de WordPress rside dans le fait qu'il n'est pas conu
pour le rfrencement. Trs peu de templates sont optimiss pour le
rfrencement...
Pour bien dmarrer, je vous recommande ces deux sites :
Srie de Tutoriels de Videonoob.fr
Formation de Blog Expert
A noter :
Une formation Wordpress est prvue au sein du Club Stratgie (pour
septembre / octobre 2011)
Copyright 2011

Myidees.com

Page 19 sur 106

3. Utiliser un logiciel tout en un


Ce genre de logiciel permet de construire un site rapidement et sans aucune
connaissance.
Le revers de la mdaille : vous serez trs vite limit dans son volution.
Ce type de logiciel est conu plus particulirement pour des sites personnels,
des sites d'information pour communiquer une passion et la rigueur pour un
site vitrine (sauf XsitePro).
Si vous ne voulez vraiment pas apprendre le HTML, vous avez plusieurs
solutions correctes qui ne demandent aucune connaissance particulire :
ToWeb est le plus simple des logiciels que j'ai test.
Vous pouvez crer, grer et publier vos sites Web en toute simplicit et en un
temps record.
Il existe 4 versions dont une gratuite (mais avec l'affichage de publicit !).
Deux versions 35 et 49 pour la ralisation d'un site classique.
Et une version avec un module e-commerce 75 .
Atouts :
- Les fonctions sont pratiques et intuitives.
- Petit prix.
Faiblesse :
- L'allure des sites n'est pas trs professionnelle...
Exemples de sites.
IziSpot, plus difficile mettre en place que ToWeb, ce petit logiciel vous
permettra de crer vos 1 pages et vos premiers sites facilement.
Voici une version avec un module e-commerce (15 /mois) : Izishopping.
Atouts :
- Entirement gratuit.
- Nombreuses fonctionnalits pour du gratuit.
- Forum d'entraide ractif.
Faiblesses :
- Interface mal conue.
- Design limit.
Exemples de sites.

Copyright 2011

Myidees.com

Page 20 sur 106

Web Acappella est destin aux professionnels (vente en ligne, commerce, PME,
artisans...) comme aux particuliers qui veulent crer et publier un site Web en
quelques clics ! Il est propos 49 ou 99 avec un module e-commerce.
Atouts :
- De nombreuses fonctionnalits.
- Module e-commerce simple intgrer
Faiblesses :
- Interface pas trs intuitive
- Design limit.
XSitePro est complet, particulirement adapt pour faire du marketing
Internet. Son prix : 197 $ soit environ 150 .
Atouts :
- De trs nombreuses fonctionnalits.
- Facile utiliser.
Faiblesses :
- La structure des sites est ralise en tableaux.
- Il est en anglais.
- Design trs limit.
De tous les logiciels tout en un, c'est de loin le meilleur !
Son inconvnient, c'est qu'il est en anglais et vu qu'il comporte de nombreuses
fonctionnalits, sa prise en main peut prendre du temps.
noter :
Deux diteurs de sites tests et particulirement dcevants :
Webcreator Pro4 : de nombreuses fonctionnalits mais de nombreux bugs sont
gnrs pendant son utilisation. L'diteur rpond rarement aux questions...
Website X5 evolution : il fonctionne trs mal sous Firefox, bug lorsqu'on veut
crer des tableaux, impossible de modifier les balises meta (rfrencement...).
Vous pouvez aussi confier votre travail un consultant.
Pour raliser un site professionnel, la solution apparemment la plus approprie
est celle d'en confier la ralisation un expert.
Dans ce cas, vous devrez fournir des indications prcises et les contenus
ncessaires pour que le site corresponde ce que vous voulez.
L'inconvnient, c'est que vous serez li votre prestataire pour les
volutions... De toute manire, pour la ralisation d'un site complexe, vous
n'aurez pas le choix.
Copyright 2011

Myidees.com

Page 21 sur 106

4. Comment vendre des produits numriques


Le plus important, quel que soit le procd utilis, est de mettre en place un
systme automatis permettant l'acheteur de tlcharger le produit
numrique (ebook, logiciel...) juste aprs le paiement.
Processus N1 : bouton PayPal.
Page de vente
Bouton Paypal

Paypal

Page de
tlchargement

L'acheteur clique sur le bouton PayPal pour commander le produit.


Il est dirig vers la plateforme scurise de paiement PayPal.

L'acheteur paye via l'interface PayPal avec son compte PayPal ou par
carte bancaire.

L'acheteur est dirig vers la page de tlchargement.


Mettre en place un bouton PayPal :
Pour obtenir les outils pour vendre, PayPal vous demandera d'ouvrir un compte
Premier (gratuit).
Si vous n'avez pas de compte PayPal, c'est le moment : cliquez ICI.
Connectez-vous.
Cliquez dans la barre de menu sur Solutions e-commerce.
Cliquez sur le lien Boutons Acheter.
Via un formulaire (voir ci-dessous), indiquez le nom de votre objet
(produit) et son prix :

Copyright 2011

Myidees.com

Page 22 sur 106

Vous pouvez opter pour un bouton standard PayPal ou le personnaliser.


Pour le personnaliser, vous n'avez qu' inscrire le chemin (URL) o se situe
votre image sur votre site. Par exemple :
http://votresite.com/images/bouton.jpg.
Vous pouvez aussi ajoutez un menu droulant si vous avez plusieurs options
diffrents prix prsenter sur votre page de vente.
Cochez Identifiant de compte marchand scuris pour plus de scurit...

L'tape 2, vous n'en avez pas besoin...


L'tape 3, renseignez l'URL de vos pages de redirection :
- une page pour l'annulation (non obligatoire),
- et une page pour le tlchargement du produit.

Attention de bien renseigner ces liens. Votre acheteur sera mcontent s'il est
dirig vers une page qui ne s'ouvre pas...
Vous n'avez plus qu' cliquer sur Crer le bouton.

Copyright 2011

Myidees.com

Page 23 sur 106

Faites un copier/coller du code et placez-le l'endroit voulu dans votre page


Web :

Voil, c'est termin ! Vous avez votre boutique en ligne scurise qui marche
en mode automatique. Les internautes pourront commander vos produits et se
faire livrer dans les minutes qui suivent.
Processus N2 : bouton PayPal + auto-rpondeur.
Page de vente
Paypal

Autorpondeur

Page de
tlchargement

Bouton Paybal

C'est le processus que je vous conseille !


Vous obtenez l'email de vos acheteurs pour pouvoir leur vendre d'autres
produits par la suite. Voir le Tome 3 - Comment vendre par email !

L'acheteur clique sur le bouton PayPal pour commander le produit.


L'acheteur paye via l'interface PayPal.
L'acheteur est dirig vers votre page o se situe votre auto-rpondeur.
L'acheteur donne son prnom et son email.

L'acheteur est dirig vers la page de tlchargement pour rcuprer son


produit.
Pas plus compliqu que le processus N1.
Dans l'tape 3 de la cration du bouton PayPal, mettez l'URL de votre page o
se situe votre auto-rpondeur.
Et configurez votre auto-rpondeur en indiquant l'URL de la page de redirection
(page de tlchargement).

Copyright 2011

Myidees.com

Page 24 sur 106

Processus N3 : site avec un panier de commande.


Si vous avez plusieurs produits numriques vendre et que vous voulez
donner la possibilit vos clients d'en commander plusieurs par un systme de
panier (comme un mini e-commerce).
Si vous avez un produit numrique vendre et que vous voulez donner la
possibilit vos clients de commander vos produits avec plusieurs moyens de
paiement.
Je vous recommande PMP e-commerce.
Il vous permettra d'intgrer facilement sur votre site une vritable boutique,
avec gestion des paniers de commande.
Cette application en PHP est facile installer et permet de
grer de faon automatique la vente, le paiement et la
livraison automatique de produits numriques tels que des
ebooks ou logiciels.
Vous n'avez besoin d'aucune connaissances en
informatique pour l'utiliser !
Compatible avec plusieurs moyens de paiement (par chque, par virement, par
CB, PayPal, MoneyBookers...), l'application PMP permet au client d'acheter en
un minimum d'tapes les produits dsirs.
Voici la liste des fonctionnalits du script :
Livraison automatique des produits numriques en tlchargement.
Relance automatique des clients n'ayant pas termin leur commande.
Gestion des droits d'accs aux fichiers en tlchargement et/ou aux
pages protges de votre site Web.
Possibilit de limiter le nombre de tlchargements d'un fichier pour
chaque client et dans le temps.
Cration d'une base clients.
Gnrateur de factures automatique.
Possibilit de configurer un code promotionnel pour chaque produit.
Gestion dynamique d'une boutique virtuelle paramtrable depuis le
tableau de bord du script.
Un forum d'utilisateurs est votre disposition pour rpondre toutes vos
questions concernant la configuration et l'intgration de ce script sur votre site.
noter :
Il existe aussi ce script (non test) pour implanter un module e-commerce sur
son site.
Copyright 2011

Myidees.com

Page 25 sur 106

Pour vendre des produits numriques, une simple page de vente suffit.
C'est quoi une page de vente ?
Une page de vente est une page Web conue spcialement pour vendre un seul
et unique produit.

Header : Haut de page


Le contenu
Description dtaill
du produit
Bouton de commande
(paybal...)
Footer : bas de page

Sa particularit est qu'il n'y a pas de menu de navigation.


De cette manire, votre visiteur ne sera pas attir vers d'autres produits, ne
sera pas enclin visiter une autre rubrique de votre site, cliquer sur une
publicit...
Le gros avantage d'une page de vente est que son contenu est consacr la
mise en valeur du produit.
Par consquent, les ventes se font plus facilement.
Bien entendu, votre argumentaire doit tre pertinent afin d'attiser la curiosit
de votre lecteur et le convaincre d'acheter.
Si vous avez de nombreux produits numriques vendre, vous pouvez opter
pour la solution d'un e-commerce.

Copyright 2011

Myidees.com

Page 26 sur 106

5. Comment vendre des produits physiques


Vous avez des produits ou services vendre et vous voulez faire de la vente en
ligne pour augmenter votre zone de prospection et vendre 24 h sur 24...
Pour cela, plusieurs solutions sont envisageables :
Crer son e-commerce avec un logiciel Open Source.
Le cot est quasiment nul si vous faites tout vous-mme.
Vous ne serez pas dpendant d'une socit et vous bnficierez d'une
totale matrise quant l'volution de votre boutique.
Utiliser une plateforme e-commerce en mode ASP.
Une solution cls en mains, facile mettre en place et peu onreuse.
Toutefois, sachez que toute modification ou personnalisation non
"standard" entraine des cots.
Faire appel un professionnel.
C'est la solution la plus simple (boutique personnalise prte l'emploi)
mais la plus onreuse ! (de 5000 plus de 20 000 ).
De plus, vous n'aurez aucun contrle sur les modifications.
Si vous souhaitez faire voluer votre e-commerce, pensez aussi aux
facturations supplmentaires.
Il n'y a pas de bonne et de mauvaise solution, chacune de ces solutions a un et
un seul objectif : vendre.
Votre choix dpendra de votre budget, de vos besoins et de vos comptences.
1. Utiliser un logiciel Open Source
Crer une boutique en ligne (e-commerce) fonctionnelle est un vrai boulot.
Ne choisissez cette solution que si vous avez de bonnes connaissances en
programmation (PHP/MySQL).
Sinon vous pouvez apprendre quelques rudiments et vous verrez que vous
pourrez faire beaucoup de choses...
Toutes les solutions Open Source fonctionnent avec Linux, PHP, MySQL.
Avec un logiciel Open Source ou libre, vous pourrez :
- utiliser le code pour l'adapter vos propres besoins,
- copier et diffuser le code auprs de vos connaissances,
- amliorer le programme afin de dvelopper votre propre logiciel.

Copyright 2011

Myidees.com

Page 27 sur 106

Open Source ne veut pas dire gratuit. Le temps que vous allez mettre
configurer votre e-commerce, c'est de l'argent....
De plus, vous devrez penser vous diffrencier des autres boutiques en ligne.
Chaque solution standard aussi puissante soit-elle utilise le mme graphisme.
Vous devrez donc faire votre propre charte graphique ou faire appel un
prestataire de services.
Voici trois logiciels Open Source reconnus et fiables :
Oscommerce
Oscommerce est sans aucun doute la plateforme d'e-commerce la plus connue
et la plus utilise. Forum Tutoriaux.
Avec du travail, vous pouvez obtenir un e-commerce trs professionnel.
Le forum de soutien est trs ractif aux questions, ce qui contribue son
succs.
Malheureusement, sa conception est trs ancienne, peu ergonomique de par
l'utilisation importante de patchs (code que l'on ajoute un logiciel, pour y
apporter des modifications). Bref, c'est une usine gaz...
Il est trs difficile d'optimiser les pages Web pour un bon rfrencement
(pas de balise meta par catgorie, par produits, pas de rcriture des URL...).
Pour ces raisons, Oscommerce tend aujourd'hui tre remplac par :
Prestashop
Prestashop est une nouvelle plateforme e-commerce Open Source, d'origine
franaise. Aide l'installation Forum Blog.
Cette plateforme a de sacrs avantages, savoir la facilit de maintenance,
une prise en main intuitive, un code facile comprendre et maintenir, un
design gr par un Smarty (moteur de templates reconnu).
De plus, tout est fait pour un bon rfrencement : optimisation du code pour
les robots, intgration du plan du site, de balises meta par catgories et par
produits, Google Sitemaps...
Si vous avez un projet d'e-commerce volutif sans contrainte technique
particulire, je vous le recommande tout particulirement.
Une solution cls en mains pour 45 /mois (trs bien...) : prestashop.me.

Copyright 2011

Myidees.com

Page 28 sur 106

Magento
Magento est une plateforme e-commerce la pointe de la technologie.
Fonctionnant avec le Framework Zend, cette plateforme intgre les dernires
contraintes lies au rfrencement, des fonctionnalits de marketing unique,
une ergonomie bien pense. Bref un vrai bijou.
Malheureusement, la communaut de dveloppeurs autour de cette plateforme
est encore trs limite.
Il faut attendre encore un peu pour voir apparatre tous les modules
additionnels ncessaires.
Pour le moment, il est donc prfrable d'utiliser Oscommerce ou Prestashop.
Je vous recommande cette plateforme si vous tes un dveloppeur confirm et
que votre projet demande des fonctionnalits marketing labores.
Il existe d'autres scripts Open source (Php/MySQL) de bonne qualit tels que :
Peel
ZenCart
OpenCart
DigiStore
OXID eSales
Plici

Certains CMS (systme de gestion de contenu) ajoutent une fonctionnalit


e-commerce :
VirtueMart

Joomla

WordPress e-commerce Plugin

WordPress

Ubercart

Drupal

PluginXoops

Xoops

Copyright 2011

Myidees.com

Page 29 sur 106

2. Choisir un logiciel qui s'utilise en mode ASP


Ces solutions commerciales fonctionnent sous Windows / ASP / SQL Serveur.
Contrairement aux solutions Open Source, vous n'avez pas accs au code de
programmation.
Comment choisir son logiciel ?
Il y a de nombreux critres prendre en compte avant de choisir son
prestataire.
La plus grande erreur est de choisir sa plateforme en se basant uniquement
sur le tarif.
Pour vous aider faire le bon choix selon vos besoins, voici les critres
primordiaux prendre en compte avant de vous engager :
La charte graphique.
Les boutiques en ligne pullulent sur le Web.
L'attraction de votre boutique en ligne dpendra donc en grande partie
de son aspect visuel.
Attachez de l'importance au design de votre site.
Si vous avez dj une boutique, un magasin, optez pour une charte
graphique personnalise vos couleurs ( partir de votre logo, votre
carte de visite, votre univers graphique).
noter : renseignez-vous si l'intgration de la charte graphique est
facture en supplment.
Le paiement en ligne scuris.
De nombreuses plateformes proposent le paiement scuris en ligne
par CB en supplment.
Donc il est important que savoir si cette option (qui ne devrait pas en
tre une) est comprise dans le tarif indiqu.
N'oubliez pas les frais lis la vente en ligne.
Pour un contrat de VAD (vente distance), variable selon les banques :
- frais d'ouverture (150 250 ),
- abonnement mensuel (15 50 ),
- commission sur chaque transaction (0,5 % 1,5 %),
- cot fixe par transaction...
Pour PayPal :
- commission sur chaque transaction (3,4 % 1,4 %),
- cot fixe par transaction : 0,25 .

Copyright 2011

Myidees.com

Page 30 sur 106

Boutique optimise pour le rfrencement.


Peu de personnes prennent ce critre en considration.
Et pourtant il est capital. Je dirais mme que c'est le critre le plus
important !
Pourquoi ?
Comme je le disais plus haut, des e-commerces, il en existe des
centaines de milliers.
Un internaute aura tendance regarder uniquement les premiers
rsultats affichs sur son moteur de recherche.
De nombreux critres entrent en jeu pour obtenir un bon
rfrencement (voir Tome 3) mais si ds le dpart la structure de votre
e-commerce n'est pas conue pour le rfrencement (optimisation des
pages Web), ne respecte pas les normes du Web (W3C), vous partirez
avec un sacr handicap !
Votre but est que votre boutique soit vue par un maximum
d'internautes. Arrtez-moi si je me trompe !
Optez pour une solution qui propose :
- un codage en XHTML /CSS :
Sparation du fond et de la forme / respect des standards du Web.
- la rcriture des urls :
Chaque page de votre boutique doit avoir sa propre URL comportant les
mots-cls lis au contenu de celle-ci.
Exemple : www.votreboutique.com/nomdevotreproduit.html
et non : www.votreboutique.com/14ssd457/de52d.html
Visitez les sites crs par les diffrentes plateformes et vous saurez
tout de suite s'ils utilisent la rcriture des URL (URL rewriting).
Sans cette technique, les robots ne pourront pas indexer vos pages
selon vos mots-cls...
- l'insertion des balises meta description et balises titre :
Chacune de vos pages Web doit contenir ces balises.
Sinon, vous n'avez aucune chance que les moteurs de recherche les
indexent correctement !
- l'dition d'un Sitemap (cration d'un plan de site) :
La ralisation d'une arborescence de tous les liens de votre ecommerce informe les moteurs de recherche sur les modifications que
vous avez apportes vos pages.

Copyright 2011

Myidees.com

Page 31 sur 106

Location mensuelle ou achat d'une licence.


Vous aurez le choix entre deux modes de paiement :
La location mensuelle :
Ce mode locatif permet la mise disposition d'applications des tarifs
trs comptitifs grce une standardisation et une mutualisation des
cots.
Avantages :
Ces prestataires louant des logiciels installs sur leurs serveurs,
le cot initial de mise en place de votre boutique sera moins cher.
L'volution, les mises jour du logiciel et l'hbergement de votre site
sont prvus dans le cot de votre abonnement.
Inconvnients :
Vous devrez payer votre prestataire tous les mois durant tout le temps
que vous exploiterez votre boutique.
En dfinitive, aprs quelques annes, le cot sera plus important que si
vous achetiez la licence d'un logiciel.
De plus, n'tant pas propritaire de votre boutique, le jour o vous
dcidez de partir, vous perdez tout.
Achat d'une licence :
En achetant votre logiciel de e-commerce, vous obtenez une totale
libert d'action.
Avantages : paiement en une fois / pas de location mensuelle
De plus, vous n'tes pas li un prestataire, votre boutique vous
appartient.
Inconvnients : son cot de mise en place.
L'hbergement de votre site reste votre charge.
L'assistance.
Lors de la mise en place de votre boutique, il est utile de savoir si vous
aurez un suivi gratuit, une aide technique, une assistance par
tlphone et/ou par email.
Et le tarif bien entendu...

Copyright 2011

Myidees.com

Page 32 sur 106

En standard, les plateformes d'e-commerce proposent plus ou moins les


mmes fonctionnalits. Mon choix portera donc avant tout sur deux critres :
la structure des sites et le rfrencement naturel optimis !
N'hsitez pas visiter les sites ci-dessous (Liste non-exhaustive) pour
connatre en dtail leurs propositions :
Structure

URL
rewriting

Tarif

42stores***

CSS

Oui

2 3 % du CA - 39 ou 89 /mois

Ugal

CSS

Oui

19 49 /mois

Enlignetoutsimplement

CSS

Oui

500 + 95 /mois

Myeshop

Tableaux

Oui

300 + 99 300 /mois

Oxatis

Tableaux

Oui

50 /mois

Rentashop

Tableaux

Oui

99 /mois + cl en main : 4300

Store-factory***

CSS

Oui

50 /mois

Wizishop

CSS

Oui

5 % 0,5 % du CA

Kiubi

CSS

Oui

25 95 /mois

ShopFactory*** A

CSS

Oui

400 ou 800

A : achat du logiciel

Loc : location mensuelle

*** mes favories

Sur le march des solutions e-commerce, le paysage est de plus en plus


binaire.
Dun ct, nous avons les solutions SaaS de boutique en ligne cl en main
(Rentashop, Wizishop, Kiubi, 42stores, Oxatis, Powerboutique, Myeshop,
etc) avec leur principe de location au forfait mensuel. Leur force est leur
prix et leur facilit de mise en oeuvre.
De lautre ct, les solutions open source (Prestashop, Magento, Thelia,
Joomla+VirtueMart, etc) qui ncessitent de faire appel un prestataire
pour crer le site. Puissantes, mais qui ncessitent des comptences
techniques pointues dans l'entrepise ou un prestataire maitrisant la bte.
Les 2 ont des avantages et des inconvnients. Et puis... il y a quelques
solutions hybrides qui associent le meilleur des 2 mondes.
Cybershop en fait partie. Cest une solution e-commerce puissante qui
convient des projets ayant un ambition certaine, ou pour des entreprises
ayant dj lexprience de la vente en ligne.
Extrait de l'excellent blog de Ludovic Passamonti.
3. Faire appel un prestataire
Si vous avez un projet ambitieux, comptez entre 5000 et 20 000 pour la
cration de votre e-commerce personnalis.
Attention ! Un projet d'e-commerce ne s'arrte pas l'achat de la solution
technique...

Copyright 2011

Myidees.com

Page 33 sur 106

6. Le cot d'un site Internet


Combien cote un site Internet ?
C'est une question que se posent de nombreuses personnes dsirant passer
par un prestataire pour raliser leur site Internet.
En fait, il est impossible de donner une rponse unique et vidente.
C'est comme si vous me demandiez : combien cote une voiture ?
Je vous rpondrais, voulez-vous une 2 CV ou une Porsche ? Voulez-vous rouler
90 ou 250 Km/heure ?
Pour un site Internet, c'est exactement la mme chose.

Un site Web, pour quel projet ?


Le prestataire doit avoir une ide prcise de votre projet.
tant donn que plusieurs critres entrent en jeu, en premier lieu, c'est vous
de rpondre aux questions suivantes :
Quel est l'objectif de votre site, la clientle vise ?
Quel type de site, voulez-vous crer : un site vitrine, d'information, un
site pour vendre, une boutique en ligne ?
Voulez-vous une charte graphique personnalise ?
Voulez-vous un site statique, un site dynamique ?
Avez-vous dfini l'arborescence de la structure de votre site ?
Quel temps voulez-vous consacrer votre projet ?
Quelles fonctionnalits souhaitez-vous intgrer sur votre site ?
De combien de pages Web avez-vous besoin ?
Avez-vous travaill sur son contenu informatif ?
Souhaitez-vous des mises jour en interne ou en sous-traitance ?
Voulez-vous un rfrencement de votre site dans les moteurs de
recherche et sur combien de mots-cls ?
Souhaitez-vous un suivi de votre rfrencement ?

Cette liste de questions n'est bien videmment pas exhaustive.


En prsentant votre projet sur papier, votre prestataire pourra visualiser au
plus prs vos attentes et vous proposer un devis dtaill.
De cette manire, vous saurez combien cotera votre site Web.

Copyright 2011

Myidees.com

Page 34 sur 106

La mise en ligne d'un site Internet passe par de nombreuses phases :


tude pralable : comprendre les attentes du client, cahier des charges.
La conception :
Fonctionnelle : structure, ergonomie...
Technique : type de programmation, fonctionnalits, optimisation pour le
rfrencement...
Visuelle : charte graphique.
La ralisation :
Cration des pages Web (mise en place du contenu, des photos)
Conformit aux standard du Web (W3C), intgration de la charte
graphique.
L'hbergement : mise en ligne du site.
La promotion :
Rfrencement sur Google, dans les annuaires, change de liens...
La maintenance : les mises jour, la scurit...
Toute ces phases de cration et d'exploitation demandent de nombreuses
heures de travail.
Il ne faut pas croire que vous obtiendrez un site Internet professionnel,
cr dans les rgles de l'art sans dpenser un centime.
Vous trouverez des propositions de cration la location ou pour quelques
euros mais avant de succomber la tentation de ces ralisations prix
discount, posez-vous les questions suivantes :
Est-il conu de manire professionnelle ?
Votre site se tlcharge-t-il rapidement ?
Votre site s'affiche-t-il correctement sur les diffrents navigateurs ?...
De prfrence, optez pour un code ralis en XHTML/CSS.
Combien vais-je payer pour les mises jour ?
Faites attention aux offres qui proposent des CMS tels que Joomla car
qui fera les mises jour des plugins pour scuriser votre site ?
Est-il rfrenable ?
Un site mal conu et non optimis pour le rfrencement sera un lourd
handicap si votre objectif est de toucher une large clientle (pour
vendre par exemple).

Copyright 2011

Myidees.com

Page 35 sur 106

Comment est calcul le prix d'un site Internet ?


mon avis, chaque ralisation se calcule en fonction du nombre d'heures
travailles.
Si vous passez par une socit qui a pignon sur rue et qui emploie une quipe
de personnes ayant des comptences spcifiques et complmentaires, le cot
d'un site basique va trs vite chiffrer.
Selon la fonction de la personne qui travaille sur votre projet (chef de projet,
responsable technique, web designer, dveloppeur Internet, rfrenceur), le
tarif horaire pratiqu varie de 50 70 de l'heure.
Ne faites appel ce genre de structure que si vous tes une PME ou un grand
groupe avec un projet bien spcifique et ambitieux.
Pour raliser un site d'information avec moyen de paiement en ligne, un site
vitrine qui ne demande pas de fonctionnalits pointues, il est prfrable de
passer par un dveloppeur Internet indpendant.
Ayant moins de charges de fonctionnement, il peut se permettre de pratiquer
un taux horaire moindre.
Attention au choix de votre prestataire et de ce qu'il vous
proposera.
N'ayant pas la matrise dans tous les domaines (le design,
le dveloppement Web, le rfrencement ), le prestataire
doit vous aiguiller vers d'autres professionnels pour
combler ses lacunes.
Le tout en un dans les rgles de l'art, par une et une seule
personne, je n'y crois pas...
Voici une liste de sites si vous souhaitez externaliser une partie de vos
activits :
Progonline.com
agentsolo.com
Kob one
Elance.com
Et n'oubliez pas !
Un site Internet est un moyen publicitaire puissant qu'il ne faut pas ngliger.
La principale utilit d'un site est d'tre vu.
Acheter un site sans rsultat, je n'en vois pas l'utilit...
Optez pour la qualit et la visibilit !
Copyright 2011

Myidees.com

Page 36 sur 106

7. retenir !
Nous avons vu dans ce chapitre les diffrentes solutions pour mettre en
ligne un site Internet.
La premire solution est de raliser son site soi-mme, en utilisant des
logiciels tels que KompoZer (gratuit) ou Dreamweaver (payant).
Avec l'diteur KompoZer, il est possible de crer son site en utilisant
uniquement les fonctionnalits de celui-ci (sans connatre le HTML et le CSS).
Mais vous aurez coup sr des problmes d'affichage dans les navigateurs.
Par ailleurs, vous avez la solution des CMS (Content Management System).
Les CMS tels que Joomla, CMS Made Simple, Spip sont personnalisables
jusqu' un certain point.
Bien sr, il existe des CMS payants que l'on peut faire raliser par des
professionnels, mais leur prix risque d'tre prohibitif.
noter : la solution WordPress est une trs bonne solution pour mettre
en ligne un blog ou un site web professionnel.
Conclusion
Pour obtenir ce que vous souhaitez, vous n'avez pas des milliards de choix :
vous apprenez crer votre site Web ou vous passez par un prestataire.
mon avis, que vous soyez particulier ou professionnel (avec un petit budget),
la meilleure solution pour mettre en ligne votre site Web est d'avoir
suffisamment de bases pour le modifier et le faire voluer.

Copyright 2011

Myidees.com

Page 37 sur 106

Dfinir son projet


La premire tape avant la construction de son site Internet est de dfinir son
son but.
Organisez-vous pour que lallure de votre site soit professionnelle, sans pages
manquantes, avec une ergonomie bien pense, avec un contenu bien
structur.
Rflchissez calmement ce que vous attendez de votre site, pour qui vous le
faites et pourquoi.

1. Pourquoi ?
Les raisons davoir un site Internet ne manquent pas : site vitrine pour
prsenter ses produits, dmarcher de nouveaux prospects, vendre en direct,
dvelopper sa popularit auprs du grand public
Voici quelques rponses pour vous aider dans votre rflexion :

Prsenter votre entreprise


Prsenter vos produits / services
Augmenter la notorit de votre entreprise
Raliser de la vente en ligne
Amliorer votre communication externe, pour vos clients, prospects
Amliorer votre communication interne, pour vos commerciaux
Amliorer vos performances commerciales
Raliser une base de donnes clients / prospects
Fidliser votre clientle
Tester un nouveau produit ou service
Augmenter votre zone de prospection
Offrir de linformation
Offrir de nouveaux services vos clients
Noubliez pas ! Votre site doit vous correspondre,
rpondre vos besoins et aux attentes de vos
clients et prospects.
crivez sur une feuille de papier toutes les
ides qui vous passent par la tte.
Ordonnez vos ides et organisez-les en thmes.

Copyright 2011

Myidees.com

Page 38 sur 106

2. Pour qui ?
Cette question est trs importante. Plus votre rponse sera complte, plus
votre site sera adapt la cible que vous visez.
Votre contenu sera en parfaite adquation avec les recherches des internautes.
De plus, vos textes devront tre lgrement diffrents si vous vous adressez
par exemple des particuliers plutt qu des professionnels.
Questions/rponses pour vous aider dans votre projet Web :

Obtenir de nouveaux clients

particuliers
professionnels
adultes
enfants
femmes
hommes

Obtenir de nouveaux distributeurs

Des
Des
Des
Des
Des
Des

VRP
VDI
Grande distribution
Magasins traditionnels

Communiquer en interne / en externe

Avec
Avec
Avec
Avec

vos
vos
vos
vos

clients (fidlisation)
prospects
distributeurs
commerciaux

Vos rponses vous donneront une bonne vision de ce que sera votre site :

votre public cible,


votre message,
les visuels mettre en place,
les fonctionnalits de votre site.

Copyright 2011

Myidees.com

Page 39 sur 106

3. Choisir l'activit idale


Pour gagner de largent avec votre site, consacrez votre site un domaine
dactivit que vous connaissez ou que vous apprciez.
Plus vous serez passionn par les produits ou services que vous proposerez et
plus vos clients potentiels le ressentiront et seront intresss par votre site.
Lors de votre rflexion initiale, de llaboration de votre plan projet, ne perdez
pas de vue ce facteur fondamental.

Utilisez votre exprience passe dans le monde rel (en opposition


avec le monde virtuel dont il est ici question).
Servez-vous de vos connaissances dans un domaine particulier (par
exemple la mode ou le sport), de vos aptitudes personnelles (par
exemple les langues trangres ou encore la cuisine).
Pensez galement faire une recherche en utilisant les principaux
moteurs de recherche afin de savoir combien de sites traitent dj de
votre sujet et comment ces sites traitent du sujet.

vitez de vous lancer dans un site consacr aux tennis de table si vous navez
jamais tenu une raquette !
Cela peut vous sembler illusoire et vous allez peut-tre penser que ce que je
viens dcrire est une vidence, mais dtrompez-vous, car cest l une des
raisons de lchec de certains entrepreneurs du Web.

Copyright 2011

Myidees.com

Page 40 sur 106

4. Les erreurs viter


Se lancer dans la cration d'un site sans avoir prpar son plan.
Mettez noir sur blanc vos ides et envies la base de votre projet.
Dfinissez vos objectifs.

Observez ce qui se fait dj sur Internet dans votre domaine de


prdilection pour vous en inspirer ou justement pour vous diffrencier.

Ne pas avoir clairement dfini sa clientle potentielle.


Ciblez votre future clientle potentielle.
Dterminez prcisment le type de produits ou services que vous
proposerez.
Se jeter tte baisse dans un projet qui nest peut-tre pas viable.
Nhsitez pas tester votre ide auprs de votre famille et de vos
amis avant daller plus loin dans le dveloppement de votre projet.

Vrifiez lintrt quil suscite.


En effet, ce qui vous parat tre une ide gniale est peut tre sans
grand intrt pour le reste du monde

Copyright 2011

Myidees.com

Page 41 sur 106

L'arborescence d'un site Web


Maintenant que vous avez dfini vos objectifs, vous devez regrouper toutes vos
ides dans un plan de site clair, prcis et viable.
Si vous voulez construire une maison, vous attendrez d'avoir des plans bien
prcis avant de commencer. Pour un site Internet, c'est exactement pareil.

1. Hirarchisation de l'information
Lors de l'tape prcdente, vous aviez :
list vos informations,
ordonn vos ides,
organis vos ides en thmes.
Maintenant, pour satisfaire au mieux vos lecteurs, vous devez organiser vos
thmes (groupes d'ides) sous forme hirarchique :
Dfinissez vos rubriques principales.
Chaque thme reprsentera une rubrique de votre site.
Chacune de vos rubriques doit contenir assez d'informations pour
pouvoir les prsenter en thmes logiques sur d'autres pages de
niveau infrieur.
Hirarchisez vos informations l'intrieur de vos rubriques
principales.
Chaque groupe d'informations reprsentera une sous-rubrique.
Pour chaque rubrique, vous pouvez proposer jusqu' 7 sousrubriques.
Essayez de respecter la rgle des 3 clics.
C'est dire : vitez de dpasser quatre niveaux dans
votre arborescence (voir ci-aprs).
Au-del de 3 clics, l'information prsente est
rarement lue !
L'architecture de votre site est aussi importante que les textes eux-mmes
pour donner un sens l'information.
Vous devez laborer l'arborescence de votre site avec la plus grande logique.
Il faut savoir anticiper ce que le visiteur va rechercher et surtout faire en sorte
qu'il ne soit jamais perdu !

Copyright 2011

Myidees.com

Page 42 sur 106

2. Cration d'une carte de site


Cette carte vous aidera identifier les diffrentes pages de votre site, ainsi que
les diffrents liens qui existent entre ces pages.
cette tape de la rflexion, faites un schma sur une feuille de papier.
Notez, pour chaque page, quelques mots pour dcrire son contenu.
Et n'oubliez pas que chacune de vos pages doit fournir un minimum
d'informations !
Niveau 1 : Le sommet de votre hirarchie commence par la page d'accueil.
Niveau 2 : Prsentation de vos rubriques principales d'une manire gnrale et
un sommaire interne la rubrique. Ce sont des pages d'orientation.
Niveau 3 : Prsentation dtaille de vos rubriques principales. Ces sousrubriques sont exclusivement des pages d'information.
Niveau 4 : Prsentation des sous-sous-rubriques. prvoir uniquement si les
pages de niveau 3 sont trop denses en informations.
Prenons par exemple un commerant qui souhaite prsenter son entreprise,
ses produits, mettre en place un forum.
Chaque cadre dessin reprsente une page de votre site.
Chacune de ces pages reprsente une rubrique principale ou une rubrique
dtaille...
Chaque ligne en noir reprsente un lien de navigation.
Schma

Page Accueil

Boutique

Qui sommes-nous

L'entreprise

Descriptif
produit 1

Contact

Descriptif
produit 2

Forum

Page Accueil Niveau 1


Rubrique principale (lments gnraux) Niveau 2
Sous-Rubrique (lments plus spcifiques) Niveau 3

Copyright 2011

Myidees.com

Page 43 sur 106

Vous avez termin votre premier schma prsentant l'arborescence de votre


site.
Avant d'aller plus loin, revenez sur le schma prsent ci-dessus.
Et tudiez la navigation en vous mettant la place de l'utilisateur.
Les chemins qui partent de la page d'accueil vers les rubriques et sousrubriques sont mis en place.
Mais est-ce que l'utilisateur ne voudra-t-il pas prendre un autre chemin pour
obtenir l'information plus rapidement ?
Par exemple, l'utilisateur se trouvant sur la page forum veut parcourir votre
boutique pour visualiser vos diffrents produits.
Devra-t-il remonter la hirarchie et repasser la page d'accueil, pour aller
votre page boutique ?
Bien sr que non ! Mettez en place d'autres liens sur votre carte de site en
rflchissant au comportement de vos utilisateurs, aux chemins qu'ils
aimeraient prendre.
Toujours est-il qu'il ne faut pas mettre des liens partout !
Ne liez pas votre page d'accueil avec toutes les autres pages. Soyez logique...

Page Accueil

Boutique

Qui sommes-nous

L'entreprise

Descriptif
produit 1

Contact

Descriptif
produit 2

Forum

Lien de navigation d'une page une autre

Cette structure hirarchise par thmes est la meilleure manire de procder


lorsqu'il y a beaucoup d'informations prsenter.

Copyright 2011

Myidees.com

Page 44 sur 106

Vous pouvez aussi organiser certaines pages de votre site de manire


squentielle.
C'est dire, exactement de la mme manire que si vous tourniez les pages
d'un livre.

Page 1

Page 2

Page 3

Page 4

Lien de navigation d'une page une autre

Cette structure squentielle est particulirement adapte pour prsenter un


tutoriel, un long texte o le passage la page suivante demande d'avoir pris
connaissance des informations prsentes la page prcdente.
Cette tape est trs importante : la structure cohrente de votre site
Internet en dpendra.
Vous devez crer un site trs facile utiliser.
Faites ce travail sur papier. De cette manire, vous gagnerez normment de
temps.
Ce n'est pas lorsque votre site Internet ressemblera une usine gaz, qu'il
faudra penser tout rorganiser. Je dis a tout hasard.

Copyright 2011

Myidees.com

Page 45 sur 106

3. Rgles respecter
Chaque page de votre site doit rpondre aux questions de l'internaute :
O suis-je ?
O puis-je aller ?
Comment vais-je revenir en arrire ?
Un visiteur perdu est un visiteur du.
Un visiteur du est un visiteur qui est PERDU jamais. Sachez-le !
Votre navigation doit tre cohrente et ce, pour chaque page de votre site.
Rgle N 1 : ralisation d'un menu principal.
Votre menu de navigation principal (horizontal ou vertical) doit tre visible sur
chacune de vos pages.
Prsents sur toutes vos pages, les liens ou boutons de votre menu de
navigation doivent imprativement :
Avoir toujours la mme fonction.
tre placs dans le mme ordre.
Avoir les mmes intituls de rubriques.
De plus, votre menu principal doit prsenter des liens vers vos thmes ou
rubriques les plus importants de votre site Internet.
Cela vous parat peut-tre logique mais sur beaucoup de sites, il faut chercher
pour trouver la page d'accueil.
Certains placent le lien de leur page d'accueil sur leur logo.
C'est trs bien mais cela ne suffit pas.
Placez votre bouton Accueil, toujours en premier sur votre barre de
navigation principale.
Variante : si vous n'utilisez pas de menu principal, vous devez cependant ne
pas oublier de mettre un lien Retour la page d'accueil sur toutes vos pages.
Rgle N 2 : ralisation d'un menu secondaire.
Certains liens doivent tre prsents sur toutes les pages mais ce n'est pas pour
autant qu'il faut les intgrer dans la barre de navigation principale.
Notamment les liens tels que FAQ , Liens utiles, Carte du site, Conditions
gnrales de vente.

Copyright 2011

Myidees.com

Page 46 sur 106

Rgle N 3 : largeur / profondeur du site.


Vous devez quilibrer la largeur et la profondeur de votre site.
Plus votre site est profond , plus l'accs l'information est difficile.
On en revient la rgle des trois clics explique prcdemment.
Plus votre site est large, plus votre site deviendra illisible.
On remarque beaucoup de sites o tous les liens de navigation se trouvent
sans tri logique au premier niveau (menu de gauche, menu horizontal, menu
de droite). C'est vraiment ce qu'il ne faut pas faire !
Sur votre page d'accueil, ne mettez pas plus de 20 liens hypertextes !
Trouvez un juste milieu, entre accessibilit et lisibilit.
Rgle N 4 : l'apparence des liens hypertextes.
Le lien hypertexte est l'essence mme de la navigation sur Internet.
Que se soit un lien interne ou externe, ce lien doit tre :
Explicite.
En lisant l'intitul du lien, l'utilisateur doit avoir une ide de
l'information qu'il va visualiser.
Soulign.
Pour un souci de standard, il est prfrable de souligner tous les liens
hypertextes.
Ce n'est pas l'internaute de chercher vos liens...
Couleur standard.
Il est vrai que nous avons l'habitude des liens non visits en bleu
soulign et les liens visits en rouge pourpre.
Privilgiez cette couleur standard.
Toutefois, si votre design le permet, vous pouvez utiliser une autre
couleur condition que les liens soient toujours aussi visibles et
identifiables.
Ni trop long ni trop court.
Utilisez de deux cinq mots pour dcrire vos liens.
Utilisez des mots qui seront repris sur votre page de destination
(trs bon pour le rfrencement).

Copyright 2011

Myidees.com

Page 47 sur 106

Rgle N 5 : possibilit de revenir en arrire.


Pour une navigation squentielle, vous devez donner la possibilit aux
utilisateurs de revenir en arrire.
Faites un lien Suivant, Prcdent sur chacune de ces pages.
Pour que l'utilisateur sache o il se trouve, vous pouvez mettre en haut de
chaque page ce type d'annotation :
Nom page 1 > Nom page 2 > Nom page 3
Rgle N 6 : zone membres.
Si vous avez l'intention de mettre une zone membres (zone prive), celle-ci
doit tre clairement visible ds la page d'accueil.
Rgle N 7 : les liens externes.
Il est intressant pour le lecteur d'avoir recours des informations
complmentaires la vtre mais ne mettez pas de liens externes profusion.
Surtout, limitez les liens externes qui seraient exclusivement commerciaux.
Vrifiez rgulirement si vos liens externes sont encore valides.
Il serait dommage que vos lecteurs tombent sur des Erreurs 404...
Rgle N 8 : outils d'aide la navigation.
En gnral, un internaute navigue sur un site Internet via les menus ou les
liens hypertextes.
Cependant, vous pouvez mettre en place des outils pour lui faciliter ces
recherches.
Tous ces outils d'aide doivent tre :
- accessibles depuis toutes les pages de votre site,
- tenus jour.

Copyright 2011

Myidees.com

Page 48 sur 106

La carte de site :
Une carte de site permet l'utilisateur d'avoir une vue d'ensemble de votre
site.
Elle constitue une sorte de grande table des matires qui rpertorie de manire
hirarchique toutes les pages du site, et permet de s'y rendre directement en
un clic.
Ds que votre site prendra de l'ampleur (nombre important de pages), il
deviendra ncessaire de la mettre en place.
Les F.A.Q (Frequently Asked Questions) :
Si le fonctionnement de votre service est plus ou moins compliqu, il est
intressant pour le visiteur d'accder directement des questions/rponses.
En rdigeant cette page de F.A.Q, mettez-vous dans la peau de vos lecteurs
afin de rpondre d'une manire prcise aux questions qu'ils sont susceptibles
de se poser.
Son utilit : un gain de temps considrable.
Vous n'aurez plus rpondre par email aux mmes questions.
Vous pourrez complter votre FAQ en fonction des nouvelles questions poses.
Visite guide :
Certains internautes aiment qu'on leur donne la main.
Vous pourrez avec cette page Web, prsenter les points forts de votre site.
Cette page peut, par exemple, assister les visiteurs dans l'utilisation de votre
site, de vos produits ou de vos services.
Rubrique d'aide :
Normalement, aucune documentation ne devrait tre ncessaire pour
comprendre votre site Web.
Cependant, vous pouvez crer des documentations sur des thmes bien prcis
se rapportant directement au sujet de votre site Internet.
Vous pouvez par exemple crer des vidos explicatives sur votre
fonctionnement, sur l'utilisation d'un de vos services...

Copyright 2011

Myidees.com

Page 49 sur 106

Ralisation d'une page Web


1. Techniques de mise en pages
Il existe trois techniques pour raliser la mise en page d'une page Web :
les frames, les tableaux et le CSS.
Un webmaster dbutant serait tent d'utiliser des frames qui semblent au
premier abord plus pratiques que les tableaux.
Le principe des frames (cadres) consiste diviser l'cran en plusieurs fentres
et afficher dans chacune d'elles, des documents HTML bien distincts.
La page ainsi charge ne fait en ralit qu'indiquer quelles autres pages vont
tre affiches dans le navigateur et de quelle manire elles sont organises
(<frameset>).
On peut comparer cette organisation celle d'un tableau dont les cellules
seraient des pages entires.
Exemple : dcoupage d'une page Web en trois zones distinctes.
Le cadre 1 sert pour l'entte (header), le cadre 2 pour la navigation et le cadre
3 pour le contenu de la page qui variera selon le menu slectionn.
Cadre 1

Cadre 2

Cadre 3

Plutt que de rpter un mme ensemble d'lments sur toutes les pages d'un
site, le webmaster peut, grce aux frames, rserver et n'afficher qu'une seule
et unique fois l'entte et la navigation sur l'ensemble de ses pages Web.
De cette manire, le webmaster n'a plus se consacrer qu' un seul lment
indpendant : le corps de la page ddi au contenu.
Les avantages sont :
Simplicit du code.
Menu de navigation toujours prsent l'cran.
Rapidit de mise en page.

Copyright 2011

Myidees.com

Page 50 sur 106

Mais avant de vous lancer, voyons ensemble les inconvnients des frames :
Barre de dfilement pas trs esthtique.
Le cadre 2 ayant une hauteur fixe, si votre corps de page (cadre 3) a
une hauteur suprieure au cadre 2, une barre de dfilement
va apparatre...
Impossibilit de connatre la page visite.
L'URL indique dans la barre d'adresse du navigateur correspond la
page comprenant le frameset donc le visiteur ne peut connatre
l'adresse (URL) de la page visite.
Difficult d'impression.
Il est impossible d'imprimer une page entire. L'impression se fera
uniquement sur le corps de la page (cadre 3).
Non apprcie par les internautes.
Les internautes n'aiment pas ce genre de sites car pour visualiser
l'intgralit d'une page, ils doivent se servir de cette fameuse barre de
dfilement verticale (pas trs commode pour naviguer).
Rfrencement trs dlicat.
Les frames sont incompatibles avec quasiment tous les moteurs de
recherche, dont Google...
Pourquoi ? Un moteur de recherche scanne le texte de la page qu'il
visite or la page initiale de frames ne comporte que trs peu de lignes
de code HTML.
Les frames sont donc viter !
Voyons maintenant pour les tableaux.
Originellement prvus dans le but de mettre en forme des donnes, les
tableaux ont rapidement t dtourns par les auteurs du Web pour combler
un vide qui faisait cruellement dfaut au HTML l'poque : la mise en page.
Avant l'arrive du CSS, les dveloppeurs pensaient avoir trouv la parade avec
les tableaux et ont donc commenc utiliser massivement ces derniers pour
du positionnement et autres mises en page complexes.
Vous allez voir dans l'article ci-aprs que les tableaux sont franchement
inadapts aux exigences d'aujourd'hui, cause de leurs limites notamment en
termes d'accessibilit, de facilit d'utilisation et de maintenance.
Lire cet article.

Copyright 2011

Myidees.com

Page 51 sur 106

2. retenir !
l'heure actuelle, il est facile de crer un site Internet.
En travaillant avec un diteur de cration Web WYSIWYG tel que KompoZer,
vous pouvez mettre en forme directement vos pages Web et visualiser
immdiatement le rsultat sans passer par le code.
WYSIWYG (What You See Is What You Get), ce qui signifie :
Ce que vous voyez est ce que vous obtenez .
Mais vous vous apercevrez trs rapidement, qu'il est ncessaire de connatre
un minimum de HTML, si vous souhaitez concevoir de bonnes pages Web.
Le langage HTML repose sur des rgles bien prcises publies par un
consortium international : le W3C (Word Wide Web Consortium).
Il serait dommage de voir vos pages Web trs bien interprtes par un
navigateur et illisibles par les autres.
Le but est, vous en conviendrez, d'avoir un site Internet qui s'affiche
correctement sur les principaux navigateurs pour obtenir une visibilit
maximale.
Les normes ayant volu, il est important de savoir que W3C a dclar de
nombreuses balises obsoltes ou dprcies. La grande majorit des
webmasters n'ont pas pris en considration ces volutions.
Il n'y a qu' voir le nombre de sites utilisant :
Des tableaux, des frames pour structurer leurs pages Web.
Des proprits de mise en forme interdites telles que <center>, <font>.
Crez votre site en sparant le fond (le contenu) de la forme (prsentation) :
Utilisation du langage HTML pour structurer vos pages Web, insrer du
texte et images.
Application d'une feuille de style (CSS) pour dcrire l'apparence de vos
pages Web.
Bien entendu, vous pouvez mettre en forme vos pages Web en utilisant
uniquement le langage HTML mais dans ce cas, vous ne garantissez pas la
prennit de votre site.
Si vous avez l'habitude de crer vos pages Web avec des tableaux, sans utiliser
les feuilles de style, je vous conseille d'oublier vos mauvaises habitudes.

Copyright 2011

Myidees.com

Page 52 sur 106

La page d'accueil, une page essentielle


1. Comment crer une page d'accueil efficace
La page d'accueil est la premire page qui apparatra l'ouverture de votre
site. Vos visiteurs vont juger votre site par le biais de cette page.
Il est donc trs important que vous la ralisiez avec le plus grand soin.
Votre page d'accueil doit rpondre aux questions des internautes :
Ce site parle de quoi ?
Qu'est-ce que ce site peut m'offrir ?
Comment puis-je accder aux diffrentes informations ?
Y-a-t-il du nouveau depuis ma dernire visite ?
On peut comparer la page d'accueil d'un site Internet la vitrine d'un magasin.
Tant que l'internaute n'a pas cliqu sur un lien, il est toujours au seuil du
magasin.
Le but d'une page d'accueil est donc d'inciter l'internaute franchir ce seuil.
Sachez que votre page d'accueil doit retenir l'attention de votre lecteur et ce,
en quelques secondes, si vous voulez qu'il prenne la peine de visiter les autres
pages de votre site.
Plusieurs tudes dmontrent que les visiteurs prennent seulement 10 secondes
pour dcider si oui ou non ils vont continuer leur visite.
Il est donc primordial d'utiliser ces dix secondes de manire optimale.
Qu'est-ce que cela implique ?
Votre visiteur doit comprendre tout de suite l'objectif de votre site, savoir ce
que vous pouvez lui offrir.
Le message de votre page d'accueil doit tre trs concis :
Rdigez le but, la vocation de votre site Internet avec :
- une accroche de quelques mots,
- une deux phrases comportant de 15 20 mots chacune.
Prsentez 3 ou 4 bonnes raisons au visiteur de rester sur votre site.
- tlchargement d'un ebook,
- proposer vos services,
- proposer au visiteur des articles, une mini formation...

Copyright 2011

Myidees.com

Page 53 sur 106

Voici un exemple d'un message russi :

Sur cette page d'accueil, nous savons tout de suite ce que le site propose :
une aide pour rdiger notre texte sur le Web.
Les colonnes Contexte et Outils sont destines rpondre au besoin de
recherche d'information.
La colonne du milieu, l'ditorial, permet toutefois ceux qui le dsirent, de
faire une consommation immdiate d'information, en l'occurrence une
information contextuelle.
De plus, cette page prsente d'autres bonnes raisons pour ne pas surfer :
proposition de formations, de recevoir des articles.
Vous vous demandez srement quoi sert ce trac en rouge.
Eh bien c'est la trajectoire du regard d'un internaute lorsqu'il dcouvre un site.
Le regard dmarre en haut et gauche de l'cran, se dirige vers le centre, vers
la gauche, revient vers le centre pour finir vers la droite de l'cran.
Vous pouvez donc constater deux choses importantes :
Le premier regard est en haut et gauche de l'cran puis le visiteur porte
rapidement son regard au milieu de la page du site.
C'est prcisment ces endroits que vous devez placer le contenu qui
retiendra l'attention du visiteur.
Voici un trs bon article sur l'tude de suivi du regard, sur la prdominance du
texte sur l'image ou la ncessit d'crire concis. D'autres aspects sont abords,
tels le colonnage, les variations typographiques ou le positionnement des
barres de navigation : redaction.be.

Copyright 2011

Myidees.com

Page 54 sur 106

Voici un exemple de page d'accueil avec les lments indispensables mettre


en place, avec un emplacement respecter :
Header

Url de votre site (ou logo)


Baseline
Navigation principale
Corps de la page : Partie suprieure

Corps de la page : Partie infrieure

Footer

Vos coordonnes

Header (haut de page) :


Les yeux de lutilisateur commenant parcourir le site dans le coin suprieur
gauche, vous devez insrer l'adresse de votre site Web et une baseline.
Baseline : mi-slogan & mi-thmatique, cet lment doit permettre au visiteur
d'avoir une ide de l'objectif de votre site.
Cet lment est capital pour un site non reconnu.
Navigation principale (menu principal) :
En gnral, la barre de navigation se trouve cet emplacement.
Cependant, il n'y a pas de rgle prcise quant son positionnement.
Vous pouvez tout aussi bien crer un site sur deux colonnes et placer votre
menu sur la colonne de gauche ou de droite.
Corps de page :
Sur la partie suprieure, vous dcrirez l'objectif de votre site.
Cette partie doit tre trs are et contenir peu de texte ou d'images.
Vous pouvez renforcer le message en proposant une newsletter ou un cadeau
en tlchargement pour capter l'adresse email du visiteur.
Utilisez la partie infrieure pour des informations de moindre importance.
Footer (bas de page) :
Cette partie n'est pas ngliger ! Mettez vos coordonnes, les conditions
d'utilisation de votre site...

Copyright 2011

Myidees.com

Page 55 sur 106

Votre page d'accueil doit contenir les informations indispensables au contact,


mettre l'aise votre visiteur et lui donner l'impression immdiate qu'il a trouv
le bon site.
Rappelez-vous que vous n'avez aucune notorit.
Il est donc impratif que vos visiteurs puissent vous identifier en tant que
personne physique.
Sur votre page d'accueil doivent figurer :
Votre nom ou celui de votre entreprise.
Votre adresse postale !
Votre adresse mail ou un lien vers une page contact.
Votre N de tlphone si vous souhaitez que l'on vous contacte de
cette manire.

Votre page d'accueil est la page la plus importante de votre site Web.
Prenez le temps de concevoir cette page avec le plus grand soin.
Prenez le temps d'crire un message de qualit qui INVITE le lecteur surfer
sur votre site plutt que sur celui du voisin !
Voyons maintenant ensemble toutes les erreurs ne pas commettre...

Copyright 2011

Myidees.com

Page 56 sur 106

2. Les erreurs viter


Ne pas faire figurer son nom et son adresse postale.
Sans ces lments, vous ne serez pas crdible aux yeux de vos
lecteurs.
C'est lmentaire et obligatoire ! pourtant cette erreur est visible
sur d'innombrables sites. videmment si c'est une arnaque, cela peut
se comprendre...
Crer une page d'accueil trop longue.
1 2 pages d'cran maximum
Ne laissez pas votre visiteur trop longtemps sur la page d'accueil.
Proposer trop de choix ses lecteurs.
Trop de choix tue le choix. Si vous donnez trop de choix votre lecteur,
il n'ira pas o vous voulez qu'il se rende.

Aiguillez votre visiteur vers une ou deux actions, comme par exemple :
lire la suite d'un article, s'abonner votre newsletter, tlcharger une
documentation...

Faire une page tunnel.


Votre page d'accueil doit rester une vraie page d'accueil.
Le genre de page construite avec une image et un message : cliquez
ici pour entrer envoyant vers la vraie page d'accueil est un trs
mauvais procd si vous souhaitez un bon rfrencement !
Mettre des liens externes sur sa page d'accueil.
Le but d'une page d'accueil est que le visiteur visite votre site.
En mettant des liens externes, vous donnez la possibilit vos lecteurs
de s'chapper...
la rigueur, vous pouvez placer des liens partenaires, si vos
partenaires font de mme sur leurs sites ou si ces partenaires placent
votre lien sur des pages fort trafic.

Copyright 2011

Myidees.com

Page 57 sur 106

Mettre de la publicit sur sa page d'accueil.


Exactement pour la mme raison que pour les liens externes :
votre visiteur risque de partir immdiatement sans consulter votre site.
Il est vrai que c'est tentant de mettre une bannire en haut de sa page
d'accueil ou des annonces Google AdSense. C'est vous de voir...
Dans tous les cas, ne transformez pas votre page d'accueil en un
talage de pubs sous prtexte que vous pourriez toucher quelques
commissions.
Utiliser des technologies non standard.
Utilisez du code HTML standard pour vos pages Web.
Oubliez le flash, les applets java... car :
- si votre visiteur n'a pas le bon plugin install sur son ordinateur, il ne
prendra pas le temps de le tlcharger,
- avec ce type de langage, votre page sera beaucoup plus longue se
charger.
Faire une page d'accueil trop lourde.
Votre page doit se charger le plus rapidement possible.
N'oubliez pas que beaucoup de particuliers n'ont pas encore l'ADSL.
Ne pas mettre de barre de navigation.
Votre site doit tre structur de telle manire que votre visiteur trouve
rapidement les principaux thmes de votre site.
Ne faites pas compliqu lorsque vous pouvez faire simple.
Ne pas faire de mises jour.
S'il y a une page que vous devez mettre jour, c'est bien la page
d'accueil.
Montrez vos visiteurs que votre site bouge.
Chaque semaine, vous pouvez par exemple sur la partie infrieure de
votre page, ajouter un petit article, une nouveaut, un lien vers une de
vos pages peu visite.

Copyright 2011

Myidees.com

Page 58 sur 106

Prsentation d'un site Web


Un site bien construit, prsent d'une manire agrable lire avec une
ergonomie bien pense attirera la sympathie de vos lecteurs.

1. Une mise en page russie


La mise en page n'est pas uniquement une question de got.
Elle obit certaines rgles largement prouves, en termes de confort et
d'efficacit.
Voici plusieurs critres prendre en considration pour prsenter le contenu de
votre site de faon attractive :
Prsentez sur chaque page un certain nombre d'informations.
-

le nom de votre site,


l'email de contact,
le nom de la rubrique visite,
le menu de navigation principal
ou la possibilit de retourner sur la page d'accueil...

Rdigez les titres de chacune de vos pages meta tag.


Lorsque vous allez sur un site Internet, un titre apparat tout en haut
de votre cran, au dessus de votre navigateur.
Si le lecteur a ouvert plusieurs fentres, il peut, grce aux titres des
pages Web ouvertes, se reprer dans l'historique de sa consultation.
En ce qui concerne les meta-tag, j'en parle dans le Tome 3 de cette
collection.
Facilitez la lisibilit de vos pages, vos textes (typographie).
Police de caractre :
- N'utilisez pas plus de 3 polices de caractres diffrentes.
- Privilgiez les fontes sans serif : Arial, Verdana, Georgia.
- vitez les polices de caractres spciales.
Taille de caractre :
- Utilisez une taille suffisamment grande.
- Mettez en avant les titres et intertitres en jouant sur la taille des
caractres.
Copyright 2011

Myidees.com

Page 59 sur 106

Majuscules :
- Utilisez les majuscules pour des titres de rubrique.
- vitez les majuscules dans le texte d'un paragraphe.
Italique :
- utiliser uniquement pour les citations ou les titres d'uvres.
Soulignement :
- vitez de souligner du texte autre que les liens hypertextes.
Soignez la prsentation de vos textes et titres.
- vitez les animations ralentissant la navigation.
- vitez les textes clignotants ou dfilants.
- vitez les textes avec des lignes trop longues
(90 caractres maxi/ligne).
- Soignez le contraste entre la couleur de vos textes et celle du fond de
votre page Web.
Respectez la rgle des trois crans.
En gnral, la longueur d'une page ne doit pas dpasser 3 crans
pour limiter le dfilement vertical.
Le premier cran doit rassembler l'essentiel de l'information et inviter
la dcouverte du reste de la page.
Vous pouvez toutefois aller jusqu' 5 ou 6 crans (grand maximum).
Si votre texte est trop long, faites deux pages avec une navigation
suivant, prcdent.
vitez le dfilement horizontal.
Il n'y a rien de plus dsagrable que de se servir du dfilement
horizontal pour voir une page dans son intgralit.
Quelle que soit la rsolution de l'cran de votre utilisateur, faites en
sorte qu'il n'ait pas l'utiliser !

Copyright 2011

Myidees.com

Page 60 sur 106

2. Mise en relief d'une page Web


Avez-vous dj entendu l'expression : lire en diagonale ?
Dans la presse crite, la plupart des gens ont l'habitude de lire de cette
manire lorsqu'ils dmarrent un article.
C'est uniquement aprs avoir t accroch par un titre ou un slogan qu'ils
dcident d'une lecture plus attentive.
Selon Jakob Nielsen, 79 % des internautes lisent toujours en diagonale et
seulement 16 % lisent mot mot !
Sur Internet, il est normal que ce phnomne s'amplifie vu le nombre
d'informations mises disposition de l'internaute.
Qu'est-ce-que cela implique ?
Votre site Web doit rpondre deux objectifs :
Permettre vos lecteurs de trouver rapidement l'information
recherche.
Contenir assez d'informations pour assouvir la soif de vos lecteurs.

Conseils pour mettre en relief vos pages Web :


Arez vos textes.
Un cran ne doit tre rempli qu' 50 % de texte et de graphisme.
Le reste est consacr au fond d'cran.
Faites respirer la page par des espaces vides qui reposeront le lecteur.
Utilisez des titres et des intertitres.
crivez des titres accrocheurs.
En mettant des titres entre les diffrents paragraphes vos visiteurs
auront un aperu global de l'information en un seul coup d'il.
Ne faites pas trop d'espace entre les intertitres et le texte qui suit.
Utilisez des listes puces ou numrotes.
Ce type de liste donne du relief votre page tout en numrant
diffrents lments importants.

Copyright 2011

Myidees.com

Page 61 sur 106

Utilisez la couleur ou la mise en gras pour les mots importants.


Attention de ne pas utiliser la mme couleur que celle utilise pour vos
liens hypertextes.
Utilisez des visuels (images, graphismes, photos).
Choisissez des visuels qui ont un rapport direct avec le contenu de
votre page Web.
Dtachez votre information en plusieurs paragraphes.
crivez de petits paragraphes.
Chacun de vos paragraphes ne doit contenir qu'une seule ide.
Dcoupez votre page Web en plusieurs blocs d'informations.
Dcoupez la page en zones clairement distinctes : zones rserves la
navigation, au contenu...
Encadrez certaines zones de texte.

noter :
Selon une tude dnomme Usage de l'Internet ralise par ISH (Institut des
sciences de l'homme), seulement 17,3 % des internautes lisent un texte
entirement sur cran, alors que 37,3 % lenregistrent pour le lire plus tard, et
que presque la moiti des internautes limpriment.
Il est donc conseill de prvoir une version imprime de vos pages Web ou
de donner la possibilit vos lecteurs de tlcharger une version en PDF.

Copyright 2011

Myidees.com

Page 62 sur 106

3. L'identit graphique
Limportance de lidentit visuelle nest plus dmontrer.
Le contenu dun site peut tre trs riche, mais la premire chose que juge
lutilisateur, cest le graphisme et la faon dont les informations sont
prsentes.
L'identit graphique doit permettre l'utilisateur de reconnatre du premier
coup dil une marque ou une entreprise.
En d'autres termes, l'utilisateur doit reconnatre votre site Internet !
Pour traduire votre identit visuelle, vous devez mettre en place une charte
graphique cohrente pour l'ensemble du site dfinissant les lments
graphiques suivants :
Choix des couleurs (couleurs prdominantes, couleur du fond d'cran).
Taille, couleur et apparence des textes.
Images et boutons du site.
Positionnement des informations.
Vous devez choisir des couleurs adaptes votre domaine d'activit, aux
couleurs de votre entreprise (notamment aux couleurs de votre logo).
Quel que soit le choix des couleurs, il est recommand de dfinir une couleur
prdominante, reprsentant la majeure partie de la page Web, et une ou
plusieurs couleurs secondaires plus dynamiques (plus vives), en moindres
proportions, afin de mettre des lments en exergue.
La couleur dicte une ambiance globale, un look et fournit des motions
(perceptives et affectives) au visiteur.
Il est donc important de les choisir en connaissance de cause.
Voir ce sujet cet excellent article : Webdesign.
L'lment principal dont vous devrez tenir compte est la couleur d'arrire-plan.
C'est elle qui jouera le rle majeur en termes de contraste.
C'est partir de cette couleur, que vous pourrez dterminer les autres couleurs
de votre site, les couleurs de votre texte, des lments de navigation...

Copyright 2011

Myidees.com

Page 63 sur 106

Pour harmoniser les couleurs de vos pages Web, vous pouvez utiliser l'outil
prsent ci-aprs.
Choisissez une couleur prdominante en utilisant les trois rglettes.
Automatiquement, vous obtiendrez des couleurs complmentaires votre
couleur prdominante.
Cliquez sur Randomize pour obtenir d'autres combinaisons de couleur.

Quelques conseils :

N'utilisez pas plus de trois couleurs diffrentes pour votre site


afin de respecter le critre de sobrit.
Choisissez un bon contraste de couleurs.
Exemple : texte noir sur fond blanc.
Choisissez une palette de couleur cohrente.
Ne faites pas de faute de got en utilisant des couleurs qui ne se
marient pas entre elles...
Choisissez des couleurs en fonction de votre cible.
Votre site s'adresse-t-il un public jeune et dynamique, s'inscrit-il dans
une tendance srieuse, sportive...
Faites preuve de professionnalisme !
La qualit de votre charte graphique influencera la crdibilit de votre
site Internet.
vitez par exemple les cliparts (dessins) anims qui sont signe
d'amateurisme.
Soignez vos visuels.
Vos photos doivent tre en rapport avec le contenu et optimises pour
ne pas tre longues charger.
Copyright 2011

Myidees.com

Page 64 sur 106

Pour crer votre propre charte graphique, vous avez trois solutions :
Par vous-mme :
Avantage
- Matrise totale de l'apparence visuelle de votre site.
- Exclusivit de votre charte graphique.
Inconvnient
- Difficile d'obtenir un design d'apparence professionnelle.
- Trs long mettre en place.
En passant par un infographiste, un designer :
Avantage
- Charte graphique exclusive et professionnelle.
- Gain de temps.
Inconvnient
- Son prix (comptez un minimum de 500...).
- Aucun contrle pour les modifications ultrieures.
- Difficult d'obtenir exactement ce que l'on souhaite.
En tlchargeant une charte graphique sur le net :
Avantage
- Charte graphique tout prte l'emploi en un clic.
- Charte graphique professionnelle selon le choix.
- Gratuit ou trs bon march.
Inconvnient
- Aucune exclusivit.
- Obligation d'insrer un lien texte sur les pages de votre site.
Pour mettre en ligne trs rapidement votre site sans rellement vous
proccuper de la partie design, je vous recommande la troisime solution.
La procdure est simple :
-

Choisissez votre kit graphique.


Tlchargez votre kit graphique.
Installez votre kit graphique.
Modifiez la charte graphique votre got, vos couleurs.

Copyright 2011

Myidees.com

Page 65 sur 106

Des chartes graphiques gratuites ou pour quelques dollars, il y en a l'embarras


du choix.
Exemples

Nombre

http://www.styleshout.com/free-templates.php

30

http://www.templateworld.com/

50

http://www.csstemps.info/templates.php

81

http://opensourcetemplates.org/
http://cssnature.org/showcase/page/2/

9
240

http://www.bloggingthemes.com/

29

http://www.freecsstemplates.org/

474

http://www.free-css-templates.com/

219

http://www.opendesigns.org/

1363

http://www.openwebdesign.org/

3688

http://www.templateyes.com/html-templates.htm

60

http://www.sixshootermedia.com/free-templates/

11

http://www.free-css.com/

1176

http://www.ex-designz.net/template/tempcat.asp?cat_id=13

419

http://www.freelayouts.com/websites?order=downloads+desc

1128

http://www.themesbase.com/?page=1

5440

http://www.besttemplatedesign.com/template/index.aspx?
page=0&PageLast=5

300

http://www.dreamtemplate.com/templates/Free_Website_Te
mplates.html

122

http://www.simavera.com/free-web-templates_1.html

20

Plus de 1000 thmes Wordpress


Note Importante !
Si vous souhaitez utiliser un thme gratuit, je vous recommande vivement
de vous limiter aux thmes proposs par Wordpress.org.
Pourquoi ? En trs grande majorit, les sites qui proposent des thmes
gratuits prsentent de nombreux inconvnient tels que : licence et droits
pas souvent respects, des thmes crypts qui ne vous permettra pas de
faire certaines modifications, des liens cachs ou publicits intgrs dans
le thme...

Copyright 2011

Myidees.com

Page 66 sur 106

4. Optimiser ses images


Lorsque vous souhaitez insrer des images sur votre site, il est important de
les optimiser.
Sans cette optimisation, vos pages Web seront bien plus longues charger et
consommeront plus de bande passante.
De plus, avant d'insrer une image, posez-vous la question suivante :
apporte-t-elle un lment supplmentaire au contenu de ma page ?
Il ne sert rien de mettre des images uniquement pour faire beau...

C'est quoi une image ?


Pour faire simple, une image est compose de pixels (picture elements), c'est
dire d'un assemblage de petits points ayant chacun une taille trs infime.
Plus la taille de l'image est grande, plus elle contient de pixels, plus le poids de
l'image est important (poids exprims en octets), plus le temps de chargement
augmente.
Pour vous donner un ordre de grandeur, 100 ko (100 000 octets)
correspondent un temps de chargement d'environ 7 secondes avec un
modem 56 k (tout le monde n'a pas l'ADSL...).
Voir ce sujet le chapitre : votre site est-il fonctionnel ?
En sachant qu'une page Web ne doit pas dpasser 100 ko (grand maximum !),
vous comprenez maintenant pourquoi il est impratif de :
Rduire la taille de vos images.
Rduire le poids de vos images.

Quel format choisir ?


La plupart des webmasters n'utilisent que le format JPEG pour les images de
leurs sites.
C'est pourtant une erreur !
Pour choisir le format d'une image, il faut prendre en considration le type
d'image : est-ce une photographie, un texte, un dessin simple ou un dessin
complexe ?

Copyright 2011

Myidees.com

Page 67 sur 106

Les formats d'images


Il existe trois formats standards parfaitement supports par les navigateurs
actuels :
JPEG (Joint Photographic Experts Group) :
Ce format dont lextension informatique est jpg permet d'enregistrer des
images comportant des millions de couleurs.
Son avantage, c'est qu'il permet une compression rglable.
l'enregistrement, vous pouvez choisir le taux de compression appliquer
l'image.
La compression est destructrice : la diminution du poids de l'image se fera au
prix d'une perte de qualit.
vous de trouver le juste milieu pour obtenir une image de qualit pour un
poids raisonnable.
Ce format est utiliser pour enregistrer des photographies en couleurs ou
des images qui comportent de nombreux dtails.
Ce format ne gre pas la transparence
GIF (Graphics Interchange Format) :
Ce format utilise seulement 256 couleurs, ce qui n'est pas gnant pour
enregistrer des images telles que des logos, graphiques, boutons, images
synthtiques, photographies en noir et blanc.
En revanche, ce format n'est pas adapt pour les photographies couleurs.
C'est le seul format qui permet de crer des animations (sans son).
Ce format gre la transparence.
C'est--dire qu'une des couleurs peut tre non visible. Vous pouvez par
exemple utiliser des images sans avoir la couleur d'arrire plan.
PNG (Portable Network Graphics) :
Il existe deux types de fichiers png : le png8 et le png24.
Png8 utilise 256 couleurs comme le format GIF.
Png24 utilise des millions de couleurs comme le format JPEG.
La compression est non-destructrice, c'est--dire que la compression n'altre
pas la qualit de l'image mais supprime des couleurs superflues.
Ce format convient pour tous types dimages et gre la transparence.

Copyright 2011

Myidees.com

Page 68 sur 106

noter :
Il existe d'autres formats d'images, comme par exemple le BMP ou le TIFF.
Ces formats ne sont pas recommands pour le Web car vous ne pourrez pas
compresser vos images.
Conclusion
Pour les photographies, je vous suggre d'utiliser le format JPEG.
Pour les autres images, vous pouvez utiliser le format GIF ou PNG.
Voir cet article : Le PNG face au GIF.

Un outil simple utiliser


Une fois que vous aurez choisi le bon format denregistrement, vous utiliserez
des outils pour mettre l'image la taille voulue et rduire son poids au
maximum.
Il existe de nombreux logiciels de traitement d'images mais ils sont souvent
compliqus manipuler (exemple : Photoshop, Gimp...).
Pour traiter et optimiser vos images d'une manire simple, je vous
recommande Photofiltre.
Cliquez ICI pour le tlcharger et comprendre son fonctionnement.
-------------------Voici quelques liens vers des sources gratuites d'icnes :
http://icones.pro/
www.iconlook.com/
www.iconfinder.net/

Voici un site gnial pour crer son logo gratuitement :


cooltext.com/

Copyright 2011

Myidees.com

Page 69 sur 106

Crer un site interactif


L'un des avantages d'un site Internet est de pouvoir communiquer facilement
avec ses visiteurs.
Un site Internet n'est pas juste un support informatif ou commercial.
En tant que webmaster, montrez vos visiteurs qu'ils ont de l'importance, que
leurs opinions comptent vos yeux.

1. La page de contact
Lorsquon surfe sur un site Internet, on aime avoir la possibilit de joindre le
webmaster ou lauteur du site visit.
Eh bien figurez-vous que bon nombres de sites et de blogs ne possdent
aucune coordonne de contact.
Sans adresse mail ou N de tlphone, comment voulez-vous qu'un visiteur
puisse vous joindre ?
Comment pouvez-vous donner de la crdibilit votre site Web, si vos visiteurs
ne peuvent entrer en contact avec vous ?
Pour parer cela, deux solutions s'offrent vous pour tablir le contact
avec vos visiteurs :
1. En insrant votre adresse mail sur votre site.
Votre adresse mail peut tre insre sur chaque page de votre site
(footer) ou sur une page Web nomme par exemple : Contacter le
webmaster.
2. En mettant en place un formulaire de contact.
Ainsi les visiteurs crivent leurs messages en remplissant le formulaire
et vous les recevez sur votre messagerie.

Copyright 2011

Myidees.com

Page 70 sur 106

Solution 1 : un simple lien mailto.


Son avantage rside dans sa grande simplicit d'intgration.
Juste un lien hypertexte mettre en place l'endroit voulu.
Ds qu'un utilisateur clique sur ce lien, sa messagerie s'ouvre (ex : Outlook
Express) et permet l'envoi d'un message l'adresse indique dans le lien.
Ex : l'adresse spcifie tant : contact@monsite.com
<a href="mailto:contact@monsite.com">contact</a>
L'inconvnient majeur est que votre adresse email est expose la vue de
tous et surtout des robots (programmes qui scrutent le Web la recherche
d'adresses mail pour faire du spam).
Vous allez donc tre spamm (courrier indsirable).
De plus, de nombreuses personnes n'ont pas configur leur messagerie interne
car elles utilisent la place des Webmails (ex : laposte.net, gmail de
Google...).
Solution 2 : formulaire de contact.
Son avantage rside dans le fait que votre mail tant invisible, vous vitez
ainsi de vous faire spammer.
Mais si votre formulaire n'a pas un systme anti-spam, rien n'empche les
robots de vous spammer.
Donc, choisissez un formulaire de contact qui propose un captcha du type :

Tlchargez un formulaire de contact optimis en Cliquant ICI.


Le code du formulaire propos ci-dessus a l'avantage d'tre lger, de
fonctionner correctement, d'tre compatible avec les navigateurs principaux :
Firefox, Opra, Netscape, IE8...
Son inconvnient :
Si vous ne connaissez pas grand-chose en programmation, vous aurez un peu
de mal raliser son intgration et surtout le modifier aux couleurs de votre
site.

Copyright 2011

Myidees.com

Page 71 sur 106

Conclusion
Le formulaire est de loin plus pratique, plus incitatif et plus agrable quun lien
mailto.
Prfrez lusage dun formulaire, plus complexe mettre en place, mais qui
apporte une puissance non ngligeable la page.
Rpondez !
Les visiteurs qui vous adressent un message doivent
tre traits avec attention... Si vous souhaitez vendre
en ligne, dites-vous que chaque email reu doit tre
considr comme un lment de PROSPECTION.

2. Les coordonnes tlphoniques


Pour ce qui concerne de savoir si vous devez indiquer vos cordonnes
tlphoniques, tout dpendra de vous :
Avez-vous envie de rpondre vos visiteurs pour les renseigner, pour les aider,
les rassurer ?
La grande majorit de vos visiteurs prfreront vous contacter par email.
Donc pas de crainte, vous ne serez pas submerg par les appels tlphoniques.
Il existe deux autres moyens pour tre contact par tlphone sans donner son
numro de tlphone priv :
Cration d'une Hotline tout en tant pay chaque appel :
Anciennement appel Selftelecom, monservicevocal est le premier oprateur
fournir une ligne tlphonique rmunratrice, sans aucun frais, sans
abonnement ni engagement.
Aprs inscription, vous obtenez un numro de tlphone surtax associ
votre numro de tlphone fixe ou portable.
En d'autre termes, 2 lignes tlphoniques pour un seul et mme tlphone.
Avantages :
- Les cots de communication sont inclus dans la facture tlphonique du
client.
- Vous avez donc la possibilit d'tre contact par tlphone en vitant de
donner votre numro de tlphone priv.
- Vous gagnez de l'argent sur chaque appel.

Copyright 2011

Myidees.com

Page 72 sur 106

Inconvnients :
La personne qui vous appellera paiera cher la communication, ce qui est plutt
dissuasif (environ 1,34 /appel + 0,34 /min).
Cette solution est adapte uniquement si vous avez un service bien particulier
fournir : astrologie, voyance, un service vendre, un conseil, une assistance
bien particulire...
Ne mettez pas en place un N surtax sur votre site
uniquement dans le but de gagner de l'argent sur les
appels.
Ce serait malhonnte !

noter : vous pouvez aussi mettre en place un N Indigo pour recevoir des
appels de personnes sans donner votre N de tlphone personnel.
Cette solution est bien moins onreuse pour vos clients (0,12
0,15 /appel).
Pour en savoir plus.
Skype, plus de 200 millions de personnes l'utilisent dans le monde :
Vous pouvez utiliser votre connexion Internet pour convertir votre ordinateur
en tlphone Internet et passer des appels gratuits vers des utilisateurs Skype.
De la mme manire, les utilisateurs de Skype peuvent vous appeler sans
payer.
Pour ce faire, chaque utilisateur doit tlcharger un
petit logiciel sur son ordinateur et tre muni d'un
casque audio.
L'avantage : vous parlez en mains libres, sans
combin.
Vous devez vous dire : mais si la personne ne connat pas Skype ?
Il existe un autre service appel skypeIn , une solution conomique pour
passer des appels tarif rduit de votre ordinateur via Skype vers des
tlphones fixes (0,017 /min) et mobiles (0,164 /min).
Les visiteurs de votre site qui n'utilisent pas Skype peuvent vous contacter en
composant votre N en ligne, votre N Skype.
Pour en savoir plus

Copyright 2011

Myidees.com

Page 73 sur 106

3. Interagir en direct avec ses clients


Un internaute qui dialogue est dj presque un client
Le chat est une alternative efficace et conomique au tlphone comme
canal d'interaction en temps rel.
Vous avez par exemple Plugoo qui propose des services de communication lis
la messagerie instantane.
Le Widget Plugoo offre aux visiteurs de votre site Web la possibilit de vous
contacter en temps rel sur votre Messenger (MSN Messenger, GoogleTalk,
Yahoo! Messenger, AOL AIM, ICQ, Jabber).
Si vous tes en ligne sur votre Messenger, ils
peuvent vous envoyer un message instantan via le
contact Plugoo dans votre liste de contacts et vous
pouvez ainsi chatter avec eux, rpondre leurs
questions.
Vos visiteurs nont aucun logiciel tlcharger ou de
compte crer avant de vous contacter. Ils nont
jamais accs votre adresse de messagerie
instantane.
Les conversations avec vos visiteurs sont strictement
prives.
Les autres visiteurs qui se trouvent au mme instant
sur le site ne voient pas les messages qui transitent.
Vous ne modifiez pas vos habitudes, vous continuez
dutiliser votre Messenger favori.

Sur Internet, il existe de nombreux codes tous prts pour installer un chat
(systme de dialogue en ligne) sur votre site.

Sur le site comscript, vous avez ce chat


express qui a l'avantage d'tre simple
installer et de ne pas utiliser de base de
donnes.
Ce script est idal pour les petits et moyens
sites, et permettra aux webmasters de
dialoguer avec leurs visiteurs.

Copyright 2011

Myidees.com

Page 74 sur 106

4. La newsletter
Cet outil est trs important, absolument indispensable sur votre site !
Son utilit :
En s'inscrivant votre newsletter, vous permettez vos visiteurs de rester en
contact avec vous et dtre informs de toutes les nouveauts ajoutes sur
votre site.
Vous obtenez des adresses mail (opt-in) de qualit car ce sont vos visiteurs qui
ont formul leur accord pour recevoir des informations de votre part et cela na
pas de prix : cest un gage de confiance de la part du visiteur et il vous montre
son intrt pour votre site ou vos produits.
Vous allez donc dsormais pouvoir adresser des emails (messages
publicitaires, informations diverses, mises jour.) vos abonns sans tre
accus de faire du spamming (rprhensible !).
Toutefois, cela ne vous dispense pas dajouter en bas de vos newsletters un
lien de dsinscription qui reste obligatoire et doit permettre toute personne
inscrite votre lettre dinformations dannuler son abonnement tout moment.
Le choix du format :
Il existe deux formats : le texte brut et le HTML.
Avec un format texte, vous pouvez uniquement inclure de la couleur et jouer
sur la taille des caractres.
Une lettre au format HTML est bien plus esthtique car vous pouvez ajouter
des images, des tableaux de la mme manire qu'une page Web.
L'inconvnient, c'est que de nombreuses messageries telles que Webmail ou
Hotmail dsactivent par dfaut l'accs aux images pour amliorer le temps
d'ouverture de l'email.
Si vous choisissez le format HTML, pensez bien :
- intgrer des images lgres pour diminuer le temps de chargement,
- respecter la largeur pour viter que vos lecteurs n'aient se servir des barres
de dfilement (largeur comprise entre 550 et 750 pixels).
Contrairement aux attentes des responsables marketing, les internautes
semblent trs nettement prfrer les emails commerciaux envoys au format
texte. C'est ce que rvle une tude mene par Opt-in News et publie par
Emarketer.

Copyright 2011

Myidees.com

Page 75 sur 106

Selon cette enqute ralise auprs d'internautes ayant reu des emails
publicitaires, 62 % des personnes interroges dclarent prfrer les documents
lectroniques sous format texte.
Vient ensuite le format HTML, 35 %, et enfin, loin derrire, les messages en
Rich Media (3 %). Le faible succs de ce format s'explique certainement par la
ncessit de disposer d'une importante bande passante.
Personnellement, je pense que le format texte est plus adapt pour une
entreprise qui n'a pas prsenter les photos de ses produits.
La priodicit :
Les frquences varient du tout au tout selon le but de votre newsletter.
Certains prfrent le quotidien, dautres le mensuel avec toutes les
priodicits intermdiaires.
Voir ce sujet le Tome 3 : Frquence d'envoi des messages.
Envoi en manuel ou en automatique :
Si votre but est juste d'informer vos lecteurs des nouveauts de votre site, un
simple systme de newsletter suffit.
Si vous souhaitez vendre par email, optez pour un auto-rpondeur.
Voir ce sujet le Tome 3 : Outils utiliser pour envoyer des emails.
5 astuces pour augmenter le taux de lecture de sa newsletter : cliquez ICI.
5 conseils pour faire un emailing : cliquez ICI.
Gestionnaire de newsletter :
Je vous recommande tout particulirement Pop-list.
Ou deux scripts intgrer sur votre site (connaissances en PHP/MySQL
requises) :
- phpmynewsletter
- wanewsletter
Si vous souhaitez un service de haute qualit pour relancer vos clients par
rapport un achat, je vous recommande fortement d'investir dans un
Auto-rpondeur (en anglais).
Auto-rpondeur (en franais)

Copyright 2011

Myidees.com

Page 76 sur 106

5. Dynamiser son site Web


Vos visiteurs doivent toujours ressentir que votre site Internet volue, qu'il est
frquent, qu'ils peuvent participer la vie du site.
Quelques solutions pour rendre votre site dynamique, plus vivant :
Frquence de visite :
Je vous dconseille les compteurs de visites car il est trs simple de fausser le
nombre de visites.
Rien n'empche le webmaster de dfinir un nombre de visiteurs initiaux...
Plus pertinent, vous pouvez utiliser un script qui prsente :
- le nombre de visiteurs quotidiens,
- le nombre de visiteurs en ligne.
Script 3en1 compteur
Module de commentaires :
Cet outil vous permet d'ajouter de l'interactivit votre site, en laissant la
possibilit vos visiteurs de donner leur avis sur diffrents lments de votre
site (documents, images, articles, ...).
Script commentaire v2.2
Sondage en ligne :
Les internautes aiment exprimer leurs opinions. Donc sondez vos internautes
et assurez-vous que votre site offre ce qu'ils attendent.
Avec ce type d'outil interactif, vous pouvez par exemple tester un nouveau
concept, animer votre site (sondage du jour...), une enqute de satisfaction
de vos clients, une tude de march...
Magic Questionnaire
Limesurvey
Livre d'or :
Cet outil est particulirement intressant pour connatre l'avis de vos
visiteurs sur la qualit de votre site Web.
Livre d'or
Signatux (celui que j'utilise)

Copyright 2011

Myidees.com

Page 77 sur 106

Forum :
Un forum est avant tout un site d'change entre le webmaster et ses visiteurs
ainsi que pour les visiteurs entre eux.
Avoir son propre forum est un trs bon moyen de dialogue mais prenez en
compte le temps pass l'administrer...
Mettre en place un forum n'est pas facile si vous n'avez aucune notion de
PHP/MySQL.
Quelques solutions de forums :
phpbb

Forum professionnel

Atouts :
Trs complet, de nombreuses fonctionnalits.
Inconvnients :
- Difficile mettre en place (pour un dbutant).
- Une certaine lenteur dans son excution.

Punbb

Le petit frre de phpbb

Atouts :
- Facile administrer.
- Bien plus rapide que phpbb.
- Code source lisible et bien comment.
- documentation support francophone.
Inconvnients :
- Difficile mettre en place pour un dbutant.
- Moins riche en fonctionnalits que phpbb.

Simplemachines
Atouts :
- Facile administrer.
- Design lgant.
Inconvnients :
- En anglais.
- Peu de documentation.

Copyright 2011

Myidees.com

Page 78 sur 106

nowhere.sheep
Atouts :
- Facile administrer.
- Ne ncessite aucune base de donnes.
Inconvnients :
- Peu de fonctionnalits.
- Peu de documentation.
Si vous n'avez pas envie de vous casser la tte mettre en place un forum,
il existe une trs bonne solution :
Forumactif

Atouts :
- Facile administrer.
- Gratuit.
Inconvnients :
- Options payantes :-).
Si vous souhaitez crer votre propre forum en un clic je vous recommande
celui-ci. Il est gratuit et personnalisable.
Vous obtiendrez un forum sous le nom de domaine :
http://VotreNom.forumactif.com
Options payantes :
- Votre propre nom de domaine : 15 /an.
- Suppression de la publicit Google AdSense : 20 /an.
- Espace de stockage supplmentaire : 5 /an pour 500 Mo.
Pour 35 /an, vous obtenez donc un forum professionnel, hberg sur leur
serveur et 20 Mo d'espace de stockage (bien suffisant pour dmarrer).
De plus, un forum d'entraide est mis votre disposition pour rpondre
vos questions.

Copyright 2011

Myidees.com

Page 79 sur 106

Nous avons vu dans ce chapitre qu'un site doit tmoigner d'une certaine
interactivit.
Si vous dbutez, et c'est comprhensible, vous n'avez srement pas envie
de passer normment de temps intgrer les outils que je vous propose.
Avec Iservice, vous avez la possibilit d'ajouter tout un tas de
services et de fonctionnalits sur votre site sans savoir pratiquer la
programmation.
Du sur mesure...
Vous pouvez par exemple ajouter des fonctionnalits trs professionnelles
sur votre site telles que :
Une newsletter.
Un livre d'or.
Un forum.
Un service de petites annonces.
Un module de news, de sondage.
Proposer un espace de partenariat ou dchange de bannires.
Installer un compteur de clics ou de visites...
Ce service est gratuit si vous acceptez qu'Iservice affiche de la publicit
pour ses services (non recommand).
Il est prfrable de prendre un abonnement Sylver (24 H.T/an) ou Gold
(60 H.T /an).
Vu la qualit de leurs scripts, la garantie d'obtenir des codes scuriss, je
trouve que les prix d'abonnement sont justifis.
Pour en savoir plus, Cliquez ICI.
Avec Service Webmaster, vous aurez accs une multitude d'outils pour
webmasters et des scripts en PHP/AJAX.
Les outils proposs sont trs professionnels et le responsable est trs
ractifs aux demandes de ses clients.
Personnellement, c'est celui que j'utilise pour mes modules
commentaires sur Comment gagner sur internet
Il propose deux abonnements : 2 ou 4 euros/mois.
L encore, le prix est plus que justifi !

Copyright 2011

Myidees.com

Page 80 sur 106

Crer un site fonctionnel


Dans ce chapitre, vous allez prendre connaissance des diffrents points
respecter pour obtenir un site fonctionnel, c'est--dire un site rpondant aux
exigences du Web.

1. La vitesse de tlchargement
Lorsque je vous expliquais quelques chapitres plus haut qu'il faut rduire le
poids de vos images, c'est bel et bien pour acclrer le chargement de votre
site Web.
Le poids maximal d'une page Web (photos + texte) devrait, en gnral, ne pas
dpasser 100 ko.
Sachez que 100 ko sont vite atteints si vous insrez plusieurs photos sur votre
page Web.
tant donn que chaque image insre sur votre site ralentit le chargement de
votre page Web, choisissez uniquement celles qui donnent une relle plusvalue au contenu de votre page.
La majorit des internautes ont accs l'ADSL mais ce n'est pas pour autant
qu'ils ne peuvent pas rencontrer des problmes de performance tels que la
surcharge du rseau aux heures de pointe.
De plus, il faut prendre en compte les internautes (environ 2 millions)
connects en bas dbit.
Le haut dbit se maintient 93 % des
internautes en France.
Le nombre d'internautes de plus de 11 ans
connects l'Internet haut dbit chez eux a
progress de 14 % en un an, 25,81 millions.
Mais ceux connects en bas dbit ont augment
encore plus vite, de 15,4 %, selon Mdiamtrie.

Il est estim que, si une page ne s'affiche pas dans les 5 8 secondes, vous
perdrez 1/3 de vos visiteurs.
Donc, le but est de faire en sorte que la grande majorit de vos lecteurs puisse
accder votre site Internet de manire rapide !

Copyright 2011

Myidees.com

Page 81 sur 106

Quel est le temps de chargement d'une page Web 100 ko selon les
diffrentes connexions utilises par vos visiteurs ?
Connexion

Dbit maximal (thorique)


en rception

Temps de chargement
Thorie

Pratique

Modem 56K

7 kilo-octets/seconde

14,28 secondes

7,14 secondes

ADSL 128

16 kilo-octets/seconde

6,25 secondes

3,12 secondes

ADSL 256

32 kilo-octets/seconde

3,12 secondes

1,56 secondes

ADSL 512

64 kilo-octets/seconde

1,56 secondes

0,78 secondes

ADSL 1024

128 kilo-octets/seconde

0,78 seconde

0,39 seconde

ADSL 2048

256 kilo-octets/seconde

0,39 seconde

0,19 seconde

Comprendre l'ADSL : Cliquez ICI

Vous remarquez sur le tableau ci-dessus qu'un internaute qui utilise un modem
56K doit attendre patiemment pour visualiser votre page Web !
C'est pourquoi de nombreux webmasters expriments vous conseilleront de
limiter votre page d'accueil non pas 100 ko mais 50 ko.
Comment connatre le temps de chargement de vos pages Web ?
Vous pouvez utiliser ce logiciel watson.addy.
Il est en anglais mais c'est trs simple pour en comprendre le fonctionnement.
Insrez l'URL de votre page Web.
Cochez la case : Compute estimated download
speeds.
Vous allez obtenir un tableau comme ci-dessous.
Size in bytes : taille ou poids de la page.
1 byte = 1 octet => 44553 = 44,553 KO
T1 : ADSL 256
Les modems 14,4 33,6 n'existent plus...

noter : avec cette application, vous pouvez aussi analyser votre code HTML,
vrifier vos liens, vos images, etc.

Copyright 2011

Myidees.com

Page 82 sur 106

2. La rsolution d'cran des utilisateurs


Avant de choisir la taille de votre site, vous devez prendre en considration
la rsolution d'cran de vos utilisateurs.
Les internautes utilisent majoritairement les
rsolutions 1024 x 768 et 1280 x 1024.
Environ 8 % des internautes naviguent encore
avec une rsolution de 800 x 600 sur des
crans de 15 pouces.
Choisir sa rsolution d'cran

Source : Journal du Net.

La plus grande erreur que vous pourriez faire serait de crer un site Web qui
aurait une largeur plus importante que la largeur de l'cran de la majorit de
vos visiteurs.
tant donn que 90 % des internautes utilisent une rsolution d'cran
suprieure 1024 px de large, les designers prconisent donc de crer un site
Internet occupant un espace de 960 px de large pour 620 px de hauteur.
Pourquoi 960 px au lieu de 1024 px ?
En crant un site de 960 px de large, la page apparatra entirement sans
avoir se servir du scrolling horizontal, tout en laissant des marges droite et
gauche de l'cran pour prsenter la couleur du fond d'cran.
Pourquoi 620 px au lieu de 768 px ?
Il faut prendre en compte l'espace above-the-fold, c'est dire la partie visible
de la page sans que l'utilisateur n'ait besoin de se servir de l'ascenseur
(scrolling) vertical.
Il faut donc retirer la hauteur alloue la barre d'outils :

Vous pouvez crer votre site de 2 manires, soit en utilisant


des tailles fixes (px), soit avec des tailles relatives (%).
La 2e solution a l'avantage d'tre flexible mais donne
rarement un bon rsultat sur tous les navigateurs.
Je vous recommande d'utiliser les tailles fixes et de centrer
votre site au milieu de l'cran.

Copyright 2011

Myidees.com

Page 83 sur 106

3. Adapter son site aux navigateurs du Web


C'est quoi un navigateur ?
Un navigateur Web ou navigateur Internet est un logiciel qui vous permet de
naviguer (surfer) sur Internet.
Autrement dit, sans navigateur, impossible d'accder Internet.
Les principaux navigateurs utiliss :
Navigateurs

Parts des navigateurs utiliss par les Franais (%)

Internet Explorer

47,9%

Mozilla/Firefox

29,3%

Chrome

12,8%

Safari

7,8%

Opra

0,6%

Autres

1,6%

Source : Journal du Net.

En visualisant ce tableau, il n'y a pas photo !


Votre site doit s'afficher correctement sur le navigateur Internet Explorer et
Mozilla car plus de 77 % des internautes les utilisent.
En affichant votre site Internet sur les diffrents navigateurs, vous verrez qu'il
n'apparatra pas exactement de la mme manire.
Donc c'est vous d'adapter votre site aux navigateurs, en prenant en compte
les petites variations visuelles lies ceux-ci.
Comment tester son site sur les diffrents navigateurs ?
Vous avez deux possibilits : soit en local, soit en ligne.
En local, c'est dire sur votre ordinateur, je vous recommande d'installer au
minimum en plus d'Internet Explorer :
Firefox
Chrome

Copyright 2011

Myidees.com

Page 84 sur 106

Pour tester en Local les diffrentes versions de IE, utilisez IETester.


Tlchargez cette application : Download IETester v0.2.3.
Et excuter cette application.
hugownffffff2

Pour tester en ligne les diffrentes versions de FireFox, utilisez Scapture.

Avec cet outil, vous avez aussi la possibilit de visualiser l'affichage de vos
pages Web selon diffrentes rsolutions d'cran. Gnial non !
Pour en savoir plus : Tester son site.

Copyright 2011

Myidees.com

Page 85 sur 106

Les outils de statistiques utiliser


Il est intressant d'tudier le comportement de vos visiteurs lorsqu'ils surfent
sur votre site.

1. Connatre le comportement de ses visiteurs


Avec un outil de statistiques, vous allez apprendre exactement comment ils
naviguent sur votre site et ce que vos visiteurs regardent :
Les pages populaires, les pages les plus demandes.
Le nombre de pages vues par visite.
Le nombre de visiteurs par jour, par mois...
Le type de navigateur utilis par vos visiteurs (Internet Explorer...).
Le systme d'exploitation utilis par vos visiteurs (Windows, Mac
Os...).
Le domaine source : les noms de domaine (URL) o vos visiteurs ont
trouv un lien vers votre site.
Bref, vous aurez votre disposition normment d'informations qui vous
seront utiles pour optimiser, amliorer la structure de votre site.
Par exemple, si vous voyez que vos visiteurs visitent uniquement votre page
d'accueil, vous devez revoir votre page d'accueil afin de la rendre plus
attractive et ainsi les pousser aller plus loin.
Autre exemple, vous remarquez qu'une page de votre site n'est jamais visite.
C'est peut tre tout simplement le lien qui n'est pas assez visible (mal plac).
Si vous avez opt pour un hbergement payant, vous trouverez des outils
statistiques plus ou moins performants selon l'hbergeur.
Il existe deux types de statistiques Web :
Statistiques issues d'un serveur Web :
Ces statistiques, proposes par votre hbergeur sont en fait une
lecture des fichiers logs (archives des connexions votre site).
Exemples : Webtrends, Webaliser.
Statistiques issues d'un serveur distant :
Il existe une multitude de systmes, des gratuits et des payants.
Exemples : Xiti, Estats , Weborama.

Copyright 2011

Myidees.com

Page 86 sur 106

Le problme est qu'il y a une norme diffrence entre les rsultats mis par les
deux types de statistiques nomms plus haut.
Si vous voulez comprendre pourquoi, je vous recommande de lire cet article.
Donc ne vous fiez pas uniquement aux statistiques de l'outil propos par votre
hbergement.
Par exemple, pour le calcul du nombre de vos visiteurs, l'outil inclut
les visites des robots de recherche, ce qui entrane une forte augmentation du
nombre de visiteurs...
Optez pour l'utilisation d'un outil de statistiques d'un serveur distant tel que :
Google Analytics
Ce logiciel appel Urchin cotait environ
500 euros/mois.
Lors du rachat de ce logiciel par Google, il est
pass 200 /mois.
Avec quelques fonctionnalits en moins, vous
pouvez maintenant l'obtenir gratuitement !
Sans pub, sans aucune obligation...
Juste un script placer sur votre site.
Comment a marche ? Vous avez juste ouvrir un compte chez Google
Analytics et copier un code sur chaque page Web dont vous souhaitez effectuer
le suivi (en le plaant juste avant la balise </body>).
Vous pouvez aussi utiliser Google Analytics en utilisant l'interface de Google
AdWords (par le biais d'un onglet).
Une aide en ligne est accessible sur le centre d'assistance Google Analytics.
Xiti
Xiti propose une version gratuite performante.
Cette version offre les indicateurs de base vous
permettant dobtenir une vision globale de la
frquentation de votre site.
Utilise par plus de 200 000 sites, elle offre la
fiabilit et la crdibilit du standard
francophone de la mesure de frquentation.
L'inconvnient est que la version gratuite de Xiti vous oblige placer sur les
pages de votre site une image qui sert de marqueur.
Vous avez aussi la solution d'utiliser votre propre script, en plaant un
marqueur javascript sur vos pages Web.
Le meilleur, mon sens, dans cette catgorie est phpMyVisites.
Voici un comparatif de ces trois outils.
Copyright 2011

Myidees.com

Page 87 sur 106

Il existe une forme de statistiques trs importante : le positionnement de votre


site sur les moteurs de recherches.

2. Outils de positionnement
Des outils peuvent enregistrer votre positionnement sur de nombreux moteurs
et ainsi vous avez la possibilit de visualiser pour chaque robot les rsultats
sur des graphiques.
Ceci vous permet de connatre trs rapidement les modifications apporter sur
votre site afin d'amliorer son positionnement (voir le Tome 3).
Il en existe deux trs performants s'adressant surtout aux professionnels du
rfrencement et du e-marketing :
AgentWebRanking
Ce logiciel permet d'effectuer des audits de
positionnement et de rfrencement de sites Web sur
les moteurs de recherches.
Il vous permet de gnrer des rapports personnaliss
(logo de votre socit, site, URL...), de comparer
plusieurs sites concurrents, de comparer des rapports
de positionnement dans le temps...
2 versions : 165 ou 550 /an
Yooda SeeUrank
De qualit quivalente AgentWebRanking,
ce logiciel a t conu pour rpondre aux exigences des
rfrenceurs professionnels.
Son ergonomie et sa facilit de prise en main en font un
produit galement adapt aux besoins de tous les
responsables de sites Web.
2 versions : 390 ou 690 /an

Copyright 2011

Myidees.com

Page 88 sur 106

Les moyens de paiement utiliser


Pour vendre et encaisser votre argent sur Internet, vous disposez de plusieurs
mthodes.

1. Paiements bancaires
Avec le dveloppement du commerce lectronique (e-commerce), toutes les
banques ont mis en place des moyens de paiement scuris qui vitent au
consommateur de communiquer au site marchand son numro de carte
bancaire :
Banque Populaire : Cyber Paiement
BNP-Paribas : Mercanet
Caisse d'pargne : SPPlus
Crdit Agricole : E-transactions
Crdit Lyonnais : Sherlocks
Crdit Mutuel : Cybermut
La Banque Postale : Scellius
Socit Gnrale : Sognactif

Si vous avez choisi de crer une boutique en ligne (e-commerce), votre banque
vous permettra de scuriser tous les paiements pour des achats effectus sur
votre site.
Cest votre banque qui prend en charge la scurisation via une interface cre
par elle mme.
Comme vous vous en doutez, ce service vous sera factur selon un barme
que votre banquier se fera un plaisir de vous fournir.
Cette solution est excellente car elle rassure vos clients et ils peuvent payer
avec leur carte bancaire sans difficults particulires.
Parfois, mme si votre client utilise une carte dbit diffr, cela lui permettra
de bnficier dun petit laps de temps avant que son compte soit dbit.
Vous devrez souscrire un contrat de vente distance (VAD).
Les frais sont variables selon les banques :
- frais de contrat (150 250 ),
- abonnement mensuel (15 50 ),
- commission sur chaque transaction (0,5 % 1,5 %),
- cot fixe par transaction : 0 0,2 .
Renseignez-vous auprs de votre banquier pour obtenir toutes les informations
ncessaires.
Copyright 2011

Myidees.com

Page 89 sur 106

2. Paiement interbancaires
Paybox Services vous permet de choisir votre tablissement bancaire.
Si vous souhaitez ne pas tre dpendant d'une banque, je vous suggre
Paybox. Plus de 7000 commerces l'utilisent...
Paybox vous apporte donc toute l'indpendance
souhaite, aussi bien au niveau du large choix de
cartes acceptes qu'au niveau de vos ventuels
changements de banque.
Vous obtiendrez une plateforme de paiement scuris et un Back Office
complet et performant (Saisie, Crdit, Statistiques, Journal, Black List).
La seule condition : tre titulaire d'un contrat de vente distance.
Mise en service : 390 H.T.
Abonnement mensuel : 23,74 H.T.
Au-del de 100 transactions /mois : 0, 069 /transaction.
La banque vous prlvera les frais qui sont lis votre contrat commerant,
(cela sappelle la commission interbancaire).
Elle est ngocie selon votre CA potentiel et le prix moyen des ventes.
PayPal est la plateforme scurise de paiement lectronique par excellence
sur Internet. Cest plus de 100 millions de comptes en service...
Avec PayPal, vous pouvez vendre sur Internet, sans
aucun frais au dmarrage !
Linscription est entirement GRATUITE, trs simple
et rapide.
Inconvnient : le cot par transaction.
Trs simple mettre en place, vous avez juste un script insrer pour obtenir
un bouton PayPal qui renvoie vers une page de paiement scurise.
Ventes mensuelles

Cot par transaction

De 0 2500

3,4 % + 0,25

Plus de 2500 10000

2,0 % + 0,25

Plus de 10000 50 000

1,8 % + 0,25

noter :
PayPal est la solution idale pour dmarrer une affaire sur Internet.
Lorsque vous faites un nombre de transactions important, il est plus
avantageux d'investir dans un systme de paiement propos par une banque
ou Paybox. Comparatif PayPal et autres comptes bancaires.
Copyright 2011

Myidees.com

Page 90 sur 106

3. Micro Paiement
Comme le nom lindique, ce sont des organismes qui vous proposent de
montiser vos produits et den proposer lacquisition pour des montants qui
nexcdent gnralement pas 50 euros.
Je vais vous prsenter le leader de ce march :
ALLOPASS vous permet de vendre vos produits partir du prix dun appel
tlphonique surtax.
Le principe est trs simple, le client qui dsire acqurir votre produit doit, selon
sa localisation gographique, appeler un numro de tlphone surtax et vous
serez pay via le reversement dune fraction du prix de cet appel.
Hormis la possibilit de montiser vos produits, vous pourrez galement :
Vous inscrire de nombreux programmes daffiliation montiss par
cette plateforme.
Acheter des codes pour vos propres achats tarif rduit en utilisant
vos propres gains.
Linscription sur la plateforme Allopass est
entirement GRATUITE et trs rapide.
Allopass reste un essentiel, car de trs nombreux
programmes l'utilisent comme option de paiement et
les clients apprcient ce service.
Ouvrir un compte Allopass
Il est galement possible de faire payer vos produits par carte bancaire via la
plateforme Allopass concurrence de 50 euros, mais celle-ci ntant pas
spcialise dans ce type de transaction, les frais sont excessivement levs,
pour ne pas dire prohibitifs
Prfrez l'utilisation de ce type de montisation pour des produits dont le prix
nexcde pas une dizaine d'euros et limitez-vous la proposition dachats de
codes par tlphone.
noter :
Il existe un autre organisme trs correct, qui propose un service de micro
paiement, la possibilit de crer son propre programme d'affiliation, etc.

Copyright 2011

Myidees.com

Page 91 sur 106

Mettre du son, de la vido


1. Intgrer du son sur son site
Vous avez plusieurs solutions pour mettre de la musique sur votre site Web.
Le plus simple est d'utiliser Dewplayer.

Ce lecteur trs lger (4 ko) vous fournira les fonctions ncessaires : lecture,
pause, stop. Il est gratuit, alors pourquoi s'en priver ?
Pour l'installer et comprendre son fonctionnement cliquez ICI.
Il y a une autre manire de mettre du son, votre propre voix, votre message !
Si je pouvais vous montrer une faon trs simple d'ajouter de l'audio sur votre
site pour attirer l'attention de vos visiteurs, augmenter votre crdibilit et vos
ventes, en quelques clics seulement, seriez-vous intress ?

Vous avez aussi Impact Web Audio utilise les trucs des
pros pour transformer un audio banal en audio
professionnel !
De quelle manire ? C'est simple, il ajoute un fond
musical qui masque les imperfections derrire la voix.
Impact Web Audio est simple d'utilisation.
Pour le dcouvrir cliquez Ici
noter :
Pour enregistrer sa voix, il faut un micro et un logiciel audio.
Tlcharger Audacity
Tutoriels Audacity

Copyright 2011

Myidees.com

Page 92 sur 106

2. Intgrer une vido sur son site


Vous pouvez faire deux types de vidos :
Prsenter un message en vous filmant avec votre Webcam.
Raliser une capture vido de l'cran de votre ordinateur.

Pour prsenter un message au travers d'une vido, je vous propose


ci-dessous diffrents outils gratuits.
tape N1 : cration de la vido.
Il vous faut un logiciel pour enregistrer votre vido avec une Webcam.
Sous Windows XP : tlchargez Windows Movie Maker (en anglais).
Sous Vista : tlchargez Debut Video Capture (en anglais).
Sous Win2000/XP/Vista/7 : Webcam Companion.
Bien entendu, il en existe d'autres : cliquez ICI.
Je vous recommande Webcam Companion car il est entirement en franais et
vraiment trs simple d'utilisation.
Votre fichier vido aura pour extension .wmv, bien trop lourd pour penser
l'insrer sur un site.
tape N2 : format de la vido.
Il faudra donc convertir ce format en flv.
Tlchargez Format Factory (choisissez Europe site).
Vraiment trs simple d'emploi :
cliquez sur tout type vers .FLV, une fentre s'ouvre :
cliquez sur ajouter un fichier (rcuprez sur votre ordinateur le fichier de
votre vido),
cliquez sur OK (la fentre se ferme),
cliquez sur Dmarrer (barre de menu) : automatiquement votre
fichier.wmv est converti en .flv,
cliquez sur Dossier de destination pour retrouver votre fichier converti.

Copyright 2011

Myidees.com

Page 93 sur 106

tape N3 : hbergement de la vido.


1) La solution la moins contraignante est d'hberger sa vido sur YouTube,
Dailymotion, Google vido, etc.
Dans ce cas, vous devez crer un compte pour uploader votre vido.
Il ne vous restera plus qu' insrer le code HTML fourni pour intgrer la vido
sur votre site.
Le code fourni n'tant pas valide au standard W3C, lisez cet article.
2) La deuxime solution est d'hberger ses vidos sur son propre
hbergement.
Dans ce cas, il faut trouver un lecteur de vido FLV en Flash.
Il en existe de nombreux... Je vous en propose un o tout se passe en ligne :
FLV-Player
Choisissez le type : normal, maxi...
Cliquez sur Gnrateur.
Indiquez l'URL o se trouve votre fichier vido sur votre serveur
(hbergement).
Ex. : http://votresite.com/dossiervideo/fichier.flv
Mettez sur 1, l'autoplay si vous voulez que la vido dmarre en
automatique, etc.
Copiez le code HTML et insrez-le sur une de vos pages Web.

Et voil votre vido en ligne !


noter :
Pour ceux qui utilisent le navigateur Mozilla, celui-ci demande de tlcharger
un plugin pour lire les fichiers en .flv.

Autre solution trs intressante :


Free Vido Flash to Converter convertit facilement votre vido au format
flv. Ce logiciel va crer plusieurs fichiers que vous apprendrez exploiter
pour intgrer la vido votre page Web.
De plus, le code gnr par le logiciel et qui permet d'afficher la vido sur
votre site passe avec succs les tests de validation du W3C, organisme qui
dfinit les normes sur Internet.
Voici une vido qui explique tout en dtail : tutoriel anim

Copyright 2011

Myidees.com

Page 94 sur 106

La meilleure faon de prsenter un produit tel qu'un logiciel est


d'enregistrer et de mettre en ligne des vidos explicatives captures
directement partir de votre cran.
On appelle cette capture vido de l'cran un screencast.
En fonction de logiciel choisi, vous pouvez ajouter du texte, une bande
son, effectuer un zoom, raliser une exportation flash
Screen Toaster (gratuit)
Service en ligne. Efficace si vous souhaitez faire des screencasts rapides et
simples. Il accepte lenregistrement audio.
La vido peut tre envoy sur Youtube.
CamStudio (gratuit)
Il est en anglais propos avec un module en franais.
Ce logiciel est souvent recommand et pourtant...
La qualit des images est moyenne (problme dans les dgrads), le son
est de mauvaise qualit (accrochages).
Camtasia Studio (payant)
ne pas confondre avec CamStudio. C'est le jour et la nuit.
Il dispose dune interface ddition en franais, performante et intuitive.
De nombreuses possibilits : intgration de textes, zoom, bande son,
niveaux de compression, exportation sous diffrents formats
La qualit des images et du son est excellente.
Si vous souhaitez faire un enregistrement vido d'un cran d'ordinateur
accompagn d'une narration audio, je vous le recommande fortement.
Petit bmol ! La qualit a un prix : environ 300 .
Pour dautres logiciels, consultez cette liste.
La vido pour Mac c'est la fois simple et compliqu.
Depuis que la Webcam de Mac (iSight) est intgre au Mac luimme, comme le micro l'est depuis toujours, vous pouvez faire une
vido qui ne cote rien, puisque le Mac est livr avec iMovie.
Si en revanche vous voulez faire une screencast, il faut acheter un
logiciel du type :
- SnapzProX (69 $) / Screenium (29 $) / Screenflow (99 $).
Tous ces logiciels fabriquent des fichiers .mov, qu'il faut convertir en
flv pour utilisation sur un site.
Avec par exemple : Media Convert

Copyright 2011

Myidees.com

Page 95 sur 106

Le pouvoir d'un popup russi


Vous savez srement ce qu'est un popup.
Gnralement, il s'agit d'un message publicitaire cibl, d'une petite fentre qui
s'ouvre automatiquement lorsqu'on accde une page Web.
En gnral, cette fentre surgit l'cran de manire trs dsagrable pour
l'internaute.
Mais le pouvoir du popup n'est plus dmontrer car il est un bon moyen
pour capter immdiatement l'attention de vos visiteurs.
Vous pouvez l'utiliser pour :
Prsenter une promotion.
Prsenter un nouveau produit.
Proposer un cadeau l'internaute contre son adresse mail...
Il y a deux conditions pour qu'un popup soit efficace :
Il ne doit pas tre agressif, ne doit pas tre gnant.
Il ne doit pas tre bloqu par les logiciels anti-popups.
Vous trouverez de nombreuses solutions pour crer un popup.
Voici ma slection :
1) Impact Popup
Impact Popup ne cre aucune nouvelle fentre agressive. En fait, votre message cr avec Impact
popup fera partie intgrante de votre page web, comme un post-it.
Celui-ci me semble la fois efficace, simple personnaliser, simple intgrer
sur une page, avec un look qui sort de l'ordinaire.
2) Popup Domination
Trs bon Plugin Wordpress qui permet de mettre en place un popup attractif.
Un bon moyen pour augmenter les inscriptions votre newsletter.
3) Popup gnr avec Aweber
L'auto-rpondeur Aweber permet de gnrer des popups de la mme manire
que Popup Domination.
La configuration est trs simple.

Copyright 2011

Myidees.com

Page 96 sur 106

4) Capteur de sortie
Il existe aussi une autre forme de popup trs intressant :
Au lieu d'afficher une fentre l'ouverture d'un site Web, vous pouvez placer
un popup qui s'affiche uniquement lorsqu'il dtecte que l'internaute est sur le
point de quitter votre site. Ce popup s'appelle un capteur de sortie.
Il en existe sous plusieurs formes.
On trouve par exemple des scripts PHP qui doivent tre chargs (transmis via
FTP) sur le serveur de votre hbergeur de site (il n'est pas compatible avec
100 % des hbergements).
Et ExitGrabber, un logiciel qui ne demande aucune installation et est beaucoup
plus facile utiliser (fonctionne uniquement sous Windows).
C'est donc un bon moyen pour faire ragir une personne qui veut quitter votre
site. Ce sera le moment de prsenter sur cette fentre (capteur de sortie) vos
promotions, l'inscription votre mailing-liste, faire une offre que l'internaute
ne peut refuser...
5) Peel away ads
C'est une publicit d'un nouveau genre incroyablement efficaces dans le
processus de captation du regard et de l'attention des visiteurs.
Pour le dcouvrir, Cliquez ICI
Pour Wordpress, vous avez aussi ce plugin : Page Peel

Copyright 2011

Myidees.com

Page 97 sur 106

Nom de domaine
1. Un nom de domaine, c'est quoi ?
Un nom de domaine est l'adresse virtuelle sur Internet d'une entreprise ou
d'un particulier.
chaque nom de domaine correspond une adresse IP (Internet Protocol)
utilise par les ordinateurs afin de communiquer entre eux.
Comme il est plus facile de mmoriser un nom, Internet est parsem de
serveurs DNS (Domain Name Service) permettant de traduire un nom de
domaine en une adresse IP.
Par exemple 1&1.fr a pour adresse IP 212.227.126.71. Vous pouvez faire
l'essai dans votre navigateur, entrez la place de www.1&1.fr l'adresse IP :
212.227.126.71 et vous verrez le mme site.
Ne confondez pas le dpt d'un nom de domaine avec le dpt d'une marque.
La marque est un signe servant distinguer prcisment vos produits ou
services de ceux de vos concurrents. Exemple de marque : Renault.
Si vous avez dpos une marque pour vos produits ou services, vous avez tout
intrt et dans la mesure du possible acheter les noms de domaine relatifs
votre marque pour les extensions suivantes :
.fr

extension gographique pour la France

.eu

extension gographique pour l'Europe

.com

pour les structures commerciales /extension pour le monde

.net

pour les structures lies l'Internet

.org

pour les structures but non commercial

.edu

pour les structures vocation ducative

Comment a marche les noms de domaine ?

Copyright 2011

Myidees.com

Page 98 sur 106

2. Choisir un nom de domaine efficace ?


Le choix de votre nom de domaine doit tre abord avec le plus grand srieux.
Donnez-vous le temps de la rflexion.
Pour tre plus visible et accessible sur le Net, il est indispensable davoir un
nom de domaine efficace. Il permet dafficher votre identit et votre prsence
sur le Web.
Il va influencer la mmorisation de ladresse de votre site et amliorer par la
suite son rfrencement naturel. Do limportance du bon choix.
Choix du nom de domaine avec des extensions adaptes et multiples :
Si vous avez dj une entreprise reconnue avec une dnomination sociale ou
une marque dpose, il est logique que vous utilisiez votre nom d'entreprise ou
marque avec une ou plusieurs extensions (Exemple : www.peugeot.fr).
En effet, les internautes ont tendance essayer dans un premier temps des
adresses (URL) lies au nom de lentreprise.
Lune des meilleures solutions pour une personne qui veut lancer une affaire
domicile depuis la France, cest de possder lextension du nom de domaine du
pays concern.
Si lon prend lexemple du .fr, il traduit la localisation du site : ici en France.
Mais, en contrepartie, il sera refus par les annuaires pour safficher dans des
pays tiers.
En matire de rfrencement ltranger ou dans les autres pays
francophones, il ne faut pas hsiter senregistrer avec un .com.
Le .com tant international, il est pris en compte par tous les outils de
recherche.
noter : ce n'est pas parce que vous avez achet un nom de domaine avec
deux extensions que vous devez crer deux sites. Vos deux noms de domaine
pointeront sur votre site unique.
Choix du nom de domaine avec 2 ou plusieurs noms composs :
Un nom de domaine ne pouvant pas contenir d'espace, les deux noms seront
accols ou spars par un tiret.
Exemple : www.commentgagnersurInternet.fr
et www.comment-gagner-sur-Internet.fr
La deuxime solution est retenir car les moteurs de recherche ne savent pas
sparer deux mots ainsi concatns.

Copyright 2011

Myidees.com

Page 99 sur 106

Choix du nom de domaine pour le rfrencement :


Choisissez un nom de domaine qui reprsentera (si possible) votre mot-cl
principal, celui qui dsignera le mieux votre activit.
Les noms de domaine conditionnent en effet le rfrencement, aussi bien dans
le choix des vocables que dans celui des extensions.
La meilleure stratgie reste encore dintgrer directement le(s) mot(s) cl(s)
lintrieur du nom de domaine.
Exemple : restaurant-toulouse.com ou travail-a-domicile.fr
Choix pour une meilleure interaction avec l'internaute :
Votre nom de domaine doit si possible :
tre simple et le plus court possible (meilleure mmorisation pour
l'internaute).
Avoir une relle signification (meilleure comprhension pour
l'internaute).

3. O acheter un nom de domaine ?


Les solutions pour rserver un nom de domaine ne manquent pas.
Il est important d'acheter son domaine chez un registrar agr par l'ICANN.
Le choix du fournisseur se fera essentiellement sur le prix vu que les services
qu'ils proposent sont quasi identiques.
Un des moins chers du march avec des services de qualit est l'hbergeur
1&1.
Toutefois, si vous souhaitez acheter un nom de domaine sparment de
l'hbergement, je vous conseille Gandi.
De cette manire, vous pourrez changer facilement d'hbergeur en cas de
problme.

Copyright 2011

Myidees.com

Page 100 sur 106

Hberger son site


S'il y a un seul poste sur lequel vous ne devez pas hsiter investir quelques
euros, cest lhbergement de votre site Web
Il est important de pouvoir compter sur son hbergeur, car sans lui pas de site,
pas de visites, pas de ventes et pas de gains
Trouver un hbergeur pour son site Internet, c'est comme trouver des locaux
pour son entreprise.
L'hbergeur vous alloue :
Une adresse sur Internet (adresse IP).
Un espace de stockage (des mgaoctets).
Un chemin d'accs au rseau Internet par l'intermdiaire de lignes
spcialises (bande passante).
Des services gnraux (scurit, courrier lectronique).
Des outils de cration de site.
Des bases de donnes...
Si vous avez des exigences bien prcises, prenez le temps d'observer les
diffrents services, comparez leurs offres en fonction de vos besoins,
interrogez les hbergeurs et voyez quelle vitesse ils vous rpondent.

1. Critres pour bien choisir son hbergeur


Avant de faire votre choix, dfinissez vos besoins tant au niveau technique
quau niveau des services que vous souhaitez :
Quel est l'espace ncessaire pour mon site ?
Combien aurai-je de noms de domaine grer ?
Quels services me sont indispensables ?
Liste des critres prendre en compte pour le choix dun hbergeur :
Hbergement mutualis ou ddi ?
Avec lhbergement mutualis, votre site sera hberg avec dautres sites sur
un des serveurs de votre hbergeur.
Il convient la plupart des sites car la varit des services fournis et des cots
dhbergement permettent de choisir en fonction de ses besoins et de faire
voluer son site raisonnablement. Les hbergements ddis cotent cher et
sont adapts uniquement aux webmasters confirms.

Copyright 2011

Myidees.com

Page 101 sur 106

Espace disque :
La plupart des hbergeurs proposent suffisamment d'espace de stockage pour
vos fichiers.
Une page avec une ou deux petites photos pse en moyenne 0,1 Mo.
Un site de 1000 pages reprsente donc : 100 Mo.
Choisissez au minimum un espace de 100 Mo pour tre l'aise.
Si vous avez un contenu plus important, des animations, avec de nombreuses
photos, prvoyez plus large.
noter : l'espace disque Web est selon les cas indpendant ou non de l'espace
disque occup par les comptes Email.
Trafic mensuel ou bande passante :
Le trafic est le volume d'informations changes entre les visiteurs et le
serveur. Plus le site est visit, plus il ralise un trafic important.
En d'autres termes, le trafic mensuel est la somme des fichiers (pages,
images...) tlchargs par vos visiteurs en un mois.
5 Go (5000 Mo) de trafic correspondent environ 5000/0,1 MO (1 page) soit
50 000 pages vues, ce qui est dj beaucoup !
Langages de programmation :
vitez les offres qui ne proposent pas de langage de programmation (PHP,
ASP) vous permettant de rendre votre site dynamique.
Vous serez trs vite limit si vous voulez insrer des fonctionnalits telles
qu'un forum, un livre d'or, etc.
Adresses Email :
Il est intressant d'avoir un compte Email chez son hbergeur pour avoir une
adresse email de la forme contact@monsite.com.
Le nombre de domaines hbergeables signifie que vous pourrez grer un
nombre restreint de noms de domaines.
Si par exemple, vous souhaitez hberger 10 sites avec 10 noms de domaine, il
serait dommage que votre hbergement n'en ait prvu que 5 !
Les bases de donnes :
Une base de donnes (MySQL) est indispensable si vous souhaitez crer un site
dynamique, manipuler des donnes qui peuvent tre classes en fiches, telles
qu'une liste d'adresses ou un catalogue de produits.
Copyright 2011

Myidees.com

Page 102 sur 106

Comptes FTP :
Un compte FTP donne accs votre espace Web 24 h/24-7 j/7 via un logiciel
appel client FTP tel que FileZilla, CuteFTP...
Chaque compte FTP correspond un identifiant (login) et un mot de passe.
Si vous voulez donner vos collaborateurs accs une partie ou la totalit
de votre espace Web, des comptes FTP supplmentaires sont utiles.
FileZilla est un logiciel FTP gratuit cr par l'allemand Tim
Kosse. Il permet de se connecter distance sur un
serveur pour y tlcharger des fichiers.
Mme si votre hbergeur vous propose un autre outil pour
le transfert de vos fichiers, je vous recommande d'utiliser
FileZilla.
Il est trs simple d'emploi !
Voir le site de FileZilla

2. Choix d'un hbergeur


Personnellement, j'hberge mes sites chez 1&1.
Leurs Packs Hbergement sont des solutions adaptes aux besoins des
utilisateurs dbutants, amateurs ambitieux ou professionnels.
1&1 ne limite ni le nombre de domaines ni le nombre de sites.
Vous bnficierez d'une messagerie moderne et souple, d'un vaste espace
disque et d'un grand nombre de fonctions vous aidant dans la cration de votre
site Web. De plus, 1&1 pratique des tarifs imbattables !
La seul chose que je pourrais reprocher 1&1 serait qu'ils ne sont pas assez
ractifs pour rpondre aux emails.
Pour avoir de l'aide rapidement, la solution est de les appeler par tlphone
(0,15 /min).
Pour dmarrer, je vous recommande leur Pack Confort (sous Linux)
environ 10 euros/mois.
Vous aurez tout le temps de prendre un autre pack par la suite.
Une autre solution que je vous recommande est infomaniak, un monstre dans
son domaine. Cette socit Suisse qui a pignon sur rue depuis de nombreuses
annes vous propose un service de grande qualit un prix tout ce quil y a de
plus comptitif.
Copyright 2011

Myidees.com

Page 103 sur 106

3. Les erreurs viter


Choisir un hbergeur gratuit qui impose de la publicit
envahissante

Votre hbergement, cest la qualit de votre vitrine, vous ne devez


absolument pas le prendre la lgre.
Investir moins de 10 euros par mois pour possder son propre nom de
domaine et un super espace dhbergement, ce nest pas une dpense,
cest une absolue ncessit

Il existe de trs nombreux sites dhbergement gratuit qui peuvent tre


tentants, mais pourquoi accepter de voir votre espace amput ou votre
site envahi par des publicits qui ne vous rapportent rien?

Il existe des sites dhbergement gratuit sans pub mais avez-vous


pens aux coupures rgulires, intempestives de leurs serveurs
surexploits... ?
Le but est bien d'avoir un site Web fonctionnant 24 h/24, 7 j/7...

Choisir son hbergeur en se basant uniquement sur le prix.

Ce n'est pas parce que c'est bon march que c'est forcment mauvais
et vice versa ; il y a de mauvais hbergeurs dans toutes les catgories
de prix...

Ne vous prcipitez pas chez le premier hbergeur dit Discount sans


prendre le temps de connatre les services ainsi que la lgalit de leur
activit !

Copyright 2011

Myidees.com

Page 104 sur 106

Apprendre pour russir !


Si vous souhaitez construire un site Internet de qualit ou une belle page de
vente, vous devez avoir quelques connaissances en informatique.
Voici donc trois sites qui vous proposent des formations et des informations
gratuites pour acqurir rapidement les fondements indispensables.
Le site du Zro Le site o vous apprenez faire un site en partant de zro.
Alsacrations Tutoriels sur le XHTML et CSS.
CSS Dbutant Cours de CSS (feuille de style) pour apprendre grer vos
couleurs, vos polices de caractres, vos couleurs de fond et bien plus encore
Un excellent choix pour bien dmarrer :
Sans doute le meilleur livre pour dbuter !
La grande vertu de ce livre, c'est de ne jamais laisser le lecteur
"en panne" avec une question...
Russir son site Web avec XHTML et CSS
Mthode d'apprentissage trs pdagogique.
Les explications sont claires, simples et toujours accompagnes
d'exemples prcis.
PHP pour dbutant
Excellent ouvrage qui prsente toutes les questions se poser
pour concevoir un site de qualit.
dcouvrir absolument !
Russir son site Web en 60 fiches
Pour dmarrer avec Wordpress, ce livre est trs complet et vous
apportera une aide prcieuse...
WordPress 3

Et bien entendu la formation du club stratgie si vous souhaitez avoir le tout


en un !

Copyright 2011

Myidees.com

Page 105 sur 106

Aidez-moi vous aider


Le but de cet ouvrage est de vous aider raliser votre site Web.
De nombreux liens sont prsents pour apporter cet ouvrage de nombreuses
informations complmentaires.
Si vous constatez que des liens sont briss, merci de me prvenir en
m'envoyant un mail avec comme objet du message : Erreur sur l'ebook
intitul ...
Dans le message, indiquez la nature du problme et sur quelle page il se
trouve.
Si vous souhaitez prsenter votre produit ou service sur cet ouvrage,
apporter de nouvelles ides, des critiques, des commentaires sur celui-ci,
n'hsitez pas me contacter : contact@club-strategie.com
--------------------------------------------------------------------Vous avez aim les trois tomes de la collection 100 % Utile !
Souhaitez-vous que cette collection volue ?

D'avance merci pour votre aide !

Ne soyez plus seul(e) devant votre ordinateur !


Devenez membre du Club Stratgie
et apprenez raliser un site qui vend !

Pour en Savoir Plus

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.:,;_!"'#+~*@$%&/\`^|W()=?[]1234567890
Copyright 2011

Myidees.com

Page 106 sur 106