2. Au menu
• Jour 1:
• Création de mon site Jimdo
• Alimenter mon site
• Jour 2:
• Alimenter mon site: suite
• Enrichir mon site
• Jour 3:
• Enrichir mon site: suite
• Jour 4:
• Travailler mon référencement
• Relier mon site aux réseaux sociaux
3. Un (tout petit) peu de théorie
Pour créer notre site Internet, nous allons utiliser un CMS.
Qu’est-ce qu’un CMS?
C’est un « content management system », càd une application
web qui vous permet de créer un site internet sans avoir
besoin de coder (en html, javascript…).
Il y a des CMS payants et des CMS gratuits. Nous allons utiliser
le CMS Jimdo, qui est un des meilleurs gratuits. Vous pouvez
passer à la version payante à tout moment si vous voulez avoir
plus de possibilités.
4. WYSIWYG
Jimdo est une application WYSIWYG= « What
you see is what you get ».
Cela veut dire « ce que tu vois est ce que tu
obtiens », donc je peux voir directement les
modifications que j’apporte à mon site.
6. Les questions à se poser
• A quoi va servir mon site?
• Qu’y trouvera-t-on?
• Des articles
• Des photos?
• Des vidéos?
• A qui est-il destiné?
• Comment s’appellera-t-il? (trouvez un nom qui
ait bien un lien avec ce que vous proposez sur
le site)
7. Se créer un compte
Pour créer un
compte jimdo,
il faut :
Se rendre sur
le site internet
de jimdo
8. Renseignez en premier le nom souhaité pour
votre site. Ce sera l’adresse d’accès à votre site
(adresse aussi appelée nom de domaine ou
encore “url”). Si vous êtes boulanger et que
votre nom est dupont, insérez dans la première
case, par exemple : boulanger-dupont. Votre site
JimdoFree aura le nom suivant :
www.boulanger-dupont.jimdo.com
9. Choisissez le nom de
votre site et l’adresse
mail que vous
utiliserez pour votre
compte Jimdo
10. Choisir un mot de passe
Vous devez créer un mot de passe pour votre
compte Jimdo. Il doit être:
• Difficile à deviner (pas votre date de naissance ou
le nom d’un de vos enfants)
• Composé de lettres en majuscules et en
minuscules
• Composé également de chiffres et de symboles
11. Saisir un captcha: pourquoi et
comment?
Le but d’un captcha est de
prouver que vous n’êtes pas
une machine qui tente de
pirater des sites web.
Vous devez remplir le champ
vide avec les chiffres et/ou
lettres indiquées au-dessus.
Lorsque vous avez saisi le
captcha, cliquez sur « créer
mon site gratuit ».
12. Valider votre compte
Pour valider votre compte, connectez-vous à
votre messagerie et cliquez sur l’hyperlien en
bleu pour valider votre compte
14. Accéder à votre site
Pour accéder à votre site Jimdo, saisissez le nom de mon compte
dans la barre URL de ma fenêtre internet, puis je tape sur la
touche « Enter ». Je vais arriver sur mon site, et là je n’ai plus qu’à
cliquer sur « Connexion » et me connecter
15. Choisir l’aspect qu’aura votre site
• Vous devez choisir un « template » (design):
c’est-à-dire l’architecture de votre site (type de
menu de votre site, manière dont les colonnes
et images vont être placées, positionnement
du texte…)
• Vous pourrez modifier ce template à tout
moment
16. Découvrir les outils Jimdo
Voilà à quoi ressemble l’ interface de Jimdo: vous avez sur la droite un
menu avec différents outils. Vous avez également différents éléments
par défaut sur lesquels vous pouvez cliquer pour les modifier.
17. Modifier les pages du site
Votre site est composé de pages. Pour modifier les noms de ces
pages, leurs position, ajouter ou supprimer des pages…cliquez sur
« modifier la navigation » (qui apparait lorsque vous mettez le
pointeur sur le menu), puis utilisez les outils situés à droite
pour ajouter des
pages, changer
leur position…
18. Alimenter votre site
Pour alimenter
votre site, déplacez
le pointeur de votre
souris jusqu’à ce
qu’apparaisse
« ajouter un
élément ». Cliquez
sur « ajouter un
élément » et
sélectionnez ce que
vous voulez ajouter
(texte, texte et
image…)
19. Pour décrire votre site en
résumé, Cliquez sur
« ajouter un élément »,
« texte », saisissez du
texte pour décrire votre
site, puis cliquez sur
« enregistrer ».
20. Modifier le template (aspect et
architecture de mon site)
Pour modifier votre Template,
cliquez sur « Designs »,
sélectionnez celui qui vous convient
parmi la liste qui s’affiche en haut
de votre site (Madrid, Berlin, San
Francisco…) puis cliquez sur
« enregistrer ».
21. Modifier le fonds (arrière-plan)du site
Vous pouvez garder un même template, mais modifier
l’arrière-plan de votre site. Pour cela, cliquez sur « Designs »,
puis sélectionnez l’onglet « arrière-plan ».
22. Là, vous allez pouvoir choisir si vous voulez mettre en arrière-plan
de votre site une image, un diaporama, une vidéo, un simple fond
de couleur…
Pour cela, cliquez sur le symbole +, puis sélectionnez l’onglet qui
vous intéresse (image, gallerie d’images, couleur…)
23. Modifier le style utilisé dans mon site
Pour modifier le style (police, couleur, taille
du texte…) utilisé sur votre site, cliquze sur
l’outil « Style », ce qui fait apparaître un
rouleau de peinture. Cliquez avec ce rouleau
de peinture sur les éléments du site que
vous voulez modifier.
24. N’oubliez pas de mettre le bouton « Style
d’éléments individuels » en position « On »
25. Revenir au design d’origine
Si vous cliquez sur un élément avec le rouleau de peinture
de l’outil « Style », une icône apparait qui vous propose de
revenir à votre design d’origine.
26. Ajouter et modifier une image
Pour ajouter une image sur
votre site, cliquez sur
« ajouter un élément »,
sélectionnez « image », et
cliquez sur « télécharger
une image ». Une fenêtre
va s’ouvrir où vous
retrouverez les différents
dossiers de votre
ordinateur. Sélectionnez
les images que vous
désirez dans cette fenêtre,
puis cliquez sur « ouvrir ».
Enfin, terminez en cliquant
sur « enregistrer ».
27. Vous pouvez utiliser les outils en-dessous de l’image
pour la modifier (l’agrandir, la réduire, la déplacer à
gauche, droite ou au centre…)
28. Entracte: où trouver des images?
Si vous ne trouvez pas d’image pour illustrer un
article, vous pouvez utiliser ce qu’on appelle une
banque d’images. Le mieux est d’en utiliser une
gratuite! Pour cela, rendez-vous sur les sites
suivants:
• https://pixabay.com/fr/
• http://fr.photl.com/
• http://www.everystockphoto.com/
29. Déplacer des éléments du site
Pour déplacer un élément, cliquez dessus et utilisez le curseur
formé de quatre flèches. Cliquez sur ce curseur, gardez votre
doigt enfoncé sur le bouton gauche de la souris et faites glisser
l’élément là où vous désirez le placer.
32. Insérer des colonnes
Pour insérer des
éléments en colonnes,
cliquez sur « ajouter un
élément » et
sélectionnez
« colonnes ».
33. Deux colonnes vont apparaître, et vous pourrez alimenter chacune
séparément en cliquant sur « ajouter un élément » dans la colonne
correspondante.
Pour modifier les colonnes ou ajouter des colonnes supplémentaires,
cliquez sur « modifier les colonnes
34. Insérer des espacements
Pour que votre site soit
aéré, vous pouvez
insérer des
espacements entre
deux éléments. Pour
cela, cliquez sur
« ajouter un élément »
puis « espacement ».
Vous pourrez ensuite
régler la taille de
l’espacement en
diminuant ou
augmentant la taille des
pixels
35. Insérer une séparation
Pour insérer une ligne
de séparation, cliquez
sur « ajouter un
élément », puis
sélectionnez
« séparation »
36. Insérer un tableau
Si vous voulez insérer
un tableau, cliquez sur
« ajouter un élément »,
puis
sélectionnez « Tableau
». Un tableau de deux
colonnes et deux lignes
va apparaître. Utilisez
les outils en-dessous
du tableau pour
ajouter des lignes ou
des colonnes.
37. Insérer un bouton
Vous pouvez créer des
boutons qui incitent les
utilisateurs à réaliser une
action: « contactez-nous »,
« achetez », « en savoir
plus »...
38. Vous pouvez ensuite
cliquer sur l’icône
pour ajouter un lien
(internet ou externe) à
votre site. Les visiteurs
qui cliqueront sur le
bouton seront renvoyés
à une autre page de
votre site (lien interne)
ou à un autre site
internet, une adresse
mail…(lien externe).
40. Insérer une carte
Vous pouvez insérer
une carte sur votre site
afin que le visiteur
puisse trouver votre
commerce, le lieu où
vous organisez une
activité…Pour cela,
cliquez sur « ajouter un
élément », puis
sélectionnez « google
maps ».
41. Dans le champ vide,
saisissez l’adresse du
lieu que vous voulez
indiquer, puis cliquez
sur « rechercher »
42. Cliquez sur « ajouter un nouveau repère, pour insérer
un indicateur au point précis que vous avez renseigné
43. Insérer un formulaire
Vous pouvez insérer un
formulaire de contact
pour que les visiteurs de
votre site vous envoient
des messages. Pour cela,
vous devez cliquer sur
« ajouter un élément »,
« plus d’éléments » (les
trois petits points sur
fond bleu) puis
sélectionner
« formulaire »
44. Un formulaire de
contact est créé. Vous
pouvez y ajouter des
éléments en cliquant à
l’intérieur du formulaire
sur « ajouter un
élément ». Cela va vous
ouvrir de nouveaux
outils. Vous pouvez par
exemple sélectionner
« liste de sélection » ou
« champ d’option » pour
que le visiteur remplisse
un questionnaire
45. Vous pouvez également
insérer un « captcha »,
pour vérifier que ce
n’est pas une machine
qui tente de vous
envoyer un message.
Pour cela, cliquez sur le
petit icône ci-contre
46. Insérer un blog
Afin de faire vivre votre site, de le rendre plus
dynamique et interactif, vous pouvez y insérer un
blog. Pour cela, vous devez cliquer sur l’outil
« blog », puis cliquer sur « créer mon blog ».
Lorsque c’est fait, créez une page pour votre site où
vous afficherez les articles de votre blog.
47. Afficher le blog sur le site
Rendez-vous sur la page
que vous allez
consacrer à votre blog,
et cliquez sur « ajouter
un élément », puis
cliquez sur « plus
d’éléments » et
sélectionnez « affichage
du blog ».
Utilisez les outils ci-dessus pour ranger l’article dans une
catégorie (vous n’êtes pas obligé de le faire), déterminer le
nombre d’articles affichés par page, l’ordre des articles (du plus
ancien au plus récent ou inversement)…
48. N’oubliez pas de cliquer sur cet icône pour rendre
l’article public, sinon il restera invisible et sera
rangé comme « projet » dans votre outil « blog ».
49. Insérer un calendrier
Vous pouvez insérer un
calendrier sur votre site. Pour
cela, vous devez avoir un
compte google, et ouvrir
l’application « agenda ».
50. Dans google agenda, cliquez sur la petite flèche à côté de
« mes agendas », mettez le pointeur sur « créer un
agenda » et cliquez
52. Sur la flèche à côté de « mes agendas », cliquer sur
« paramètres »
53. Cliquez sur l’agenda que vous voulez ajouter à votre site.
Vous arriverez sur la page suivante:
54. Copiez le code en html indiqué ici en le sélectionnant
avec votre curseur, puis en cliquant droit et en
sélectionnant « copier »
55. Sur votre site, à
l’endroit où vous
voulez placer le
calendrier, cliquez sur
« ajouter un
élément », « plus
d’éléments » et
sélectionnez
« widget/html »
56. Dans le champ
en blanc, cliquez
droit avec votre
souris et
sélectionnez
« coller ».
58. Relier mon site aux réseaux sociaux
Vous pouvez utiliser différents outils pour relier votre site aux
réseaux sociaux (ce qui augmentera les visites sur votre site)
59. En allant dans vos paramètres et en cliquant sur « Twitter » (dans les
applications), vous pourrez relier votre site à votre compte Twitter (si vous
en possédez un bien-sûr!), ce qui permet de tenir au courant vos Folowers
des nouveautés sur votre site.
60. Vous pouvez également cliquer sur « ajouter un élément », puis
sélectionner « Twitter » pour créer un bouton twitter. Cela
permettrait au visiteur de vous suivre sur votre compte Twitter.
61. Si vous refaites le même procédé, mais avec « Facebook », vous pourrez
insérer un bouton « J’aime ». Cela permettra au visiteur de « liker » votre
site, et cette information se retrouvera sur Facebook, ce qui pourra
amener de nouvelles personnes sur votre site. N’oubliez pas à chaque fois
que vous faites ce genre de manipulation, de terminer en cliquant sur
« enregistrer ».
62. Si vous désirez permettre au visiteur de partager votre site sur les
réseaux sociaux, cliquez sur « ajouter un élément », « partager », et
choisissez les réseaux sociaux que vous voulez indiquer en cochant les
cases correspondantes (le mieux est de ne pas surcharger et de vous
limiter à Twitter, Facebook et Google +)
63.
64. Voilà ce qui apparaitra pour le visiteur! Cela lui permettra de
partager votre site sur son journal
66. Un (tout petit peu) de théorie
Qu’est-ce que le référencement?
Sur Internet, le travail de référencement
consiste à améliorer le positionnement et la
visibilité de sites dans des pages de résultats de
moteurs de recherche (principalement Google)
ou d'annuaires.
67. Conseils pour référencer votre site
(extrait du guide Jimdo)
« Afin qu’un moteur de recherche tel que Google ajoute
votre site à son index en bonne position, il faut qu’il juge
que votre contenu est D’ACTUALITÉ et PERTINENT.
Pour s’attirer les faveurs des moteurs de recherche, il faut
IMPÉRATIVEMENT optimiser votre site en fonction de la
façon dont Google va le juger. Votre travail doit être axé
sur:
• L’optimisation de votre site pour les robots Google
• La qualité de vos contenus (textes et images)
• L’interactivité / fréquence de mise à jour de votre site.
• La promotion en ligne et hors ligne de votre site
68. “Je viens de m’inscrire sur Jimdo et ne trouve pas mon site sur Google,
pourquoi ?”
Tout simplement parce que votre site est encore trop récent et contient peu de
contenu ! Google a besoin de contenus (texte, images, liens…) pour repérer
votre site. Un site vide avec peu ou pas de contenus ne sera pas considéré
comme pertinent. Pensez à vos potentiels visiteurs et posez vous les questions
“Qui sont mes visiteurs” et “Quel contenu est intéressant et pertinent pour ces
visiteurs ?”
“Quand je tape l’adresse de mon site, je ne le trouve pas. Est-ce que mon site
est en ligne ?”
Jimdo est un outil de création de site internet qui fonctionne uniquement avec
une connexion internet. De ce fait, tout site crée, est bien immédiatement en
ligne. En ligne signifie que si vous connaissez l’adresse exacte (ou nom de
domaine) de votre site (ex : www.monsite.jimdo.com), vous pouvez y accéder
sans soucis depuis 'importe quel navigateur internet. Votre site ne va pas
recevoir 10 000 visites dès sa création. Il faut d’abord l’enrichir et l’optimiser.
69. Donnez un titre à votre site: il doit être court et donner une
idée précise de ce qu’on trouvera sur le site
Décrivez le contenu de la page : donnez envie au visiteur de
visiter votre site et donnez une idée précise de qu’il y
trouvera. La description sera le résumé inscrit en-dessous de
votre site dans l’index Google.
70. Dans Aperçu Google, vous verrez une simulation
de ce que Google va montrer de votre site dans
son moteur de recherche.
71. Indexation de la page : En cliquant ici, vous verrez si la page
en question est connue ou non de Google.
72. Utiliser Google Analytics
Pour que votre site soit bien référencé, il faudra
donc l’alimenter régulièrement, poster du contenu
varié, créer des liens avec d’autres sites…
Comment vérifier si vos méthodes sont efficaces et
si vous gagnez en visites ? Il va vous falloir un outil
de statistiques. Avec la version gratuite de Jimdo,
vous n’avez pas accès directement àces
informations sur votre site. Mais vous pouvez
utiliser un outil comme Google Analytics.
73. Google analytics est un outil un peu sophistiqué. Il vous paraîtra peut-être un peu
compliqué au départ, mais pas de panique, c’est au fur et à mesure que vous
apprendrez à l’apprivoiser! Et il vous reste toujours l’EPN si vous avez besoin d’un coup
de pouce ;). Premièrement, vous devez créer un compte pour pouvoir utiliser
l’application.
74. Tout d’abord, vous devez insérer le code html de Google Analytics
sur votre site internet. Pour cela, il vous faut cliquer sur
« Admin », puis « Compte site Jimdo ».
76. Sélectionnez le nom de votre site (ici par exemple
« checkmyresume). Puis cliquez sur « informations de suivi »,
puis « code de suivi »
77. Copiez le code html indiqué dans « suivi des
sites web »
78. Lorsque vous avez créé votre compte, l’outil qui vous sera le plus utile
dans Google Analytics est l’outil « Rapports ». Il va vous permettre de
trouver différentes informations sur vos visiteurs et leur
comportement, ce qui vous permettra d’améliorer votre
référencement.
79. Retournez sur votre site, allez dans « paramètres » puis
cliquez sur « Google analytics ». Là, vous allez coller le
code html que vous avez copié dans le champ en blanc.
80. Et voilà! Maintenant, vous allez pouvoir utiliser les rapports
de Google Analytics pour en savoir plus sur vos visiteurs: le
nombre de visiteurs que vous avez, le temps qu’ils passent
sur votre site, le taux de rebond (c’est-à-dire le nombre de
visiteurs qui partent après avoir consulté une seule page)
81. Vous pouvez voir ici des informations sur les visiteurs, le
nombre de pages qu’ils ont visitées, la durée moyenne des
sessions…
82. Ici, vous pouvez par exemple voir le nombre de
nouveaux utilisateurs sur votre site, mois par mois
83. Pour aller plus loin
• http://aide.jimdo.com/
• Ou l’EPN bien sûr :D
« Un problème? Restez zen, passez à l’EPN! »