Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-saint-aignan-beauval

of 39 /39
Création d’un site internet avec Jimdo 29 février 2016

Embed Size (px)

Transcript of Atelier numérique Creation d'un site-interne sous Jimdo-office de tourisme-saint-aignan-beauval

  • Cration dun site internet

    avec Jimdo

    29 fvrier 2016

  • Pourquoi me faut-il un site internet ?

    Parce-que tout se joue sur internet :

    Il est aujourdhui primordial dtre prsent sur le web.

    Consultation des offres, Avis en ligne, Rservations, Vente en ligne

    2 chiffres loquents :

    78 % des rservations par tlphone ont ncessit des recherches sur internet en amont-------------------------------------------------

    Sans prsence sur le web, lentreprise voit ses chances de vendre diminues de 80 %

    03/03/2016 Office de Tourisme Val de Cher Beauval 2

  • Jimdo : un outil la porte de tous

    Les avantages de Jimdo :

    Un outil ergonomique et intuitif : pas besoin de connaissance technique Un outil avec version gratuite Un hbergement du site directement gr par Jimdo Une version en ligne : sans installation pralable sur votre ordinateur Une fonction blog Un grand choix de design Une boutique en ligne pour commercialiser votre offre Une optimisation automatique du site pour les smartphones Un rfrencement naturel boost grce Google Des outils faciles intgrer Un service de refonte de site

    03/03/2016 Office de Tourisme Val de Cher Beauval 3

  • Les diffrentes formules Jimdo

    6,50 / mois Toutes les fonctions de la

    formule Gratuite +

    1 nom de domaine 1 Compte E-Mail Support personnalis Statistiques Sans publicit Optimis pour les

    smartphones E-Boutique (15 articles sans

    commission) Optimis pour les moteurs de

    recherche (SEO) toutes les pages

    Intgration simple de services externes

    15,00 / mois Toutes les fonctions de la

    formule Gratuite +

    2 noms de domaine 20 comptes E-Mail Business Support Business personnalis Statistiques Sans publicit Optimis pour les smartphones E-Boutique avance (articles

    illimits sans commission, mthode de paiement et fonction code de rduction intgres)

    Optimis pour les moteurs de recherche (SEO) toutes les pages

    Page daccueil mobile pour les entreprises

    Gratuit

    Nombreux designs

    Espace de stockage de 500 Mo

    E-Boutique (5 articles sans commission)

    Fonction blog

    Optimis pour les smartphones

    Optimis pour les moteurs de recherche (SEO) pour la page daccueil

    03/03/2016 Office de Tourisme Val de Cher Beauval 4

  • Avant le grand saut Ne pas perdre de vue son objectif premier et toujours se rfrer au travail effectu en amont : Les bases du projet : son cahier des charges et larborescence de votre site internet

    Le tapes de la conception dun site

    Retrouvez notre support technique sur Slideshare

    03/03/2016 Office de Tourisme Val de Cher Beauval 5

  • Avant le grand saut

    Petits conseils avant de dmarrer :

    Travailler votre partie rdactionnelle et y intgrer des mots-cls avec quelques liens internes.

    Choisir des photos de bonne qualit et les renommer (viter les 001.jpg, prfrer : chambre-familiale-princesse.jpg)

    Augmenter votre visibilit : Favoriser les changes de liens avec des sites gnrant du trafic : ex votre office de tourisme, des sites de visite ou de loisirs de votre rgion, vos labels (mais ne pas trop se disperser, viter de ressembler un annuaire)

    Communiquer et relier vos informations entre votre site et vos rseaux sociaux (albums photos sur Pinterest, actualits sur Facebook). Encourager le partage de vos informations. Favoriser la viralit augmentera le nombre dinternautes sur votre site qui sont autant de clients potentiels.

    03/03/2016 Office de Tourisme Val de Cher Beauval 6

  • Exemples de sites crs avec Jimdo

    http://fr.jimdo.com/exemples/

    03/03/2016 Office de Tourisme Val de Cher Beauval 7

  • Exemples de sites crs sous JimdoProposition site hbergementmon-site-terreetcotebasques.jimdo.com

    03/03/2016 Office de Tourisme Val de Cher Beauval 8

  • Site archologiquehttp://www.mines-larla.fr/

    03/03/2016 Office de Tourisme Val de Cher Beauval 9

    Exemples de sites crs sous Jimdo

  • Site ANT de lOffice de Tourisme Val de Cher Beauval http://ant-staignan.jimdo.com/

    03/03/2016 Office de Tourisme Val de Cher Beauval 10

    Exemples de sites crs sous Jimdo

  • Choisir son nom de domaine

    Qu'est-ce qu'un nom de domaine ?

    Un nom de domaine est une chaine de caractres (ex : prodomaines) associe une extension (ex : .com, .fr).Il constitue ainsi un nom familier associ une adresse IP.Votre nom de domaine indique ladresse internet de votre site web.

    Il sagit de votre identit commerciale sur le webUn nom de domaine est unique.

    Quelques conseils pour bien choisir son nom de domaine :

    1- Restez simple

    Choisissez un nom de domaine ni trop long, ni trop compliqu crire. Il doit aussi tre reprsentatif de votre activit et facile retenir.2- Suivez les rgles

    Le nom de domaine ne peut dpasser les 69 caractres alpha numrique savoir les lettres de lalphabet de A Z ainsi que les chiffres de 0 9 et le - 3- Ciblez votre public

    Si votre public est essentiellement franais, vous utiliserez lextension .fr ; Dans le cas dune audience internationale, vous utiliserez lextension .com4- Vrifiez la disponibilit

    Votre nom de domaine est-il disponible ? Pour le savoir, vrifier la disponibilit

    En version gratuite, votre nom de domaine se terminera par .jimdo.com

    03/03/2016 Office de Tourisme Val de Cher Beauval 11

  • Sinscrire sur Jimdo

    Insrer votre e-mail

    Choisir un mot de passe

    Rpondre au Captcha

    Accepter les conditions dutilisation

    Valider

    Aprs linscription, vous recevrez un e-mail vous demandant de confirmer votre adresse e-mail.

    03/03/2016 Office de Tourisme Val de Cher Beauval 12

  • Choisir le design de son siteIl s'agit de l'organisation gnrale de votre page et de ses principaux lments :Header : En-tteZone de contenu : partie textesidebar : barre latrale ou horizontale (intgration des widgets)Footer : pied de page / bas de page

    Si vous tes encore indcis, consultez lindex des design

    03/03/2016 Office de Tourisme Val de Cher Beauval 13

  • Choisir le design de son site

    03/03/2016 Office de Tourisme Val de Cher Beauval 14

    La quantit de visuels, dinformations crites, de tableaux sont aussi des lments considrer dans le choix du design de son site. A prendre en compte galement les tudes deye tracking qui dterminent les zones chaudes ou froides dune page web. Une zone chaude est une partie dun site trs frquente ou trs souvent visualiser. Cest donc dans ces zones quil faut placer les informations importantes.

  • Les fonctions principales de votre siteLa barre d'administration

    Ds votre premire connexion sur votre site Jimdo en mode "modifier", elle apparat droite de votre cran.

    Les fonctions principales :

    Design : Choisissez votre design prfr dans cette liste ou crez vous-mme undesign.

    Style : Modifiez l'apparence de votre site et en particulier celle de vos textes, titres,liens, ou encore le style de votre blog ou de votre e-boutique.

    Blog : Construisez votre propre blog sur votre site. Dans ce menu, vous pouvezajouter et grer vos articles.

    Paramtres : Contient l'ensemble des paramtres-cls de votre site : gestion descomptes e-mail, donnes personnelles, statistiques, e-boutique, newsletter

    SEO : Contient l'ensemble des paramtres permettant de travailler les mots-cls,descriptions et titres de page afin d'optimiser votre site pour les moteurs derecherche.

    Statistiques : Prenez connaissance du nombre de visiteurs ayant parcouru votre siteJimdo tout comme la provenance de ces derniers ou encore la dure de leur visite...

    Services externes : Retrouvez tous les design disponibles. Aide : site d'aide en ligne Acheter : Commandez JimdoPro ou JimdoBusiness

    03/03/2016 Office de Tourisme Val de Cher Beauval 15

  • Les paramtres vous permettent de grer toutes les fonctions de votre site. Certains paramtres ne sont accessibles quen JimdoPro et JimdoBusiness

    03/03/2016 Office de Tourisme Val de Cher Beauval 16

    Dtail des paramtres

  • Utilisateur :Pour les utilisateurs JimdoFree :

    Vous pouvez ici supprimer votre site JimdoFree

    Pour les clients JimdoPro et JimdoBusiness :

    Accder au rcapitulatif de votre pack Changer le titulaire de votre contrat Accder au rcapitulatif de vos factures Personnaliser votre mot de passe Modifier votre adresse e-mail de contact Modifier votre adresse ou votre nom Charger une photo de profil Paramtrer la langue des menus Jimdo

    Site Internet : Modifier le titre gnral de votre site Vrifier l'espace disponible sur votre site Charger un favicon sur votre site Crer des zones protges par mot de passe Crer et grer des newsletters crire votre charte de confidentialit. Modifier le head de votre site, (attention : pour utilisateurs confirms !)Pour les clients JimdoPro et JimdoBusiness : Cacher les mentions lgales Jimdo Remplir votre zone de copyright Activer la version mobile Cacher l'onglet de connexion Retrouver les messages reus sur les formulaires de votre site

    03/03/2016 Office de Tourisme Val de Cher Beauval 17

    Dtail des paramtres

  • Dtail des paramtres

    03/03/2016 Office de Tourisme Val de Cher Beauval 18

    Administration des domaines et des e-mails : Pour les clients JimdoPro et JimdoBusiness :

    Crer et grer vos comptes e-mail Crer et grer vos redirections de-mail Crer et grer vos noms de domaine

    E-boutique : JimdoFree , JimdoPro et JimdoBusiness Crer votre boutique en ligne, enregistrer vos produits avec de nombreuses fonctions (zoom, catalogue, dclinaison darticle, panier

    dachat)

    Applications : Relier votre site Jimdo votre Dropbox et tlchargez facilement vos documents ! diter le code QR de votre site Jimdo Relier votre site Google Analytics Relier votre compte Twitter

    Pour les clients JimdoPro et JimdoBusiness :

    Faire recommander votre site par vos visiteurs

    Jimdo Retrouver les mentions lgales de Jimdo Recevoir les newsletter avec toutes les actualits Jimdo Activer des modules supplmentaires

    Pour les clients JimdoPro et JimdoBusiness :

    Faire recommander votre site par vos visiteurs

  • Loptimisation de votre site pour les

    moteurs de recherche

    Amliorer gratuitement le rfrencement de votre page daccueil en renseignant la rubrique SEO.

    Pour vrifier lindexation de vos pages :

    Retour sur paramtres / Indexation Google

    03/03/2016 Office de Tourisme Val de Cher Beauval 19

  • Len-tte de votre site (Header)

    Cest la premire image que linternaute verra, autant faire bonne impression : optez donc pour unephoto de bonne qualit et reprsentative de de votre activit.

    Lidal est davoir sa propre photo.

    Cependant si ce nest pas le cas lors de la construction de votre site, Jimdo met disposition des liensvers des banques dimages gratuites sur le web et une galerie de photos libres de droit tries parthme et prtes lemploi.

    Banques dimages gratuites Fonds dcran tlchargeables

    03/03/2016 Office de Tourisme Val de Cher Beauval 20

  • Larborescence de votre site (navigation)Grce aux flches vous pouvez organiser vos pages comme bon vous semble :

    Haut / Bas :Ordre dapparition des pages (rubriques) dans le menu

    Gauche / Droite : Meu principal / Menu secondaire / sous-menu

    + : Insrer une nouvelle page

    Supprimer la page

    Publier ou Masquer la page

    Ajouter une page

    La suppression dune page principale entrane la suppression de ses sous-pagesEviter de dpasser les 3 niveaux de lecture

    03/03/2016 Office de Tourisme Val de Cher Beauval 21

  • Ajouter un lment

    Un lment est un module que vous ajoutez votre site - un champ de texte,- une galerie dimages,- un titre de rubrique, - un tableau

    Votre site est donc constitu dune multitude dlments.

    03/03/2016 Office de Tourisme Val de Cher Beauval 22

  • Si votre page ne contient pas encore d'lment, un bouton carr affichant un signe "+" vouspermettra de crer votre premier lment.

    Ensuite, vous pourrez ajouter des lments avant, aprs, ou entre les lments existants en passantvotre souris sur le contenu de votre page.

    Le bouton "+" apparat alors selon vos besoins sur ou sous un lment existant.

    Pour ajouter un lment, cliquez simplement sur celui-ci dans la liste des lments. Il s'ajoute alors votre page, l'endroit o vous avez initialement cliqu sur le bouton "+".

    Aprs avoir t cr quelque part, un lment peut toujours ensuite tre dplac ailleurs ousupprim.

    03/03/2016 Office de Tourisme Val de Cher Beauval 23

    Ajouter un lment

  • Les lments texte

    Pour les titres : 3 niveaux de lecture sont possibles

    Pour les textes et textes avec image, mme usage que les traitements de texte

    03/03/2016 Office de Tourisme Val de Cher Beauval 24

  • Les lments image

    Ajouter une image ou une galeriedimages provenant de votreordinateur.

    Opter pour un mode daffichage :- Horizontal- Vertical- Grille- Slider : diaporama

    03/03/2016 Office de Tourisme Val de Cher Beauval 25

  • Les lments mise en page

    Sparation, Espacement,

    Colonnes :

    Permettent dorganiseret mettre en page voscontenus pour unemeilleure lecture

    03/03/2016 Office de Tourisme Val de Cher Beauval 26

  • Les lments de contact

    Tlchargement :

    offre la possibilit vos lecteurs de tlcharger vos documents (grilles tarifaires, contrat, CGV)

    Formulaire :

    Facilite le contact en insrant un formulaire de contact ou de rservation directement sur votre site

    Livre dor :

    Invite vos clients retourner sur votre site pour y dposer un avis/commentaire

    03/03/2016 Office de Tourisme Val de Cher Beauval 27

  • Les lments de partage et rseaux

    sociaux

    Le Flux RSS :

    permet de rcuprer directementles derniers articles dun blog oudun site

    Le Widget / HTML :

    Les widgets sont des mini-applications que vous pouvezintgrer vos pages. Vous pouvezajouter de nombreuses fonctions :calendrier de rservation,diaporama, module mto pourles dcouvrir , cliquez sur Widgetsrecommands

    03/03/2016 Office de Tourisme Val de Cher Beauval 28

  • Les lments de partage et rseaux

    sociaux

    Facebook, Twitter, Google+ :

    Ces modules vous permettent de proposer une interaction vos visiteurs sur votre site.

    03/03/2016 Office de Tourisme Val de Cher Beauval 29

  • Ajouter des Widgets

    03/03/2016 Office de Tourisme Val de Cher Beauval 30

    Insrer une carte interactive avec Google Maps :

    Cliquer sur Google Maps

    Puis entrer votre adresse dans chercher un lieu

  • Ajouter des Widgets

    03/03/2016 Office de Tourisme Val de Cher Beauval 31

    Insrer un widget Mto :

    Cliquer sur Widgets Recommands

    Slectionner le Widget My-Mteo.frSlectionner Mto sur son site

    Choisir le design de votre widget : classique / Design / Mto

    Paramtrer votre mto : slection de la ville, choix de la mise en forme

    Accepter les conditions dutilisationGnrer le code

    Copier le code

    Coller le code sur votre site dans le cadre de widgets Enregistrer

  • Ajouter des widgets

    Si votre tablissement a une fiche Tripadvisor, vous pouvez insrer un widget afin de partager vos avis avec vos lecteurs.

    Si votre tablissement ne possde pas encore sa fiche, il nest pas trop tard pour la crer.(je reste votre disposition + tutoriel en ligne sur notre compte Slideshare)

    03/03/2016 Office de Tourisme Val de Cher Beauval 32

  • Ajouter ses disponibilits en ligne

    Avec Google Agenda, vous pouvez gnrer un tableau de disponibilits simple et gratuit.

    Retrouvez notre tutoriel complet : Grer ses disponibilits en ligne avec Google Agenda

    03/03/2016 Office de Tourisme Val de Cher Beauval 33

    Votre tableau de disponibilits est prt ?

    Paramtres de lagendaIntgrer cet agendaCopier-Coller le code HTML (en haut de page)Rendez-vous sur la page de votre site ou vous souhaitez intgrer votre tableau Ajouter un lment

    Widget / HTML

    Copier votre code HTML Enregistrer

  • Suivre ses statistiques sous GA

    Connectez-vous votre compte Google pour crer un compte Google Analytics : www.google.com/analytics

    03/03/2016 Office de Tourisme Val de Cher Beauval 34

  • Suivre ses statistiques sous GANom du compte : choisir un nom pour ce compte.Nom du site Web : choisir le nom du site Web que vous souhaitez suivre.URL du site Web :saisir l'URL du site Web que vous souhaitez suivre.Catgorie sectorielle du site Web et fuseau horaire des rapports.Valider

    -----------------------

    Sur la page Nouveau compte, cocher ou dcocher les options de la section "Paramtres de partage des donnes", selon vos prfrences.

    Cliquer sur Obtenir un ID de suivi.Accepter les conditions d'utilisation de Google Analytics.

    Sur la page suivante, vous trouverez votre ID de suivi ainsi qu'un code JavaScript.

    Copiez-le

    03/03/2016 Office de Tourisme Val de Cher Beauval 35

  • Suivre ses statistiques sous GA

    Votre ID obtenu : Retournez sur votre site Jimdo.Ouvrez les paramtres puis cliquez sur longlet Google Analytics

    03/03/2016 Office de Tourisme Val de Cher Beauval 36

  • Suivre ses statistiques sous GA

    Coller le code JavaScriptdans le champ Google Analytics (externe)

    Enregistrer

    03/03/2016 Office de Tourisme Val de Cher Beauval 37

  • Suivre ses statistiques sous GA

    Consulter rgulirement vos

    statistiques de frquentation afin den savoir plus sur la popularit de votre site et sur vos propres internautes.

    Pour consulter les stat : retour

    sur Google Analytics.

    Lanalyse des statistiques permet dtre plus performant et dapporter modifications ou nouveauts son site pour mieux rpondre la demande.

    03/03/2016 Office de Tourisme Val de Cher Beauval 38

  • 03/03/2016 Office de Tourisme Val de Cher Beauval 39

    Merci et bientt

    Office de Tourisme Val de Cher Saint-AignanEmilie Moussard

    Animation Numrique du Territoire

    http://ant-staignan.jimdo.comwww.tourisme-valdecher-staignan.com