39
Créer son site Internet avec un outil gratuit Mardi 4 novembre 2014 Cédric ARNAULT – OT Lourdes Animation numérique de territoire

Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Créer son site Internet avec un outil gratuitMardi 4 novembre 2014

Cédric ARNAULT – OT LourdesAni

mat

ion

num

ériq

ue

de

terr

itoir

e

Page 2: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Présentation de la journéeA

nim

atio

n nu

mér

ique

de te

rrito

ire

- Créer un site Internet : Pourquoi? Pour qui? Comment?

- La solution Jimdo

- Aller plus loin avec son site Jimdo

Page 3: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Créer un site Internet : Pourquoi? Pour qui? Comment?A

nim

atio

n nu

mér

ique

de te

rrito

ire

Un site Internet, pour quoi faire?

- Pour montrer votre savoir-faire

- Pour communiquer votre offre à vos clients et clients potentiels

- Pour accroître sa notoriété

- Une visibilité, une publicité constante, un service continu sur un

média performant et en constante évolution

- Pour rester dans la course avec la concurrence et ne pas subir la

fracture numérique

- Pour vendre

Page 4: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Ani

mat

ion

num

ériq

ue

de

terr

itoir

eCréer un site Internet : Pourquoi? Pour qui? Comment?

Page 5: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Ani

mat

ion

num

ériq

ue

de

terr

itoir

eCréer un site Internet : Pourquoi? Pour qui? Comment?

Et on y met quoi? Qui lira mon contenu?

- Un site qui « transpire » la réalité du lieu

- Un site qui correspond aux attentes de vos clients et prospects

- Un site qui transmet l’information de façon claire et transparente à vos

clients

Il est important de définir les objectifs et enjeux de son futur site

internet

Page 6: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Ani

mat

ion

num

ériq

ue

de

terr

itoir

eCréer un site Internet : Pourquoi? Pour qui? Comment?

Comment organiser son contenu? Une étape importante

Page d’accueil Sur une page Sur toutes les pages

Page 7: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Ani

mat

ion

num

ériq

ue

de

terr

itoir

eCréer un site Internet : Pourquoi? Pour qui? Comment?

Alors? On choisit quelle option pour créer son site internet?

- On confie la création de son site Internet à une agence web

- Je me lance dans la réalisation de mon site en utilisant des solutions ultra

performantes que je suis capable de maîtriser

- J’utilise une solution fournie par des plateformes me permettant d’être

encadré et assisté durant toutes les phases de création de mon site

- On verra plus tard, finalement je ne suis peut être pas encore prêt pour me

lancer dans la création et le suivi de mon site internet

Page 8: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Ou comment déployer un site internet en quelques clics…

Page 9: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

- Pas besoin de connaissances en HTML

- Autonomie totale sur la création et la mise à jour du

site

- Pas de logiciel à installer : tout est en ligne

- Démarrage en version gratuite

- Nombre de pages illimité

- Fonction blog

-Version mobile du site générée automatiquement

- Une communauté active pour vous aider

Pourquoi Jimdo ?

Page 10: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

On se lance ?

www.jimdo.com

Page 11: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

On choisit son design, partons sur celui-ci, vous pourrez le changer plus tard

Page 12: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Page 13: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Rendez-vous sur votre boîte e-mail pour activer votre compte

Page 14: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Page 15: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

La barre d’administration

Pour choisir, modifier et paramétrer l’aspect général de votre site internet

Pour définir le style appliqué à vos textes (couleur, taille…)

Activation de la fonction blog, gestion des articles

Achat de produits Jimdo (passage aux versions payantes)

Paramétrages du site (nom de domaine, mentions légales, e-mail, etc…)

Statistiques de votre site (versions payantes). Possibilité d’activer Google Analytics

depuis les paramètres

Activation d’une e-boutique

SEO : optimisation du référencement

Accès aux aides en ligne (blogs, forums, FAQ…) Profitez de la communauté Jimdo !

Page 16: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Le menu de navigation

Construisez le squelette de votre site !

Page 17: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Pour ajouter une nouvelle page

Pour modifier l’ordre des pages

1/ Permet d’organiser l’ordre

d’affichage dans le menu

2/ permet de descendre d’un

niveau pour mettre en sous

menu.

Page 18: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

En rouge les pages de niveau 1

En bleu les pages de niveau 2

En vert les pages de niveau 3

Page 19: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Autres fonctionnalités

Permet de supprimer une page. Attention cela est définitif

Permet de masquer une page. A utiliser pour cacher de la

navigation une page (par exemple une info saisonnière)

Page 20: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

A retenir :

- Le menu de navigation permet d’afficher 3 niveaux d’information.

- Le menu est modifiable à tout moment, rien n’est figé.

- Bien choisir vos titres de menus, ils faciliteront la navigation des internautes…et des robots des moteurs de recherche !

- Toujours enregistrer vos modifications ;)

Page 21: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Le contenu

Pour bâtir vos pages vous allez utiliser des éléments indépendants les uns

des autres : titres, textes, photos, vidéos, formulaires…que vous pourrez

modifier, déplacer, dupliquer ou supprimer comme bon vous semble !

La duplication de pages est elle possible en version Pro seulement.

Le fait d’enregistrer une modification de votre contenu est

instantanément visible sur votre site

Comment intégrer du contenu?

En cliquant sur Ajouter un élément

Page 22: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Le contenuChaque bloc peut être remonté ou descendu par le biais des flèches à gauche de

l’élément.

Il peut être supprimé (poubelle) ou dupliqué

Page 23: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Les titres sont très importants. Ils vont guider votre visiteur et sont

également primordiaux pour optimiser le référencement de vos pages

Page 24: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Le champ texte va vous permettre d’intégrer les informations écrites qui

illustreront vos pages. Vous pourrez réaliser différents types de mise en

forme (gras, italique, taille des caractères, couleur, justifications, retraits),

réaliser des liens, supprimer des mises en forme, intégrer du HTML

(utilisateurs confirmés)

Page 25: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Parce qu’une image vaut mille mots, vous devrez vous intéresser

aux images et à la qualité de celles-ci. Elles permettront de fixer le

regard de vos lecteurs, Vous leur véhiculerez ainsi l’image de votre

structure.

Télécharger une image : vous allez récupérer votre image source sur votre

ordinateur (ou clef USB)

Dropbox : récupérez vos photos placées dans Dropbox (stockage en ligne)

Page 26: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Outils de redimensionnement de votre image

Page 27: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Outils de positionnement de votre image

Alignement gauche, centré, droite

Faire pivoter vers la gauche, vers la droite

Page 28: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Autres fonctionnalités du menu image

En mode affichage cette option permet un agrandissement au clic

Mise en place d’un lien sur image (lien interne ou externe)

Suppression du lien sur l’image

Sous-titrage et texte alternatif

Autorisation de partage sur Pinterest

Page 29: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Cet élément mixte les éléments images et textes

Page 30: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Construisez vos galeries, mettez en place sur votre site des

diaporamas de qualité. Choisissez votre affichage, le format des

photos.

Attention : limitation à 10 MB

Page 31: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

La vidéo est un élément recherché et remarqué par les internautes.

Diffusez vos vidéos ou partagez à partir d’internet !

Vous cherchez du contenu vidéo?

Rendez-vous sur la page Youtube de l’Office de Tourisme

http://www.youtube.com/user/TourismeLourdes

Page 32: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

L’élément formulaire permettra aux internautes de vous contacter

rapidement. Il est donc indispensable de le proposer dans votre site.

Page 33: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Les autres éléments à votre disposition

La cartographie

Le widget/HTML

Le téléchargement de documents

Les réseaux sociaux

Page 34: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

L’utilisation de l’élément Widget/HTML vous permettra d’enrichir votre site

internet avec de simples « copier/coller » !

Page 35: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Intégrer la météo à son sitePlusieurs sites vont vous permettre d’intégrer un widget météo à votre site.

Exemple avec le site Météocity

1- Intégrer la ville (Lourdes)

2-Sélectionner le nombre de

jours et le format d’affichage

(sur la partie droite vous

verrez les modifications en

temps réel)

3-Choisissez les icônes et le

style d’affichage

4-Vous pouvez éventuellement

modifier la couleur du texte

5- Générez votre Widget

6- Copiez le code et collez le

sur votre site !

Page 36: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Intégrer un module de réservation à votre site

L’Office de Tourisme de Lourdes a lancé une place de marché sur son site

internet. Vous avez désormais la possibilité de vendre votre offre via le site

www.lourdes-infotourisme.com mais également en intégrant votre propre

module de vente dans votre site Jimdo !

Pour plus d’informations contactez-nous !

Page 37: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

La solution JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Le pied de page de votre site

Le pied de page de votre site (footer) est également un élément important.

Quelques conseils pour construire votre footer :

- Abusez des liens internes

- Faîtes la part belle aux réseaux sociaux

- Rajoutez votre contact

- Mettez en avant vos labels et/ou partenariats

- N’oubliez pas les informations légales - Pour vous aider http://bit.ly/1vpiDwg

Page 38: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Aller plus loin avec son site JimdoA

nim

atio

n nu

mér

ique

de te

rrito

ire

Pour tirer le meilleur de votre site Jimdo

http://aide.jimdo.com/

Utilisation de Google Analytics pour suivre vos statistiques

Aide au référencement, soumettre son site à Google

Pour tout savoir sur les paramétrages de votre site Jimdo

http://www.jimdoforum.fr/

Une question? Une interrogation?

Page 39: Créer son site Internet avec un outil gratuit · Créer un site Internet : Pourquoi? Pour qui? Comment? re Un site Internet, pour quoi faire? - Pour montrer votre savoir-faire -

Ani

mat

ion

num

ériq

ue

de

terr

itoir

e

Merci pour votre attention

Retrouvez la programmation des ateliers numériques de

l’Office de Tourisme de Lourdes http://bit.ly/1A7jSpj

Remerciements aux différents ANT m’ayant facilité la création de ce support, en particulier

les ANT du Pays de Bergerac et Rives de Saône

Votre contactCédric ARNAULT

Office de Tourisme de Lourdes

[email protected]