Pays de Gourdon : Atelier Jimdo

48
Création d’un site internet Lundi 25 Mars 2013 Cyber Base Quercy Bouriane Gourdon Office de Tourisme - Pays de Gourdon Atelier Numérique E- tourisme

description

Création d'un site avec Jimdo !

Transcript of Pays de Gourdon : Atelier Jimdo

Page 1: Pays de Gourdon : Atelier Jimdo

Création d’un site internet

Lundi 25 Mars 2013Cyber Base Quercy

BourianeGourdon

Office de Tourisme - Pays de GourdonAtelier Numérique E-tourisme

Page 2: Pays de Gourdon : Atelier Jimdo

On se présente … Petit tour de table

« L’avant » site ! Ce qu’il faut savoir …

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

Aujourd’hui …

Alors c’est parti !!!

Page 3: Pays de Gourdon : Atelier Jimdo

Cathy MABOUTOffice de Tourisme Intercommunal du Pays de Gourdon, Chargée de l’Animation Numérique de Territoire, et surtout pas webmaster, community manager, spécialiste du référencement, …

ANT : ???

Qui suis-je ?

L’Animation Numérique de Territoire c’est …Une nouvelle mission pour les Offices de Tourisme : accompagner les professionnels du Tourisme dans le E-tourisme Petit tour de table …

Qui êtes vous ?Où en êtes vous de votre site web ?

ANT : en anglais ça veut dire Fourmi !

Page 4: Pays de Gourdon : Atelier Jimdo

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

Blog ou Site Internet ?

Blog

Le site procure beaucoup plus de liberté dans l’organisation des rubriques et des pages (un menu et des sous-menus). Il y a une réelle hiérarchisation de votre information

Site Internet

Nous, aujourd’hui, on s’occupe de créer un Site Internet !!!

Page 5: Pays de Gourdon : Atelier Jimdo

Avant de parler « Technique », il faut parler de contenus et de cibles !

• À qui votre site s’adresse, • Pour répondre à quels besoins, • Avec quels outils et quels contenus ?

Avant de commencer …

Se poser les bonnes questions !

Page 6: Pays de Gourdon : Atelier Jimdo

La Méthode …

Essayer de hiérarchiser vos infos

Lister tous vos contenus

Les Regrouper en catégories

Les Structurer

Un stylo et un bloc note :

Page 7: Pays de Gourdon : Atelier Jimdo

Exemples d’arborescences pour sites touristiques

L’Arborescence … C’est l’articulation des différentes pages entre elles

C’est une étape importante mais toujours modifiable

Page 8: Pays de Gourdon : Atelier Jimdo

Aujourd’hui …

Créer un site internet

facilement

Page 9: Pays de Gourdon : Atelier Jimdo

Jimdo ? Mais c’est quoi …Jimdo permet de créer et d'administrer un site

web très facilement

Les avantages :

- Pas besoin de télécharger de logiciel: tout se fait en ligne. Accessible depuis n'importe quel ordinateur.

- Pas besoin de connaître des langages informatiques.

- Plateforme intuitive d'utilisation, même pour les débutants

- Nombre de page illimité- Un bon référencement naturel- Une version « Mobile » générée automatiquement- Version gratuite et version professionnelle payante

(5€/mois)

Page 10: Pays de Gourdon : Atelier Jimdo

Les étapes …

Page 11: Pays de Gourdon : Atelier Jimdo

Étape 1 : Créer un compteRendez-vous sur : www.jimdo

.com

Acceptez les conditionsCliquez sur

« Créer mon site gratuit »

Saisissez le nom de votre site

Saisissez votre adresse mail

Page 12: Pays de Gourdon : Atelier Jimdo

Confirmation & Accès au site

Lien vers votre site

Relevez vos

mails

Votre mot de passe

Votre site est en ligne

!Il ne reste plus

qu’à le personnaliser …

Page 13: Pays de Gourdon : Atelier Jimdo

Voici la page

d’accueil de votre

site.

Étape 2 : Connexion au site

Page 14: Pays de Gourdon : Atelier Jimdo

Petite présentation …Header : Bannière,

Bandeau, En tête du site

Menu de Navigation

Barre latérale : est visible sur

toutes les pages. On pourra y

mettre différents modules comme

« La Météo

Balader la souris

sur la page, sans

cliquer …

Page 15: Pays de Gourdon : Atelier Jimdo

C’est parti ! Personnalisation du site

Navigation : Création du

Menu : ajout de pages

Zoom

Ne pas oublier d’enregistrer

Page 16: Pays de Gourdon : Atelier Jimdo

Ajout d’un module : on a beaucoup de choix !!!

Personnalisation du site

Ajout d’un Titre dans une page

Déplacer le module vers le haut ou vers le basSupprimer le module

Ajouter un module

Dupliquer le module

Page 17: Pays de Gourdon : Atelier Jimdo

Le contenu : présentation des outils

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é. (La

duplication d’une page entière n’est disponible qu’en version pro)

Toutes les mises à jour se font instantanément dès que vous cliquez sur « Enregistrer »

Pour ajouter du contenu dans une nouvelle page, cliquez sur

Page 18: Pays de Gourdon : Atelier Jimdo

Les outils de structuration

Les colonnes sont un nouvel outil très pratique pour structurer la présentation de votre page.2 colonnes sont insérées par défaut mais vous pouvez ajouter autant de colonnes que nécessaire.

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

Page 19: Pays de Gourdon : Atelier Jimdo

Les outils de texteLes Titres permettent de structurer votre texte (3 niveaux de titres)• visuellement pour l’internaute qui va

le lire,• techniquement pour les moteurs de

recherche qui vont les reconnaître comme des éléments importants de la page

Le Texte s’utilise de la même façon que les logiciels de traitement de texte type Word.

Page 20: Pays de Gourdon : Atelier Jimdo

① Pour créer un lien, sélectionnez le texte sur lequel vous souhaitez mettre le lien

② cliquez sur le chaînon puis choisissez entre• lien interne (lien vers une autre

page de votre site) ou • lien externe (lien vers un autre site

ou un e-mail)③ cliquez sur « Créer un lien »

* Création ou

suppression de liens

Les outils de texte

Alignement

du texte

Retrait de

paragraphe

Création ou

suppression de liens *

Annule ou

restaure

l’action

Texte Gras ou

Italique

Insertion de puces

ou numér

os

Couleur du texteInsertion de texte brut ou

suppression de mise en forme (à utiliser

impérativement pour les « copier-coller » !!!)

Permet d’accéder au code « html » de votre texte

Page 21: Pays de Gourdon : Atelier Jimdo

La Galerie d’Images permet très simplement d’afficher une série de photos : soit en mode diaporama , soit en mode vignettes agrandissables

Les Images & Photos

« Image » et « Texte avec Image » permet très facilement l’insertion d’une photo dans votre page ou un Texte positionné par rapport à une photo.Vous pourrez gérer la taille de votre image, sa position dans la page, la rotation (si besoin), spécifier qu’elle soit agrandissable ou non, ajouter un texte alternatif et mettre un lien sur vos photos (très important pour chaque visuel !)

Page 22: Pays de Gourdon : Atelier Jimdo

Les outils « Jimdo »

« Téléchargement » offre aux internautes la possibilité de télécharger des documents, par exemple votre dépliant d’appel, au format Pdf (format à privilégier !)« Le Livre d’Or » offre aux internautes la possibilité de déposer leur avis ou leur expérience sur votre établissement. Cela ne remplace pas les liens vers les différents sites d’avis existants : Tripadvisor, Dismoioù, Google, …« Le Formulaire » permet la création d’un formulaire de contact et/ou de réservation

« Flux RSS » vous permet de récupérer et d’intégrer à votre site un flux RSS issu d’un blog ou d’un autre site internet

Page 23: Pays de Gourdon : Atelier Jimdo

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

« Twitter » pour faire remonter le fil d’actu de votre compte Twitter

« Google + » Bouton « G+ » pour que les internautes signalent qu’ils aiment votre contenu sur le compte Google +

Page 24: Pays de Gourdon : Atelier Jimdo

L’insertion de contenus externes

« Widget / HTML » On utilisera de préférence cet outil pour intégrer à notre site des contenus hébergés par des plateformes telles Youtube, DailyMotion, Viméo, Flickr, Google, …

HTML : il faut simplement « copier-coller » dans ce module, le code html de ce que vous souhaitez insérer dans votre page.

Widget : Dans ce module, Jimdo vous en propose.Exemples de widgets : Météo, Google Maps, Google Agenda, dépôt d’avis Tripadvisor, Albums photos, Vidéos, …

Page 25: Pays de Gourdon : Atelier Jimdo

Rendez-vous sur Youtube.com ou depuis Google cliquez sur YouTube

L’insertion d’une vidéo « You Tube »

Page 26: Pays de Gourdon : Atelier Jimdo

L’insertion d’une vidéo « You Tube »

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

Page 27: Pays de Gourdon : Atelier Jimdo

L’insertion d’un Widget « Météo »

1

2

3

4

1 Rendez-vous sur www.meteorama.fr et saisir votre commune à gauche

2 Cliquez sur « Météo gratuit pour site » à droite

3 Suivre les étapes du paramétrage de votre widget et voyez à quoi il ressemble. Acceptez les conditions et cliquez sur « Générer le code (en bas à gauche)

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

Page 28: Pays de Gourdon : Atelier Jimdo

Exemples d’insertion de modules dans la barre latérale : Partage

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

Insertion dans la Barre Latérale

On clique sur

dans la barre latérale

Page 29: Pays de Gourdon : Atelier Jimdo

Très pratique pour la gestion des disponibilités !

Insertion d’un Google Agenda !

cliquez sur « Agenda »

Depuis Google connectez vous à votre compte ou créez en un puis …

Page 30: Pays de Gourdon : Atelier Jimdo

Insertion d’un Google Agenda !

Cliquez sur la flèche à droite de « Mes agendas » puis sur « Créer un agenda »

Page 31: Pays de Gourdon : Atelier Jimdo

Insertion d’un Google Agenda !

1 Nommez votre agenda

2 Descriptif (facultatif)

3 Indiquez le lieu de votre établissement

4 Cochez la case de publication

5 Cliquez sur « Créer l’agenda » pour terminer

Page 32: Pays de Gourdon : Atelier Jimdo

Insertion d’un Google Agenda !Cliquez sur la flèche à droite de votre agenda

Cliquez sur « Paramètres de l’agenda »

Personnalisez votre widget « Google agenda »

Page 33: Pays de Gourdon : Atelier Jimdo

Insertion d’un Google Agenda !

Personnalisation de votre Agenda :• Modification de la taille• Choix du mode d’affichage• Choix des éléments d’affichage• Cochez les agendas que vous souhaitez

insérer (1 widget / chambre ou 1 widget pour tous les agendas)

• Cliquez sur « mettre à jour le code html », copiez le et collez le sur votre site Jimdo

Page 34: Pays de Gourdon : Atelier Jimdo

Personnalisation du « Header » !

Maintenant, on refait une p’tite BEAUTÉ à notre site !!!

Page 35: Pays de Gourdon : Atelier Jimdo

Personnalisation du Header !Passez votre souris sur la zone

d’entête de votre site, puis cliquez sur

« Modifier le header »…

Page 36: Pays de Gourdon : Atelier Jimdo

Personnalisation du Header

On clique sur « parcourir » pour

aller chercher notre photo sur notre ordinateur

Page 37: Pays de Gourdon : Atelier Jimdo

Motif : Insertion de motif

Personnalisation du Header

Modifier le

header : changer la taille : hauteur

et largeur

Titre : modificat

ion du titre

d’entête

Page 38: Pays de Gourdon : Atelier Jimdo

Style

Blog

Acheter

Paramètres

SEO - Référencement

Stats (achat)Aide

Design

Le Menu « Administration »

Page 39: Pays de Gourdon : Atelier Jimdo

Onglet « Design » - Mise en page

Page 40: Pays de Gourdon : Atelier Jimdo

Onglet « Design »

Page 41: Pays de Gourdon : Atelier Jimdo

Onglet « Style »

STYLE :Ici on personnalise tout

le contenu du sitePolice

CouleurFond

Texture…

Page 42: Pays de Gourdon : Atelier Jimdo

Onglet « Blog »

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 !

Page 43: Pays de Gourdon : Atelier Jimdo

Onglet « Achat »

Page 44: Pays de Gourdon : Atelier Jimdo

Onglet « Paramètres »

Page 45: Pays de Gourdon : Atelier Jimdo

Onglet « SEO »

Page 46: Pays de Gourdon : Atelier Jimdo

Pour aller plus loin avec Jimdo !!!

Des mentions légales en bonne et due formehttp://www.subdelirium.com/generateur-de-mentions-legales/

Analyser la fréquentation de son site web avec Google Analyticshttp://fr.jimdo.com/wiki/Google_Analytics

Créer un design professionnel pour son site http://fr.jimdo.com/outils/webdesign/

Trouver des bons tuyaux pour améliorer son site Jimdo http://communautefrancophone.jimdo.com/ http://realia.jimdo.com/http://funnycat.jimdo.com/

Suivre l’actualité du e-tourismehttp://www.etourisme.info

Page 47: Pays de Gourdon : Atelier Jimdo

Les prochains Ateliers Numériques 

PETIT RAPPEL :

• Jeudi 04 Avril : Gérer les Avis Clients (IMPORTANT)

• Lundi 08 Avril : Internet de Séjour « La Mobilité »

PENSEZ À VOUS INSCRIRE

Page 48: Pays de Gourdon : Atelier Jimdo

Bandeau de l’OT

Merci de votre attentionCathy MaboutOffice de Tourisme Intercommunal du Pays de GourdonTel : 05 65 27 52 50Mail : [email protected] : www.tourisme-gourdon.comFacebook : Pays de Gourdon TourismeTwitter : Gourdon Tourisme

Toute l’info Etourisme sur le centre de ressources : www.tourisme-lot-ressources.comRubrique Etourisme

Office de Tourisme - Pays de Gourdon