Pays de Gourdon : Atelier Jimdo
-
Upload
kate-de-gourdon -
Category
Social Media
-
view
2.427 -
download
0
description
Transcript of 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
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 !!!
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 !
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 !!!
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 !
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 :
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
Aujourd’hui …
Créer un site internet
facilement
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)
Les étapes …
É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
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 …
Voici la page
d’accueil de votre
site.
Étape 2 : Connexion au site
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 …
C’est parti ! Personnalisation du site
Navigation : Création du
Menu : ajout de pages
Zoom
Ne pas oublier d’enregistrer
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
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
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.
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.
① 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
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 !)
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
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 +
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, …
Rendez-vous sur Youtube.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é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
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.
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
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 …
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 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
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 »
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
Personnalisation du « Header » !
Maintenant, on refait une p’tite BEAUTÉ à notre site !!!
Personnalisation du Header !Passez votre souris sur la zone
d’entête de votre site, puis cliquez sur
« Modifier le header »…
Personnalisation du Header
On clique sur « parcourir » pour
aller chercher notre photo sur notre ordinateur
Motif : Insertion de motif
Personnalisation du Header
Modifier le
header : changer la taille : hauteur
et largeur
Titre : modificat
ion du titre
d’entête
Style
Blog
Acheter
Paramètres
SEO - Référencement
Stats (achat)Aide
Design
Le Menu « Administration »
Onglet « Design » - Mise en page
Onglet « Design »
Onglet « Style »
STYLE :Ici on personnalise tout
le contenu du sitePolice
CouleurFond
Texture…
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 !
Onglet « Achat »
Onglet « Paramètres »
Onglet « SEO »
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
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
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