Créer son site internet gratuitement avec Jimdo

Transcription

1 Créer son site internet gratuitement avec Jimdo Ce document a été préparé par Emmanuelle Castelnau de l Office de Tourisme Cahors /Saint- Cirq Lapopie et mis à disposi>on de tous les Animateurs Numériques de Territoire pour l anima>on des ateliers sur ceae théma>que.

2 Le programme - Pourquoi Jimdo? - Ce qu il faut savoir avant Et vous? Où en êtes vous? - La création en 3 étape : Créez, personnalisez, administrez

3 Pourquoi Jimdo? Pas besoin de télécharger un logiciel : ordinateur et internet Pas besoin d être un expert en informa>que Facile et rapide d u>lisa>on Autonome pour la créa>on et la mise à jour Nombre de pages illimité Une version mobile créée automa>quement Version gratuite ou professionnelle peu onéreuse

4 Ce qu il faut savoir avant On se pose les bonnes ques>ons : Quel contenu et quelle cible? A qui s adresse t- il? Pour répondre à quel besoin? Quels textes? Quelles photos? Quel contenu? Que font mes concurrents? Quelle image je souhaite véhiculer?

5 La méthode On prend un stylo et un bloc note: Lister les contenus Visites Vallée de la Dordogne Chambre bleue Anima>ons Ac>vités Carte Les chambres d hôtes Contact Tarifs Rocamadour/ Collonges/Beaulieu Disponibilités Chambre rose Réserver

6 La méthode Organiser par catégories Carte Contact Chambre Chambre rose bleue Les chambres d hôtes Découvrir la Vallée de la Dordogne Rocamadour/ Visites Collonges/Beaulieu Anima>ons Ac>vités Tarifs Réserver Disponibilités Contact

7 La méthode Structurer l informa>on Les chambres d hôtes Réserver Découvrir la Vallée de la Dordogne Carte Chambre rose Tarifs Rocamadour/ Collonges/Beaulieu Contact Chambre bleue Disponibilités Visites Ac>vités Contact Anima>ons

8 L arborescence Arborescence : Ar>cula>on des différentes pages et liens entre eux. Niveau 1 Page d accueil Niveau 2 Rubrique 1 Rubrique 2 Rubrique 3 Niveau 3 Sous rubrique 1.1 Sous rubrique 1.2 Sous rubrique 2.1 Sous rubrique 2.2 Sous rubrique 3.1 Sous rubrique 3.2

9 L arborescence de mon site Niveau 1 Page d accueil Niveau 2 Les chambres d hôtes Réserver Découvrir la VD Carte Contact Niveau 3 Chambre rose Chambre bleue Tarif Dispo Contact Rocamadour/ Collonges/Beaulieu Visites Ac>vités Plan anima>ons

10 Des conseils sur le nom de domaine Evitez trop de 1rets Evitez les mots compliqués ou difficile à prononcer Choisissez des mots clés a<rac1fs Vérifiez sa disponibilité

11 Des conseils sur le contenu Faites des liens internes Privilégiez les textes courts vers l informa1on essen1elle Répondre aux ques1ons : Où? Quoi? Comment? Quand? Qui? Combien? Chaque page doit être unique : pas de copié/collé On doit trouver la page en 3 clics maximum! Pour caricaturer, un internaute est «bigleux, neuneu et feignant» : facilitez lui l informa1on!

12 Après la théorie, la pra>que A vous! Rendez- vous sur : hap://fr.jimdo.com/

13 Etape 1 : Créez votre compte

14 Etape 2 : Choisir votre design

15 Etape 3 : Inscrivez- vous

16 Etape 4 : Choisir un nom de domaine

17 Etape 5 : Confirmez Mail

18 A vous de jouer!

19 Header Titre du site Barre de naviga>on ou menu Arrière plan Contenu Réseaux sociaux

20 Etape 3 : La personnalisa>on L arborescence, c est le squele<e du site! Ce sont les différents niveaux de menus qui vont composer votre site web! 1. Passez votre souris sur la barre de menu 2. Cliquez sur modifier la naviga>on

21 Toute l arborescence du site apparaît 3 niveaux : menus, sous- menus, sous- sous menus 1 er niveau de menu 2ème niveau de menu Légende : 3ème niveau de menu Permet de gérer l ordre des pages en les montant ou en les descendant Permet de gérer le niveau de la page (1 er, 2 ème ou 3 ème ) Insérer une nouvelle page Supprimer une page Si vous supprimez une page principale, toutes les sous- pages seront alors supprimées Permet de cacher une page

22 Les ou>ls de paramétrage Designs - Choisissez votre design préféré dans ceae liste ou créez vous- même un design. Style - Modifiez l'apparence de votre site et en par>culier celle de vos textes, >tres, liens, ou encore le style de votre blog ou de votre e- bou>que. A quoi sert l'onglet Blog de Jimdo? Blog - Construisez votre propre blog sur votre site. Dans ce menu, vous pouvez ajouter et gérer vos ar>cles. Paramètres - Con>ent l'ensemble des paramètres- clés de votre site : ges>on des comptes e- mail, données personnelles et autres paramètres pour votre e- bou>que ou votre newsleaer. SEO - Con>ent l'ensemble des paramètres permeaant de travailler les mots- clés, descrip>ons et >tres de page afin d'op>miser votre site pour les moteurs de recherche Sta1s1ques - Prenez connaissance du nombre de visiteurs ayant parcouru votre site Jimdo tout comme la provenance de ces derniers ou encore la durée de leur visite... Services externes - Accédez ici à nos services externes en terme de designs : 99designs et JimdoExpert. Aide - Consultez ce même site d'aide en ligne dans cet onglet! Notre responsive design s'adapte à tous les formats de page vous permeaant de consulter l'aide tout en travaillant votre site! Acheter - Commandez ici JimdoPro ou JimdoBusiness avec un nom de domaine personnel et beaucoup d'autres suppléments pour votre site (domaine supplémentaire ou compte e- mail).

23 Ajouter du contenu Une page de site Jimdo est composée d une succession d éléments. Chaque élément est indépendant. A tout moment, vous pouvez modifier, déplacer ou supprimer un élément dans la page. Tout élément peut- être dupliqué. Les pages en>ères à dupliquer ne sont disponibles qu en version pro. Toutes les mises à jours se font instantanément lorsque vous cliquez sur enregistrer. Pour ajouter du contenu dans une nouvelle page, cliquez sur :

24 Ajouter du texte Les 1tres permeaent de structurer votre texte (3 niveaux): - Visuellement : pour l internaute qui va le lire. - Techniquement : pour les moteurs de recherche qui vont les reconnaître comme un élément important de la page. Pour les textes, c est le même principe qu un logiciel de traitement de texte. Ex: Word

25 Ajouter du texte (suite) Texte en gras (B) ou en italique (I) Ajout de puces ou de numéros Annule ou restaure une modifica>on Alignement du texte: à gauche, centré, à droite ou jus>fié Taille du texte Couleur du texte Augmenter ou réduire l alinéa Supprimer la mise en forme Accéder au code HTML Ajouter ou supprimer un lien Pour créer un lien, sélec1onnez le texte sur lequel vous souhaitez meare un lien Cliquez sur le chaînon puis choisissez entre : Lien interne: vers votre site web Lien externe: un autre site ou un Cliquez sur créez un lien et enregistrer

26 Structurer une page Les colonnes sont un ou>l très pra>que pour structurer la présenta>on de votre page. 2 colonnes sont insérées par défaut, mais vous pouvez en rajouter autant que vous voulez! Chaque colonne s u>lise et s alimente comme une page dans une page. Vous pouvez donc y ajouter autant d éléments que vous souhaitez! Entre vos blocs de textes ou d images, vous pouvez ajouter un espacement ou une sépara1on.

27 Ajouter des photos La galerie d images permet d afficher une série de photos : - En mode diaporama - En mode vigneae agrandissable Vous pouvez meare des liens internes ou externes sur vos photos! Les photos sont limitées à 10MB en version gratuite contre 100MB en version pro

28 U>liser les ou>ls Jimdo Le Formulaire permet de créer un formulaire de contact ou de réserva>on qui renvoie le message du client vers votre adresse Le Flux RSS permet de récupérer et d intégrer à votre site, le flux RSS issus d autres blogs Le Téléchargement offre aux internautes la possibilités de télécharger vos brochures, présenta>on de votre établissement, tarifs (PDF=> aucune modifica>on). Le Livre d or offre aux internautes la possibilité de déposer leur avis sur votre établissement. Il faut aussi privilégier les liens vers les grands sites d avis du type Tripadvisor, sites des Offices de Tourisme, Dismoioù, Vinivi

29 Ajouter des contenus externes L ou>l Widget/HTLM permet d intégrer des contenus hébergés sur d autres plateformes Exemples: Météo Google Maps Google Agenda Google Doc Vidéos Youtube, Dailymo>on Albums photos Flickr, Picasa, Panoramio Avis Tripadvisor

30 Ajouter un widget météo Connectez- vous sur Cliquez sur Météo gratuite pour site Suivez les trois étapes : sélec>onner la ville et le format, changer le contenu ajouter votre style Vous aurez alors un aperçu de votre widget Acceptez les condi>ons générales et générez le code Copiez le code HTLM généré et collez- le dans le cadre élément Widget/ HTML que vous avez créé sur votre site Jimdo Changez la langue de la météo pour vos versions étrangères

31 Vente en ligne Techniquement Pour vendre en ligne, il faut Un outil de vente en ligne Planning Stock Réservations Clients Un système d encaissement en ligne Permet de gérer le paiement en relation avec les banques et de confirmer la réservation

32 Vente en ligne Concrètement Je suis déjà équipé Je n ai pas de solution de réservation en ligne

33 Visuel pivot Vallée de la Dordogne hap:// ou>ls/kit- communica>on

34 Insérer une vidéo

35 Vidéos de l Office de Tourisme Pour intégrer une vidéo de l Office de Tourisme : Choisissez la chaine Office de Tourisme Vallée de la Dordogne Sélec1onnez votre vidéo en cliquant dessus Cliquez sur «partagez» puis «intégrez» Copiez le code Collez- le dans le widget de votre site web

36 Les versions Pro

37 Pour aller plus loin avec Jimdo Voici quelques liens pour vous aider à parfaire votre site :

38 Merci de votre aaen>on Marie Barrière Mélanie Ramière Animateur Numérique de Territoire Tél : m.barriere@vallee- dordogne.com m.ramiere@vallee- dordogne.com