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.

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

Embed Size (px)

Citation preview

Page 1: 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.

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

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

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

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)

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

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 ?

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

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

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

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

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

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, …

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

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

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

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

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

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é

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

Vérifier votre Nom de Domaine …

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

Vérification du nom de domaine

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

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 !

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

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

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

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

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

Etape 1 : Créez votre compte

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

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

Etape 1 : Créez votre compte

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

• 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

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

Header

Titre du site

Barre de navigation ou menu

Phrase d’accroche

Contenu

Widgets : Réseaux

sociaux ou météo ou …

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

Style

Blog

Acheter

Paramètre

sSEO - Référenceme

nt

Stats (achat)

Aide

Design

E-boutiq

ue

Le Menu « Administration »

Aide Pro externe

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

Design

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

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

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

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

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 …

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

Achat

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

Paramètres

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

SEO

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

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 !

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

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

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

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

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

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

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

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.

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

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

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

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

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

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

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

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

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

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…

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

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

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

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 +

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

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.

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

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

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

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

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

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 »

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

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

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

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

4- Calendrier des disponibilités

Page 43: Atelier Numérique - Créer son site web avec Jimdo  - 2016
Page 44: Atelier Numérique - Créer son site web avec Jimdo  - 2016

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

Page 45: Atelier Numérique - Créer son site web avec Jimdo  - 2016
Page 46: Atelier Numérique - Créer son site web avec Jimdo  - 2016

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/

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

Voici quelques liens pour vous aider à parfaire votre site :

Pour aller plus loin avec Jimdo

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

Merci de votre attention

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

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/ [email protected]

• Vallée de la Dordogne : Mélanie Ramière / 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]

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