Télécharger en tant que PDF, PPTX
Téléchargé parSud Vendée Tourisme
Atelier numérique : Créer son site web avec Wix
Le document est un guide pour créer un site web avec Wix, couvrant des aspects tels que la découverte de l'interface, l'adaptation du design et l'optimisation du contenu. Il aborde également des éléments essentiels pour le référencement et la mise en ligne du site. Des conseils pratiques et des ressources sont fournis pour améliorer la visibilité et l'efficacité du site.
Contenu connexe
Similaire à Atelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec Wix
- 1. CRÉER SON SITE WEBAVEC WIX Janvier 2017
- 2. Bonjour ! Nous seronsvos animatrices aujourd’hui, Et vous ?
- 3. PLAN DES 2JOURNÉES • Rappel sur la première journée • Découvrir l’environnement Wix • Adapter le design de vos sites • Optimiser le contenu de votre site internet • Diffusion de votre site • Mise en ligne du site
- 4. Rappel 1. Terminer letravail de votre arborescence 2. Ouvrir un site sous Wix : http://fr.wix.com/ 3. Choisir un template : http://fr.wix.com/website/templates 4. Réfléchir à l’organisation type de vos pages, header, footer 5. Préparer un maximum de photos de votre structure et des alentours 6. Préparer du contenu texte à insérer
- 5.
- 6.
- 7. Créez un comptegratuit
- 8.
- 9. Sélectionnez le template •Vous pouvez parcourir tous les templates • Cliquer sur « Voir » pour avoir une démo du temptate
- 10. Le tableau debord
- 11. Découvrir l’environnement Wix Sauvegarderle + souvent possible Aperçu : ce que l’internaute va voir Publier : mettre le site en ligne
- 12. Menu « duhaut » Accéder à l’arborescence Afficher + ou – d’outils Passer en mode payant • Zoom +/- • Précédant • Suivant • Visualiser le site en version « mobile » • Sauvegarder • Aperçu du site • Publier le site
- 13. Menu « dedroite » La Barre d'Outil de l'Éditeur pour modifier vos éléments : • Aligner des Éléments • Rotation • Faire Pivoter des Éléments • Taille • Redimensionner des Éléments • Position • Placer les Éléments en Utilisant les paramètres X et Y Affichage optionnel Peut être déplacée
- 14. Menu « degauche » • Arrière-plan • Ajouter un élément • App market • Mes téléchargements • Commencez à rédiger (blog) • Mes shoutouts (newsletter) • Réservations (selon template)
- 15. Référencement de vospages
- 16. Définition du référencement Indexationd’un site Internet ou de certaines pages dans les différents outils de recherche disponibles sur Internet, comme les moteurs de recherche, afin d’en améliorer la notoriété et la visibilité.
- 17.
- 18. Titre ou title Untitre par page donnant une indication claire sur le contenu : nom de la structure + expressions (mots clés) 70 caractères (pour un affichage complet) Propre à chaque page !
- 19. Description Informe les internauteset Google du contenu de la page. Le contenu saisi apparaît dans les pages de recherche. 160 à 200 caractères maximum. Propre à chaque page !
- 20. Mots clés oukeywords Série de mots clés. N’est plus prise en compte par certains moteurs de recherche. Le moteur de recherche va privilégier un contenu textuel situé dans vos pages, vos titres, vos images
- 21. Intégrez votre arborescence Ajoutezautant de pages que nécessaire Pensez aux pages « filles » Renseignez les infos de pages, la mise en page, les permissions Travaillez votre référencement
- 22.
- 23.
- 24. ADAPTEZ LE DESIGN DEVOTRE SITE
- 25. L’eyetracking : l’œil vousdit comment organiser vos pages
- 26. La ligne deflottaison web Footer
- 27. Modifier l’arrière-plan depage 3 possibilités : couleur, image ou vidéo Possibilité d’appliquer l’arrière plan aux autres pages du site Paramètres pour avoir plus d’options
- 28. Ajouter du texte Nousvous conseillons de choisir les polices du « texte assorti » 2 – 3 polices max
- 29. Référencement de vostextes
- 30. Et concrètement çadonne quoi ? Classée Réserve Naturelle, la magnifique Baie de l'Aiguillon s'adresse particulièrement aux amoureux de la Nature avec plus de 5000 hectares de vasières et de prés salés où s'entremêlent les eaux douces et salées constituant ainsi, une véritable halte migratoire. Une découverte à prolonger à la Pointe d'Arcay : Ce bras de sable long de cinq kilomètres est un lieu d'observatoire privilégié pour les ornithologues. Deux stations bordent ces espaces naturels et vous accueillent tout au long de l'année : L'Aiguillon sur Mer et la Faute sur Mer. Profitez d'une balade en mer pour apprécier les belles plages de sable fin avant une dégustation de coquillages et de moules ... de Bouchot, naturellement ! H1 : Le littoral du Marais Poitevin H2 : Le paradis des oiseaux La Baie de l’Aiguillon est un espace naturel classé qui accueille de nombreux oiseaux. Les spécialistes aiment observer cette faune migratrice tout au long de l’année, et notamment à l’observatoire de la Pointe d'Arcay. H2 : Le rendez-vous des familles Pour les familles, deux stations balnéaires bordent cet espace naturel : L'Aiguillon sur Mer et la Faute sur Mer. Châteaux de sable, pêche à pied, activités nautiques, randonnées sont autant d’activités à pratiquer. H2 : Pour les gourmands La spécialité culinaire locale est la moule de Bouchot, naturellement !
- 31.
- 32. Ajouter une image Attentionau référencement de vos images
- 33. Modifiez les paramètresde vos images Renseignez la description ou balise alternative Attention aux mots clés N’oubliez jamais : 1 image vaut 1000 mots !
- 34. Optimiser les imagespour le web Pixel C’est le point qui compose l’image. Le pixel est lui-même constitué de 3 points de couleurs différentes : rouge, vert, bleu. Définition C’est la « dimension informatique » de votre image. Il s’agit de la largeur et de la hauteur de l’image exprimée en pixels. Résolution C’est le nombre de pixels contenus dans un pouce (=2,54cm). Elle exprime la densité de pixels dans l’image et l’unité de mesure est le DPI ou PPP (points par pouce). Éléments à prévoir : • Poids des images pour le web: poids 1 Mo maxi = 1024 Ko • Résolution optimisée pour le web : 72 dpi • Poids des images pour l’impression : poids mini 5 Mo et résolution de 300 dpi • Le référencement des images
- 35. Outils de retouchephoto Microsoft Paint Photofiltre Gimp Pixlr Photoshop befunky picmonkey
- 36. Les formats d’imagepour le web JPG/JPEG: Joint Photographic Experts Group Format d’image comprimé le + utilisé sur le web PNG : Portable Network Graphics Performant, il réunit presque tous les avantages du JPEG et du GIF et permet la transparence. GIF : Graphics Interchange Format Ce sont des fichiers basse résolution. Permet la transparence et les images animées.
- 37. Trouvez des visuels« séduction » de la Vendée Télécharger le kit de communication Sud Vendée Tourisme http://www.svtpro.fr/boite-outils/phototheque/ Télécharger le kit de communication Vendée Expansion http://www.vendee-expansion.fr/kit-com-tourisme/pages/index.html
- 38. Trouvez des visuels pourune occasion spéciale https://pixabay.com/fr/ https://www.pexels.com/ https://picjumbo.com/
- 39. Quelques exemples pours’inspirer http://www.danse-classique-aix.com/ http://www.g-speedshop.com/ http://www.gardensbymark.com/ http://www.oliba.fr/ http://www.kubiik.com/
- 40.
- 41.
- 42.
- 43. … et doncun lien !
- 44.
- 45. Modifiez votre nomd’utilisateur pour votre nom de domaine gratuit Cliquez sur votre nom puis sur « Paramètres du compte »
- 46. Vérifiez les paramètresdu site À ne pas manquer : • Nom de domaine gratuit ou payant : le mettre à jour • Langue : français • Info entreprise : renseigner vos coordonnées • Réseaux sociaux : penser « maillage » • Administrateurs : nommer un 2ème administrateur
- 47.
- 48. Bonjour ! Nous seronsvos animatrices aujourd’hui, Et vous ?
- 49. PLAN DES 2JOURNÉES • Faire le point sur vos “devoirs” • Découvrir l’environnement Wix • Adapter le design de vos sites • Optimiser le contenu de votre site internet • Diffusion de votre site • Mise en ligne du site
- 50. Comment réussir sahome page ?
- 51. Les infos indispensablesdu header • Intégrez votre logo • Placez votre slogan • Insérez votre menu de navigation • Placez une barre de recherche • Intégrez un « call-to-action » • Placez les icônes des réseaux sociaux et des flux RSS • Intégrez les contacts • Intégrez un accès à l’espace personnel de l’utilisateur (mon panier)
- 52. Les infos indispensablesdu footer • Créez un lien vers le Haut de page • Affichez les mentions légales et le copyright de votre site • Répétez la navigation primaire du site • Insérez des widgets • Placez les icônes des réseaux sociaux et des flux RSS
- 53.
- 54. Et si vousvous lanciez dans un blog ? 1.Cliquez sur Ajouter sur le côté gauche de l'Éditeur 2.Cliquez sur Blog 3.Cliquez sur une mise en page de blog pour l'ajouter ou faites là glisser vers l'intérieur de votre page Quel est l’intérêt ? • Pour le référencement • Pour humaniser, montrer votre « vision » • Pour se positionner en expert • Pour nouer une relation plus informelle • Pour avoir du contenu pertinent sur les réseaux sociaux • Pour le plaisir…?
- 55.
- 56.
- 57.
- 58.
- 59. Ajouter de lamusique Est-ce que c’est toujours une bonne idée ???
- 60. Ajouter des réseauxsociaux
- 61.
- 62. Ajouter un outilde contact
- 63. Formulaire de contact •Cliquez sur « Ajouter » • Puis sur « Contact » • Sélectionnez le type de formulaire à intégrer
- 64. Google map • Allezsur www.google.fr/maps • Recherchez votre établissement • Cliquez sur « Partager » • Choisir « Intégrer la carte » • Choisir la taille de la carte • Copier le code • Coller le code dans votre site
- 65.
- 66.
- 67. Tableau des prix •Allez sur « App market » • Recherchez « Table master » • Choisissez l’option « Ajouter au site » • Puis renseignez vos données • Peaufinez le design
- 68.
- 69. Open System Open System: c’est quoi ? • Une solution de réservation en ligne • Un contact direct avec le client • Une gestion autonome de votre offre • Un rapport qualité / prix imbattable • Des applications personnalisées pour votre commercialisation Open System : pour qui ? • Hôtels • Campings • Résidences et villages de vacances • Chambres d’hôtes • Locations de vacances et agences immobilières • Sites touristiques, activités de loisirs • Restaurants • Acteurs institutionnels : Offices de Tourisme, Pôles et territoires touristiques
- 70. C’est quoi unwidget ?
- 71. Ajouter plus Flash :« pas bien » car pas visible sur tous les supports Boutons de connexion au site : pour mettre des accès privés Ancres : pour les sites one page Boutons document : pour mettre un doc en téléchargement
- 72. Widget météo • Allezsur http://www.meteofrance.com/meteo-widget • Sélectionnez la taille du widget • Renseignez la commune • Copiez le code • Intégrez le dans votre site wix
- 73. Est-ce que vousavez pensé à … Mentions légales
- 74.
- 75. OPTIMISEZ LE CONTENU DEVOTRE SITE
- 76. Faire des liensde page à page 2 objectifs : • Favoriser la navigation • Travailler le référencement Ils pointent vers un autre contenu utile (une autre page interne ou externe, un document à télécharger… = le maillage) Ils sont explicites Ils intègrent des mots clés On évite : Cliquez ici pour télécharger nos tarifs. On privilégie : Cliquez ici pour télécharger nos tarifs.
- 77. PENSEZ DIFFUSION DE L’INFOET MAILLAGE
- 78. Maillage site d’avis Allezsur http://www.tripadvisor.fr/Widgets Recherchez le nom de votre établissement Sélectionnez le widget de votre choix et paramétrez le Copiez le code HTML généré automatiquement Revenez sur l’editeur de votre site Cliquez sur « ajouter » et choisir « Plus » puis « Code HTML » Cliquez sur « Saisir code » puis « Mettre à jour »
- 79. Maillage signature mail oLe contact : nom, prénom o Votre logo, une image o (votre photo ? la règle d’or : HUMANISEZ) o Votre adresse o Le lien vers votre site internet o Le lien vers votre page facebook, google +, tripadvisor ou autre réseau …
- 80. Maillage avec vossupports papier
- 81.
- 82. MISE EN LIGNE DUSITE
- 83. Bien réfléchir aunom de domaine Il doit être ni trop court ni trop long Il doit refléter votre activité principale Il doit être facile à retenir spontanément par vos visiteurs Utiliser le tiret – pour éviter une succession de mots Ajouter le nom de la commune si elle est bien référencée
- 84. Transférer un nomde domaine existant o Possible en version pro o Pour .com Pas à pas : https://support.wix.com/fr/article /transf%C3%A9rer-un-domaine- achet%C3%A9-ailleurs-chez-wix
- 85.
- 86.
- 87.
- 88. App Market :pour + tard…
- 89.
- 90.
- 91.
- 92. Consultez le centred’assistance https://fr.wix.com/support/html5/
- 93. Merci ! Des questions? Sud Vendée Tourisme Tél. : 02 51 87 69 07 [email protected] www.svtpro.fr Vendée Vallée Tél. : 02 44 40 20 00 [email protected]
- 94. CRÉDITS ET SOURCES: Photos : Pixabay Pexel Death to stock Creative commons wikipedia Sources : Réseau Animateur Numérique de Territoire France Centre d’aide Facebook Think with Google Baromètre Raffour 2015 Leblogdumoderateur Etourisme.info Atelier numérique Jimdo du Bocage Normand Atelier numérique Jimdo du Vignoble de Nantes Conférence “C’est quoi un bon site web?” par Web Créatif