Atelier créer son site avec jimdo Bocage Normand
-
Upload
ot-bocage-normand -
Category
Travel
-
view
862 -
download
1
Transcript of Atelier créer son site avec jimdo Bocage Normand
![Page 1: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/1.jpg)
Créer son site internet avec Jimdo
![Page 2: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/2.jpg)
Et vous? Comment
faites-vous?
Tour de table
![Page 3: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/3.jpg)
Quel est votre budget?
Avez-vous du temps à consacrer à ce site?
Quelles sont vos cibles?
Quel contenu mettre en avant?
![Page 4: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/4.jpg)
• Faites appel à un professionnel
Oh lala!
J’y connais rien et j’ai pas
le temps !
• Des outils simples vous permettront de faire votre site vous-même
J’ai quelques notions et un
peu de temps !
![Page 5: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/5.jpg)
![Page 6: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/6.jpg)
http://fr.jimdo.com/offres/comparatif/
Jimdo FREE
Gratuit
1 nom de domaine
Réféncement
Jimdo PRO
60€ / an
1 nom de domaine
1 email pro
Statistiques
Jimdo BUSINESS
180 € / an
2 noms de domaine
+ de mémoire
E-boutique illimitée
![Page 7: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/7.jpg)
• Eviter les tirets
• Evitez les mots trop compliqués ou difficiles à prononcer ( y compris pour des étrangers)
• Utilisez des mots clés et faciles à retenir. Qui décrivent au mieux votre activité et qui soient attractifs.
• Attention aux mots trop concurrentiels
• Vérifiez la disponibilité du nom sur www.ovh.com
![Page 8: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/8.jpg)
• Soignez les titres et sous-titres, ce sont eux qui guident vos lecteurs
• Privilégiez les textes courts qui vont directement à l’information principale. 15 mots / phrase.
• Répondre à des questions types où, quoi, comment, quand, qui?
• Mettez des liens pertinents sur des mots clés
• Pas de copier-coller de texte déjà existants! Mauvais pour le référencement. Chaque page sur internet doit être unique!
![Page 9: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/9.jpg)
• Injecter régulièrement du contenu neuf et frais!
• Pratiquez l’échange de liens avec l’Office de Tourisme. Vous êtes présent sur son site et vice-versa.
• Evitez trop de liens, Google n’aime pas les annuaires.
• Allez sur les réseaux sociaux
• Créer une page sur Google + Local
• Renommez vos photos! Et mettez les en scène
![Page 10: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/10.jpg)
http://www.araucaria-bnb.fr http://www.gite-ocean-vendee.com
![Page 11: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/11.jpg)
Avant
Pendant
Après
Visiter
Rêver
Planifier
Rechercher
Comparer
Réserver
Acheter
Voyager
Partager
Quelles vont- être ses attentes?
Où dormir? => Dispo et résa en ligne, avis
Que visiter? => Logique de destination
Localisation => Où s’est situé et comment y aller
Météo => Fera-t-il beau pendant mon séjour?
![Page 12: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/12.jpg)
http://mon-site-tourisme.jimdo.com
Pour vous aider à modifier vos sites, Nicolas Monseigne, du Pays de Médoc a réalisé plusieurs modèles disponibles en ligne.
![Page 14: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/14.jpg)
1 mettre son nom de domaine
(le nom de son site)
2 Inscrivez votre email,
vous y recevrez un mail de confirmation et un mot de passe provisoire
3 Acceptez les conditions
x
4 cliquer sur créer
![Page 15: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/15.jpg)
Vous recevez un mail de confirmation dans votre boîte mail, cliquez sur confirmer
![Page 16: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/16.jpg)
J’arrive sur la page de mon site
Je clique sur connexion Je saisis mon mot de passe
Le principe de Jimdo : Vous travaillez sur le site et les modifications apparaissent en temps réel
![Page 17: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/17.jpg)
![Page 18: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/18.jpg)
DESIGN :
• Permet de modifier l’aspect extérieur du site Internet : sa forme, sa structure, sa mise en page…
STYLE :
• Permet de gérer la police des textes, des titres, des liens… Ce style sera adopté dans toutes les pages du site.
BLOG :
• Permet d’insérer un blog sur votre site Internet : publier des articles, laisser les visiteurs commenter, les informer de vos nouveautés…
ACHETER :
• Pour passer aux versions business et pro de Jimdo
PARAMÈTRES :
• Permet de configurer les fonctions importantes de votre site : nom de domaine, référencement, mot de passe…
STATISTIQUES :
• En version pro ou business permet de voir le nombre de visiteurs venant sur votre site.
MODULE D’AIDE :
• Une zone regroupant les rubriques d’aide chez Jimdo.
![Page 19: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/19.jpg)
Le principe : Je passe ma souris au dessus de la zone que je veux modifier & Un menu apparaît…
![Page 20: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/20.jpg)
Un design professionnel augmente la confiance du visiteur en votre site
Cliquez sur l’icône Design dans la barre des paramètres
Vous avez le choix entre de nombreux designs. Cliquez sur un design qui vous plaît et vous aurez un aperçu en direct sur votre site
![Page 21: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/21.jpg)
Le design vous plaît? Cliquez sur Oui ou Non ou précédent si vous souhaitez le changer…
![Page 22: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/22.jpg)
C’est la première image que les internautes vont se faire de votre activité. Choisissez une photo attrayante, pertinente et un bon titre !
![Page 23: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/23.jpg)
Différents onglets dans le header: Galerie : qui permet de mettre une photo proposée par Jimdo Image personnelle: mettez une belle image de votre établissement. N’oubliez pas de la redimensionner selon les conseils de Jimdo ( utilisez pour cela Photofiltre ou www.picmonkey.com ). Cliquez sur choisissez un fichier et téléchargez votre photo. En attendant, mettez une image de la galerie….
![Page 24: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/24.jpg)
Modifier le header : Vous pouvez choisir la hauteur du header et déplacer l’image verticalement ou horizontalement…
![Page 25: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/25.jpg)
Titre permet de modifier le titre dans l’en-tête et notamment :
La police La taille La position La couleur
![Page 26: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/26.jpg)
Titre de la page (menu principal)
Titre de la page (menu secondaire puis sous-menu)
Gérer l’ordre des pages
Gérer le niveau de la page dans l’arborescence (menu principal, secondaire, sous-menu… max 3 niveaux!)
Masquer la page (elle est en ligne mais invisible)
Supprimer la page
Insérer une nouvelle page
Enregistrer vos modifications!
Attention, si vous supprimez une page principale, toutes les sous-pages seront alors supprimées !
![Page 27: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/27.jpg)
Que faire quand votre site n’est pas terminé et que vous souhaitez limiter son accès le temps de la construction ? 1 - vous pouvez prévenir le visiteur que vous travaillez encore sur ce site en plaçant un panneau "Site en construction“ comme décrit ici: http://fr.jimdo.com/2010/09/09/cadeau-un-panneau-site-en-construction-pour-votre-site-jimdo/. 2 - ou en bloquant l‘entrée du site en insérant une zone à mot de passe. Pour se faire : - Cliquer sur Paramètres > Zones à mot de passe > Ajouter une nouvelle zone protégée par mot de passe et cliquer sur toutes les pages du site en réponse à la question « Quelles sont les pages qui doivent être protégées par cette zone? », ainsi l’ensemble sera bloqué !
Cliquez sur le symbole représentant un œil à côté de la page que vous souhaitez rendre invisible aux yeux des visiteurs dans la navigation.
Page visible par les visiteurs
Page non visible par les visiteurs
![Page 28: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/28.jpg)
-Déplacer le bloc vers le haut ou le bas de la page - Supprimer l’élément - Dupliquer l’élément - Ajouter un contenu à la suite de celui-ci
![Page 29: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/29.jpg)
De nombreux éléments que vous pouvez modifier à chaque instant : Pour organiser vos pages Pour insérer du texte Pour ajouter des images Insérer une carte Google Insérer un livre d’or
![Page 30: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/30.jpg)
![Page 31: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/31.jpg)
Choix de différentes tailles de titres
La barre de texte comprend les mêmes fonctionnalités que Word
Signification des symboles
= Gras, Italique
= Insérer des puces ou des numéros
= Décaler le texte sur la droite /gauche
= Pour coller un texte déjà écrit.
= Changer la couleur d’écriture
= insérer un code HTML
= aligner le texte à gauche, au centre, à droite, justifié.
= insérer un lien ou supprimer un lien
![Page 32: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/32.jpg)
C’est la même chose pour ajouter une image
![Page 33: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/33.jpg)
Les images s’affichent, n’oubliez pas d’enregistrer !
![Page 34: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/34.jpg)
Permet de télécharger des documents PDF : le Guide Touristique de l’Office de Tourisme ou votre brochure
Permet de structurer votre page, en délimitant bien les différents modules.
Permet de créer un formulaire contact / réservation.
Incitez vos clients à laisser un avis, mettez à leur à disposition un livre d’or !
Permet de localiser votre établissement
![Page 35: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/35.jpg)
Le module « Widget » va vous permettre d’intégrer facilement des contenus présents sur d’autres sites. Exemples de widgets à intégrer : - Cartes avec Google Maps - Agendas avec Google Agenda - Météo - Vidéos (Youtube, animoto, Dailymotion) - Photos (Flickr, Picasa, Panoramio, etc.) - Dépôt d’avis avec Tripadvisor - Etc.
![Page 36: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/36.jpg)
1- Allez sur www.tameteo.com
3- Personnalisez les lieux , couleurs, informations… 4- Acceptez les conditions et cliquez sur « Générer le code ».
5- Copiez le code.
2-
![Page 37: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/37.jpg)
1- Cliquez sur Widget / HTML (petite astuce, la météo peut-être placée dans la barre latérale de votre site et présente sur chaque page) 2 – Collez le code
3 – Enregistrer et voilà!
![Page 38: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/38.jpg)
Avec votre compte Google, c’est possible!
Allez dans Google Agenda et rentrer
chaque gîte/chambre de votre structure.
Vous pouvez modifier les disponibilités en temps réels, choisir des couleurs… et le mettre en ligne sur votre site Jimdo
en copiant-collant le code ! C’est un widget!
Démo :
http://www.etourisme.info/google-agenda-le-mac-giver-des-disponibilites-
en-ligne/
![Page 39: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/39.jpg)
1- Connectez-vous à votre compte Gmail pour créer un compte sur Google Analytics :
www.google.com/analytics
![Page 40: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/40.jpg)
2 – Complétez les champs : - Nom du site web - URL de votre site - Fuseau horaire : France
3 – Cliquez sur obtenir un ID de suivi 4 – Acceptez les conditions
![Page 41: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/41.jpg)
Copiez le code fourni par Google dans votre site pour avoir le suivi de chaque page. Jimdo, permet de le faire en une seule fois!
Intégrer le code dans Jimdo en cliquant sur Paramètres
![Page 42: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/42.jpg)
Allez dans Applications => Google Analytics Puis collez le code dans le champ
Vous pourrez aller voir régulièrement vos statistiques de fréquentation en allant dans Google Analytics
![Page 43: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/43.jpg)
http://communautefrancophone.jimdo.com/
![Page 44: Atelier créer son site avec jimdo Bocage Normand](https://reader030.fdocuments.fr/reader030/viewer/2022020110/55869153d8b42abd068b45b9/html5/thumbnails/44.jpg)
Et maintenant au travail !
Les ateliers reprendront à l’automne.
Bonne saison!
Ce tuto vous sera envoyé par mail cette semaine et vous pouvez retrouver tous nos documents, présentations… sur l’ANT dans notre espace pro : http://www.bocage-normand.com/fr/espace-pro/espace-pro.htm mot de passe : ……