créer mon site internet en autonomie avec jimdo : jour 2 (pratique)

27
Jour 2 : La pratique ! ATELIER 2 : CRÉER MON SITE INTERNET AVEC JIMDO 21 mars 2013 - Paimpol Yvanne Béolet OT Lannion Trégor Agglomération [email protected] Stéphanie Dabernat Pays Touristique Trégor-Goëlo Stephanie.dabernat@tregorgo elo.fr

Upload: pttg

Post on 29-Nov-2014

1.472 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Jour 2 : La pratique !

ATELIER 2 : CRÉER MON SITE INTERNET

AVEC JIMDO21 mars 2013 - Paimpol

Yvanne BéoletOT Lannion Trégor Agglomération

[email protected]

Stéphanie Dabernat Pays Touristique

Trégor-Goë[email protected]

Page 2: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

PETIT TOUR DE TABLE POUR COMMENCER

Vos premières impressions avec Jimdo…

?

Page 3: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Tour du propriétaire Jimdo : Le module d’administration Le header Le menu Le contenu

Widgets : Météo, cartos, dispos, etc. : Enrichissez votre site Internet avec des contenus venus d’autres sites !

Bonus : Fonction blog

CE QU’ON VA VOIR ENSEMBLE AUJOURD’HUI

Page 4: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

JIMDO : TOUR DU PROPRIÉTAIRE

Page 5: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

PRÉSENTATION GÉNÉRALE

1. Module d’administration

(visible uniquement en mode

« modifier »)

2. Header (en-tête du site

web)

3. Menu (arborescence)

4. Contenu de la page

Page 6: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

DESIGN : c ho i s i r, mod i f i e r e t pa ramé t r e r l ’ a s pec t géné ra l du s i t e (modè les p r éc onç us ou t emp la tes pe rs onna l i s és pou r l es s péc i a l i s t es )

STYLE : P ar amé t r age du s t y l e ( t a i l l e , c ou leu r, po l i c e…) de v os t i t r es , t ex t es … A dop t é pa r dé fau t dans t ou t es l es pages pou r ha rmon ie d ’ ens emb l e du s i t e .

BLOG : P our éc r i r e e t gé r e r l a pub l i c a t i on des a r t i c l es de v o t r e b l og ( s i v ous ac t i v ez c e t t e f onc t i on )

VERSIONS PROS : C ’es t pa r l à pou r pas s e r en v e r s i on p r o ( 60 € / an )

PARAMETRES : P our gé re r v o t r e nom de doma ine , v os e - ma i l s , mo ts de pas s e , l ’ a f f i c hage s u r mob i l es h t t p : / / qu i r k t oo l s . c om/s c r een f l y/ ( a f f i c hage pos s ib l e un i quemen t en v e r s i on p r o )

REFERENCEMENT : P er me t de r ens e i gne r l e t i t r e , l e des c r i p t i f e t l e s mo t s c l és du s i t e ( ou de c haque page en v e r s i on p r o ) pou r l es mo t eu r s de r ec he r c he .

STATISTIQUES : Modu l e r és e r v é au J i mdoPr o . Ma i s pos s ib i l i t é d ’ i ns ta l l e r G oog l e A na l y t i c s en v e r s i on g r a t u i t e ( v o i r dans pa r amè t r es )

AIDE : L’ as s i s t anc e de J i mdo es t t r ès pe r f o r man te e t s imp l e d ’ u t i l i s a t i on .

1. PARAMÉTRER JIMDO

Page 7: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Jouer avec les paramètres dans jimdo (assez limité)

Créer une image / composition dans un autre logiciel et l’importer en image personnelle

Faire appel à un professionnel pour développer une bannière et un design personnalisés qui vous permettront de vous démarquer

2. LE HEADER

Diff érentes possibilités pour personnaliser votre en-tête :

Page 8: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LA NAVIGATION – L’ARBORESCENCE

Page 9: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LE CONTENU : PRINCIPE DE BASE

Page 10: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LE CONTENU : STRUCTURER SES PAGES

Page 11: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LE CONTENU : DÉPLACER / DUPLIQUER UN ÉLÉMENT

Cliquez sur la croix à droite du bloc à déplacer et

maintenez le bouton de la souris enfoncé pour glisser

le bloc vers la droite

Votre bloc se trouve enregistré dans cette

zone et peut être récupéré sur n’importe

quelle autre page

Si vous souhaitez dupliquer les éléments sur une autre page (pour conserver une mise en page identique dans tout le site par exemple), pensez à d’abord copier le ou les élément(s) à déplacer.

Déplacer d’une page à une autre

Dupliquer d’une page à une autre

Page 12: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LE CONTENU : LES TITRES, SOUS-TITRES ET TEXTES

Page 13: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LE CONTENU : ÉDITEUR DE TEXTE

Page 14: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LE CONTENU : LES IMAGES

Pour le référencement,

pensez à renseigner tous

les champs descriptifs et à

mettre des liens pour accéder à plus de détails

(même en mode galerie d’images)

Page 15: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Formulaire : pour contact ou demande de réservation – exemple : h t t p : / / f r. j im do . com / 2012 / 02 / 24 / un - nouveau - f o r m u la i r e - beaucoup - p lus - com p le t/

Flux RSS : Pour récupérer des actual i tés diff usées sur des blogs – Certains OTSI proposent aussi un fl ux RSS des animations du terri toire, renseignez-vous !

Livre d’or : Pour déposer un avis sur l ’établ issement. Pensez néanmoins à faire des l iens vers les sites d’avis (TripAdvisor, Vinivi…)

Partager : Pour inciter les vis iteurs à partager vos contenus via leurs réseaux sociaux ( i l existe aussi Addth is)

Catalogue / Article : pour la boutique en l igne

LE CONTENU : D’AUTRES OUTILS

Page 16: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Les widgets

ENRICHISSEZ VOTRE SITE

Page 17: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

L’outil « Widget / HTML » peut rester le seul outil à utiliser pour intégrer des contenus hébergés sur d’autres plateformes.

Exemples de widgets intégrables :

Météo Local isation via Google maps Disponibi l i tés via Google agenda Vidéos via Youtube, Dai lymotion,

Viméo… Photos via Fl ickR… Et bien d’autres encore !

LE PRINCIPE DES WIDGETS

Page 19: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

La fonction Google Maps de Jimdo est pratique pour affi cher une carte permettant un calcul d’itinéraire

CARTE DE LOCALISATION - ITINÉRAIRE

Choisir l’option d’affichage

« Itinéraires »

Créez un nouveau repère en positionnant la punaise

rouge à l’endroit de votre établissement (n’hésitez pas

à zoomer pour être bien précis)

Pour une carte plus personnalisée, vous pouvez créer une carte dans Google Maps et l’importer dans votre site grâce au fameux bouton « Widget / HTML »

Tutoriel Google Maps : http://espacemultimedia.cc-canton-rocheserviere.fr

Page 20: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

En vous créant un Google Agenda : http://www.etourisme.info/google-agenda-le-mac-giver-des-disponibi l i tes-en-l igne

En utilisant le widget de votre centrale de réservation (ex. Abritel) http://www.abritel .fr/ info/guide-proprietaire/optimiser-annonce/gerer-calendrier

DISPONIBILITÉS EN LIGNE

Pour se créer un compte Google : https://accounts.google.com/NewAccount

Page 21: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

LES AUTRES WIDGETS POSSIBLES LISTE NON EXHAUSTIVE !

Toujours le même principe de « copier/coller » le code généré dans « Widget / HTML ».Quand cela vous est proposé, allez toujours dans la partie « Personnalisation du widget » afin d’affiner les paramètres d’affichage pour votre site.

Vidéos et photos

Sites d’avis

Rése

aux

soci

au

x

Partager – intégrer – embed

Autres

Page 22: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

En bonus !LA FONCTION BLOG

Page 23: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

FONCTION BLOG : ÉCRIRE LES ARTICLES

1. Activez le blog dans le module d’administration

Le statut doit être public pour que l’article puisse s’afficher

Choisissez des mots clés qui vous permettront de classer vos articles par catégorie (promotion, coup de

cœur, humeur du jour…)Construisez votre article comme

n’importe quelle page de votre site Internet. Pensez à ajouter un bouton de partage à la fin de

l’article !

Maintenant que l’article est créé, il faut choisir où l’afficher !

Page 24: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

FONCTION BLOG : PUBLIER LES ARTICLES

Si vous souhaitez afficher à des endroits différents selon

les catégories d’articles

Seuls les premiers blocs de l’article apparaissent dans la page (lire la suite)

Nombre de blocs à afficher pour présenter

les articles

Affichage des articles en entier

Nombre d’articles à

afficher

Vous pouvez aussi choisir l’outil « Flux RSS » et y coller le flux de votre blog.

Il se présente toujours de la manière suivante : http://nomdevotresite.jimdo.com/rss/blog/

Page 25: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

Merci à tout le réseau des ANT de France pour le partage des tutoriels, et plus particulièrement merci à Laure Atelantado du Pays de Figeac, Florian Olivier du PNR du Pilat, Yannis Adebiaye de l’OT Loire Forez.

REMERCIEMENTS ET LIENS UTILES

Aide de Jimdo : aide.jimdo.com

Générateur de mentions légales :www.subdelirium.com/generateur-de-mentions-legales

Un design pro pour votre site : http://fr.jimdo.com/outils/webdesign/

Installer Google Analytics sur votre site Jimdo : http://aide.jimdo.com/paramètres/applications/google-analytics/

Page 26: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)

ET TOUJOURS

Consultez l’espace ressources e-tourisme sur www.tregorgoelo.fr

Rejoignez le groupe Facebook régional Bzh Etourisme 2012 : www.facebook.com/groups/bzhetourisme/

Retrouvez les actualités des rendez-vous e-tourisme en Trégor-Goëlo sur le blog du Pays Touristique

Page 27: Créer mon site Internet en autonomie avec Jimdo : jour 2 (pratique)