Download - Atelier Jimdo

Transcript
Page 1: Atelier Jimdo

LES « NUMERICAFÉS » !

Créer et gérer son site Internet avec

JIMDO

Office de Tourisme de QUIBERVILLE SUR MER, SAÂNE ET VIENNE

Page 2: Atelier Jimdo

Faire mon site Internet moi-même, pourquoi ?

Parce qu’un site Internet fait par un professionnel, ça coûte cher, et que je n’ai pas d’sous !

Parce que pour un petit établissement, avec une bonne stratégie, ça peut être suffisant

Pour avoir la main sur tout mon contenu, sur mes mises à jour, et en temps réel

Parce que sur Internet, il y a plein d’outils gratuits et simples d’utilisation

Page 3: Atelier Jimdo

CMS en version gratuiteNon exhaustif…

CMS, qué que c’est que ça ?

Ca signifie « Content Management System », ce qui veut dire système de gestion de contenu.

Ce sont entre autres les logiciels qui permettent de créer et de gérer un site Internet au travers d’une interface simplifiée

Source : Wikipédia

Page 4: Atelier Jimdo

Pourquoi Jimdo ?

Pas d’installation de logiciel : tout se fait sur InternetVersion de base gratuitePas besoin de connaissances en langage htmlVous avez la main sur tout le siteNombre de pages illimitéFonction blogS’adapte automatiquement pour la lecture sur mobile et tabletteUne aide en ligne et une communauté active pour vous aider

Page 5: Atelier Jimdo

Un site en parfaite autonomie

Page 6: Atelier Jimdo

Des versions pro pour aller plus loin…

Page 7: Atelier Jimdo

AVANT DE SE LANCER, UN PEU DE THEORIE !

Page 8: Atelier Jimdo
Page 9: Atelier Jimdo

Avant de se lancer , quelques rappels…

Se poser les bonnes questions

Qu’est ce que j’attends de mon site Internet ?Quelle image je veux véhiculer ?Quel est mon public « cible » ?Qu’est ce que je vais mettre dedans ? Que font mes concurrents ?

En gros, et surtout :

Quelle est ma STRATEGIE WEB ?

Page 10: Atelier Jimdo

Mon Site Internet, je mets quoi dedans ?

Page 11: Atelier Jimdo

Mon Site Internet, je mets quoi dedans ?

Petit exercice…

D’après vous, quels éléments doivent apparaître sur votre site web ?

Sur la page d’accueil ? • A vous de jouer !

Sur les autres pages ? • A vous de jouer !

Sur toutes les pages ? • A vous de jouer !

Page 12: Atelier Jimdo

ALORS, ON SE LANCE ?

Page 13: Atelier Jimdo

CRÉONS VOTRE SITE EN QUELQUES MINUTES…

Rendez-vous sur notre site exemple :

www.prestataires-otqsv.jimdo.com

Mot de passe

Page 14: Atelier Jimdo

CRÉEZ VOTRE SITE INTERNET

Entrez votre mail et choisissez un mot de passe (à retenir !)

Choisissez l’adresse de votre site

Vous recevrez quelques minutes plus tard un mail avec un lien à cliquer pour valider

votre E-mail

Page 15: Atelier Jimdo

NOUS VOUS PROPOSONS UNE BASE DE TRAVAIL

Page 16: Atelier Jimdo

ETAPE 1 : PARAMETRAGE DU SITE

Comment utiliser la boîte à outils de Jimdo ?

Page 17: Atelier Jimdo

LA BOÎTE A OUTILS DE JIMDO

Ce module permet de choisir, modifier et paramétrer l’aspect général de votre site

DESIGN

Ce module permet de définir le style (taille, couleur, etc…) de vos textes, titres… Ce style sera adopté par défaut dans toutes les pages du site.

STYLE

Si vous activez la fonction blog, ce module vous permettra de publier vos articles de blog

BLOG

Ce module vous permettra de passer en version pro (hébergement + nom de domaine + une adresse E-Mail pour 5 € par mois)

VERSION PRO

Ce module vous permettra de gérer les paramètres de base (nom de domaine, mot de passe, référencement, mentions légales…)

PARAMETRES

Ce module vous permettra de gérer vos mots clés, titres et descriptifs de pages pour un meilleur référencement naturel

S.E.O

Ce module vous donnera vos statistiques de base (en version pro uniquement); vous pouvez créer un compte google analytics pour des statistiques détaillées

STATISTIQUES

Jimdo dispose d’une aide très performante par le biais d’une Foire aux Questions (FAQ), d’un blog et d’un forum

AIDE

Page 18: Atelier Jimdo

ETAPE 2 : MON PLAN DE SITEL’arborescence est une étape primordiale

Elle est toujours modifiable en cours de routeElle correspond aux différents niveaux de vos menus (Jimdo vous permet de créer 3 niveaux):• Le menu principal• Les sous-menus• Un troisième niveau

Créez votre arborescence !Passez votre souris sur le

menu du site puis cliquez sur

« Modifier navigation »

Page 19: Atelier Jimdo

Toute l’arborescence du site apparaîtETAPE 2 : MON PLAN DE SITE

Premier niveau de menu

Second niveau de menu

Troisième niveau de menu

Vous pouvez renommer les pages en cliquant sur le nom à modifierN’oubliez pas d’enregistrer avant de fermer !

Ce symbole permet de cacher une

page

Ces flèches permettent de déplacer une page ou

son niveau de menu

Ce symbole permet d’ajouter une page

Ce symbole permet de supprimer une page

utile car attention, toute suppression de page est

irréversible!

Page 20: Atelier Jimdo

ETAPE 3 : MON CONTENU

Sans contenu, vous êtes nu !

Page 21: Atelier Jimdo

Votre site Jimdo est composé d’une succession de blocs d’éléments indépendants.

Vous pouvez modifier, dupliquer, déplacer, et supprimer ces éléments à volonté

Les mises à jour se font en temps réel à chaque fois que vous cliquez sur « enregistrer »

Pour ajouter du contenu, deux boutons :

Sur les pages vierges

Sur les pages ayant déjà du contenu, en se plaçant sur un des éléments

ETAPE 3 : MON CONTENU

Page 22: Atelier Jimdo

ETAPE 3 : MON CONTENU

Les colonnes sont utiles pour structurer la présentation de vos pages. Deux colonnes sont systématiquement créées mais vous pouvez en ajouter en cliquant sur l’icône à droite.

Les outils « séparation » et « espacement » permettent de délimiter les zones

L’outil tableau permet d’insérer des tableaux, utile pour vos tarifs par exemple

Page 23: Atelier Jimdo

ETAPE 3 : MON CONTENU – Les Textes

Trois solutions s’offrent à vous pour intégrer du texte :• Titres (trois niveaux de titres possibles)• Texte• Texte avec image

L’importance des Titres réside dans le fait que ce sont eux qui vont intéresser les moteurs de recherche car ils apparaissent comme éléments importants et dans la trace visuelle qu’ils donnent à l’ensemble (accès direct à l’information)Ne soyez donc pas trop évasifs dans vos titres

L’outil de traitement de texte de Jimdo fonctionne exactement comme Word

Page 24: Atelier Jimdo

ETAPE 3 : MON CONTENU

Gras (B)Italique (I)

Pour aligner le texte à droite, à

gauche, le centrer ou le justifier

Couleur du texte

Retrait à gauche ou

à droite

Pour insérer des puces et

numéros

Insertion de Texte brut et suppression

de mise en forme (pour les copier-coller)

Annuler ou rétablir Accès au

code html du texte

Pour insérer un lien, cliquer sur le texte choisi pour le lien puis sur ce symbole

Lien interne : Choisissez la page de votre site vers laquelle vous souhaitez faire un lienLien externe : Collez l’adresse du site vers lequel vous souhaitez faire le lienPuis cliquez sur « Créer un lien »

Page 25: Atelier Jimdo

ETAPE 3 : MON CONTENU – Les Images

Vous pouvez insérer en visuel :• Une image simple avec « Image »• Une image avec du texte « Texte avec

Image »• Une galerie d’images• Une galerie depuis le site de partage de

photos FickR (si vous avez un compte)

En cliquant sur l’icône, vous autoriserez vos visiteurs à partager vos photos sur le site de partage Pinterest

Page 26: Atelier Jimdo

Téléchargement vous permet de proposer des brochures ou documents en téléchargement

Formulaire vous permet d’insérer un formulaire de contact et/ou de pré- réservation

Livre d’Or permet aux internaute de déposer un avis sur votre site (pensez néanmoins aux liens vers les sites d’avis clients)

Flux RSS permet de récupérer directement sur votre site le contenu d’un blog

ETAPE 3 : MON CONTENU – Outils JIMDO

Page 27: Atelier Jimdo

ETAPE 3 : MON CONTENU – Outils JIMDOComment insérer un Flux RSS ?

Exemple :

Copier l’adresse internet La coller dans le cadre prévu par l’outil Flux RSS de JimdoA chaque mise à jour, l’information le sera automatiquement sur votre site

Ce symbole n’apparaît pas dans votre navigateur ? Pas de panique ! Il suffit d’installer l’extension correspondante

Pour Chrometiny.cc/rsschrome

Pour Mozilla Firefoxtiny.cc/rssmozilla

Page 28: Atelier Jimdo

ETAPE 3 : MON CONTENULes contenus externes

Widget / HTML peut rester le seul outil à utiliser pour ajouter des contenus externes. En effet la plupart des plateformes vous proposent un code html pour insérer du contenuExemples de codes intégrables

- Météo- Google Map- Google agenda- Vidéos Youtube, Dailymotion- Avis Clients : Tripadvisor, Vinivi- Albums photos : FlickR, Picasa- Et prochainement, contenus de l’office de tourisme

(agenda des manifestations, galeries photos, vidéos,…)

WIDGET, qué que ça veut dire ?C’est la contraction des termes window (fenêtre) et gadget . C’est un composant logiciel qui permet l’affichage d’éléments visuels graphiques et d’informations (actualisées) sur votre site Internet

Page 29: Atelier Jimdo

Comment insérer un Widget ?

La météo avec www.meteocity.fr

ETAPE 3 : MON CONTENULes contenus externes

Entrer le code postal de la communePersonnaliser le format et les couleurs du WidgetCliquer sur Générer le WidgetCocher la cas d’acceptation des conditions générales d’utilisation Copier le CodeLe coller dans le cadre Widget / html de JimdoCliquer sur Enregistrer

Vous voyez en temps réel à quoi ressemblera le widget !

Page 30: Atelier Jimdo

Comment insérer un Widget ?

La carte interactive avec www.google.fr

Prérequis : avoir un compte Google (ou un créer un !)Cliquer sur « Maps »

OU cliquer sur cette îconePuis cliquer sur Maps

Page 31: Atelier Jimdo

Cliquer sur « Mes cartes personnalisées »Choisir une carte existante ou cliquer sur « créer »

Donnez un titre et une description à votre carteFaites une recherche de localisation dans la barre de recherche (adresse et / ou nom de l’établissement)

Page 32: Atelier Jimdo

Si vous avez une Google adresse, elle apparaîtra dans les résultats, cliquez sur « Ajouter à la carte »

Si vous n’avez pas de Google adresse, cliquez sur ce repère

et placez le sur la carte et nommez-le

Page 33: Atelier Jimdo

Cliquez ensuite sur « Partager » puis dans la fenêtre sur « Modifier » pour mettre la carte en mode « Public »Cliquez sur « enregistrer » puis sur « ok »

Page 34: Atelier Jimdo

Cliquez ensuite en haut à gauche sur cette icônePuis sur « Intégrer la carte à mon site »

Copiez le lien qui s’affiche dans le cadre et collez-le dans un cadre d’élément « Widget » de votre site Jimdo

NB : Vous pouvez changer la taille de la carte en modifiant les chiffres entre guillemets après « width » (largeur) et « height » (hauteur) mais attention à garder un bon rapport de taille !

Page 35: Atelier Jimdo

Comment insérer un Widget ?

La vidéo avec www.youtube.com

Faites une recherche par Mots Clés

Cliquez sur « Partager » puis sur « Intégrer »

NB : Vous pouvez paramétrer la taille et l’affichage de la vidéo

Page 36: Atelier Jimdo

Comment insérer un Widget ?

Le Partage Social

Avec les outils de partage social, vous permettez à vos visiteurs de parler de vous à leurs amis.

Jimdo vous permet de choisir les outils de partage social proposés aux visiteurs de votre site afin qu’ils parlent de vous sur les réseaux sociaux ou qu’ils partagent votre site par mail

Page 37: Atelier Jimdo

Comment insérer un Widget ?

Le Partage Social : Add this, l’outil qui va plus loin

Add This est un autre outil de partage social, mais qui vous permettra un suivi statistique.

Page 38: Atelier Jimdo

Le Partage Social : Add this, l’outil qui va plus loin

Créez un compte en cliquant sur Sign in puis Create Account, ou en utilisant votre compte Facebook, Twitter ou Google +

Page 39: Atelier Jimdo

Le Partage Social : Add this, l’outil qui va plus loin

Choisissez le style de présentation

Cliquez sur « Get The Code »Puis sur « Share Buttons »

Copiez le code généré et collez-le dans un cadre d’élément « Widget » de votre site Jimdo (n’importe où sur le site)

Page 40: Atelier Jimdo

Le Partage Social : Add this, l’outil qui va plus loin

Pour avoir accès à vos statistiques, il vous suffit de cliquer sur « Analytics »

Page 41: Atelier Jimdo

Comment insérer un Widget ?

Le Partage Social : Mise en valeurs de vos réseaux

Une bonne stratégie Web passe par une synergie entre les outils que vous utilisez. Vous êtes présents sur Facebook ? Sur un site d’Avis clients ? Profitez de votre site Internet pour faire des passerelles et vice-versa !

Page 42: Atelier Jimdo

Comment insérer un Widget ?

Le Partage Social : Mise en valeurs de vos avis clients

Si vous avez la main sur une fiche propre à un site d’avis clients, votre tableau de bord sur ces sites vous permettra de générer un code à copier-coller dans un élément Widget de votre site afin de faire la passerelle. Les rubriques d’aides de chaque site expliquent clairement comment procéder. Par exemple Trip Advisor dispose d’un « Espace Widgets ».

Page 43: Atelier Jimdo

ETAPE 3 : MON CONTENULa Question du Blog…

Jimdo vous permet de compléter votre site Internet avec un BlogUn Blog peut être une bonne idée mais il faut avant toute chose être sûr d’avoir du contenu pour l’alimenter régulièrementVous pouvez avec le blog autoriser vos visiteurs à laisser des commentaires et créer ainsi une nouvelle interaction

BLOG, qué que ça veut dire ?

Un blog est un type de site web – ou une partie d'un site web – utilisé pour la publication périodique et régulière d'articles, généralement succincts, et rendant compte d'une actualité autour d'un sujet donné ou d'une profession. À la manière d'un journal de bord, ces articles ou « billets » sont typiquement datés, signés et se succèdent dans un ordre antéchronologique, c'est-à-dire du plus récent au plus ancien.

Page 44: Atelier Jimdo

ETAPE 3 : MON CONTENULa Question du Blog…

Pour alimenter votre Blog Jimdo, cliquez sur « Blog » dans la colonne de droite puis sur « Activez maintenant »Une nouvelle page du site s’ouvrira, où vous pourrez rédiger votre premier billet.

Ensuite cela fonctionne comme le reste du site, vous pouvez ajouter des éléments textes, images, etc…

N’oubliez pas de cliquer sur « Public » une fois l’article terminé pour le publier

Page 45: Atelier Jimdo

ETAPE 4 : MON SITE, MON ŒUVREJe fais quoi maintenant ?

Quelques conseils et quelques liens pour aller plus loin avec Jimdo

Page 46: Atelier Jimdo

ETAPE 4 : MON SITE, MON ŒUVREJe fais quoi maintenant ?

Mon nom de domaine : La base à ne pas négliger

Le nom de domaine est la partie centrale de l’adresse Internet qui est tapée dans le navigateur afin d’atteindre un site Web

Il va donc faciliter votre référencement naturelC’est pourquoi il doit être simple, percutant,

avec un ou deux mots clés facilement identifiablesLes séparations doivent se faire de préférence par des tirets hauts (celui du 6)Une fois choisi, vérifiez la disponibilité de votre nom de domaine : www.whois-raynette.fr

Il est conseillé de faire l’acquisition des différentes extensions de nom de domaine (.com, .fr, .net…) si celles-ci sont susceptibles d’être utilisées par la concurrence

Page 47: Atelier Jimdo

ETAPE 4 : MON SITE, MON ŒUVREJe fais quoi maintenant ?

Quelques liens utiles

http://fr.jimdo.com/app/forum : Le forum de Jimdo, où vous retrouverez les questionsréponses liées à son utilisation

http://communautefrancophone.jimdo.com/ : Le site communautaire francophone de Jimdo vous propose des astuces et tutoriels pour améliorer votre site

http://www.etourisme.info : Pour suivre l’actualité e-touristique.

www.qsv-pro-tourisme : Votre site Pro, spécialement dédié au prestataires du territoire

www.facebook.com/Quibervilletourisme : la Page Facebook de l’OT, à partager à volonté

Page 48: Atelier Jimdo

NOS PROCHAINS ATELIERSCette année nous parlerons de…

Google Local, encore et toujours (débutant et confirmé)Les Bulles Photo et Vidéo

Facebook

Gestion de la relation Client

par l’Email

Programme précis dès avril…

Page 49: Atelier Jimdo

MERCI DE VOTRE ATTENTION !

OFFICE DE TOURISME DE QUIBERVILLE SUR MER,

SAÂNE ET VIENNE

www.qsv-pro-tourisme.com

Votre animatrice numérique de territoire :

Zoë TIRILLYwww.facebook.com/zoe.tirillypro (demandez à être invités sur le groupe de

notre Club Prestataires)

Contact : [email protected]

Remerciements :

Pierre Eloy, TouristicAline Inizan Payen, OT Andernos les Bains