Création d’un site inter/et Lundi 25 Mars 2013
Cyber Base Quercy Bouriane Gourdon
Office de Tourisme -‐ Pays de Gourdon
Atelier Numérique E-‐tourisme
Ø 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, AdministQez
Aujourd’hui …
Alors c’est parTi !!!
Cathy MABOUT Office de Tourisme Intercommunal du Pays de Gourdon, Chargée de l’Animation Numérique de TerQitoire, et surTout pas webmaster, communitY manager, spécialiste du référencement, …
ANT : ???
Qui suis-‐je ?
L’Anima0on Numérique de Territoire c’est … Une nouvelle mission pour les Offices de Tourisme : accompag/er les professionnels du Tourisme dans le E-‐tourisme
Pe0t tour de table … Qui êtes vous ? Où en êtes vous de votQe site web ?
ANT : en anglais ça veut dire Fourmi !
Site basé sur la rédaction rég_lière d’arTicles d’act_alités, billets d’humeur, interactivité avec les lecteurs …
Blog ou Site Inter/et ?
Blog
Le site procure beaucoup plus de liberTé dans l’organisation des r_briques et des pages (un menu et des sous-‐menus). Il y a une réelle hiérarchisation de votQe infordation
Site Internet
Nous, aujourd’hui, on s’occupe de créer un Site Inter/et !!!
Avant de parler « Technique », il faut parler de contenus et de cibles !
• À qui votQe site s’adresse, • Pour répondre à quels besoins, • Avec quels outils et quels contenus ?
Avant de commencer … Se poser les bonnes ques0ons !
La Méthode …
ü Essayer de hiérarchiser vos infos ü Lister tous vos contenus ü Les RegQouper en catégories ü Les StQ_ct_rer
Un stYlo et un bloc note :
Exemples d’arborescences pour sites touristiques
L’Arborescence … C’est l’arTiculation des différentes pages entQe elles
C’est une étape imporTante mais toujours modifiable
Aujourd’hui …
Créer un site inter/et facilement
Jimdo ? Mais c’est quoi …
Jimdo perdet de créer et d'administQer un site web tQès facilement Les avantages : -‐ Pas besoin de télécharger de logiciel: tout se fait en lig/e. Accessible depuis n'imporTe
quel ordinateur. -‐ Pas besoin de connaîtQe des langages infordatiques. -‐ Plateforde int_itive d'utilisation, même pour les débutants -‐ Nombre de page illimité -‐ Un bon référencement nat_rel -‐ Une version « Mobile » générée automatiquement -‐ Version gQat_ite et version professionnelle payante (5€/mois)
Les étapes …
Étape 1 : Créer un compte Rendez-‐vous sur : www.jimdo.com
Acceptez les conditions
Cliquez sur « Créer mon site gQat_it »
Saisissez le nom de votQe site
Saisissez votQe adresse mail
Confirdation & Accès au site
Lien vers votQe site
Relevez vos mails
VotQe mot de passe
VotQe site est en lig/e !
Il ne reste plus qu’à le
personnaliser …
Voici la page d’accueil de votQe site.
Étape 2 : Connexion au site
Petite présentation …
Header : Bannière, Bandeau, En tête du site
Menu de Navigation
BarQe latérale : est visible sur toutes les pages. On pourQa y metQe différents modules
comme « La Météo
Balader la souris sur la page, sans cliquer …
C’est parTi ! Personnalisation du site
Navigation : Création du Menu : ajout de pages
Zoom
Ne pas oublier d’enregistQer
Ajout d’un module : on a beaucoup de choix !!!
Personnalisation du site
Ajout d’un TitQe dans une page
Déplacer le module vers le haut ou vers le bas
Supprimer le module
Ajouter un module
Dupliquer le module
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 êtQe 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 « EnregistQer »
§ Pour ajouter du contenu dans une nouvelle page, cliquez sur
Les outils de stQ_ct_ration
Les colonnes sont un nouvel outil tQès pratique pour stQ_ct_rer la présentation de votQe 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.
Les outils de texTe Les TitQes perdetent de stQ_ct_rer votQe texTe (3 niveaux de titQes) • visuellement pour l’inter/aute qui va le lire, • techniquement pour les moteurs de recherche qui vont les
reconnaîtQe comme des éléments imporTants de la page
Le TexTe s’utilise de la même façon que les logiciels de tQaitement de texTe tYxe Word.
① Pour créer un lien, sélectionnez le texTe sur lequel vous souhaitez metQe le lien ② cliquez sur le chaînon puis choisissez entQe
• lien inter/e (lien vers une autQe page de votQe site) ou • lien exTer/e (lien vers un autQe site ou un e-‐mail)
③ cliquez sur « Créer un lien »
* Création ou suppression de liens
Les outils de texTe
Alig/ement du texTe
RetQait de paragQaphe
Création ou suppression de liens *
Annule ou restaure l’action
TexTe Gras ou Italique
InserTion de puces ou numéros
Couleur du texTe
InserTion de texTe br_t ou suppression de mise en forde (à utiliser impérativement
pour les « copier-‐coller » !!!)
Perdet d’accéder au code « htdl » de votQe texTe
La Galerie d’Images perdet tQès simplement d’afficher une série de photos : soit en mode diaporama , soit en mode vig/etes agQandissables
Les Images & Photos
« Image » et « TexTe avec Image » perdet tQès facilement l’inserTion d’une photo dans votQe page ou un TexTe positionné par rapporT à une photo. Vous pourQez gérer la taille de votQe image, sa position dans la page, la rotation (si besoin), spécifier qu’elle soit agQandissable ou non, ajouter un texTe alter/atif et metQe un lien sur vos photos (t8ès impor:ant pour chaque visuel !)
Les outils « Jimdo »
« Téléchargement » o{e aux inter/autes la possibilité de télécharger des documents, par exemple votQe dépliant d’appel, au fordat Pdf (fordat à privilégier !)
« Le Livre d’Or » o{e aux inter/autes la possibilité de déposer leur avis ou leur exxérience sur votQe établissement. Cela ne remplace pas les liens vers les différents sites d’avis existants : Tripadvisor, Dismoioù, Google, …
« Le Fordulaire » perdet la création d’un fordulaire de contact et/ou de réser}ation
« Flux RSS » vous perdet de récupérer et d’intégQer à votQe site un flux RSS issu d’un blog ou d’un autQe site inter/et
Les outils « Jimdo »
« ParTager » pour insérer les boutons de parTage – Cela perdet aux inter/autes de parTager vos infos avec leurs amis sur leurs réseaux sociaux.
« Facebook » Bouton « J’aime » avec ou sans compteur, pour que les inter/autes sig/alent « qu’ils aiment » votQe contenu sur leur compte Facebook
« Twiter » pour faire remonter le fil d’act_ de votQe compte Twiter
« Google + » Bouton « G+ » pour que les inter/autes sig/alent qu’ils aiment votQe contenu sur le compte Google +
L’inserTion de contenus exTer/es
« Widget / HTML » On utilisera de préférence cet outil pour intégQer à notQe site des contenus hébergés par des platefordes telles Yout_be, DailyMotion, Viméo, Flickr, Google, … HTML : il faut simplement « copier-‐coller » dans ce module, le code htdl de ce que vous souhaitez insérer dans votQe 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, …
Rendez-‐vous sur Yout_be.com ou depuis Google cliquez sur YouTube
L’inserTion d’une vidéo « You Tube »
L’inserTion d’une vidéo « You Tube »
1 Cliquez sur « parTager »
2 Cliquez sur « IntégQer »
3 Ajuster la taille de la vidéo
4 Copiez le code HTML et collez le dans le cadre du module « widget » sur votQe site Jimdo.
Cherchez la vidéo souhaitée
1
2
3
4
L’inserTion d’un Widget « Météo » 1
2
3
4
1 Rendez-‐vous sur www.meteorama.� et saisir votQe commune à gauche
2 Cliquez sur « Météo gQat_it pour site » à droite
3 Suivre les étapes du paramétQage de votQe 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 votQe site Jimdo.
Exemples d’inserTion de modules dans la barQe latérale : ParTage Réseaux sociaux, Bouton « j’aime » ou Météo
InserTion dans la BarQe Latérale
On clique sur dans la barQe latérale
Très pratique pour la gestion des disponibilités !
InserTion d’un Google Agenda !
cliquez sur « Agenda »
Depuis Google connectez vous à votQe compte ou créez en un puis …
InserTion d’un Google Agenda !
Cliquez sur la flèche à droite de « Mes agendas » puis sur « Créer un agenda »
InserTion d’un Google Agenda !
1 Nommez votQe agenda
2 Descriptif (facultatif )
3 Indiquez le lieu de votQe établissement
4 Cochez la case de publication
5 Cliquez sur « Créer l’agenda » pour terdiner
InserTion d’un Google Agenda ! Cliquez sur la flèche à droite de votQe agenda
Cliquez sur « ParamètQes de l’agenda »
Personnalisez votQe widget « Google agenda »
InserTion d’un Google Agenda !
Personnalisation de votQe 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 « metQe à jour le code htdl », copiez le et collez le sur votQe
site Jimdo
Personnalisation du « Header » !
Maintenant, on refait une p’tite BEAUTÉ à notQe site !!!
Personnalisation du Header ! Passez votQe souris sur la zone d’entête de votQe site,
puis cliquez sur « Modifier le header »…
Personnalisation du Header
On clique sur « parcourir » pour aller chercher notQe photo sur
notQe ordinateur
Motif : InserTion de
motif
Personnalisation du Header
Modifier le header :
changer la taille : hauteur
et largeur TitQe :
modification du titQe d’entête
StYle
Blog
Acheter
ParamètQes
SEO -‐ Référencement
Stats (achat)
Aide
Desig/
Le Menu « AdministQation »
Onglet « Desig/ » -‐ Mise en page
Onglet « Desig/ »
Onglet « StYle »
STYLE : Ici on personnalise tout le contenu du site
Police Couleur Fond TexT_re
…
Onglet « Blog »
Jimdo vous donne la possibilité d’insérer un « BLOG » à votQe site inter/et !
Un BLOG doit êtQe alimenté quasi « QUOTIDIENNEMENT » Tenir compte du temps que cela prend avant de metQe en lig/e !
Onglet « Achat »
Onglet « ParamètQes »
Onglet « SEO »
Pour aller plus loin avec Jimdo !!!
Des mentions légales en bonne et due forde htx://www.subdelirium.com/generateur-‐de-‐mentions-‐legales/ Analyser la �équentation de son site web avec Google AnalyTics htx://�.jimdo.com/wiki/Google_AnalyTics Créer un desig/ professionnel pour son site htx://�.jimdo.com/outils/webdesig// Trouver des bons t_yaux pour améliorer son site Jimdo htx://communaute�ancophone.jimdo.com/ htx://realia.jimdo.com/ htx://f_nnycat.jimdo.com/ Suivre l’act_alité du e-‐tourisme htx://www.etourisme.info
Les prochains Ateliers Numériques
PETIT RAPPEL :
• Jeudi 04 Avril : Gérer les Avis Clients (IMPORTANT)
• Lundi 08 Avril : Inter/et de Séjour « La Mobilité »
PENSEZ À VOUS INSCRIRE
Bandeau de l’OT
Merci de votre attention Cathy Mabout Office de Tourisme Intercommunal du Pays de Gourdon Tel : 05 65 27 52 50 Mail : info@tourisme-‐gourdon.com Web : www.tourisme-‐gourdon.com Facebook : Pays de Gourdon Tourisme Twiter : Gourdon Tourisme
Toute l’info Etourisme sur le centre de ressources : www.tourisme-lot-ressources.com Rubrique Etourisme
Office de Tourisme -‐ Pays de Gourdon
Top Related