COMMENT CRÉER FACILEMENT VOTRE SITE

INTERNET PROFESSIONNEL

CRÉER
SON SITE
INTERNET
GUIDE DU DÉBUTANT

WebsiteToolTester Robert Brandl

 2

À propos de cet e-book

Cet e- ook s’ad esse à toutes les pe so es ui souhaite t e u site I te et.

Que vous souhaitiez refondre complètement votre site ou que vous commenciez de
zéro, ce livre est fait pour vous.

Je vais vous montrer comment créer votre propre site Internet sans apprendre à
programmer ni dépenser une fortune.

Pourquoi lire cet e-book ?

J’aide d jà des centaines de personnes à créer leur site Internet via
mon site WebsiteToolTester.com. Cet e-book est basé sur les
leço s ue j’ai tirées de cette expérience. Il a déjà été téléchargé
plus de 8 000 fois à ce jour.

Ma promesse : si vous lisez cet e-book en entier, vous comprendrez comment créer
votre propre site Internet sans trop dépenser. Et il y a de fortes chances que vous
passiez un bon moment !

Bonne création !

Robert Brandl

P.S. N’h sitez pas à pa tage cet e-book avec vos amis et vos collègues.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 3

Table des matières

À propos de cet e-book ....................................................................................................... 2

1. Les bases ...................................................................................................................... 4

Si o es aiso s d’a oi u site I te et p ofessio el.................................................. 4

Comment créer votre propre site Internet ......................................................................... 5

Qu’est- e u’u diteu de site I te et en ligne ?............................................................ 6

Avantages et inconvénients des éditeurs de site Internet en ligne ................................... 9

Quelles sont les compétences nécessaires ? .................................................................... 10

2. Planifier votre site Internet ....................................................................................... 12

Fixer des objectifs ............................................................................................................. 12

Créer du contenu .............................................................................................................. 13

Exemple de carte heuristique pour le site Internet d’u agasi de haussu es ........... 14

S’i spi e d’aut es sites I te et....................................................................................... 15

3. Choisir les bons outils ................................................................................................ 15

Que fai e si u diteu de site I te et e lig e ’est pas l’outil u’il ous faut ............. 18

4. Créer votre site avec un éditeur de site Internet en ligne ........................................ 20

Premières étapes .............................................................................................................. 21

Él e ts i po ta ts à ga de à l’esp it a a t et ap s la pu li atio ............................ 24

Merci... .............................................................................................................................. 27

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 4

1. Les bases

Six bonnes raisons d’a oi u site I te et p ofessio el

Puisque vous êtes en train de lire cet e-book, je suppose que vous avez déjà au
moins une bonne raison de créer votre site Internet. En voici quelques autres :

- Présenter toute l’ tendue de votre offre

Beau oup d’e t ep ises o t bien plus à offrir que ce que leurs clients imaginent.
Votre auto-école propose aussi des stages de sécurité routière ? Votre cabinet de
traductio ie t d’ajoute le o e à ses o i aiso s de la gues ? Voilà qui est
intéressant... Utilisez votre site Internet pour tenir vos clients informés et pour
générer des ventes additionnelles.

- Simplifier la vie de vos clients

Ce tai s lie ts ’ai e t pas décrocher le téléphone ou pousser directement la

porte de votre boutique. Ils préfèrent se e seig e d’a o d su ot e e t ep ise, à
leur propre rythme. C’est p is e t e ue leu pe ett a ot e p se e e
ligne.

- Faire de la publicité plus efficacement

Quels canaux publicitaires utilisez-vous actuellement ? Les dépliants, le démarchage

téléphonique et les mailings directs peuvent donner à vos clients la se satio d’ t e
bombardés de publicités et e pe ette t pas sou e t d’attei d e la o e
personne au bon moment. En revanche, si un client trouve votre site Internet en
effectuant une recherche sur Google, ’est t s p o a le e t pa e u’il a u esoi
précis – et espère bien que vous pourrez lui apporter une solution. Cela fait donc de
votre site Internet l’u des canaux publicitaires les plus rentables.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 5

- Rassembler toutes vos coordonnées

Facilitez la vie de vos clients en leur permettant de trouver au même endroit toutes
les informations qui vous concernent, de vos numéros de téléphone au plan d’a ès.
Ils vous en seront reconnaissants.

- Vendre vos produits en ligne

Si vous vendez des produits qui peuvent être livrés par voie postale ou au format
numérique, rien ne vous empêche de créer une boutique en ligne. Vous ferez
immédiatement grimper votre nombre de clients potentiels et accéderez au marché
national, voire international si ’est ce que vous voulez.

- Nouer le dialogue avec vos clients

Aujou d’hui, vous disposez d’u e tail d’optio s pour nouer le dialogue avec vos
clients : pourquoi ne pas envo e u e lett e d’i fo atio pa e-mail ? Ou créer une
page Facebook ? Ou un blog ? Tous ces outils de relation client peu onéreux sont là
pour ça. Mais commençons par le commencement : votre site Internet.

Comment créer votre propre site Internet

Plusieurs raisons peuvent vous inciter à essayer de créer votre site Internet.
Malheureusement, il arrive que les débutants se sentent vite submergés par des
termes techniques comme HTML, CSS et PHP. Apprendre à coder en autodidacte est
un bon moyen de réaliser un site Internet de A à Z. Si cela vous intéresse, vous
trouverez des informations à ce sujet ici : http://fr.html.net/.

Mais que faire si vous ne voulez pas vous former au métier de webdesigner ou
mettre votre société en sommeil pendant plusieurs mois, le temps de maîtriser
toutes les ficelles du développement web ? Que faire si vous êtes à la recherche
d’u e solutio plus simple ? Pourquoi votre site Internet ne pourrait-il pas être aussi

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 6

facile à créer et à modifier qu’u do u e t Wo d ?

C’est à cela que servent les éditeurs de site Internet en ligne de dernière génération.
Ces outils permettent de créer en très peu de temps un site tout à fait convenable,
sans aucune connaissance en programmation.

Qu’est-ce qu’u diteur de site Internet en ligne ?

Un éditeur de site Internet en ligne est une solution idéale pour créer un site de
petite ou de moyenne envergure avec une structure relativement simple.
Auparavant, ces outils de création de site ’ taie t pas très perfectionnés. Ils
p oduisaie t des sultats ui ele aie t plutôt de l’a ateu is e, pas assez
professionnels pour des sites d’e t ep ises. Mais ils ont considérablement évolué ces
dernières années. Regardez les exemples ci-dessous : vous verrez que ce type de
solution a été utilisé pour une large palette de sites e d’e t ep ises, de boutiques
en ligne et de blogs personnels : websitetooltester.com/ext/examples

Image 1 : www.artmeta.fr Image 2 : www.1dayinparis.com

Un éditeur de site Internet en ligne est une solution tout-en-un. Il regroupe toutes
les fonctionnalités dont vous avez besoin pour votre site : l’enregistrement du nom
de domaine (votrenom.fr, par exemple), un espace de stockage en ligne (espace
web) et souvent un compte de messagerie. Il propose également une forme
d’assistance technique au cas où vous rencontriez des difficultés en chemin. Des
modèles de design, des éléments et un éditeur de texte sont aussi compris.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 7

Examinons de plus près quelques éléments caractéristiques d’u diteu de site

Internet en ligne.

Designs pr ts à l’emploi (modèles)

Image 3 : Modèles Weebly

Les éditeurs de site Internet en ligne permettent de passer facilement d’u design à
un autre, parmi un large choix de modèles prêts à l’e ploi. Le design et le contenu
étant gérés séparément, vous pouvez changer de modèle à tout moment, même
après avoir intégré le contenu de votre site. Si votre entreprise possède un logo et
une charte chromatique, vous pouvez les intégrer facilement à un modèle. Et si
aucun modèle ne vous plaît, vous avez également la possi ilit d’utiliser un design
personnalisé. Mais pour cela, vous devrez connaître les bases du HTML et du CSS
(deux des principaux langages du web).

Éléments

Image 4 : Jimdo

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 8

Un site Internet peut contenir du texte, des images, des vidéos, des formulaires de
contact ou des produits pour une boutique en ligne. Un éditeur de site Internet en
ligne vous permet de choisir les éléments ui figu e o t su ot e site. Vous ’a ez
plus u’à fai e glisser les différents éléments à l’e d oit où vous voulez les voir
apparaître, puis à les personnaliser en quelques clics.

Module d’ dition

Image 5 : Weebly

Le odule d’ ditio est l’outil ui ous pe et de odifie le o te u de os pages.

Pour éditer un bloc de texte, cliquez dessus ; une fen t e d’ ditio s’ou e. Son
i te fa e ’est pas plus o pli u e que celle de Microsoft Word. Vous pouvez
également ajoute des lie s e s des pages de ot e site ou e s d’aut es sites.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 9

Avantages et inconvénients des éditeurs en ligne

Si ous e isagez d’utilise un outil de création de site en ligne, il est intéressant de

connaître les avantages et les inconvénients que cela implique.

Avantages des éditeurs de site Internet en ligne

x Si pli it d’utilisation : inutile de savoir programmer. Vos

collaborateurs pourront eux aussi p e d e l’outil e ai apide e t.

x Solution tout-en-un : nom de domaine, hébergement, compte de

messagerie, etc.

x Coûts : très raisonnables, avec des tarifs allant de 5 € à 15 € par mois.

x Mises à jour de sécurité : les mises à jour de sécurité sont installées

par le fournisseur de façon complètement transparente. En revanche,
si vous utilisez un système de gestion de contenu open source tel que
WordPress, ’est ous qui devrez faire régulièrement ces mises à jour.

x Assistance : si vous rencontrez des difficultés techniques, vous

pourrez obtenir de l’aide pa e-mail et sur les forums.

Inconvénients des éditeurs de site Internet en ligne

x Souplesse limitée : il s’agit de la question ultime à se poser. À quel

degré de souplesse êtes-vous prêt à renoncer ? Par exemple, si vous
a ez esoi d’un design bien spécifique, vous jugerez peut- t e u’u
éditeur en ligne est trop limité. Le seul moyen de le savoir est
d’essa e .

x Dépendance vis-à-vis d’u seul p estatai e : il est important que le

fournisseur de votre choix soit solide su le pla fi a ie , a s’il fait
faillite, vous pourrez perdre votre site Internet. En règle générale, il
est donc recommandé de choisir un prestataire bien établi.

x Projets web de grande envergure : ces systèmes ne conviennent tout

simplement pas aux projets web de grande envergure ou complexes.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 10

Quelles sont les compétences nécessaires ?

Pour utiliser un éditeur de site Internet en ligne, vous aurez besoin des mêmes
compétences que pour utiliser Microsoft Office (Word, notamment). Concernant
l’appa e e de ot e site, e e a he, il peut t e utile de o aître les
fondamentaux du design. Vous ’a ez pas esoi d’ t e g aphiste de métier, mais
vous devez t e apa le d’identifier les couleurs et les images qui sont susceptibles
de ete i l’atte tio de vos clients.

Avoir sous la main un logiciel de graphisme est

également une bonne idée. Adobe Photoshop est sans
conteste le meilleur de sa catégorie, mais il existe de
nombreuses alternatives gratuites.
Image 6 : gimp.org

Essayez Gimp (www.gimp.org) si vous ous se tez d’atta ue. Sinon, Sumopaint
(www.sumopaint.com) fournit toutes les fonctions de base avec une courbe
d’app e tissage plus facile que Gimp : une solution idéale pour les débutants.

Pour utiliser efficacement les images, vous aurez besoin de connaître les différences
entre des fo ats d’i age tels ue .jpg, .gif, .png et .bmp :
websitetooltester.com/ext/formats-images.

Vous aurez aussi besoin de textes bien écrits. Voici un résumé des choses à savoir
lorsque vous rédigez pour le web : websitetooltester.com/ext/rediger-pour-le-web.
Il peut aussi être intéressant de demander à vos amis et collègues de relire votre
te te pou ous assu e u’il est oh e t, de o e ualit et, bien sûr, u’il e
co tie t i fautes d’o thog aphe i e eu s de g a ai e.

Si le g aphis e ou l’ itu e e so t pas os poi ts fo ts, pensez sérieusement à faire

appel à un expert. Un bon designer ou rédacteur veillera à ce que votre contenu
reflète un niveau maximal de professionnalisme. Vous pouvez trouver des
p estatai es et ous fai e u e p e i e id e des ta ifs u’ils p ati ue t su Upwork

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 11

ou 99designs.

Ces sites vous permettent de décrire votre projet et de demander un devis. Je vous
recommande de traiter directement avec le prestataire lorsque c’est possible – un
intermédiaire ne ferait que compliquer la communication. Et surtout, lisez bien les
appréciations laissées par les précédents clients du prestataire en question.

Maintenant, vous devriez savoir à peu près si vous vous sentez techniquement
apa le d’utilise u diteu e lig e pou e ot e p op e site web. Dans le
chapitre suivant, je vous expliquerai pas à pas comment planifier de A à Z la création
de votre site.

Prenez le temps de lire le reste de cet e-book avant de décider pour de bon de
recourir ou non à un éditeur de site Internet en ligne. Il est important de cerner
précisément les besoins liés à votre projet web avant de choisir les outils que vous
utiliserez.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 12

2. Planifier votre site Internet

Pou u site I te et o e pou d’aut es p ojets, u e bonne planification est la clé

du succès.

Fixer des objectifs

Si vous ne vous fi ez pas d’o je tifs lai s, o e t allez-vous savoir si votre

investissement se rentabilise un jour ? Voici quelques questions importantes à se
poser :

Qu’est-ce que mon site doit me permettre de réaliser ?

Il s’agit de la uestio capitale à se poser. Plus vos attentes et vos objectifs seront
clairs, plus votre site permettra de les atteindre. Imaginons par exemple que vous
êtes p op i tai e d’un magasin de chaussures à Paris Reuilly. Vos objectifs pourraient
être les suivants :

Attirer de nouveaux clients : en donnant de la visibilité à l’off e de votre magasin. La

alisatio de et o je tif pou ait t e esu e à l’aide d’enquêtes clients régulières
et de statistiques web.

Augmenter le nombre de clients pendant les périodes habituellement creuses : en

boostant les ventes via une lett e d’i fo ation par e-mail, qui indiquerait les
dimanches où votre magasin est ouvert, les anniversaires spéciaux et d’aut es
événements de ce genre. Le o e d’a o s à la lett e d’i fo atio pourrait
alors être un indicateur de réussite.

Créer un nouveau canal de vente en marge du magasin de détail : en ouvrant une

boutique en ligne. La alisatio de et o je tif pou ait t e esu e à l’aide des
chiffres de ventes sur ce canal.

Voyons maintenant uelles solutio s s’off e t à ous pou atteindre ces objectifs et

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 13

r po d e au esoi s de l’e t ep ise.

Besoin de l’entreprise – solution

Attirer de nouveaux clients Opti ise ot e site I te et pou u’il soit ie

référencé sous les mots-clés "magasin chaussures
paris reuilly". S’i s i e su Google My Business et
créer une page Yelp.

Augmenter le nombre de clients Chercher un éditeur de site Internet qui permette

pendant les périodes habituellement d’i t g e fa ile e t u fo ulai e d’i s iptio à la
creuses lett e d’i fo atio afin de maintenir le contact
avec vos clients.

Créer un nouveau canal de vente en S’assu e ue l’ diteu de site I te et propose une

marge du magasin de détail fonction de boutique en ligne.

Créer du contenu

Une fois vos objectifs fixés, vous aurez une idée plus claire de la direction que vous
allez prendre. Collecter des informations pour votre contenu rendra votre projet
encore plus concret. Prenez une feuille de papier et notez toutes vos idées, y
compris celles qui concernent le contenu et les fonctionnalités telles que les
formulaires de contact, les galeries photo, etc.

Dresser une carte heuristique (ou carte mentale, mind map en anglais) est un bon
moyen de recueillir vos idées à ce stade : vous pouvez les noter au fur et à mesure
u’elles ous ie e t à l’esp it, sans avoir à les hiérarchiser tout de suite.
Co e ez pa i e l’id e p i ipale au ilieu de la page, puis ajoutez vos
réflexions sous forme de mots-clés qui irradient de cette idée. Vous obtenez au final

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 14

une représentation graphique de votre cheminement de pensée.

Vous pouvez utiliser du papier et un stylo ou un logiciel spécial tel que Mindmeister
(www.mindmeister.com/fr). La carte heuristique que nous avons produite pour
organiser le contenu du site de notre magasin de chaussures figure ci-dessous.

E e ple de a te heu isti ue pou le site I te et d’u magasin

de chaussures

Image 7 : Carte heuristique pour le site I te et d’un magasin de chaussures

Vous devriez maintenant avoir une idée plus claire du contenu de votre futur site.
Dans notre exemple, nous avons identifié quelques fonctionnalités supplémentaires :
une galerie photo, un formulaire de contact, l’itinéraire d’a s au magasin sur
Google Maps et une boutique en ligne.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 15

S’i spi e d’aut es sites I te et

Cette étape suit votre collecte initiale d’id es. Mais

attention : vous précipiter sur les sites de vos
concurrents peut vous empêcher d’a oi des idées
réellement originales qui vous seront nécessaires
pour vous démarquer.

Cherchez plutôt des sites divers et variés dans des se teu s d’a ti it s diff e ts.
L’i po ta t est ue leur contenu et leur design vous plaisent. Notez ce que vous
aimez et ajoutez ces idées à votre carte heuristique. Observez attentivement ce que
font vos concurrents, sans pour autant vous mettre des œillères : il est possible que
les entreprises de votre secteur aient des sites web médiocres !

Co ti uez d’ajouter des idées à votre carte heuristique et créez de nouvelles lignes
pour les relier entre elles. Vous vous rendrez peut-être compte que vos principaux
mots-clés constituent un bon point de départ pour le menu de navigation de votre
site. Une fois que vous aurez bien tout noté, il peut être judicieu de de a de l’a is
de personnes de confiance. Cela peut vous faire voir les choses sous un autre angle :
quand on travaille seul, il peut être vraiment diffi ile de ga de u e ue d’e se le.

3. Choisir les bons outils

Une fois la phase de planification terminée, vous aurez déjà bien avancé et pourrez
commencer à prendre des mesures plus concrètes. La prochaine étape consiste à
déterminer s’il e iste un éditeur de site Internet en ligne qui répond à tous vos
besoins. Ces outils sont des solutions idéales, d’u e pa t pa e u’ils ne coûtent pas
cher et permettent de créer un site rapidement, et d’aut e pa t pa e u’ils ous
offrent la possibilité de mettre à jour facilement votre site vous-même, et donc de
faire e o e plus d’ o o ies en aval.

Nous avons même quelques suggestions à vous soumettre si vous n’a i ez pas à

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 16

t ou e l’ diteu de site I te et en ligne qui vous convient.

Consultez le comparatif de plusieurs éditeurs de site Internet en ligne

sur websitetooltester.com/ext/comparatif. Les informations sur chaque
outil sont mises à jour régulièrement.

Voici la marche à suivre que je recommande pour choisir un éditeur :

1. Lisez les tests des différents éditeurs pour déterminer lequel répond
à vos besoins sur websitetooltester.com/ext/comparatif (vous
trouverez aussi bien des éditeurs de site Internet classiques que des
outils dédiés au e-commerce).
2. Créez un compte gratuit et voyez quelle impression vous donne
l’ diteu . Faites particulièrement attention aux modèles, vérifiez bien
que vous en trouvez un qui vous plaît.
3. Quand votre choix vous satisfait totalement, passez à la formule
payante qui convient le mieux à votre situation.

Et les services gratuits, dans tout ça ?

De nombreux prestataires vous permettent désormais de créer des sites Internet

gratuitement. Nous avons testé quelques-uns de ces services sur
WebsiteToolTester.com. Ces formules sont généralement financées par des

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 17

publicités de différentes sortes, en fonction du fournisseur.

D’aut es services vous donnent uniquement la possibilité d’utilise u sous-domaine

de leur éditeur, comme votrenom.editeurgratuit.com, au lieu de votrenom.com
(ou .org, .net, .fr, etc.). Une formule gratuite peut suffire pour un site personnel,
mais ne conviendra généralement pas à un site professionnel.

Il est possible d’o te i u site sa s au u e pu li it avec un vrai nom de domaine

et un compte de messagerie pour seulement 5 € par mois. Vous donnerez ainsi à vos
clients une image bien plus professionnelle.

Vous tes d jà titulai e d’u o de do ai e ?

Bravo. Personne ne peut vous le voler, à présent ! Si vous souhaitez

utiliser un éditeur de site Internet en ligne avec votre nom de domaine
existant, vous avez deux possibilités :

1. Vous pouvez transférer votre domaine vers votre éditeur de site et

résilier votre contrat avec votre fournisseur de nom de domaine
d’o igi e (solution la plus simple), ou

2. Vous pouvez conserver votre fournisseur de nom de domaine et

rediriger le nom de domaine vers votre compte de l’ diteu de site
Internet. Vous aurez besoin de connaissances techniques, car vous
devrez modifier les paramètres du serveur de noms de domaine, mais
votre hébergeur actuel pourra vous y aider. Pou plus d’i fo atio s
sur la marche à suivre, rendez-vous sur
websitetooltester.com/ext/comparatif et consultez la rubrique du test
concernant les noms de domaine.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 18

Que faire si un éditeur de site Internet e lig e ’est pas l’outil

u’il vous faut

Si vos besoins dépassent les apa it s d’u diteu de site I te et en ligne,

plusieurs possibilités s’off e t à ous. Au cas où vous souhaiteriez toujours faire
votre site vous-même, je vous recommande de jeter un œil à WordPress.org. À
l’o igi e u e platefo e de log, Wo dp ess.o g a olu pou de e i u e
platefo e de sites e pol ale te ui pe et de alise à peu p s ’i po te
quel type de site. Si vos utilisateurs ont esoi d’o te i des i fo atio s depuis une
base de données (site d’u e agence immobilière sur lequel les visiteurs peuvent
rechercher des biens, par exemple), WordPress serait une bonne solution.

L’i o ie t de WordPress est u’il ’est pas aussi facile à utiliser u’u éditeur de
site Internet. Son installation nécessite quelques connaissances techniques et vous
devrez gérer vous-même les mises à jour. Pour en savoir plus, lisez notre Guide du
débutant WordPress : websitetooltester.com/ext/site-avec-wordpress.

Peut- t e u’à e stade, ous allez d ide de fai e appel à u e pe t. Plus facile à
di e u’à fai e : il arrive souvent que des personnes se présentent comme
webdesigners sans posséder de véritables qualifications dans ce domaine. Elles
proposent en général des prix très bas (un site web pour 200 €, par exemple), mais
e s’ o aisse t pas ai e t e desig ou e p og a atio .

Vous pourrez trouver un véritable expert sur une plateforme comme Freelancer.com
ou Odesk.com. Ces sites vous permettent de décrire votre projet et de demander un
devis. Avant de contacter un prestataire, il est très important de lire les avis laissés
par les clients précédents.

Conseil : si vous voulez garder la possibilité de modifier votre site vous-

même, ne choisissez jamais, au grand jamais, de faire coder un site par

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 19

un développeur, car vous aurez besoin de faire appel à un spécialiste

pour apporter des modifications par la suite. Optez plutôt pour un
éditeur de site Internet en ligne ou un système de gestion de contenu
établi (CMS, ou Content Management System), tel que WordPress, et
de a dez à uel u’u de ous montrer comment l’utilise .

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 20

4. Créer votre site avec un éditeur de site Internet

en ligne

Si vous avez suivi toutes les étapes décrites jus u’à p se t, vous devriez avoir une
idée relativement claire du contenu de votre site. Vous devriez aussi avoir ouvert un
o pte g atuit hez l’ diteu e lig e que vous avez choisi. Les choses sérieuses
peuvent commencer !

4 conseils pour choisir un nom de domaine

— Évitez les noms de domaine gratuits comme
votreentreprise.editeurdesite.com. Cela ne fait pas professionnel. Vous
aurez besoin à plus ou moins court te e d’a hete ot e p op e o
de domaine (votreentreprise.fr).
— Code pays : si vous visez une clientèle internationale, prenez un nom
de domaine en .com. Sinon, optez pour le code de votre pays (.fr, .be,
.ca, etc.). Vous pouvez aussi acheter un domaine en .net, .eu ou .org.
Évitez le .cc, qui a mauvaise réputation, étant souvent utilisé par les
spammeurs.
— Nom : votre entreprise a déjà un nom ? Le choix de votre nom de
domaine devrait donc couler de source. Il peut t e judi ieu d’ajoute
un mot-clé au nom de votre entreprise. Par exemple, un chapelier
nommé Dupond pourrait acheter le nom de domaine
chapeau-dupond.fr. Votre nom de domaine est un facteur important de
votre référencement dans les moteurs de recherche. C’est un nom de
domaine bien choisi qui vous fera arriver en tête des résultats Google !
— Évitez les marques déposées : par exemple, si vous voulez créer un
site web sur les iPhone, évitez de prendre un nom de domaine qui
contient le terme « iPhone ». Sinon, vous pourriez recevoir quelques
courriers désagréables de la part du se i e ju idi ue d’Apple.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 21

Premières étapes

1. Configuration initiale

Imaginez votre site Internet comme un nouveau magasin

su le poi t d’ou i . Pour que vos clients se sentent bien
accueillis, vous allez devoir peindre les murs et accrocher
une enseigne (ici le logo de votre entreprise). Dans votre
éditeur de site en ligne, choisissez l’a i e-plan et la
police (type, taille et couleur) dans le menu de mise en
Image 8 : Modification des polices forme ou de style.

Essayez d’o es et déjà de mettre en place votre style sur le site, même si vos images
ne sont pas encore prêtes.

Petite astuce : les hommes et les femmes ont parfois une

interprétation différente des couleurs. De a de l’a is d’u e pe so e
de l’aut e se e peut t e d’u e g a de aide à e stade. Sinon, vous
pouvez également utiliser une palette chromatique en ligne comme
Adobe Color CC (color.adobe.com/fr/) si vous ne savez pas vraiment
quelles couleurs associer sur votre site.

2. Navigation : créer des menus

Vous allez identifier les éléments clés de votre site à partir

de votre carte heuristique ou des autres notes que vous
avez pu prendre. Basez-vous sur ces éléments pour
structurer votre menu principal et vos sous-menus.

Si vous trouvez cette tâche difficile, essayez de vous mettre

da s la peau d’u isiteu pote tiel du site. Quel âge a ce
Image 9 : Navigation
visiteur ? Qu’est-ce qui le caractérise ? Dans quel domaine

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 22

travaille-t-il, que vient-il chercher sur votre site ?

Posez-vous les mêmes questions pour plusieurs autres catégories de visiteurs. Cet
exercice peut vous aider à mieux comprendre ce que recherchent vos clients, et
donc à mieux structurer vos éléments de navigation.

Revenons à notre magasin de chaussures

Client 1 : une mère veut acheter des chaussures pour ses enfants. Elle cherche un
agasi ui off e u la ge hoi de od les et ui dispose d’u pa ki g ie situ .
Trouvera-t-elle ces informations sur votre site Internet ?

Client 2 : un étudiant a besoin de bonnes chaussures de marche pour partir en

randonnée. Il pourrait les acheter en ligne, mais e u’il souhaite vraiment, ce sont
des conseils de professionnels. Votre site Internet montre-t-il clairement que vous
offrez ce genre de conseils ?

3. De l’ au he de page au contenu fini

Une fois que vous avez défini la structure de base de votre site à partir des menus de
navigation, vous pouvez commencer à ajouter des listes à puces et de courtes notes
sur chacune des pages ( ’est-à-dire créer une ébauche de la page). C’est aussi le
o e t d’ajouter vos idées concernant les images. Le site devient ainsi le point de
collecte de vos réflexions.

Voici un exemple d’ au he de page pour notre magasin :

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 23

Image 10 : Ébauche de page

Par rapport à la méthode consistant à écrire tout le texte dans un seul document
jus u’à a outi à la e sio d fi iti e, cette approche présente plusieurs avantages :

x Une fois que vous aurez élaboré une ébauche de toutes vos pages, vous
au ez u e o e ue d’e se le du site et pourrez coordonner votre texte
définitif plus facilement.

x Si vous souhaitez faire appel à un rédacteur ou à une rédactrice, vous pouvez

lui envoyer le lien vers le site avec les ébauches de contenu. Cela lui donnera
une idée claire de ce que vous recherchez.

Après avoir peint les murs et mis en place la signalétique, le texte, les images et les
vidéos sont autant de contenu qui viendra « garnir les rayons de votre boutique » et
ainsi donner corps à votre site.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 24

Él e ts i po ta ts à ga de à l’esp it a a t et ap s la
publication

Avant publication

Obligations légales
En fonction du pays de domiciliation de votre entreprise, la loi peut vous imposer de
publier certaines informations sur votre site Internet. Il s’agit généralement
d’informations clés sur votre entreprise ou sur le traitement des données de vos
clients. Il est important de vous renseigner sur les obligations légales en vigueur dans
votre pays.

Par exemple, découvrez quelques-unes des obligations auxquelles est soumise votre
entreprise si elle est domiciliée en France (websitetooltester.com/ext/droit-fr), en
Belgique (websitetooltester.com/ext/droit-be) ou au Canada
(websitetooltester.com/ext/droit-ca).

Installer Google Analytics

L’outil de statisti ues de isites Google est excellent, et il est gratuit. Vous pouvez
l’utilise pour déterminer le nombre de personnes qui consultent votre site, le
nombre de pages vues, etc., y compris la situation géographique de vos visiteurs
(pays et ville approximative).

L’i fo atio la plus i po ta te u’il fou it est le o e de pe so es ui so t

arrivées sur votre site à partir des moteurs de recherche et les mots- l s u’ils o t
utilisés. Une fois installé, Google Analytics fonctionne en arrière-plan, de manière
complètement transparente. Inscrivez-vous gratuitement ici :
www.google.com/analytics.

Pour savoir comment installer Google Analytics, reportez-vous à l’aide de ot e

éditeur de site Internet en ligne.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 25

Vous devrez peut-être aussi faire figurer des informations concernant votre
utilisation de Google Analytics, soit en vertu de la législation sur la protection des
données en vigueur dans votre pays, soit en vertu des o ditio s d’utilisatio de
Google applicables à votre pays. Lisez à ce sujet la clause intitulée « Vie privée » sur
www.google.com/analytics/terms/fr.html.

Créer un favicon
Les favicons sont les petites images que vous pouvez
oi à gau he de la a e d’ad esse de ot e
Image 11 : Favicon navigateur. Ils ajoutent une petite touche
personnelle à votre site Internet et sont faciles à réaliser à l’aide d’u générateur de
favicon tel que favicon-generator.org. Intégrez un favicon à votre site Internet à
l’aide du e u de gestion des favicons de votre éditeur. Pour un tutoriel détaillé (en
anglais), rendez-vous sur websitetooltester.com/ext/favicon.

Liste de 6 éléments clés

9 Si vous voulez utiliser une adresse e-mail avec votre nouveau nom de
do ai e, ’ou liez pas de la o figu e correctement avant de mettre votre
site en ligne.

9 Vérifiez que votre formulaire de contact fonctionne correctement. Pour cela,

le plus simple est de le tester en saisissant des données fictives.

9 Vérifiez que vous avez choisi des titres et des descriptions de pages (meta
descriptions) pertinents. Ils doivent contenir les mots-clés recherchés par vos
clients. Ces informations seront utilisées par les moteurs de recherche.

9 Relisez soigneusement votre site Internet pour u’il e este au u e faute de

ga ai e ou d’o thog aphe.

9 Vérifiez les liens cassés, par exemple à l’aide d’u outil o me Broken Link
Check : (http://brokenlinkcheck.com/)

9 Testez ot e site su u aut e o di ateu ou u e aut e ta lette uip s d’u

navigateur différent – ela ous pe ett a de d te te d’ e tuels
problèmes de rendu qui ne surviennent pas sur votre propre système.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 26

Après publication

Inscrivez votre site Internet sur les moteurs de recherche

Les principaux sont :

Google : www.google.com/addurl/?continue=/addurl
Bing : www.bing.com/webmaster/SubmitSitePage.aspx

Cependant, ne vous attendez pas à ce que les visiteurs trouvent votre site sur ces
moteurs de recherche tout de suite. Cela peut prendre des jours, voire des semaines
pour que le oteu i de e l’i t g alité de votre site et vérifie que les informations
qui y figurent sont pertinentes.

Remarque : les liens pointant vers votre site (backlinks) sont une denrée rare. Veillez
à ce que des sites de qualité ajoutent des liens vers votre site. Cela améliorera plus
rapidement votre référencement. Mais sistez à la te tatio d’a hete des lie s ou
d’a oi e ou s à d’aut es thodes douteuses pou faire monter votre site dans la
liste des résultats. Si Google s’e e d o pte (et ’ou liez pas, Google sait tout !), il
pourra supprimer votre site de ses résultats.

Pour en savoir plus sur le SEO, lisez cet article dans lequel nous testons les capacités
de plusieurs éditeurs de sites Internet en ligne en matière de référencement :
websitetooltester.com/ext/seo.

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com

 27

Merci...

…d’a oi p is le te ps de lire cet e-book. J’esp e ue ous a ez app is eau oup de

choses et passé un bon moment ! Si vous avez trouvé ces informations intéressantes,
voici comment vous pouvez nous remercier :

x Passez par les liens figurant sur WebsiteToolTester.com pour visiter les sites
des éditeurs en ligne. Si vous créez u o pte hez l’u d’e t e eu après
avoir cliqué sur le lien intégré dans notre site, nous recevons une
commission. Il s’agit de ot e seule sou e de e e us, puisque nous
préférons ne pas afficher de bannières publicitaires. Bien entendu, cela ne
change en rien le prix que vous paierez.
x Cela nous ferait vraiment plaisir si vous ajoutiez un lien vers
WebsiteToolTester.com sur votre tout nouveau site. Les « likes » sur notre
page Facebook (https://www.facebook.com/WebsiteToolTester) sont aussi
les bienvenus !

Si vous rencontrez des difficultés à l’u des stades de création de votre site Internet,
vous pouvez nous o ta te di e te e t à l’ad esse
support@websitetooltester.com. Pour terminer, partagez cet e-book avec vos amis
ou vos collègues si vous pensez qu’il peut leu t e utile !

À propos de cet e-book :

Première édition : juin 2012. Dernière révision : novembre 2016.

Copyright © 2016 ToolTester Network

Crédits images :

robu_s – Fotolia.com
Alain Wacquier – Fotolia.com
moonrun — Fotolia.com
Roslen Mack — Fotolia.com
Sylviii — Fotolia.com

Pou plus d’i fo atio s, e dez-vous sur www.websitetooltester.com