SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
ATELIER N°1Où en êtes-vous avec votre site Internet ?
Mardi 13 janvier 2015
Allez, c’est
parti!
Points abordés : Web et Mobilité - Benchmark des tendances du
web – Langage du Web et réalisation de cahier des charges –
Refonte d’un site
INTRO
---------------
Où en êtes-
vous avec
votre site
internet?
Un site web?
Quels enjeux
pour votre
organisme?
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
1
2
3
4
5
6
SITE WEB, qu'est ce qu'est? Evolution?
Avant de se lancer.
Web et mobilité
Benchmark des tendances du web.
Les grandes étapes dans la création
d'un site (Cahier des charges).
Refonte d'un site web
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
1
SITE WEB,
qu'est-ce
que c’est?
1-
SITE WEB,
qu'est-ce
que c'est?
• La vitrine de votre entreprise! Un site internet est organisé par thèmes et par
pages. Le site internet peu avoir toutes les utilités, allant du projet personnel au
projet professionnel en passant par l'associatif.
• Créer un site internet vous demandera une première réflexion sur l'organisation
et la structure, car tout est ouvert et vous n'avez aucune limitation.
L’évolution
…
Le web 1.0
Le web 2.0
Le web 3.0
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
2
Avant de se
lancer.
2-
Avant de
se lancer
Des questions à se
poser ?!?
A quoi va servir mon site:
- Communiquer?
- Trouver de nouveaux clients?
- Améliorer mon image?
- Vendre un produit? Un service? Une activité?
- Informer?
- Fidéliser?
Parfois votre projet de site peut avoir plusieurs
objectifs! Bien définir ses priorités... N’oubliez
pas : vous faîtes un site pour les autres et pas
pour vous!
2-
Avant de
se lancer
Définir ses objectifs:
Quelles sont mes cibles, quelles sont leur attentes?
- Local, national, international
- Loisirs, affaires
- Couples, familles, retraités, groupes...
Quelles vont être les fonctionnalités clés de mon site?
- Décrire ma structure
- Séduire
- Donner les disponibilités
- Réserver en ligne
- Situer, faire un itinéraire
- Collecter des adresses emails
- Donner des actus‘…
2-
Avant de
se lancer
Quel type de site?
Objectif + Cibles = solution technique adaptée.
UNE SOLUTION: le CMS. Qu'est ce qu'est?
CMS Open Source CMS Propriétaire La location de site web
Simple d’utilisation
Prise en main rapide
Modulable
Graphisme : des thèmes
personnalisables
Le référencement
GRATUIT
--------------------------------------
Certaines fonctionnalités de
base manquantes
Sécurité
Migration
Perfomance
Mêmes avantages que
l’Open Source à part que ce
n’est pas GRATUIT
Bonne sécurité
-------------------------------------
NON propriétaires
Vous êtes liés à une seule
agence.
Performance
Site web clés en main
Nom de domaine
Hébergement
Assistance, Maintenance
Mise à jour automatique
Peu cher
--------------------------------------
Pas de personnalisation
Coût de la prestation
graphique et de modules
NON propriétaire
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
3
Web et
mobilité
3-
Web et
Mobilité
Pensez mobilité,
pensez Responsive!
3-
Web et
Mobilité
Responsive
Design !
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
4
Benchmark
des tendances
du web.
4.
Benchmark
des
tendances
du web.
Responsiv
e Design
!
Que remarquez-vous?
4.
Benchmark
des
tendances
du web.
Le Flat
Design !Une "mode" actuelle!
Le flat design, ou le "design plat" est la
nouvelle corde à l'arc des designers
d'interfaces. Signes distinctifs: ce courant
graphique et ergonomique prône des
interfaces minimalistes et aux couleurs
vives. Le flat design permet de mieux
véhiculer l'information, de contribuer à
une meilleure expérience de navigation
pour l'utilisateur.
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
5
Les grandes
étapes dans la
création d'un site
(Cahier des
charges).
5. Les
grandes
étapes
dans la
création
d'un site
En bref: votre
contenu d’un cahier
des charges
1. Présentation de l'entreprise
2. Contexte et mission du projet
3. Les objectifs du projet
4. La liste des besoins
5. Calendrier
6. Budget
Un bon cahier des charges permet de:
- Maintenir le focus
- Estimer le travail et sa complexité
- Obtenir un meilleur prix = Truc du métier !!!
5. Les
grandes
étapes
dans la
création
d'un site
Etat des lieux
- VOUS:
Décrivez votre structure et les services proposés
Décrivez votre environnement (les points forts autours de vous)
- VOS CONCURRENTS:
Qui sont-ils?
Quels sont leurs points forts et leurs points faibles?
VOUS = Qu'est-ce qui vous différencie, vraiment?
Etablissez une liste de mots-clés. Ce sont des mots ou expressions qui sont utilisés pour
faire une recherche sur moteur de recherche. Gardez les sous les yeux pendant toute la
période de rédaction.
5. Les
grandes
étapes
dans la
création
d'un site
Les contenus
Quels contenus ai-je à ma disposition?
Quels contenus vais-je devoir trouver?
Quels contenus sont stables dans le temps?
En regroupant ces textes, photos, vidéos vous réalisez
la ligne éditoriale de votre site web!
PRIORITÉS !
- L'image! Faire rêver! Photos de qualité!
- Textes courts, fiables (pour rassurer l'internaute)
Faîtes simple!
- Titres en forme d'accroche.
5. Les
grandes
étapes
dans la
création
d'un site
Hiérarchiser les
contenus.
Faire un squelette (schéma) de votre site internet de manière
logique = arborescence.
Quels services et fonctionnalités doivent apparaître en permanence sur toutes les
pages? (Contact, logo, hyperlien etc.) Ne pas oublier qu'un internaute peut atterrir sur
n'importe qu'elle page et pas seulement depuis la page d'accueil.
5. Les
grandes
étapes
dans la
création
d'un site
Hiérarchie visuelle
Le zoning: permet de découper la page en autant de zones que
nécessaire. Cela permet de positionner les zones de navigation,
les contenus, le logo, le pied de page, le moteur de recherche,
ou le fil d'Ariane.
5. Les
grandes
étapes
dans la
création
d'un site
Ergonomie et design
graphique
VOTRE SITE = VOTRE IDENTITÉ = VOTRE CARTE DE VISITE
Réfléchissez à l'ambiance que vous souhaitez obtenir:
- les couleurs
- la tailles des boutons
- les interactions (animations au survol des liens, des images...)
S'assurer de la cohérence entre l'image de votre site et
vos différents supports de communication
(Cohérence graphique).
5. Les
grandes
étapes
dans la
création
d'un site
Mise en ligne
Une fois votre cahier des charges réalisé, confiez-le à un
webmaster (à partir de 250€) où bien lancez-vous !
Méfiez-vous des offres d’hébergement à 36€/an!
HÉBERGEMENT: c'est le fait de mettre à disposition des
internautes les pages des sites Web en les stockant sur des
ordinateurs (serveurs) reliés en permanence à l'internet.
LE NOM DE DOMAINE: Le Nom de Domaine: c'est une partie
de l'adresse web à laquelle le site est accessible.
www. / monsiteweb. / com
Préfixe // Nom de domaine // Extension
5. Les
grandes
étapes
dans la
création
d'un site
Bien choisir son
nom de domaine!Un nom de domaine mnémotechnique: court percutant facile à
retenir.
EX: only-lyon
Un nom de domaine facilitant le référencement naturel, c'est à dire
contenant des mots clés ex: hotel-luxe-Ansouis ou simplement hotelansouis
pour faciliter sa lecture. La tendance est d’écrire le nom de domaine sans les
tirets!
Bon pour le référencement avec 1 ou 2 mots-clés.
Lorsque vous avez fait votre choix :
Vérifier la disponibilité du nom de domaine
(tapez-le sur google)
SOMMAIRE
---------------
Où en êtes-
vous avec
votre site
internet?
6
Refonte d'un
site web
6. Refonte
d’un site
web
C’est quoi?
« Une refonte de site Internet consiste à changer son
apparence visuelle et d’y ajouter des fonctionnalités ».
La refonte est plus complète qu’un relooking, elle ne concerne pas que
la partie visible du site Internet...
Comme pour une création d’un site, une refonte nécessite
l’élaboration d’un cahier des charges!!!
L’expérience acquise avec la version précédente doit être le gage de la
réussite de la nouvelle version :
- vous avez une meilleure connaissance des attentes des internautes.
- vos objectifs en matière de référencement sont clarifiés, vous
connaissez mieux les mots clefs recherchés par les internautes.
- vous avez redéfini les objectifs de votre site, ainsi le site sera
développé techniquement et graphiquement dans se sens.
6. Refonte
d’un site
web
Une refonte peut être tout à fait appropriée, à condition qu’elle soit
réfléchie, et que les objectifs qui sont poursuivis soient très clairs.
Vous pouvez refondre votre site web si:
- Votre site est resté figé et ne s’est jamais modernisé depuis les
années 2000…
- Les technologies utilisées sont obsolètes/sur le déclin et entachent
vos performances.
- Celui-ci n'est pas en responsive web design!
- Le design actuel de votre site n’est pas performant, et impacte
défavorablement votre taux de conversion
- Vos concurrents se mettent tous à refaire leur site, et gagnent une
meilleure image auprès de vos clients.
- Vous n'avez pas la main dessus et souhaitez le gérer par vous-même
sans utiliser le code Html!! (CMS) Joomla, Worpress, Drupal
3 conseils avant de
vous lancer:
1 - Faites l’inventaire de vos actifs
2 - Planifiez vos redirections
3. Pensez à vos clients
6. Refonte
d’un site
web
Comment
(techniquement)
refondre un site web?:
Règles de bases:
- pensez à faire une sauvegarde votre site web : FTP source + Base de donnée avant
toute intervention en cas de mauvaises manipulations. On appelle ça un back-up.
- Ne JAMAIS intervenir sur un site en production (dossier racine du site qui peut
s'appeler www ; http ; public_http ; html ; public_html etc...) au risque de perdre
l'accès au site actuel.
- L'idéal est de travailler en local, c'est à dire, de télécharger par exemple le logiciel
Xampp ou Wamp sur votre Pc et ensuite de télécharger votre site sur votre pc afin
de travailler en local et de travailler tranquillement sans pour autant toucher à votre
site en ligne.
6. Refonte
d’un site
web
Refaire son site sans
pénaliser son
référencement
Mise en place d'un CMS
Au secours, mes pages déménagent !
6. Refonte
d’un site
web
Refaire son site sans
pénaliser son
référencement
Etape 1 : maintenir le contenu
Etape 2 : lister toutes les pages des deux sites et les lier
entre elles
Etape 3 : avertir les sites et les moteurs de votre
déménagement
6. Refonte
d’un site
web
Avec le recul, j’ajouterais toutefois que ce n’est pas si
grave de perdre des visiteurs en volume si, par ailleurs, le
nouveau site a un meilleur taux de conversion !
4 règles à respecter
après…1- Analyser / Suivre le trafic (avec Google Analytics)
2- Suivre le positionnement sur les moteurs de recherche
(créer des alertes, vérifier sur Google de temps en temps,
voir même sur Google image)
3- Mettre à jour, enrichir constamment le contenu
4- Tisser un réseau autour de mon site
(se référencer dans les annuaires, faire des échanges de
liens, faire des connexions avec les réseaux sociaux)
FINAlors maintenant que vous connaissez tout,
où en êtes-vous avec votre site Internet ?
Merci de
votre
attention!
Office de tourisme Luberon Durance - BP - 48 La Tour d'Aigues
Tél: 04 90 07 50 29
Ludovic
Laffitte
Chargé de promotion
ludovic@luberoncotesud.com

Mais conteúdo relacionado

Mais procurados

SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...RESONEO
 
La guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalLa guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalDaniel Roch - SeoMix
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixDaniel Roch - SeoMix
 
Wordpress et referencement naturel - WordCamp Paris 2013, Daniel Roch
Wordpress et referencement naturel - WordCamp Paris 2013, Daniel RochWordpress et referencement naturel - WordCamp Paris 2013, Daniel Roch
Wordpress et referencement naturel - WordCamp Paris 2013, Daniel RochDaniel Roch - SeoMix
 
Responsive WebDesign performant
Responsive WebDesign performantResponsive WebDesign performant
Responsive WebDesign performantRefficience
 
Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site WebWSI France
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Aline INIZAN PAYEN
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Benjamin LUPU
 
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?weeblr
 
Le référencement naturel de cas complexes sur WordPress
Le référencement naturel de cas complexes sur WordPressLe référencement naturel de cas complexes sur WordPress
Le référencement naturel de cas complexes sur WordPressDaniel Roch - SeoMix
 
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Philippe YONNET
 
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée RennesAtelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Renneswpalex
 
Conférence WordPress & E-commerce
Conférence WordPress & E-commerceConférence WordPress & E-commerce
Conférence WordPress & E-commerceFabrice Ducarme
 
Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016Daniel Roch - SeoMix
 
Seocamp Bayonne - JS et SEO
Seocamp  Bayonne - JS et SEOSeocamp  Bayonne - JS et SEO
Seocamp Bayonne - JS et SEOErlé Alberton
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
Audit personnalisé Performance Tourisme
Audit personnalisé Performance TourismeAudit personnalisé Performance Tourisme
Audit personnalisé Performance TourismePerformance_Tourisme
 

Mais procurados (20)

Audit de site WordPress
Audit de site WordPressAudit de site WordPress
Audit de site WordPress
 
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
SEO campus 2019 | Les clés d’un site web (beaucoup) plus rapide selon des fac...
 
La guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS DrupalLa guerre SEO du CMS : WordPress VS Drupal
La guerre SEO du CMS : WordPress VS Drupal
 
WordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMixWordPress et la compatibilité mobile - Semrush & SeoMix
WordPress et la compatibilité mobile - Semrush & SeoMix
 
Wordpress et referencement naturel - WordCamp Paris 2013, Daniel Roch
Wordpress et referencement naturel - WordCamp Paris 2013, Daniel RochWordpress et referencement naturel - WordCamp Paris 2013, Daniel Roch
Wordpress et referencement naturel - WordCamp Paris 2013, Daniel Roch
 
Responsive WebDesign performant
Responsive WebDesign performantResponsive WebDesign performant
Responsive WebDesign performant
 
Refonte et Optimisation de site Web
Refonte et Optimisation de site WebRefonte et Optimisation de site Web
Refonte et Optimisation de site Web
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même"
 
Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?Construire un site de presse avec Wordpress ?
Construire un site de presse avec Wordpress ?
 
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?Accelerated Mobile Pages sur WordPress, pourquoi, comment?
Accelerated Mobile Pages sur WordPress, pourquoi, comment?
 
Le référencement naturel de cas complexes sur WordPress
Le référencement naturel de cas complexes sur WordPressLe référencement naturel de cas complexes sur WordPress
Le référencement naturel de cas complexes sur WordPress
 
Test de produit, word press
Test de produit, word pressTest de produit, word press
Test de produit, word press
 
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
Choisir une solution e commerce compatible seo : quelle plateforme vous perme...
 
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée RennesAtelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Rennes
 
Création & refonte de site internet
Création & refonte de site internet Création & refonte de site internet
Création & refonte de site internet
 
Conférence WordPress & E-commerce
Conférence WordPress & E-commerceConférence WordPress & E-commerce
Conférence WordPress & E-commerce
 
Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016Optimiser son référencement WordPress - QueDuWeb 2016
Optimiser son référencement WordPress - QueDuWeb 2016
 
Seocamp Bayonne - JS et SEO
Seocamp  Bayonne - JS et SEOSeocamp  Bayonne - JS et SEO
Seocamp Bayonne - JS et SEO
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
Audit personnalisé Performance Tourisme
Audit personnalisé Performance TourismeAudit personnalisé Performance Tourisme
Audit personnalisé Performance Tourisme
 

Destaque

Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraiderwebschooltours
 
Capitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSCapitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSwebschooltours
 
Conference référencement SEO webschool
Conference référencement SEO webschoolConference référencement SEO webschool
Conference référencement SEO webschoolwebschooltours
 
Guide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet webGuide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet webJean-Francois Verville
 
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...MONA
 
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
Paris 7 mars  2 ateliers indispensables pour réussir sur internetParis 7 mars  2 ateliers indispensables pour réussir sur internet
Paris 7 mars 2 ateliers indispensables pour réussir sur internetNeocamino
 
LAS ENSEÑANZAS DE DON JUAN MATUS
LAS ENSEÑANZAS DE DON JUAN MATUSLAS ENSEÑANZAS DE DON JUAN MATUS
LAS ENSEÑANZAS DE DON JUAN MATUSEuler
 
Evaluation of Pocket PC Devices for its Use as Mobile Servers
Evaluation of Pocket PC Devices for its Use as Mobile ServersEvaluation of Pocket PC Devices for its Use as Mobile Servers
Evaluation of Pocket PC Devices for its Use as Mobile ServersJuan Carlos Olivares Rojas
 
Tonalidad La Mayor
Tonalidad La MayorTonalidad La Mayor
Tonalidad La MayorJose Catalan
 
Mes excuses Pont Neuf
Mes excuses Pont NeufMes excuses Pont Neuf
Mes excuses Pont NeufClublacroix
 
Le positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesLe positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesYellow Dolphins
 

Destaque (20)

Presentation webschool pour centraider
Presentation webschool pour centraiderPresentation webschool pour centraider
Presentation webschool pour centraider
 
Capitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSSCapitaliser l’information avec les flux RSS
Capitaliser l’information avec les flux RSS
 
Conference référencement SEO webschool
Conference référencement SEO webschoolConference référencement SEO webschool
Conference référencement SEO webschool
 
Guide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet webGuide des meilleures pratiques de projet web
Guide des meilleures pratiques de projet web
 
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
Calcul des indicateurs pour un office de tourisme 12/03/2010 Jean-Luc Boulin ...
 
Internet Web
Internet WebInternet Web
Internet Web
 
Projet web : lexique et notions
Projet web : lexique et notionsProjet web : lexique et notions
Projet web : lexique et notions
 
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
Paris 7 mars  2 ateliers indispensables pour réussir sur internetParis 7 mars  2 ateliers indispensables pour réussir sur internet
Paris 7 mars 2 ateliers indispensables pour réussir sur internet
 
LAS ENSEÑANZAS DE DON JUAN MATUS
LAS ENSEÑANZAS DE DON JUAN MATUSLAS ENSEÑANZAS DE DON JUAN MATUS
LAS ENSEÑANZAS DE DON JUAN MATUS
 
Pigeonnier 6m baka
Pigeonnier 6m bakaPigeonnier 6m baka
Pigeonnier 6m baka
 
128 OSCAR
128 OSCAR128 OSCAR
128 OSCAR
 
Capacita Docente
Capacita DocenteCapacita Docente
Capacita Docente
 
Evaluation of Pocket PC Devices for its Use as Mobile Servers
Evaluation of Pocket PC Devices for its Use as Mobile ServersEvaluation of Pocket PC Devices for its Use as Mobile Servers
Evaluation of Pocket PC Devices for its Use as Mobile Servers
 
Cercle chromatique
Cercle chromatiqueCercle chromatique
Cercle chromatique
 
Tonalidad La Mayor
Tonalidad La MayorTonalidad La Mayor
Tonalidad La Mayor
 
Mes excuses Pont Neuf
Mes excuses Pont NeufMes excuses Pont Neuf
Mes excuses Pont Neuf
 
Social miningesquemabigdata
Social miningesquemabigdataSocial miningesquemabigdata
Social miningesquemabigdata
 
Le positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessiblesLe positionnement d'un site repose sur des contenus accessibles
Le positionnement d'un site repose sur des contenus accessibles
 
Messina jfk2011
Messina jfk2011Messina jfk2011
Messina jfk2011
 
Programa de Partners
Programa de PartnersPrograma de Partners
Programa de Partners
 

Semelhante a Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vous avec votre site web? Ludovic Laffitte

1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...Olivier Andrieu
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceDestination Brocéliande
 
Atelier ENP - 23 mai 2012
Atelier ENP -  23 mai 2012Atelier ENP -  23 mai 2012
Atelier ENP - 23 mai 2012CCI Yonne
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Odomia
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacPhilemonday
 
Conférence SEO Ecommerce 2016 - Association WELCOM
Conférence SEO Ecommerce 2016 - Association WELCOM Conférence SEO Ecommerce 2016 - Association WELCOM
Conférence SEO Ecommerce 2016 - Association WELCOM Remi Ouillon
 
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...Audacy
 
Etapes de la création d'un site Internet
Etapes de la création d'un site InternetEtapes de la création d'un site Internet
Etapes de la création d'un site InternetLawrence DAINES
 
Seo 10 clés pour plaire à Google
Seo   10 clés pour plaire à GoogleSeo   10 clés pour plaire à Google
Seo 10 clés pour plaire à GoogleKeyweo
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Peak Ace
 
Atelier wp seo bordeaux par alternat
Atelier wp seo bordeaux par alternatAtelier wp seo bordeaux par alternat
Atelier wp seo bordeaux par alternatmaurice LARGERON
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Peak Ace
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son siteSteph Tripot
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptxMahaJabri
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptxMahaJabri
 

Semelhante a Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vous avec votre site web? Ludovic Laffitte (20)

1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
 
2016 Création Refonte Site
2016 Création Refonte Site2016 Création Refonte Site
2016 Création Refonte Site
 
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agenceAyez les clés pour bâtir votre site internet et communiquer avec votre agence
Ayez les clés pour bâtir votre site internet et communiquer avec votre agence
 
Atelier ENP - 23 mai 2012
Atelier ENP -  23 mai 2012Atelier ENP -  23 mai 2012
Atelier ENP - 23 mai 2012
 
Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !Créer un site internet efficace aujourd'hui !
Créer un site internet efficace aujourd'hui !
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel Lubac
 
Conférence SEO Ecommerce 2016 - Association WELCOM
Conférence SEO Ecommerce 2016 - Association WELCOM Conférence SEO Ecommerce 2016 - Association WELCOM
Conférence SEO Ecommerce 2016 - Association WELCOM
 
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
 
Etapes de la création d'un site Internet
Etapes de la création d'un site InternetEtapes de la création d'un site Internet
Etapes de la création d'un site Internet
 
Atelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de siteAtelier 3 : Création ou refonte de site
Atelier 3 : Création ou refonte de site
 
Proposition site Algo
Proposition site AlgoProposition site Algo
Proposition site Algo
 
Seo 10 clés pour plaire à Google
Seo   10 clés pour plaire à GoogleSeo   10 clés pour plaire à Google
Seo 10 clés pour plaire à Google
 
Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?Guide shopify & seo: fausse bonne idée?
Guide shopify & seo: fausse bonne idée?
 
Seo for dummies v2
Seo for dummies v2Seo for dummies v2
Seo for dummies v2
 
Atelier wp seo bordeaux par alternat
Atelier wp seo bordeaux par alternatAtelier wp seo bordeaux par alternat
Atelier wp seo bordeaux par alternat
 
Atelier WP SEO - Nathalie Couture
Atelier WP SEO - Nathalie CoutureAtelier WP SEO - Nathalie Couture
Atelier WP SEO - Nathalie Couture
 
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
Les chantiers indispensables à glisser dans votre roadmap 2018 - Petit-déjeun...
 
Réussir la création-refonte de son site
Réussir la création-refonte de son siteRéussir la création-refonte de son site
Réussir la création-refonte de son site
 
Amdouni_fedia.pptx
Amdouni_fedia.pptxAmdouni_fedia.pptx
Amdouni_fedia.pptx
 
projeta.pptx
projeta.pptxprojeta.pptx
projeta.pptx
 

Mais de Office de Tourisme Luberon Durance

Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...
Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...
Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...Office de Tourisme Luberon Durance
 
Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...
Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...
Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...Office de Tourisme Luberon Durance
 
Atelier numérique n°3 de l'Office de tourisme Luberon Durance : Google adres...
Atelier numérique n°3 de l'Office de tourisme Luberon Durance  : Google adres...Atelier numérique n°3 de l'Office de tourisme Luberon Durance  : Google adres...
Atelier numérique n°3 de l'Office de tourisme Luberon Durance : Google adres...Office de Tourisme Luberon Durance
 
Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...
Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...
Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...Office de Tourisme Luberon Durance
 

Mais de Office de Tourisme Luberon Durance (8)

Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...
Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...
Atelier numérique n°5 de l'Office de tourisme Luberon Durance: L'importance d...
 
Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...
Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...
Atelier numérique n°4 de l'Office de tourisme Luberon Durance: Mailchimp / Em...
 
Atelier numérique n°3 de l'Office de tourisme Luberon Durance : Google adres...
Atelier numérique n°3 de l'Office de tourisme Luberon Durance  : Google adres...Atelier numérique n°3 de l'Office de tourisme Luberon Durance  : Google adres...
Atelier numérique n°3 de l'Office de tourisme Luberon Durance : Google adres...
 
Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...
Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...
Atelier numérique n°2 de l'Office de tourisme Luberon Durance : Facebook comm...
 
Présentation du CBE Ludovic LAFFITTE OT Luberon Durance
Présentation du CBE Ludovic LAFFITTE OT Luberon DurancePrésentation du CBE Ludovic LAFFITTE OT Luberon Durance
Présentation du CBE Ludovic LAFFITTE OT Luberon Durance
 
Martine Les Pros du Lub' en luberon côté sud
Martine Les Pros du Lub' en luberon côté sudMartine Les Pros du Lub' en luberon côté sud
Martine Les Pros du Lub' en luberon côté sud
 
Ludo la stratégie numérique en luberon côté sud
Ludo la stratégie numérique en luberon côté sudLudo la stratégie numérique en luberon côté sud
Ludo la stratégie numérique en luberon côté sud
 
Laure Présentation de la destination luberon côté sud
 Laure Présentation de la destination luberon côté sud Laure Présentation de la destination luberon côté sud
Laure Présentation de la destination luberon côté sud
 

Atelier numérique n°1 de l'Office de tourisme Luberon Durance. Où en êtes vous avec votre site web? Ludovic Laffitte

  • 1. ATELIER N°1Où en êtes-vous avec votre site Internet ? Mardi 13 janvier 2015 Allez, c’est parti! Points abordés : Web et Mobilité - Benchmark des tendances du web – Langage du Web et réalisation de cahier des charges – Refonte d’un site
  • 2. INTRO --------------- Où en êtes- vous avec votre site internet? Un site web? Quels enjeux pour votre organisme?
  • 3. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 1 2 3 4 5 6 SITE WEB, qu'est ce qu'est? Evolution? Avant de se lancer. Web et mobilité Benchmark des tendances du web. Les grandes étapes dans la création d'un site (Cahier des charges). Refonte d'un site web
  • 4. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 1 SITE WEB, qu'est-ce que c’est?
  • 5. 1- SITE WEB, qu'est-ce que c'est? • La vitrine de votre entreprise! Un site internet est organisé par thèmes et par pages. Le site internet peu avoir toutes les utilités, allant du projet personnel au projet professionnel en passant par l'associatif. • Créer un site internet vous demandera une première réflexion sur l'organisation et la structure, car tout est ouvert et vous n'avez aucune limitation. L’évolution … Le web 1.0 Le web 2.0 Le web 3.0
  • 6. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 2 Avant de se lancer.
  • 7. 2- Avant de se lancer Des questions à se poser ?!? A quoi va servir mon site: - Communiquer? - Trouver de nouveaux clients? - Améliorer mon image? - Vendre un produit? Un service? Une activité? - Informer? - Fidéliser? Parfois votre projet de site peut avoir plusieurs objectifs! Bien définir ses priorités... N’oubliez pas : vous faîtes un site pour les autres et pas pour vous!
  • 8. 2- Avant de se lancer Définir ses objectifs: Quelles sont mes cibles, quelles sont leur attentes? - Local, national, international - Loisirs, affaires - Couples, familles, retraités, groupes... Quelles vont être les fonctionnalités clés de mon site? - Décrire ma structure - Séduire - Donner les disponibilités - Réserver en ligne - Situer, faire un itinéraire - Collecter des adresses emails - Donner des actus‘…
  • 9. 2- Avant de se lancer Quel type de site? Objectif + Cibles = solution technique adaptée. UNE SOLUTION: le CMS. Qu'est ce qu'est? CMS Open Source CMS Propriétaire La location de site web Simple d’utilisation Prise en main rapide Modulable Graphisme : des thèmes personnalisables Le référencement GRATUIT -------------------------------------- Certaines fonctionnalités de base manquantes Sécurité Migration Perfomance Mêmes avantages que l’Open Source à part que ce n’est pas GRATUIT Bonne sécurité ------------------------------------- NON propriétaires Vous êtes liés à une seule agence. Performance Site web clés en main Nom de domaine Hébergement Assistance, Maintenance Mise à jour automatique Peu cher -------------------------------------- Pas de personnalisation Coût de la prestation graphique et de modules NON propriétaire
  • 10. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 3 Web et mobilité
  • 13. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 4 Benchmark des tendances du web.
  • 15. 4. Benchmark des tendances du web. Le Flat Design !Une "mode" actuelle! Le flat design, ou le "design plat" est la nouvelle corde à l'arc des designers d'interfaces. Signes distinctifs: ce courant graphique et ergonomique prône des interfaces minimalistes et aux couleurs vives. Le flat design permet de mieux véhiculer l'information, de contribuer à une meilleure expérience de navigation pour l'utilisateur.
  • 16. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 5 Les grandes étapes dans la création d'un site (Cahier des charges).
  • 17. 5. Les grandes étapes dans la création d'un site En bref: votre contenu d’un cahier des charges 1. Présentation de l'entreprise 2. Contexte et mission du projet 3. Les objectifs du projet 4. La liste des besoins 5. Calendrier 6. Budget Un bon cahier des charges permet de: - Maintenir le focus - Estimer le travail et sa complexité - Obtenir un meilleur prix = Truc du métier !!!
  • 18. 5. Les grandes étapes dans la création d'un site Etat des lieux - VOUS: Décrivez votre structure et les services proposés Décrivez votre environnement (les points forts autours de vous) - VOS CONCURRENTS: Qui sont-ils? Quels sont leurs points forts et leurs points faibles? VOUS = Qu'est-ce qui vous différencie, vraiment? Etablissez une liste de mots-clés. Ce sont des mots ou expressions qui sont utilisés pour faire une recherche sur moteur de recherche. Gardez les sous les yeux pendant toute la période de rédaction.
  • 19. 5. Les grandes étapes dans la création d'un site Les contenus Quels contenus ai-je à ma disposition? Quels contenus vais-je devoir trouver? Quels contenus sont stables dans le temps? En regroupant ces textes, photos, vidéos vous réalisez la ligne éditoriale de votre site web! PRIORITÉS ! - L'image! Faire rêver! Photos de qualité! - Textes courts, fiables (pour rassurer l'internaute) Faîtes simple! - Titres en forme d'accroche.
  • 20. 5. Les grandes étapes dans la création d'un site Hiérarchiser les contenus. Faire un squelette (schéma) de votre site internet de manière logique = arborescence. Quels services et fonctionnalités doivent apparaître en permanence sur toutes les pages? (Contact, logo, hyperlien etc.) Ne pas oublier qu'un internaute peut atterrir sur n'importe qu'elle page et pas seulement depuis la page d'accueil.
  • 21. 5. Les grandes étapes dans la création d'un site Hiérarchie visuelle Le zoning: permet de découper la page en autant de zones que nécessaire. Cela permet de positionner les zones de navigation, les contenus, le logo, le pied de page, le moteur de recherche, ou le fil d'Ariane.
  • 22. 5. Les grandes étapes dans la création d'un site Ergonomie et design graphique VOTRE SITE = VOTRE IDENTITÉ = VOTRE CARTE DE VISITE Réfléchissez à l'ambiance que vous souhaitez obtenir: - les couleurs - la tailles des boutons - les interactions (animations au survol des liens, des images...) S'assurer de la cohérence entre l'image de votre site et vos différents supports de communication (Cohérence graphique).
  • 23. 5. Les grandes étapes dans la création d'un site Mise en ligne Une fois votre cahier des charges réalisé, confiez-le à un webmaster (à partir de 250€) où bien lancez-vous ! Méfiez-vous des offres d’hébergement à 36€/an! HÉBERGEMENT: c'est le fait de mettre à disposition des internautes les pages des sites Web en les stockant sur des ordinateurs (serveurs) reliés en permanence à l'internet. LE NOM DE DOMAINE: Le Nom de Domaine: c'est une partie de l'adresse web à laquelle le site est accessible. www. / monsiteweb. / com Préfixe // Nom de domaine // Extension
  • 24. 5. Les grandes étapes dans la création d'un site Bien choisir son nom de domaine!Un nom de domaine mnémotechnique: court percutant facile à retenir. EX: only-lyon Un nom de domaine facilitant le référencement naturel, c'est à dire contenant des mots clés ex: hotel-luxe-Ansouis ou simplement hotelansouis pour faciliter sa lecture. La tendance est d’écrire le nom de domaine sans les tirets! Bon pour le référencement avec 1 ou 2 mots-clés. Lorsque vous avez fait votre choix : Vérifier la disponibilité du nom de domaine (tapez-le sur google)
  • 25. SOMMAIRE --------------- Où en êtes- vous avec votre site internet? 6 Refonte d'un site web
  • 26. 6. Refonte d’un site web C’est quoi? « Une refonte de site Internet consiste à changer son apparence visuelle et d’y ajouter des fonctionnalités ». La refonte est plus complète qu’un relooking, elle ne concerne pas que la partie visible du site Internet... Comme pour une création d’un site, une refonte nécessite l’élaboration d’un cahier des charges!!! L’expérience acquise avec la version précédente doit être le gage de la réussite de la nouvelle version : - vous avez une meilleure connaissance des attentes des internautes. - vos objectifs en matière de référencement sont clarifiés, vous connaissez mieux les mots clefs recherchés par les internautes. - vous avez redéfini les objectifs de votre site, ainsi le site sera développé techniquement et graphiquement dans se sens.
  • 27. 6. Refonte d’un site web Une refonte peut être tout à fait appropriée, à condition qu’elle soit réfléchie, et que les objectifs qui sont poursuivis soient très clairs. Vous pouvez refondre votre site web si: - Votre site est resté figé et ne s’est jamais modernisé depuis les années 2000… - Les technologies utilisées sont obsolètes/sur le déclin et entachent vos performances. - Celui-ci n'est pas en responsive web design! - Le design actuel de votre site n’est pas performant, et impacte défavorablement votre taux de conversion - Vos concurrents se mettent tous à refaire leur site, et gagnent une meilleure image auprès de vos clients. - Vous n'avez pas la main dessus et souhaitez le gérer par vous-même sans utiliser le code Html!! (CMS) Joomla, Worpress, Drupal
  • 28. 3 conseils avant de vous lancer: 1 - Faites l’inventaire de vos actifs 2 - Planifiez vos redirections 3. Pensez à vos clients 6. Refonte d’un site web
  • 29. Comment (techniquement) refondre un site web?: Règles de bases: - pensez à faire une sauvegarde votre site web : FTP source + Base de donnée avant toute intervention en cas de mauvaises manipulations. On appelle ça un back-up. - Ne JAMAIS intervenir sur un site en production (dossier racine du site qui peut s'appeler www ; http ; public_http ; html ; public_html etc...) au risque de perdre l'accès au site actuel. - L'idéal est de travailler en local, c'est à dire, de télécharger par exemple le logiciel Xampp ou Wamp sur votre Pc et ensuite de télécharger votre site sur votre pc afin de travailler en local et de travailler tranquillement sans pour autant toucher à votre site en ligne. 6. Refonte d’un site web
  • 30. Refaire son site sans pénaliser son référencement Mise en place d'un CMS Au secours, mes pages déménagent ! 6. Refonte d’un site web
  • 31. Refaire son site sans pénaliser son référencement Etape 1 : maintenir le contenu Etape 2 : lister toutes les pages des deux sites et les lier entre elles Etape 3 : avertir les sites et les moteurs de votre déménagement 6. Refonte d’un site web Avec le recul, j’ajouterais toutefois que ce n’est pas si grave de perdre des visiteurs en volume si, par ailleurs, le nouveau site a un meilleur taux de conversion !
  • 32. 4 règles à respecter après…1- Analyser / Suivre le trafic (avec Google Analytics) 2- Suivre le positionnement sur les moteurs de recherche (créer des alertes, vérifier sur Google de temps en temps, voir même sur Google image) 3- Mettre à jour, enrichir constamment le contenu 4- Tisser un réseau autour de mon site (se référencer dans les annuaires, faire des échanges de liens, faire des connexions avec les réseaux sociaux)
  • 33. FINAlors maintenant que vous connaissez tout, où en êtes-vous avec votre site Internet ? Merci de votre attention! Office de tourisme Luberon Durance - BP - 48 La Tour d'Aigues Tél: 04 90 07 50 29 Ludovic Laffitte Chargé de promotion ludovic@luberoncotesud.com