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

yvanne.beolet@gmail.com

Stéphanie Dabernat Pays Touristique

Trégor-GoëloStephanie.dabernat@tregorgoelo.fr

PETIT TOUR DE TABLE POUR COMMENCER

Vos premières impressions avec Jimdo…

?

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

JIMDO : TOUR DU PROPRIÉTAIRE

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

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

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 :

LA NAVIGATION – L’ARBORESCENCE

LE CONTENU : PRINCIPE DE BASE

LE CONTENU : STRUCTURER SES PAGES

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

LE CONTENU : LES TITRES, SOUS-TITRES ET TEXTES

LE CONTENU : ÉDITEUR DE TEXTE

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)

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

Les widgets

ENRICHISSEZ VOTRE SITE

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

MÉTÉO

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

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

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

En bonus !LA FONCTION BLOG

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 !

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/

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/

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