Atelier Numérique - Créer son site web avec Jimdo - 2016

of 49 /49
Créer son site internet gratuitement avec Jimdo Ce document a été préparé par Cathy Mabout de l’Office de Tourisme du Pays de Gourdon et mis à disposition de tous les Animateurs Numériques de Territoire pour l’animation des ateliers sur cette thématique.

Embed Size (px)

Transcript of Atelier Numérique - Créer son site web avec Jimdo - 2016

  • Crer son site internet gratuitement avec JimdoCe document a t prpar par Cathy Mabout de lOffice de Tourisme du Pays de Gourdon et mis disposition de tous les Animateurs Numriques de Territoire pour lanimation des ateliers sur cette thmatique.

    *

  • Le programme

    *

  • Prsentation

    Lanimation numrique de territoire, cest quoi ?

    Lanimateur numrique de territoire (ANT) est l pour vous informer, vous accompagner et vous conseiller sur les volutions numriques et sur les opportunits saisiravec un double objectif: viter la fracture numrique dans le tourisme et rester comptitif.Cathy MABOUTOffice de Tourisme Intercommunal du Pays de Gourdon,Charge de lAnimation Numrique de Territoire,

    et surtout pas webmaster, community manager ou spcialiste du rfrencement, Petit tour de table :Et vous, o en tes vous ?

  • Pourquoi Jimdo ?Crer et administrer un site facilementPas besoin de tlcharger un logiciel : ordinateur et internetPas besoin dtre un expert en informatiqueFacile et rapide dutilisationAutonome pour la cration ET la mise jourNombre de pages illimitUn bon rfrencement naturelUne version mobile gnre automatiquementVersion gratuite ou version professionnelle (peu onreuse)

  • Ce quil faut savoir avant On se pose les bonnes questions :Quel contenu et quelle cible ?

    A qui sadresse t-il ?Pour rpondre quel besoin ?Quels textes ? Quelles photos ? Quel contenu ?Que font mes concurrents ?Quelle image je souhaite vhiculer ?

  • La mthode On prend un stylo et un bloc-note:

    Lister les contenusChambre roseChambre bleueDcouvrir la rgionPays de GourdonLe LotLoisirsLes chambres dhtesTarifs Nous localiserRserverDisponibilitsPlanContact

    1- On liste tous les contenus : se placer du ct utilisateur du site, passe mme avant la ralisation du graphisme*

  • La mthode Organiser par catgories

    Dcouvrir la rgionPays de GourdonLe LotLoisirsChambre roseLes chambres dhtesChambre bleueTarifs Nous localiserRserverDisponibilitsPlanContact

    2- On organise les contenus par catgories : consiste regrouper les informations et les agencer afin de faciliter la navigation du point de vue de lutilisateur*

  • La mthode Structurer linformationLes chambres dhtesChambre roseChambre bleueRserverTarifs DisponibilitsDcouvrir la rgionLe LotPays de GourdonLoisirsNous localiserPlanContacthttp://mon-site-tourisme.jimdo.com/Ides darborescence pour Gtes, B&B, Monuments, Manifestations, Commerces, Restaurants, Activits,

    3- On structure linformation : hirarchiser les catgories pour mettre en valeur certains contenus web. *

  • LarborescenceArborescence : Articulation des diffrentes pages et liens entre eux. Niveau 1Niveau 2Niveau 3Rubrique 1Rubrique 2Rubrique 3Page daccueilSous rubrique 1.1Sous rubrique 1.2Sous rubrique 2.1Sous rubrique 2.2Sous rubrique 3.1Sous rubrique 3.2

    Ltape finale consiste raliser larborescence sous forme de graphisme. Elle reprsente les diffrentes rubriques, pages et les relations existantes entre-elles. Elle permet de comprendre les diffrents niveaux de navigation. On parle de largeur pour le nombre de rubrique et de profondeur pour le nombre de sous rubriques accessible depuis une rubrique.*

  • Larborescence de mon siteNiveau 1Page daccueilNiveau 2Les chambres dhtesRserverDcouvrir la rgionNous localiserNiveau 3Chambre roseChambre bleueTarifsDispoContactLe LotPays de GourdonLoisirsPlan

  • Des conseils sur le nom de domaineEvitez les tiretsEvitez les mots compliqus ou difficiles prononcerChoisissez des mots cls attractifsVrifiez la disponibilit du nom de domaine souhait

    Et attention aux mots trop concurrentiels !*

  • Vrifier votre Nom de Domaine http://www.whois-raynette.fr/Vrification du nom de domaine

    *

  • Des conseils sur le contenuFaites des liens internes et externes, pertinents et sur des mots clsPrivilgiez les textes courts vers linformation essentielleRpondre aux questions : O ? Quoi ? Comment ? Quand ? Qui ? Combien ?Chaque page doit tre unique : pas de copier/coller (mauvais pour le rfrencement)On doit trouver la page en 3 clics maximum !

    Liens internes: meilleur rfrencement*

  • Rendez-vous sur : http://fr.jimdo.com/Aprs la thorie, la pratique A vous !

  • 1. Cliquez sur Crez un site web

    Etape 1 : Crez votre compte

    3. Le nom de domaine se terminera forcment par .jimdo (en version gratuite)4. Entrez votre email (sur lequel vous pourrez aujourdhui relevez vos mails)*

  • 3. Choisissez un design4. Entrez votre email5. Choisissez votre mot de passe

    Etape 1 : Crez votre compte

    3. Le nom de domaine se terminera forcment par .jimdo (en version gratuite)4. Entrez votre email (sur lequel vous pourrez aujourdhui relevez vos mails)*

  • 6. Entrez un nom pour votre site, son adresse URL (nom de domaine choisi)7. Vrifiez le Domaine

    Etape 1 : Crez votre compte

    3. Le nom de domaine se terminera forcment par .jimdo (en version gratuite)4. Entrez votre email (sur lequel vous pourrez aujourdhui relevez vos mails)*

  • 1. Relevez vos mails2. Cliquez sur le lien de confirmation3. Cliquez sur Modifier maintenant votre

    site Jimdo4. Accdez linterface de connexion

    Etape 2 : Confirmation et accs au site

  • Header

    Titre du site

    Barre de navigation ou menu

    Phrase daccroche

    Contenu

    Widgets : Rseaux sociaux ou mto ou

    Prsentation dune page Jimdo, la structure du site*

  • Toute larborescence du site apparat3 niveaux : menus, sous-menus, sous-sous menus

    1er niveau de menu2me niveau de menu3me niveau de menu

    Si vous supprimez une page principale, toutes les sous-pages seront alors supprimes

    Vous pouvez modifier le nom des pages en cliquant dessus, puis pensez enregistrer et cliquez sur la croix pour fermer !Lil permet de cacher une page : trs utile car toute suppression de page est IRREVERSIBLE*

  • Les outils de paramtrage

  • Le Menu Administration

    SEOL'optimisation pour les moteurs de recherche (en anglais, Search engine optimization: SEO)Ces techniques visent donc apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.Le titre de votre site internet est le texte qui sera affich tout en haut, dans la fentre de votre navigateur au dessus de "Fichier", "Edition", "Aperu" etc. (En gnral crit en blanc sur fond bleu). Si un visiteur de votre site internet l'enregistre dans ses "Favoris", ce sera le texte qui sera enregistr. De plus, un bon titre aide tre facilement trouv par les moteurs de recherche. L'idal est de donner le nom complet de votre entreprise, ou bien un titre court et pertinent. *

  • DesignDesign : on choisi son site : sa coquille, son graphisme

    ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

  • StyleStyle : vous allez pouvoir modifier tout ce qui touche aux polices dcriture : police, couleur, texture, ... Arrire-Plan : pour modifier la photo de fond

    *

  • Jimdo vous donne la possibilit dinsrer un BLOG votre site internet !Un BLOG doit tre aliment quasi QUOTIDIENNEMENTTenir compte du temps que cela prend avant de mettre en ligne !BlogBlog = Site bas sur la rdaction rgulire darticles dactualits, billets dhumeur, interactivit avec les lecteurs

    ATTENTION BLOG dans un premier temps faites tout le reste et une fois votre site cr.

    Les questions se poser : Blog : est ce utile ? A t-on du contenu pour cet outils ?*

  • Achat

    *

  • Paramtres

    Se mettre en direct sur Katedegourdon et faire les explication en directUtilisateur : modification du mot de passe, de ladresse mail pour ceux qui ont mis mon adresse mailhttp://katedegourdon.jimdo.com/gourdon46*

  • SEO

    SEOL'optimisation pour les moteurs de recherche (en anglais, Search engine optimization: SEO)Ces techniques visent donc apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.Le titre de votre site internet est le texte qui sera affich tout en haut, dans la fentre de votre navigateur au dessus de "Fichier", "Edition", "Aperu" etc. (En gnral crit en blanc sur fond bleu). Si un visiteur de votre site internet l'enregistre dans ses "Favoris", ce sera le texte qui sera enregistr. De plus, un bon titre aide tre facilement trouv par les moteurs de recherche. L'idal est de donner le nom complet de votre entreprise, ou bien un titre court et pertinent.

    Et pour termin Longlet Statistiques mais qui nest disponible qu lachat. Mais on se sert de Google analytics dans paramtres puis applications.*

  • Ce sont les diffrents niveaux du menu qui vont composer votre site web !

    Passez votre souris sur la barre de menuCliquez sur modifier la navigationPuis cliquez sur Ajouter une nouvelle page

    Etape 2 : La personnalisationLarborescence, cest le squelette du site !

  • 1er niveau du menu

    2nd niveau du menu

    3me niveau du menu

    Ne pas oublier denregistrerToute larborescence du site apparat

    ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

  • Attention ! La suppression dune page est irrversible !

    Donc on prfre masquer la page.

    De plus si vous supprimer une page PRINCIPALE, toutes les sous-pages seront aussi supprimes ! Grer vos pages, votre menu

    ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

  • Petit exercice Crer 2 pages de niveau 1

    Page 1 du niveau : crer 1 page de niveau 2

    Page 2 du niveau 1 : crer 1 page de niveau 2 et 1 page de niveau 3

    ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

  • Structurer une page

    Les colonnes sont un outil trs pratique pour structurer la prsentation de votre page.

    2 colonnes sont insres par dfaut, mais vous pouvez en rajouter autant que vous voulez !

    Chaque colonne sutilise et salimente comme une page dans une page. Vous pouvez donc y ajouter autant dlments que vous souhaitez !

    Entre les blocs, vous pouvez ajouter un espacement ou une sparation pour arer vos pages.

  • Une page de site Jimdo est compose dune succession dlments.Chaque lment est indpendant.A tout moment, vous pouvez modifier, dplacer ou supprimer un lment dans la page.Tout lment peut-tre dupliqu. Les pages entires dupliquer ne sont disponibles quen version pro.Toutes les mises jours se font instantanment lorsque vous cliquez sur enregistrer.Pour ajouter du contenu dans une nouvelle page, cliquez sur :

    Ajouter du contenu

    Vous tes libre de crer ce que vous souhaitez !*

  • Ajouter du texte

    Les titres permettent de structurer votre texte (3 niveaux):- Visuellement : pour linternaute qui va le lire.- Techniquement : pour les moteurs de recherche qui vont les reconnatre comme un lment important de la page.Pour les textes, cest le mme principe quun logiciel de traitement de texte. Ex: Word

  • Ajouter du texte (suite)Texte en gras (B) ou en italique (I)

    Alignement du texte: gauche, centr, droite ou justifi

    Ajout de puces ou de numros

    Ajouter ou supprimer un lienPour crer un lien, slectionnez le texte sur

    lequel vous souhaitez mettre un lienCliquez sur le chanon puis choisissez entre : Lien interne: vers votre site webLien externe: un autre site ou un emailCliquez sur crez un lien et enregistrer

    Annule ou restaure une modificationTaille du texte

    Augmenter ou rduire lalina

    Couleur du texte

    Supprimer la mise en forme

    Accder au code HTML

  • Ajouter des photos

    La galerie dimages permet dafficher une srie de photos :En mode diaporamaEn mode vignette agrandissable

    Vous pouvez mettre des liens internes ou externes sur vos photos !

    Les photos sont limites 10MB en version gratuite contre 100MB en version pro

  • Utiliser les outils Jimdo

    Le Formulaire permet de crer un formulaire de contact ou de rservation qui renvoie le message du client vers votre adresse email

    Le Flux RSS permet de rcuprer et dintgrer votre site, le flux RSS issus dautres blogs

    Le Tlchargement offre aux internautes la possibilits de tlcharger vos brochures, prsentation de votre tablissement, tarifs, contrats, (PDF=> aucune modification).

    Le Livre dor offre aux internautes la possibilit de dposer leur avis sur votre tablissement.Il faut aussi privilgier les liens vers les grands sites davis du type Tripadvisor, Dismoio, Vinivi

  • Comment insrer un Flux RSS ?

    Exemple :

    Copier ladresse internet La coller dans le cadre prvu par loutil Flux RSS de JimdoA chaque mise jour, linformation le sera automatiquement sur votre site

    Ce symbole napparat pas dans votre navigateur ? Pas de panique ! Il suffit dinstaller lextension correspondante

    Pour Chrometiny.cc/rsschromePour Mozilla Firefoxtiny.cc/rssmozillaFlux RSS

    Flux RSS : IL NY A PAS DE FLUX RSS DISPONIBLE SUR TOUTES LES PAGES INTERNET !!!*

  • Utiliser les outils JimdoPartager pour insrer les boutons de partage Cela permet aux internautes de partager vos infos avec leurs amis sur leurs rseaux sociaux.Facebook Bouton Jaime avec ou sans compteur, pour que les internautes signalent quils aiment votre contenu sur leur compte Facebook ou insertion de la Like Box pour les inciter aimer votre page facebookTwitter pour faire remonter le fil dactu de votre compte Twitter ou mettre le bouton Follow et inciter les gens vous suivre sur Twitter.Google + Onglet Box pour les inciter vous suivre sur votre page Google +

    ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

  • Ajouter des contenus externes

    Widget/HTLM permet dintgrer des contenus hbergs sur dautres plateformes

    Exemples:MtoGoogle AgendaGoogle DocVidos Youtube, DailymotionAlbums photos Flickr, Picasa, PanoramioAvis Tripadvisor,

    Google Maps : Carte Google Maps avec Calcul ditinraire du Client vous. Vous dfinissez votre position, le client na plus qu dfinir la sienne.

  • Exemples dinsertion de modules dans la barre latrale (disponible selon le modle choisi) : Partage Rseaux sociaux, Bouton jaime ou MtoOn clique sur dans la barre latrale

    Insertion dans la barre latrale

    *

  • Connectez-vous sur www.meteorama.frCliquez sur Mto gratuite pour siteSuivez les trois tapes : slectionner la ville et le format, changer le contenu ajouter votre style

    Vous aurez alors un aperu de votre widgetAcceptez les conditions gnrales et gnrez le code1- Ajouter un widget MtoCopiez le code HTLM gnr et collez-le dans le cadre lment Widget/HTML que vous avez cr sur votre site JimdoChangez la langue de la mto pour vos versions trangres

    Un copi/coll suffit ! Vous allez voir, rien de plus simple et pas besoin davoir des connaissances techniquesMto gratuite pour site : en haut droite !*

  • Connectez-vous sur https://translate.google.com/manager/website/Cliquez sur Ajouter cet outil votre site webSuivez les trois tapes : Renseignez ladresse URL de votre site ainsi que la langue principale,Paramtrez le traducteurRcuprez le code et copiez-le

    Collez le code dans un module HTML de votre site web2- Ajouter un widget de Traduction

    Un copi/coll suffit ! Vous allez voir, rien de plus simple et pas besoin davoir des connaissances techniquesMto gratuite pour site : en haut droite !*

  • 1 Cliquez sur partager

    2 Cliquez sur Intgrer

    3 Ajuster la taille de la vido

    4 Copiez le code HTML et collez le dans le cadre du module widget sur votre site Jimdo.Cherchez la vido souhaite12343- Ajouter une vido You Tube

    *

  • Connectez-vous sur google agendaCliquez sur la flche droite de Mes agendasChoisissez crer un agenda

    4- Calendrier des disponibilits

    Pour les hbergements principalement*

  • Cliquez sur la flche droite du nom de votre agendaChoisissez paramtres de lagenda

    Vous pouvez ici tout moment, modifier les paramtres enregistrs au dpart

    Ou crer votre widget et le personnaliser avant de rcuprer le code HTLM dintgration sur votre site web

  • Votre site en langues trangresPlusieurs solutions soffrent vous :

    Le widget Google Traduction (vu prcdemment)

    La duplication de larborescence de votre site

    Le pack Multi-langues de Jimdo (Nouveaut 2016) : http://aide.jimdo.com/basiques/questions-fr%C3%A9quentes/pack-multi-langues/

    Duplication arborescence : Menu principal niveau 1 : Franais Anglais Espagnol Et tour ce qui est normalement en niveau 1 passe en niveau 2 et ainsi de suite Niveau 1 : Franais Anglais EspagnolNiveau 2 : Pour Franais : Mon gte mes chambres mes tarifs ( dupliquer pour chaque langue)Niveau 3 : .*

  • Les versions Pro

  • Voici quelques liens pour vous aider parfaire votre site :

    Pour aller plus loin avec Jimdo

  • Merci de votre attention

  • Les Animateurs Numriques de territoire dans le LotRetrouvez toute linfo Etourisme sur le centre de ressources : tourisme-lot-ressources.comRubrique Etourisme Valle du Lot et du Vignoble : Anouk Marchand / 05 65 21 37 63/ [email protected]

    Valle de la Dordogne : Mlanie Ramire / 05 65 33 22 00 / [email protected]

    Pays de Gourdon : Cathy Mabout / 05 65 27 52 50 / [email protected]

    Grand Cahors : Romain Peroua / 05 65 53 20 80 / [email protected] Emmanuelle Castelnau / 05 65 31 31 31 / [email protected]

    Pays de Figeac : Laure Adelantado / 05 65 34 08 70 / [email protected] Nathalie Andrieu / 05 65 34 06 25 / [email protected]gmail.com

    Lot Tourisme : Cathy Seguy / 05 65 35 81 95 / [email protected]

    *

    *

    *1- On liste tous les contenus : se placer du ct utilisateur du site, passe mme avant la ralisation du graphisme*2- On organise les contenus par catgories : consiste regrouper les informations et les agencer afin de faciliter la navigation du point de vue de lutilisateur*3- On structure linformation : hirarchiser les catgories pour mettre en valeur certains contenus web. *Ltape finale consiste raliser larborescence sous forme de graphisme. Elle reprsente les diffrentes rubriques, pages et les relations existantes entre-elles. Elle permet de comprendre les diffrents niveaux de navigation. On parle de largeur pour le nombre de rubrique et de profondeur pour le nombre de sous rubriques accessible depuis une rubrique.*Et attention aux mots trop concurrentiels !*

    *Liens internes: meilleur rfrencement*3. Le nom de domaine se terminera forcment par .jimdo (en version gratuite)4. Entrez votre email (sur lequel vous pourrez aujourdhui relevez vos mails)*3. Le nom de domaine se terminera forcment par .jimdo (en version gratuite)4. Entrez votre email (sur lequel vous pourrez aujourdhui relevez vos mails)*3. Le nom de domaine se terminera forcment par .jimdo (en version gratuite)4. Entrez votre email (sur lequel vous pourrez aujourdhui relevez vos mails)*Prsentation dune page Jimdo, la structure du site*Vous pouvez modifier le nom des pages en cliquant dessus, puis pensez enregistrer et cliquez sur la croix pour fermer !Lil permet de cacher une page : trs utile car toute suppression de page est IRREVERSIBLE*SEOL'optimisation pour les moteurs de recherche (en anglais, Search engine optimization: SEO)Ces techniques visent donc apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.Le titre de votre site internet est le texte qui sera affich tout en haut, dans la fentre de votre navigateur au dessus de "Fichier", "Edition", "Aperu" etc. (En gnral crit en blanc sur fond bleu). Si un visiteur de votre site internet l'enregistre dans ses "Favoris", ce sera le texte qui sera enregistr. De plus, un bon titre aide tre facilement trouv par les moteurs de recherche. L'idal est de donner le nom complet de votre entreprise, ou bien un titre court et pertinent. *ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

    *ATTENTION BLOG dans un premier temps faites tout le reste et une fois votre site cr.

    Les questions se poser : Blog : est ce utile ? A t-on du contenu pour cet outils ?*

    *Se mettre en direct sur Katedegourdon et faire les explication en directUtilisateur : modification du mot de passe, de ladresse mail pour ceux qui ont mis mon adresse mailhttp://katedegourdon.jimdo.com/gourdon46*SEOL'optimisation pour les moteurs de recherche (en anglais, Search engine optimization: SEO)Ces techniques visent donc apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.Le titre de votre site internet est le texte qui sera affich tout en haut, dans la fentre de votre navigateur au dessus de "Fichier", "Edition", "Aperu" etc. (En gnral crit en blanc sur fond bleu). Si un visiteur de votre site internet l'enregistre dans ses "Favoris", ce sera le texte qui sera enregistr. De plus, un bon titre aide tre facilement trouv par les moteurs de recherche. L'idal est de donner le nom complet de votre entreprise, ou bien un titre court et pertinent.

    Et pour termin Longlet Statistiques mais qui nest disponible qu lachat. Mais on se sert de Google analytics dans paramtres puis applications.*ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*Vous tes libre de crer ce que vous souhaitez !*Flux RSS : IL NY A PAS DE FLUX RSS DISPONIBLE SUR TOUTES LES PAGES INTERNET !!!*ZOOMCration du Menu et sous-menuAjout de page, suppression dune page ou on cache une page sans la supprimer*

    *Un copi/coll suffit ! Vous allez voir, rien de plus simple et pas besoin davoir des connaissances techniquesMto gratuite pour site : en haut droite !*Un copi/coll suffit ! Vous allez voir, rien de plus simple et pas besoin davoir des connaissances techniquesMto gratuite pour site : en haut droite !*

    *Pour les hbergements principalement*Duplication arborescence : Menu principal niveau 1 : Franais Anglais Espagnol Et tour ce qui est normalement en niveau 1 passe en niveau 2 et ainsi de suite Niveau 1 : Franais Anglais EspagnolNiveau 2 : Pour Franais : Mon gte mes chambres mes tarifs ( dupliquer pour chaque langue)Niveau 3 : .*

    *