Atelier création site internet 22 février 2017

Office de tourisme du Ségala tarnais 1

Création de site internet22 février 2017

Programme de l’atelier1. Présentation de Jimdo2. Et maintenant, la pratique

2Office de tourisme du Ségala tarnais

Objectif : connaître et savoir utiliser les outils de Jimdo pour créer son site internet.

Office de tourisme du Ségala tarnais

3Présentation de Jimdo1. Qu’est-ce que c’est ?2. Ses avantages3. Ses formules

Qu’est-ce que c’est ? CMS (Content Management System) = une

famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web› Wordpress, Joomla, Drupal› Wix, e-monsite


Ses avantages Pas besoin de grandes connaissances

en informatique Nombreux design prêts à l’emploi Hébergement 3 formules pour toutes les bourses


Ses formulesJimdoPro 60 € / an Avantages de la

version gratuite 5 BG de

stockage 1 nom de

domaine 1 compte e-mail Statistiques


JimdoFree Gratuit Design variés Galerie

d’images Responsive

design 500 MB de

stockage Sous

domaine .jimdo.com

JimdoBusiness

180 € / an Avantages de la

version « pro » 2 noms de

domaine 20 comptes e-

mail Stockage illimité E-boutique

Et maintenant, pratique1. 1ère étape : choisir son

nom de domaine2. 2ème étape : s’inscrire

sur Jimdo3. 3ème étape : découvrir

l’interface4. 4ème étape : choix de

l’apparence du site5. 5ème étape : ma

première page6. 6ème étape : ajouter

une page7. 7ème étape : le

référencement8. 8ème étape : mentions

légales et crédits

7

Office de tourisme du Ségala tarnais

1ère étape : choisir un nom de domaine


Nom de domaine : identifiant du site internet

Quelques conseils : › Votre nom de domaine doit refléter votre

activité› Privilégiez un nom de domaine court› Faites en sorte qu’il soit facile à retenir

Des exemples : › Tarn.fr / tourisme-tarn.com› www.chambres-hotes.fr – www.gites-tarn.com

2ème étape : s’inscrire sur Jimdo


En haut à droite

Saisir votre adresse mail

Choisissez votre mot de passe

Cochez « Je ne suis pas un robot »

Valider en cliquant sur « C’est parti ! »


Si vous n’avez pas de nom de domaine

Si vous possédez déjà un nom de domaine(version payante)


Finalisez votre inscription en validant votre adresse e-mail

3ème étape : découvrir l’interface


Menu Jimdo Version payante

Visualisation sur différents supports

DéconnexionAfficher comme un visiteur


Menu de Jimdo Choix de

l’apparence du site

Module e-boutique

Module de blog Référencement et

statistiques Paramètres du site

et du compte Jimdo Aide en ligne


Les paramètres Liste des noms de

domaine Liste des comptes

email Redirection

automatique des email

Bas de page, mentions légales, favicon

Alerte cookies Mode « en

construction » (payant)

…


Titre

Sous-titre

Bloc texte

Menu site web

Partage sur réseaux sociaux Bloc image

Menu site web

Bordure

4ème étape : choix de l’apparence du site

L’apparence générale peut-être modifiée à tout moment


Liste des templates prédéfinis

Personnalisation du template

Modification de l’arrière-plan

Création d’un design personnalisé

Choisir un template prédéfini


Template actuel Template sélectionné Aperçu du template Différence version

d’un même template

Visualiser le template en version mobile

Valider un template Naviguer dans la liste

de template

Personnaliser un template


Activer la personnalisation par éléments

Couleur principale du site

Valider les modifications

Modifier la police des paragraphes

Modifier la police des titres

Modifier l’arrière-plan


Arrière-plan actif

Ajouter un arrière-plan› Image à télécharger› Diaporama d’images› Vidéo (lien depuis

Youtube)› Couleur unie

5ème étape : ma première page


Modifier un bloc existant› Déplacer le bloc› Supprimer le bloc› Dupliquer le bloc› Modifier le

contenu› Enregistrer

modification› Fermer la fenêtre

de modification



Ajouter un bloc Sélectionner le

bloc souhaité› Titre› Texte› Image› Galerie› Vidéo (YT)› Google Maps› Widget / HTML› Formulaire (contact)


Ajouter un widget› Sélectionner le bloc

Widget / HTML› Se rendre sur

tameteo.com› Générer un widget météo› Copier / coller le code dans

Jimdo› Cliquer sur enregistrer

Ce bloc peut-être utilisé pour ajouter :

› Brochures issues de Calaméo

› Widget de disponibilités / réservation

› Agenda des festivités (Apidae)

› …


Ajouter une carte› Sélectionner le bloc Google Maps› Localiser votre hébergement / site touristique› Cliquer sur enregistrer


Ajouter un widget page Facebook› Sélectionner le bloc Facebook› Sélectionner « Page Facebook »› Copier / coller l’URL de votre

page Facebook› Sélectionner ce qui doit

apparaître (image de couverture, flux, profils)

› Enregistrer


Formulaire de contact› Éléments du formulaire› Disposition du

formulaire› Adresse email qui

recevra les mails de ce formulaire

› Personnalisation du message qui s’affiche après soumission du formulaire


Ajouter un élément au formulaire de contact› Se positionner entre 2

éléments du formulaire› Cliquer sur « ajouter un

élément »› Sélectionner l’élément

souhaité

6ème étape : ajouter une page


Se positionner sous le menu et cliquer sur « Modifier la navigation »

Cliquer sur « Ajouter une nouvelle page »


Dans le menu, cliquer sur le nom de la nouvelle page

Commencer à ajouter du contenu

7ème étape : le référencement


Référencement (naturel) = l’ensemble des actions permettant d’améliorer la visibilité de son site sur les moteurs de recherche

Sans référencement, un site n’est pas visible

Référencement porte sur :› Des informations lues par les moteurs de

recherche = méta données› Le contenu de la page

Pour aller plus loin

http://www.slideshare.net/Keeg-seo/confrence-top10-des-bonnes-pratiques-rfrencement-alexandre-santoni-keeg


Le référencement dans Jimdo

Statistiques du site internet (payant)

Aide pour améliorer son référencement (payant)

Méta données Statistiques

avancées (payant) Passerelle vers une

autre page web (payant)


Méta données › Nom de domaine = identifiant du site

internet qui permet de le retrouver facilement sur les moteurs de recherche

› Balise <Title> = titre d’une page web › Balise <description> = description de la

page


Modifier balise <Title>

Partie de la balise <Title> commune à toutes les pages du site

Partie de la balise <Title> de la page

Une balise <Title> doit être : En rapport avec la page Parlant et compréhensible Courte (70 caractères maximum)


Modifier balise <Description>

Simulation d’un aperçu dans Google

Balise <Description> de la page doit être : Unique à la page En lien avec le

contenu et le titre de la page

Comporter 160 caractères maximum


Le contenu de la pagePour être bien référencé par Google, il faut : Un contenu de qualité

› Unique (pas de copier/coller)› Champ lexical cohérent (mots clés)

Un contenu structuré et hiérarchisé› Titre et sous-titre explicite et qualitatif › Paragraphe avec les mots important en gras

Ne pas oublier les images› Texte alternatif› Nom de l’image (URL)


Texte alternatif d’une image2 fonctions : Accessibilité pour les malvoyants Référencement des images

8ème étape : les mentions légales et crédits


Mentions légales = carte d’identité du site internet› Si vous êtes une personne physique : votre nom,

prénom, domicile et numéro de téléphone › Si vous êtes une personne morale (ex : SA) : votre

dénomination ou raison sociale, votre siège social et numéro de téléphone.

› Le nom du directeur de la publication ou du responsable de la publication au sens de la loi sur la liberté de la presse du 29 juillet 1981,

› Le nom, dénomination ou raison sociale et l’adresse et numéro de téléphone de l’hébergeur du site internet.

› Pour aller plus loin

http://www.legifrance.gouv.fr/affichTexte.do;jsessionid=E84F9180B78F2BD1466E759DF393604F.tpdjo12v_2?idSectionTA=LEGISCTA000006117622&cidTexte=JORFTEXT000000877119&dateTexte=20141118

http://tourisme-tarn-carmaux.fr/donnees_ext/lettre_info/POINT_MENTIONSLEGLES.html


Crédits = propriété intellectuelle du site internet› Design et fonctionnalités du site› Textes› Photos et vidéos

Merci de votre attentionLes prochains ateliers :• Mercredi 8 mars : Gestion d’une page Facebook• Lundi 27 mars : Connaissance du Ségala tarnais• Mercredi 5 avril : Gestion d’un site internet• Mercredi 26 avril : Création et gestion d’une

page Google My Business• Jeudi 4 mai : Connaissance des sentiers du

territoire

Besoin d’informations supplémentaires ?Marie Lamour – 05 63 80 15 61 – [email protected]

39

Internet

Atelier création site internet 22 février 2017