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

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.

Le programme

-On se présente, petit tour de table !

-Pourquoi Jimdo ?

-Ce qu’il faut savoir, avant …

-La création en 3 étapes : Créez, Personnalisez, Administrez

Pourquoi Jimdo ?

• Créer et administrer un site facilement• Pas besoin de télécharger un logiciel : ordinateur et internet• Pas besoin d’être un expert en informatique• Facile et rapide d’utilisation• Autonome pour la création ET la mise à jour• Nombre de pages illimité• Un bon référencement naturel• Une version mobile générée automatiquement• Version gratuite ou version professionnelle (peu onéreuse)

Ce qu’il faut savoir avant …

On se pose les bonnes questions :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 ?

La méthode

• On prend un stylo et un bloc-note:

Lister les contenus

Chambre rose

Chambre bleue

Découvrir la région

Pays de Gourdon

Le Lot

Loisirs

Les chambres d’hôtes

Tarifs Nous

localiser

Réserver

Disponibilités

Plan

Contact

La méthode

Organiser par catégories

Découvrir la région

Pays de Gourdon

Le Lot

Loisirs

Chambre rose

Les chambres d’hôtes

Chambre bleue

Tarifs

Nous localiser

Réserver Disponibilités

Plan

Contact

La méthode

Structurer l’information

Les chambres d’hôtes

Chambre rose

Chambre bleue

Réserver

Tarifs

Disponibilités

Découvrir la région

Le Lot

Pays de Gourdon

Loisirs

Nous localiser

Plan

Contact

http://mon-site-tourisme.jimdo.com/Idées d’arborescence pour Gîtes, B&B, Monuments, Manifestations, Commerces, Restaurants, Activités, …

L’arborescence

Arborescence : Articulation des différentes pages et liens entre eux.

Niveau 1

Niveau 2

Niveau 3

Rubrique 1 Rubrique 2 Rubrique 3

Page d’accueil

Sous rubrique

1.1

Sous rubrique

1.2

Sous rubrique

2.1

Sous rubrique

2.2

Sous rubrique

3.1

Sous rubrique

3.2

L’arborescence de mon site

Niveau 1 Page d’accueil

Niveau 2 Les chambres d’hôtes Réserver Découvrir la

région Nous localiser

Niveau 3

Chambre rose

Chambre bleue Tarifs Dispo Contact Le

LotPays de

GourdonLoisirs Plan

Des conseils sur le nom de domaine

Evitez les tirets

Evitez les mots compliqués ou difficiles à prononcer

Choisissez des mots clés attractifs

Vérifiez la disponibilité du nom de domaine souhaité

Vérifier votre Nom de Domaine …

http://www.whois-raynette.fr/

Vérification du nom de domaine

Des conseils sur le contenu

Faites des liens internes et externes, pertinents et sur des mots clésPrivilégiez les textes courts vers l’information essentielle

Répondre aux questions : Où ? Quoi ? Comment ? Quand ? Qui ? Combien ?

Chaque page doit être unique : pas de copier/coller (mauvais pour le référencement)

On doit trouver la page en 3 clics maximum !

Rendez-vous sur : http://fr.jimdo.com/

Après la théorie, la pratique … A vous !

• 1. Cliquez sur « Créez un site web»

Etape 1 : Créez votre compte

• 3. Choisissez un design• 4. Entrez votre email• 5. Choisissez votre mot de passe

Etape 1 : Créez votre compte

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

• 7. Vérifiez le Domaine

Etape 1 : Créez votre compte

Header

Titre du site

Barre de navigation ou menu

Phrase d’accroche

Contenu

Widgets : Réseaux

sociaux ou météo ou …

Style

Blog

Acheter

Paramètre

sSEO - Référenceme

nt

Stats (achat)

Aide

Design

E-boutiq

ue

Le Menu « Administration »

Aide Pro externe

Design

Design : on choisi son site : sa coquille, son graphisme

Style

Style : vous allez pouvoir modifier tout ce qui touche aux polices d’écriture : police, couleur, texture, ...

Arrière-Plan : pour modifier la photo de fond

Jimdo vous donne la possibilité d’insérer un « BLOG » à votre site internet !

Un BLOG doit être alimenté quasi « QUOTIDIENNEMENT »Tenir compte du temps que cela prend avant de mettre en ligne !

Blog

Blog = Site basé sur la rédaction régulière d’articles d’actualités, billets d’humeur, interactivité avec les lecteurs …

Achat

Paramètres

SEO

Ce sont les différents niveaux du menu qui vont composer votre site web !

1.Passez votre souris sur la barre de menu2.Cliquez sur modifier la navigation3.Puis cliquez sur « Ajouter une nouvelle page »

Etape 2 : La personnalisation

L’arborescence, c’est le squelette du site !

1er niveau du menu

2nd niveau du menu

3ème niveau du menu

Ne pas oublier d’enregistrer

Toute l’arborescence du site apparaît

Attention ! La suppression d’une page est irréversible !

Donc on préfère « masquer » la page.

De plus si vous supprimer une page PRINCIPALE, toutes les sous-pages seront aussi supprimées !

Légende :Permet de gérer l’ordre des pages en les montant ou en les descendant

Permet de gérer le niveau de la page (1er, 2ème ou 3ème)

Insérer une nouvelle page

Supprimer une page

Permet de cacher une page

Gérer vos pages, votre menu

Petit exercice …

• Créer 2 pages de niveau 1

• Page 1 du niveau : créer 1 page de niveau 2

• Page 2 du niveau 1 : créer 1 page de niveau 2 et 1 page de niveau 3

Structurer une page

Les colonnes sont un outil très pratique pour structurer la présentation de votre page.

2 colonnes sont insérées par défaut, mais vous pouvez en rajouter autant que vous voulez !

Chaque colonne s’utilise et s’alimente comme une page dans une page. Vous pouvez donc y ajouter autant d’éléments que vous souhaitez !

Entre les blocs, vous pouvez ajouter un espacement ou une séparation pour aérer vos pages.

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 entiè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 :

Ajouter du contenu

Ajouter du texte

Les titres permettent 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

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 numéros

Ajouter ou supprimer un lien•Pour créer un lien, sélectionnez le texte sur lequel vous souhaitez mettre un lien•Cliquez sur le chaînon puis choisissez entre : -Lien interne: vers votre site web-Lien externe: un autre site ou un email•Cliquez sur créez un lien et enregistrer

Annule ou restaure une modification

Taille du texte

Augmenter ou réduire l’alinéa

Couleur du texte

Supprimer la mise en forme

Accéder au code HTML

Ajouter des photos

La galerie d’images permet d’afficher une série de photos :-En mode diaporama-En mode vignette agrandissable

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

Les photos sont limitées à 10MB en version gratuite contre 100MB en version pro

Utiliser les outils Jimdo

Le Formulaire permet de créer un formulaire de contact ou de réservation qui renvoie le message du client vers votre adresse email

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ésentation de votre établissement, tarifs, contrats, … (PDF=> aucune modification).

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, Dismoioù, Vinivi…

Comment insérer un Flux RSS ?

Exemple :

Copier l’adresse internet La coller dans le cadre prévu par l’outil Flux

RSS de JimdoA chaque mise à jour, l’information le sera

automatiquement sur votre site

Ce symbole n’apparaît pas dans votre navigateur ? Pas de panique ! Il suffit d’installer l’extension correspondante

Pour Chrometiny.cc/rsschrome

Pour Mozilla Firefoxtiny.cc/rssmozilla

Flux RSS

Utiliser les outils Jimdo« Partager » pour insérer les boutons de partage – Cela permet aux internautes de partager vos infos avec leurs amis sur leurs réseaux sociaux.

« Facebook » Bouton « J’aime » avec ou sans compteur, pour que les internautes signalent « qu’ils aiment » votre contenu sur leur compte Facebook ou insertion de la « Like Box » pour les inciter à aimer votre page facebook

« Twitter » pour faire remonter le fil d’actu 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 +

Ajouter des contenus externes

Widget/HTLM permet d’intégrer des contenus hébergés sur d’autres plateformes

Exemples:MétéoGoogle AgendaGoogle DocVidéos Youtube, DailymotionAlbums photos Flickr, Picasa, PanoramioAvis Tripadvisor, …

Google Maps : Carte « Google Maps » avec Calcul d’itinéraire du Client à vous. Vous définissez votre position, le client n’a plus qu’à définir la sienne.

Exemples d’insertion de modules dans la barre latérale (disponible selon le modèle choisi) : Partage Réseaux

sociaux, Bouton « j’aime » ou Météo

On clique sur dans la barre latérale

Insertion dans la barre latérale

Connectez-vous sur www.meteorama.fr Cliquez sur Météo gratuite pour site Suivez les trois étapes :

– sélectionner la ville et le format, – changer le contenu – ajouter votre style

Vous aurez alors un aperçu de votre widget Acceptez les conditions générales et générez

le code

1- Ajouter un widget « Météo »

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

Connectez-vous sur https://translate.google.com/manager/website/ Cliquez sur Ajouter cet outil à votre site web Suivez les trois étapes :

– Renseignez l’adresse URL de votre site ainsi que la langue principale,– Paramétrez le traducteur– Récupérez le code et copiez-le

Collez le code dans un module HTML de votre site web

2- Ajouter un widget de « Traduction »

1 Cliquez sur « partager »

2 Cliquez sur « Intégrer »

3 Ajuster la taille de la vidéo

4 Copiez le code HTML et collez le dans le cadre du module « widget » sur votre site Jimdo.

Cherchez la vidéo souhaitée

1

2

3

4

3- Ajouter une vidéo You Tube

• Connectez-vous sur google agenda• Cliquez sur la flèche à droite de Mes agendas• Choisissez créer un agenda

4- Calendrier des disponibilités

Cliquez sur la flèche à droite du nom de votre agenda

Choisissez paramètres de l’agenda

Vous pouvez ici à tout moment, modifier les paramètres enregistrés au départ

Ou créer votre widget et le personnaliser avant de récupérer le code HTLM d’intégration sur votre site web

Votre site en langues étrangèresPlusieurs solutions s’offrent à

vous :

Le widget Google « Traduction » (vu précédemment)

La duplication de l’arborescence de votre site

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

Voici quelques liens pour vous aider à parfaire votre site :

Pour aller plus loin avec Jimdo

Merci de votre attention

Les Animateurs Numériques de territoire dans le Lot

Retrouvez toute l’info Etourisme sur le centre de ressources : tourisme-lot-ressources.comRubrique Etourisme

• Vallée du Lot et du Vignoble : Anouk Marchand / 05 65 21 37 63/ a.marchand@tourisme-lot-vignoble.com

• Vallée de la Dordogne : Mélanie Ramière / 05 65 33 22 00 / m.ramiere@vallee-dordogne-rocamadour.com

• Pays de Gourdon : Cathy Mabout / 05 65 27 52 50 / cathy.mabout@tourisme-gourdon.com

• Grand Cahors : Romain Peroua / 05 65 53 20 80 / rperoua@tourisme-cahors.com Emmanuelle Castelnau / 05 65 31 31 31 / emmanuelle.castelnau@saint-cirqlapopie.com

• Pays de Figeac : Laure Adelantado / 05 65 34 08 70 / laure.adelantado@tourisme-figeac.com Nathalie Andrieu / 05 65 34 06 25 / nat.andrieu@gmail.com

• Lot Tourisme : Cathy Seguy / 05 65 35 81 95 / cathy.seguy@tourisme-lot.com