Création d’un site internet _ Ateliers numériques en Pays de Bergerac

46
CREATION D’UN SITE WEB Comment créer facilement soi-même un site web pour son activité touristique.

description

 

Transcript of Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Page 1: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

CREATION DrsquoUN SITE WEB

Comment creacuteer facilement soi-mecircme

un site web pour son activiteacute touristique

QUELLE EST VOTRE STRATEacuteGIE WEB

Quelques questions agrave vous poser avant de foncerhellip

MON SITE WEB

TOURISTONAUTES

VIDEOS EN LIGNE PHOTOS

EN LIGNE FORUMS

PARTENAIRES

COMMUNAUTE

GEO MARKETING

FLUX RSS

WIKI

M-Tourism

Source Touristic

TOURISTES

LES BULLES DU E-TOURISME

10 REgraveGLES DrsquoOR DU WEBMARKETING

1 La permission

2 Eviter le commercial direct

3 Animer

4 Ouverture et transparence

5 Soyez Reacuteactif

6 Partager et faites participer

7 Jouer la proximiteacute

8 Segmenter

9 Srsquoassurer une veille

10 Analyser

Lire lrsquoarticle complet sur httpwwwreussirsonwebmarketingcom10-regles-or-web-marketing

1 Votre site doit vous ressembler refleacuteter la reacutealiteacute

2 Votre site doit ecirctre adapteacute agrave votre clientegravele

3 Votre site doit preacutesenter lrsquoinformation de faccedilon

preacutecise sans ambiguumliteacute

UN SITE WEB A VOTRE IMAGE

DrsquoAPREgraveS VOUS QUELS EacuteLEacuteMENTS DOIVENT APPARAIcircTRE SUR VOTRE SITE WEB

EN PAGE DrsquoACCUEIL bull

DANS LES AUTRES PAGES bull

SUR TOUTES LES PAGES

bull

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 2: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

QUELLE EST VOTRE STRATEacuteGIE WEB

Quelques questions agrave vous poser avant de foncerhellip

MON SITE WEB

TOURISTONAUTES

VIDEOS EN LIGNE PHOTOS

EN LIGNE FORUMS

PARTENAIRES

COMMUNAUTE

GEO MARKETING

FLUX RSS

WIKI

M-Tourism

Source Touristic

TOURISTES

LES BULLES DU E-TOURISME

10 REgraveGLES DrsquoOR DU WEBMARKETING

1 La permission

2 Eviter le commercial direct

3 Animer

4 Ouverture et transparence

5 Soyez Reacuteactif

6 Partager et faites participer

7 Jouer la proximiteacute

8 Segmenter

9 Srsquoassurer une veille

10 Analyser

Lire lrsquoarticle complet sur httpwwwreussirsonwebmarketingcom10-regles-or-web-marketing

1 Votre site doit vous ressembler refleacuteter la reacutealiteacute

2 Votre site doit ecirctre adapteacute agrave votre clientegravele

3 Votre site doit preacutesenter lrsquoinformation de faccedilon

preacutecise sans ambiguumliteacute

UN SITE WEB A VOTRE IMAGE

DrsquoAPREgraveS VOUS QUELS EacuteLEacuteMENTS DOIVENT APPARAIcircTRE SUR VOTRE SITE WEB

EN PAGE DrsquoACCUEIL bull

DANS LES AUTRES PAGES bull

SUR TOUTES LES PAGES

bull

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 3: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

MON SITE WEB

TOURISTONAUTES

VIDEOS EN LIGNE PHOTOS

EN LIGNE FORUMS

PARTENAIRES

COMMUNAUTE

GEO MARKETING

FLUX RSS

WIKI

M-Tourism

Source Touristic

TOURISTES

LES BULLES DU E-TOURISME

10 REgraveGLES DrsquoOR DU WEBMARKETING

1 La permission

2 Eviter le commercial direct

3 Animer

4 Ouverture et transparence

5 Soyez Reacuteactif

6 Partager et faites participer

7 Jouer la proximiteacute

8 Segmenter

9 Srsquoassurer une veille

10 Analyser

Lire lrsquoarticle complet sur httpwwwreussirsonwebmarketingcom10-regles-or-web-marketing

1 Votre site doit vous ressembler refleacuteter la reacutealiteacute

2 Votre site doit ecirctre adapteacute agrave votre clientegravele

3 Votre site doit preacutesenter lrsquoinformation de faccedilon

preacutecise sans ambiguumliteacute

UN SITE WEB A VOTRE IMAGE

DrsquoAPREgraveS VOUS QUELS EacuteLEacuteMENTS DOIVENT APPARAIcircTRE SUR VOTRE SITE WEB

EN PAGE DrsquoACCUEIL bull

DANS LES AUTRES PAGES bull

SUR TOUTES LES PAGES

bull

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 4: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

10 REgraveGLES DrsquoOR DU WEBMARKETING

1 La permission

2 Eviter le commercial direct

3 Animer

4 Ouverture et transparence

5 Soyez Reacuteactif

6 Partager et faites participer

7 Jouer la proximiteacute

8 Segmenter

9 Srsquoassurer une veille

10 Analyser

Lire lrsquoarticle complet sur httpwwwreussirsonwebmarketingcom10-regles-or-web-marketing

1 Votre site doit vous ressembler refleacuteter la reacutealiteacute

2 Votre site doit ecirctre adapteacute agrave votre clientegravele

3 Votre site doit preacutesenter lrsquoinformation de faccedilon

preacutecise sans ambiguumliteacute

UN SITE WEB A VOTRE IMAGE

DrsquoAPREgraveS VOUS QUELS EacuteLEacuteMENTS DOIVENT APPARAIcircTRE SUR VOTRE SITE WEB

EN PAGE DrsquoACCUEIL bull

DANS LES AUTRES PAGES bull

SUR TOUTES LES PAGES

bull

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 5: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

1 Votre site doit vous ressembler refleacuteter la reacutealiteacute

2 Votre site doit ecirctre adapteacute agrave votre clientegravele

3 Votre site doit preacutesenter lrsquoinformation de faccedilon

preacutecise sans ambiguumliteacute

UN SITE WEB A VOTRE IMAGE

DrsquoAPREgraveS VOUS QUELS EacuteLEacuteMENTS DOIVENT APPARAIcircTRE SUR VOTRE SITE WEB

EN PAGE DrsquoACCUEIL bull

DANS LES AUTRES PAGES bull

SUR TOUTES LES PAGES

bull

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 6: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

DrsquoAPREgraveS VOUS QUELS EacuteLEacuteMENTS DOIVENT APPARAIcircTRE SUR VOTRE SITE WEB

EN PAGE DrsquoACCUEIL bull

DANS LES AUTRES PAGES bull

SUR TOUTES LES PAGES

bull

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 7: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

APREgraveS LA THEacuteORIE LA PRATIQUE

En moins de 2 mn votre nouveau site web sera en ligne

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 8: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POURQUOI CHOISIR JIMDO

1 Pas besoin de connaissances en html

2 Autonomie totale sur la creacuteation et mise agrave jour du site

3 Pas de logiciel agrave installer Tout est en ligne

4 Deacutemarrage en version gratuite

5 Des templates tregraves pros

6 Nombre de pages illimiteacute

7 Fonction blog

8 Version mobile du site geacuteneacutereacutee automatiquement

9 Une communauteacute active pour vous aider

10Quelques exemples de sites web httpgoogl1GLrG9

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 9: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

BIEN CHOISIR SON NOM DE DOMAINE Quelques regravegles agrave suivre ou pistes de reacuteflexion

Faire le choix entre un nom de domaine mneacutemotechnique (court qui percute et qursquoon retient facilement) ou un nom de domaine facilitant le reacutefeacuterencement naturel (comportant 1 ou 2 mots cleacutes de preacutefeacuterence seacutepareacutes par des tirets hauts (sous le chiffre 6) source wwwblog-storycom

Lorsque vous avez affineacute votre choix veacuterifier la disponibiliteacute de votre nom de domaine avec httpwwwnetissimecom par exemple

Pensez agrave veacuterifier eacutegalement agrave veacuterifier la disponibiliteacute des variantes de ce nom (avec ou sans tiret eacutecritures diffeacuterenteshellip) ainsi que celle des diffeacuterentes extensions (fr com net etchellip) Il est drsquoailleurs conseilleacute drsquoacheter les diffeacuterentes variantes si celles-ci sont susceptibles drsquoecirctre utiliseacutees par la concurrence

Deacutefinition Le nom de domaine est la partie centrale de lrsquoadresse Internet qui est tapeacutee dans le navigateur afin drsquoatteindre un site Web Cette adresse est composeacutee de trois eacuteleacutements le preacutefixe (http) le nom de domaine et lrsquoextension (appeleacutee aussi domaine de niveau supeacuterieur ou TLD) Chaque eacuteleacutement drsquoune adresse Web est seacutepareacute par un point Voici un scheacutema qui sera certainement plus parlant

source httpwwwblogmanit4ccom

httpaidejimdocomnom-de-domaine

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 10: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

ETAPE 1

1 Rendez vous sur wwwjimdocom

2 Cliquez sur

3 Choisissez votre design

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 11: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

ETAPE 2

1 Choisissez votre nom de domaine crsquoest-agrave-dire le nom de votre site web (en version gratuite il se terminera obligatoirement par jimdocom)

2 Inscrivez votre adresse e-mail Vous y recevrez la confirmation de creacuteation de votre site web et un mot de passe de connexion provisoire

3 Choisissez votre mot de passe Il vous servira pour acceacuteder agrave lrsquointerface drsquoadministration de votre site

4 Cliquez sur le bouton bleu laquo Creacuteer mon site gratuit raquo

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 12: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

ETAPE 3

1 Votre site est maintenant en ligne

2 Recherchez dans vos e-mails le lien drsquoactivation de votre compte

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 13: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

ETAPE 4 LA PERSONNALISATION

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 14: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

COMMENT SE COMPOSE UNE PAGE JIMDO

LE MODULE DrsquoAMINISTRATION

(visible seulement en mode modification)

LE MENU Il peut ecirctre placeacute

agrave diffeacuterents endroits selon le design choisi

LE CONTENT contenu de

chaque page

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 15: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

LrsquoARBORESCENCE DU SITE

Une eacutetape preacutealable importante mais toujours modifiable

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 16: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Creacuteez VOTRE arborescence

1 Passez votre souris sur

le 1er niveau de menu (ici lrsquoaccegraves par langue)

2 Jimdo vous propose de

Modifier la navigation

3 Cliquez dessus

Lrsquoarborescence crsquoest le squelette du site

Il srsquoagit des diffeacuterents niveaux de menus qui vont composer les pages de votre site web

Vous avez droit agrave 3 niveaux de menus crsquoest-agrave-dire un menu principal des sous-menus et des sous-sous-menus

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 17: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Toute lrsquoarborescence du site apparaicirct

1er niveau de menu

2egraveme niveau de menu

3egraveme niveau de menu

Ces flegraveches permettent de deacuteplacer les pages dans lrsquoarborescence

Ces flegraveches permettent de changer le niveau de menu des pages

Ce signe permet drsquoajouter une page

Ce signe permet de supprimer une page ATTENTION

Lorsque qursquoune page est supprimeacutee il nrsquoy a aucun moyen de revenir en arriegravere et de reacutecupeacuterer son contenu

Ce signe permet de cacher une page

Lorsque vous avez modifieacute votre arborescence cliquez sur Enregistrez

Vous pouvez renommer les pages en cliquant sur le nom agrave modifier

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 18: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

LE PARAMETRAGE DU SITE

Comment utiliser la boicircte agrave outils de Jimdo

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 19: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

LES OUTILS DE PARAMETRAGE DESIGN permet de choisir modifier et parameacutetrer lrsquoaspect geacuteneacuteral de votre site (emplacement des header sidebar content et menu) httpgoogltXQnaf

STYLE permet de deacutefinir le style (taille couleur etchellip) de vos textes titreshellip Ce style sera adopteacute par deacutefaut dans toutes les pages du site httpgoogltXQnaf

BLOG permet de geacuterer les articles de votre blog (si vous activez cette fonction) httpgooglgynswt

VERSIONS PRO permet de passer en version pro (heacutebergement + 1 nom de domaine + 1 adresse e-mail pour 5euromois) httpgooglDlU4No

PARAMETRES permet de geacuterer les paramegravetres de votre site (nom de domaine reacutefeacuterencement mentions leacutegales mot de passe etchellip) httpgooglqkl6XR

STATISTIQUES accessibles unique en version pro et business Vous pouvez aussi (mecircme en version gratuite) activer lrsquooutil Google Analytics dans PARAMETRES

AIDE Blog forum FAQ Jimdo dispose drsquoune assistance tregraves performante et reacuteactive

SEO (Reacutefeacuterencement) permet de donner un titre un descriptif et des mots-cleacutes agrave votre site pour optimiser son reacutefeacuterencement httpgooglA5UTO2

E-BOUTIQUE permet de geacuterer une boutique de vente en ligne Il nrsquoest cependant pas adapteacute agrave la vente de seacutejours httpgooglZPSs2F

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 20: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

COMMENT AJOUTER DU CONTENU

Les outils agrave connaicirctre

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 21: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Une page de site Jimdo est composeacutee drsquoune succession drsquoeacuteleacutements Chaque eacuteleacutement est indeacutependant

A tout moment vous pouvez modifier deacuteplacer ou supprimer un eacuteleacutement dans la page Chaque eacuteleacutement peut ecirctre dupliqueacute mais la duplication drsquoune page entiegravere nrsquoest disponible qursquoen version pro

Toutes les mises agrave jour se font instantaneacutement degraves que vous cliquez sur Enregistrer

Pour ajouter du contenu dans une nouvelle page cliquez sur

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 22: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Les colonnes sont un outil tregraves pratique pour structurer la preacutesentation de votre page 2 colonnes sont inseacutereacutees par deacutefaut mais vous pouvez en ajouter en cliquant sur le +

Ensuite chaque colonne srsquoutilise et srsquoalimente comme une page dans la page Vous pouvez donc y ajouter autant drsquoeacuteleacutements que vous souhaitez

POUR STRUCTURER VOTRE PAGE

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 23: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Les Titres permettent de structurer votre texte (3 niveaux de titres) - visuellement pour lrsquointernaute qui va le lire - techniquement pour les moteurs de recherche qui vont les reconnaicirctre comme des eacuteleacutements importants de la page

Le Texte srsquoutilise de la mecircme faccedilon que les logiciels de traitement de texte type Word

POUR AJOUTER DU TEXTE

Pour modifier le style par deacutefaut de vos titres et textes cliquez sur la

rubrique STYLE

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 24: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POUR MODIFIER DU TEXTE

texte en gras (B) ou en italique (I)

alignement du texte agrave gauche centreacute agrave droite ou justifieacute

insertion de puces ou numeacuteros

retrait agrave droite ou agrave gauche

couleur du texte

suppression de la mise en forme (agrave utiliser impeacuterativement pour

les copier-coller)

annule ou restaure une modification

Lien hypertexte pour creacuteer un lien seacutelectionnez le texte sur lequel vous souhaitez mettre le lien

cliquez sur le chaicircnon puis choisissez entre lien interne (lien vers une autre page de votre site) ou lien externe (lien vers autre site ou e-mail)

cliquez sur Creacuteer un lien

permet drsquoacceacuteder au code html du texte

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 25: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POUR AJOUTER DES IMAGES

La Galerie drsquoImages permet tregraves simplement drsquoafficher une seacuterie de photos

bull soit en mode Diaporama (avec un deacutefilement parameacutetrable)

bull soit en mode Galerie (vignettes agrandissables)

Pensez au texte alternatif pour favoriser le reacutefeacuterencement de vos images

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 26: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POUR UTILISER LES OUTILS JIMDO

Formulaire permet tregraves simplement de creacuteer un formulaire de contact etou de reacuteservation

Flux RSS permet de reacutecupeacuterer et drsquointeacutegrer agrave votre site les flux RSS issus de blogs

Teacuteleacutechargement offre aux internautes la possibiliteacute de teacuteleacutecharger des documents par exemple la plaquette de preacutesentation de votre eacutetablissement ou un contrat de

location (privileacutegiez le format pdf qui ne souffrira aucune modification notamment au niveau des polices de caractegravere)

Livre drsquoOr offre aux internautes la possibiliteacute de deacuteposer leur avis sur votre eacutetablissement Pensez neacuteanmoins agrave proposer des liens vers les diffeacuterents sites drsquoavis (Tripadvisor Dismoiougrave Vinivi etchellip)

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 27: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POUR AJOUTER UNE CARTE

1 Recherchez votre adresse

2 Inseacuterez un repegravere et affinez sa position

3 Modifiez les options drsquoaffichage

Gracircce agrave lrsquooutil WidgetHTML creacuteez une carte personnaliseacutee de vos laquo bonnes adresses raquo et inteacutegrez la dans votre site web

Voir notre atelier laquo Creacuteer une carte touristique raquo

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 28: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POUR AJOUTER UNE VIDEO

Mecircme si vous nrsquoavez pas de videacuteo de votre eacutetablissement des outils vous permettent de creacuteer des diaporamas de photos dynamiques et pros exportables sur Youtube

Voir notre atelier laquo Dynamiser sa preacutesence en

ligne avec la videacuteo raquo

1 Copiez lrsquourl de votre videacuteo

2 Collez lrsquourl de votre videacuteo

3 Modifiez les options drsquoaffichage

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 29: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

AJOUTER DES CONTENUS EXTERNES

Un copier-coller suffit

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 30: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

UN WIDGET CrsquoEST QUOI

source Wikipedia

Pour inteacutegrer un widget agrave votre site web il vous suffit de copier-coller un code html Ce code commence geacuteneacuteralement par laquo iframe raquo ou laquo embed raquo ou laquo div raquo ou encore laquo object raquo

Retrouvez sur votre espace pro de nombreux contenus inteacutegrables sur

votre site web pour vous aidez agrave promouvoir le Pays de Bergerac

httpwwwbergerac-tourisme-procom vos-outils-de-com

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 31: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Rendez vous sur wwwmeteoramafr Cliquez sur Meacuteteacuteo gratuite pour site

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 32: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

CREacuteER ET INSERER UN WIDGET POUR LA METEO

Suivez les 3 eacutetapes de parameacutetrage bull Seacutelectionnez la ville bull Changer le contenu bull Ajouter votre style

Et deacutecouvrez en temps reacuteel agrave quoi ressemblera votre widget

Cochez lrsquoacceptation des conditions geacuteneacuterales

Puis cliquez sur Geacuteneacuterez le code

Copiez le code html geacuteneacutereacute

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

Pour vos pages en langues eacutetrangegraveres pensez agrave changer la

langue de votre meacuteteacuteo

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 33: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

CREacuteER ET INSERER UN CALENDRIER DE DISPONIBILITEacuteS

Parce que les internautes veulent savoir

tout et tout de suite affichez directement les disponibiliteacutes de votre

heacutebergement sur votre site

Voir notre atelier laquo Geacuterer et afficher ses disponibiliteacutes en

ligne raquo

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 34: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

INSERER LA WEBCAM DE BERGERAC

ltobject type=applicationx-shockwave-flash data=httpjavaviewsurfcommanagerPlayerswf id=Player width=580 height=326gt ltparam name=allowScriptAccess value=sameDomaingt ltparam name=movie value=httpjavaviewsurfcommanagerPlayerswfgt ltparam name=quality value=highgt ltparam name=scale value=noScalegt ltparam name=wmode value=transparentgt ltparam name=allowFullScreen value=truegt ltparam name=FlashVars value=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3Egt ltembed src=httpjavaviewsurfcommanagerPlayerswf quality=high allowfullscreen=true bgcolor=869ca7 name=Player allowscriptaccess=sameDomain type=applicationx-shockwave-flash pluginspage=httpwwwadobecomgogetflashplayer flashvars=playlist=3Cplaylist3E3Citem type=video source=2Fbergerac012F12F22Flast2F3E3C2Fplaylist3E width=580 align=middle height=326gt ltobjectgt

Copiez le code html ci-dessous

Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 35: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

INSERER LrsquoAGENDA DES MANIFESTATIONS DU PAYS DE BERGERAC

1 Rendez vous sur httpwwwbergerac-tourismecomWidget-Animations9297

2 Choisissez la ou les cateacutegorie(s) danimations que vous souhaitez voir remonter sur votre site web (le nombre de cateacutegories nest pas limiteacute vous pouvez tout cocher si vous le souhaitez)

3 Choisissez pour quelle peacuteriode vous souhaitez afficher les animations (15 ou 30 jours agrave venir)

4 Choisissez le nombre de manifestations que vous souhaitez afficher pour chaque page du widget

5 Cliquez sur Geacuteneacuterer le code cela vous permet dafficher le code dinteacutegration du widget

6 Copiez le code html geacuteneacutereacute

7 Collez ce code dans un cadre drsquoeacuteleacutement Widget html sur votre site Jimdo

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 36: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

OPTIMISEZ VOTRE FOOTER

Un bon pied-de-page = Un bon reacutefeacuterencement

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 37: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

UTILISEZ LES RESEAUX SOCIAUX

NE PAS CONFONDRE

Boutons de partage sociaux

Bouton Jrsquoaime amp Like Box

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 38: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

FAITES DES LIENS INTERNES

Les liens internes favorisent le reacutefeacuterencement de vos pages Utilisez le pied-de-page pour faciliter la navigation sur votre site web

Rappelez vos coordonneacutees pour qursquoelles soient accessibles depuis nrsquoimporte quelle page

Apposez vos labels de qualiteacute sous forme de logos cliquables

Nrsquooubliez pas les mentions leacutegales Pour vous aider httpgooglIEXUEC

ici lrsquoexemple du footer de wwwbergerac-tourismecom

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 39: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

POUR ALLER + LOIN AVEC JIMDO

Voici quelques liens qui vous permettront de parfaire votre site

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 40: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

Analyser la freacutequentation de son site web avec Google Analytics httpfrjimdocomwikiGoogle_Analytics

Creacuteer un design professionnel pour son site httpfrjimdocomoutilswebdesign

Trouver des bons tuyaux pour ameacuteliorer son site Jimdo httpcommunautefrancophonejimdocom ou httprealiajimdocom ou httpfunnycatjimdocom

Suivre lrsquoactualiteacute du e-tourisme httpwwwetourismeinfo dont voici quelques articles inteacuteressants parmi drsquoautres

httpwwwetourismeinfo5-bonnes-raisons-de-tenir-un-blog-sur-son-site httpwwwetourismeinfoquand-eric-schmidt-se-deguise-en-maite-et-nous-donne-la-recette-dun-referencement-rossini-facon-google-sans-le-foie-gras-dommage httpwwwetourismeinfovous-avez-deux-ans-pour-alleger-vos-sites-signe-google

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom

Page 41: Création d’un site internet _ Ateliers numériques en Pays de Bergerac

OFFICE DE TOURISME BERGERAC ndash SUD DORDOGNE

97 Rue Neuve drsquoArgenson 24100 BERGERAC

Tel 05 53 57 03 11 wwwbergerac-tourismecom

CELLULE CONSEIL

Guenaeumllle NE Marie-Pierre MAILLET

conseilbergerac-tourismecom