CREATION OU REFONTE
D’UN SITE INTERNET
CREATION OU REFONTE
D’UN SITE INTERNET
Mardi 17 février 2015
Quelques chiffres, côté visiteurs
• En France, 82 % des français (15 ans et +) sont des internautes.
• 62 % des français u...
Quelques chiffres, côté professionnels
du tourisme en Loir-et-Cher
Présence en ligne :
Suite au diagnostic numérique du Lo...
La non-présence en ligne, les raisons invoquées
• Activité qui ne le justifie pas
• Manque de temps
• Complexité de la tâc...
Qu’est-ce qu’un site internet
Un site ou site web (de l'anglais website, littéralement « site de la toile » en
français) e...
Comment accéder à un site internet ?
Un site est accessible à tous.
Seule condition : disposer d'une connexion à internet ...
L’importance d’être présent sur internet
Votre présence en ligne à travers un site internet ou un blog
apportera crédibili...
Pourquoi envisager la création d’un site ?
• Améliorer votre notoriété.
• Guider vos clients vers votre boutique.
• Assure...
Pourquoi envisager la refonte d’un site ?
La refonte consiste à faire évoluer son site visuellement et fonctionnellement.
...
Les principaux types de sites internet
• Le site vitrine
Comme son nom l’indique, un site vitrine est là pour exposer votr...
Les principaux types de sites internet
• Le site mobile
Le terme de site mobile représente les sites internet développé et...
LES ETAPES DE LA CONCEPTION
Définition des
objectifs
Cahier des
charges
Rétroplanning Contenu Arborescence
Création
graphi...
Les bases du projet
• Connaître ses forces, faiblesses, opportunités, freins au développement.
• Définir sa cible
• Identi...
Pour éviter çà…
Des bases solides …
14
1ère étape :
rédaction d’un cahier des charges
• C’est le premier pas vers la réalisation et la crédibilité de votre proje...
• Les éléments à insérer dans son cahier des charges :
• Présentation de votre entreprise
• Précisez s’il s’agit d’une cré...
1ère étape :
rédaction d’un cahier des charges
• Les langues
• Traduction du site : quelles sont les langues, adaptation n...
1ère étape :
rédaction d’un cahier des charges
• Le Rétroplanning
http://www.journaldunet.com/
management/efficacite-perso...
1ère étape :
rédaction d’un cahier des charges
19
Déterminer le contenu
• Vos titres doivent courts, pertinents et percutants.
• Les textes doivent être claires et précis.
...
Lister les contenus
Exercice très pratique…
• Parce-qu’il n’est pas bon de mettre en ligne des pages blanches en attente
d...
Travailler sa ligne éditoriale
Créer une ligne éditoriale, c’est avant tout faire des choix.
Des choix qui permettront d’i...
2nde étape
Définition de l’arborescence
L’arborescence du site correspond à son architecture. Elle ne peut se dessiner que...
Quelques conseils :
• Proposer une structure qui reste simple et classique (l’internaute doit trouver l’info
facilement et...
2nde étape
Définition de l’arborescence
25
Imaginer le gabarit de votre page
26
Optimiser la structure de vos textes
• Et restez fidèle… une même structure sur toutes les pages, à tout moment.
• Exemple...
Optimiser la structure de vos textes
Tenir compte du Eyetracking : analyse consistant à suivre le regard de l’internaute.
...
Penser « responsive design »
Le Responsive Design (ou Web adapté) est une solution pour qu'un site Internet
soit optimisé ...
Les techniques de création
• Le HTML : Format de données conçu pour représenter les pages web. C’est un
langage de balisag...
Faire soi-même, c’est possible :
• Exemples de CMS gratuit (dans les formules de base) :
• Jimdo : jimdo.com
• Wix : www.w...
Le choix d’un prestataire
• Comment sélectionner les prestataires : relevez les sites qui vous plaisent (design,
outils, t...
Etape finale :
Le nom de domaine
• Avant la mise en ligne :
choisir votre nom de domaine, il sera la porte d’entrée et l’a...
• Si vous utilisez un outil avec système de Gestion de contenu de création de
site en ligne, le processus est clairement d...
Assurer un suivi
Votre site mis en ligne est désormais visible de tous les internautes.
• Evidemment communiquez dessus au...
Les Info +
• Banque d’images : Fotolia, FlickR, pixabay.com, www.stockvault.net, fr.freepik.com
• Outils de retouche photo...
Merci et à bientôt
Office de Tourisme Val de Cher Saint-Aignan
Emilie Moussard
Animation Numérique du Territoire
37
Prochain SlideShare
Chargement dans…5
×

Comment optimiser la Création ou la refonte de son site internet ?

6 081 vues

Publié le

Les étapes incontournables pour aborder et appréhender au mieux son projet de création de site internet : cahier des charges, rétroplanning, référencement...
Présentation de la rencontre Animation Numérique du Territoire de l'Office de Tourisme Val de Cher Saint-Aignan - février 2015.

Publié dans : Internet
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
6 081
Sur SlideShare
0
Issues des intégrations
0
Intégrations
16
Actions
Partages
0
Téléchargements
158
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Comment optimiser la Création ou la refonte de son site internet ?

  1. 1. CREATION OU REFONTE D’UN SITE INTERNET CREATION OU REFONTE D’UN SITE INTERNET Mardi 17 février 2015
  2. 2. Quelques chiffres, côté visiteurs • En France, 82 % des français (15 ans et +) sont des internautes. • 62 % des français utilisent internet pour la préparation de leur séjour • 45 % d’entre eux réservent en ligne 2
  3. 3. Quelques chiffres, côté professionnels du tourisme en Loir-et-Cher Présence en ligne : Suite au diagnostic numérique du Loir-et-Cher, nous savons que : • ¾ des prestataires touristiques ayant répondu à l’enquête possèdent leur propre site internet (470 répondants). • 74 % dans la Vallée du Cher • 51 % de ces sites ont 1 an ou moins d’1 an. • Les sites les plus récents sont des sites « faits-maison » • 43 % des répondants gèrent entièrement seuls les mises à jour • 44 % effectuent des mises à jour au moins 1 fois par mois. 3
  4. 4. La non-présence en ligne, les raisons invoquées • Activité qui ne le justifie pas • Manque de temps • Complexité de la tâche • 82 % des prestataires sans site internet propre sont présents sur le site internet de leur label ou groupement professionnel. • 7% des sites sont en responsive design et 7 % disposent d’une application mobile La bonne nouvelle : 100 % des partenaires de l’OT Val de Cher Saint-Aignan sont présent sur le site : www.tourisme-valdecher-staignan.com Quelques chiffres, côté professionnels du tourisme en Loir-et-Cher 4
  5. 5. Qu’est-ce qu’un site internet Un site ou site web (de l'anglais website, littéralement « site de la toile » en français) est un ensemble de pages web et de ressources liées et accessible via une adresse web. Un site web est hébergé sur un serveur web, lui-même accessible via un réseau internet ou intranet. Par métonymie, on dit aussi site internet. Une adresse web = adresse internet = URL Chaque page Web, sur Internet, à sa propre adresse. Elles sont universelles parce que la même forme d'adresse est utilisée partout dans le monde. Source Wikipédia 5
  6. 6. Comment accéder à un site internet ? Un site est accessible à tous. Seule condition : disposer d'une connexion à internet est d'un navigateur. Il y a 3 façons d'accéder à un site internet : 1- En saisissant directement son adresse dans la barre d'adresse du navigateur 2- Depuis un moteur de recherche comme Google (pour cela votre site doit déjà être référencé dans Google) par exemple en rentrant le nom du site recherché. 3- Depuis un lien menant à votre site depuis un site tiers. (hyperlien : source de trafic à ne pas négliger) 6
  7. 7. L’importance d’être présent sur internet Votre présence en ligne à travers un site internet ou un blog apportera crédibilité à votre entreprise. La majorité de vos clients passent par Internet pour vous trouver… 7
  8. 8. Pourquoi envisager la création d’un site ? • Améliorer votre notoriété. • Guider vos clients vers votre boutique. • Assurer un service continu. • Vendre vos produits / vos prestations. • Mieux connaître sa clientèle et la fidéliser. • Déployer une activité au delà de ses frontières. • Gagner du temps. • Répondre aux questions redondantes. (FAQ) • Etre présent sur le marché et ne pas laisser la place libre à votre concurrence. 8
  9. 9. Pourquoi envisager la refonte d’un site ? La refonte consiste à faire évoluer son site visuellement et fonctionnellement. Quelles peuvent être les raisons d’une refonte ? • Si vous avez un site Internet au design daté ou peu valorisant pour votre entreprise. • Si votre entreprise développe une nouvelle activité et que votre site est non évolutif. • Si vous souhaitez être visible sur Smartphone et que votre site actuel n’est pas en responsive design. • Si vous souhaitez ajouter des fonctionnalités de partage, de newsletter,… et que le développement de votre site ne vous le permet pas. • Si vous n’obtenez pas de bons résultats dans les moteurs de recherche. La durée de vie d’un site est estimée à environ 3 ans. Il est possible dans ce délai d’offrir un relooking à son site. Cette intervention plus légère permettra de faire évoluer la partie visible du site (nouveau design nouveaux visuels sur la page d’accueil, nouvelles couleurs…) 9
  10. 10. Les principaux types de sites internet • Le site vitrine Comme son nom l’indique, un site vitrine est là pour exposer votre entreprise sur le web. Il peut être composé de plusieurs pages et donne à l’internaute toutes sortes d’informations sur votre entreprise : vos produits, vos services, vos coordonnées et éventuellement quelques fonctions supplémentaires comme par exemple une section « actualités », une galerie photos ou encore un formulaire de prise de contact ou de demande de devis. • Le site de e-commerce Site internet conçu pour vendre des produits en ligne. Il contient un catalogue avec panier et la commande est réglée via un paiement sécurisé. 10
  11. 11. Les principaux types de sites internet • Le site mobile Le terme de site mobile représente les sites internet développé et optimisé pour l'affichage mobile comme les smartphones ou les tablettes graphiques. • L’application web Une application web est un programme qui s’exécute depuis votre navigateur web. Plus besoin d’installer un logiciel sur votre poste, d’assurer sa maintenance et ses mises à jours : tout se fait depuis votre navigateur. De plus, l’application est accessible depuis n’importe quel ordinateur connecté au web. • Le blog Outil de communication dont la principale différence avec le site internet est que son objectif n’est pas purement commercial. il s’agit moins de présenter sa société et ses services/produits que de publier des informations d’actualité. En pratique, il s’agit d’un espace sur lequel sont publiés des articles que vous rédigez régulièrement au cours du temps. 11
  12. 12. LES ETAPES DE LA CONCEPTION Définition des objectifs Cahier des charges Rétroplanning Contenu Arborescence Création graphique Développement Mise en ligne 12
  13. 13. Les bases du projet • Connaître ses forces, faiblesses, opportunités, freins au développement. • Définir sa cible • Identifier ses concurrents • Voir les tendances, relever ce qui vous plait et ce qui ne vous plait pas • Fixer des objectifs à plus long terme (penser à d’éventuels développements souhaités pour votre site à N+1 et N+2) Les questions préliminaires : • Quel est l’objectif visé? • Que souhaitez-vous présenter? • A qui s’adressera votre site ? • Quel nombre de pages prévoyez-vous ? • Quelle doit être l’apparence des pages ? • Qui est le responsable du projet? • Est-il prévu d’apporter par la suite des modifications ou des mises à jour ? • Quel est le budget ? 13
  14. 14. Pour éviter çà… Des bases solides … 14
  15. 15. 1ère étape : rédaction d’un cahier des charges • C’est le premier pas vers la réalisation et la crédibilité de votre projet. • Que vous fassiez le choix de confier la réalisation de votre site à un professionnel ou de le concevoir vous-même, le cahier des charges est indispensable. Il vous permettra de définir vos objectifs et de ne rien oublier. • Votre cahier des charges n’est pas obligatoirement un document très long ni fait que de termes techniques (surtout si vous ne les maîtrisez pas, évitez-les au risque d’incompréhension). C’est sur la base de ce document que les différentes agences sollicitées vous soumettront des devis plus ou moins détaillés qui vous permettront de sélectionner le prestataire le plus adapté. • Pour s’assurer de proposer un site en adéquation avec les attentes de votre clientèle, mettez vous à la place de l’internaute qui constitue votre cible et n’hésitez pas à consulter et vous inspirer d’autres sites sur le Web. • Votre cahier des charges doit être simple et clair. 15
  16. 16. • Les éléments à insérer dans son cahier des charges : • Présentation de votre entreprise • Précisez s’il s’agit d’une création ou de la refonte du site • les objectifs du site : • site e-commerce destiné à vendre des produits • site vitrine pour présenter l’activité de votre entreprise • media en ligne • support promotionnel par exemple pour le lancement d’un évènement • Votre cible : • Quelles sont les caractéristiques et les centres d’intérêt de votre cible ? • Le contenu de votre site : • Mesurer la proportion textes / images /vidéos 1ère étape : rédaction d’un cahier des charges 16
  17. 17. 1ère étape : rédaction d’un cahier des charges • Les langues • Traduction du site : quelles sont les langues, adaptation nécessaire ou pas de l’arborescence et du contenu du site selon le public étranger ? (attention à Google Translate, prévoir un budget traduction et mises à jour) • La charte graphique • Si vous n’en avez pas, pensez à un code couleur, votre logo, les visuels que vous souhaitez insérer… • La modularité : responsive design (Adaptable aux formats des écrans mobiles : PC, tablette, Smartphone) • Les options : • Boutons de partage avec réseaux sociaux • Newsletter • FAQ (Foire aux questions) • Moteur de recherche – aide en ligne – tchat… 17
  18. 18. 1ère étape : rédaction d’un cahier des charges • Le Rétroplanning http://www.journaldunet.com/ management/efficacite-personnelle/conseil/realiser-retroplanning/ • A prévoir également : • Les délais et le nombre de maquettes : délais de livraison intermédiaires pour surveiller l'avancement du site. • Les livrables : Tout ce que le prestataire est appelé à remettre au client pendant et après la conception du site (engagement sur les délais, arborescence détaillée, fichiers informatiques source, codes FTP, déclarations officielles type CNIL, etc.) • Le référencement, naturel, payant ? qui s’en charge ? • Les mots-clés sur lesquels vous souhaitez vous positionner ou que l’on retrouve dans votre site • Le « back office » : souhaitez-vous gérer les mises à jour de votre site? Souhaitez-vous avoir la main sur l’intégralité de votre site (administrateur) • La formation : prise en main du CMS • les statistiques • Les coûts de maintenance 18
  19. 19. 1ère étape : rédaction d’un cahier des charges 19
  20. 20. Déterminer le contenu • Vos titres doivent courts, pertinents et percutants. • Les textes doivent être claires et précis. Inutile de faire des phrases trop longues avec des superlatifs qui ne feront qu’alourdir l’ensemble et ne sont pas toujours bien perçus par le lecteur. • Vos textes doivent intégrés des mots-clés. (Des outils de planification existent pour vous simplifier le tâche) • Pensez dynamisme en utilisant l’impératif (dynamique mais pas directif… ) ex : découvrez, venez, profitez… • Optez pour des photos de qualité uniquement, une photo trop datée ou de mauvaise qualité peut très vite nuire à votre image. Pensez à légender vos photos. • Le contenu du site doit être régulièrement mis à jour 20
  21. 21. Lister les contenus Exercice très pratique… • Parce-qu’il n’est pas bon de mettre en ligne des pages blanches en attente de contenu, il est indispensable d’inventorier les textes et visuels dont vous disposez déjà et de rechercher les contenus manquants pour chacune de vos rubriques. (sources : réseaux partenaires, internet…) • Différencier les contenus intemporels des contenus qui ont une durée de vie courte (tarifs, ouverture…). Les lister permet d’évaluer la fréquence des mises à jour à effectuer et d’optimiser son temps. 21
  22. 22. Travailler sa ligne éditoriale Créer une ligne éditoriale, c’est avant tout faire des choix. Des choix qui permettront d’imposer une image forte, voulue et cohérente avec vos objectifs. Une charte formalisera l’ensemble des règles qui régiront le traitement de l’information sur le site. Elle fixe : • l’objectif de la communication • les cibles • les thématiques abordées • le rythme de publication • le style rédactionnel 22
  23. 23. 2nde étape Définition de l’arborescence L’arborescence du site correspond à son architecture. Elle ne peut se dessiner que lorsque le contenu du site est entièrement défini. • Présenter l’arborescence de votre site sous la forme d’un schéma est le plus recommandé, simple, facile à comprendre et à retravailler. 3 questions à se poser : • Quelle sont les grandes sections de votre site ? • Comment sont organisées les différentes rubriques ? • Quelles sont les pages principales ? 23
  24. 24. Quelques conseils : • Proposer une structure qui reste simple et classique (l’internaute doit trouver l’info facilement et rapidement) • Insérer «Le fil d’Ariane» : aide à la navigation sous forme de signalisation de la localisation du lecteur dans un document (ex : Accueil > Découvrir > Patrimoine naturel et jardins > Le Cher) • Penser à la règle des 3 clics : dans l’idéal, l’internaute doit accéder à l’information en 3 clics maximum • Conserver les fondamentaux (essentiels pour l’optimisation et le référencement de votre site) : page contact, mentions légales, plan de site, touche retour accueil… 2nde étape Définition de l’arborescence Séjourner Hôtels Hôtel X 24
  25. 25. 2nde étape Définition de l’arborescence 25
  26. 26. Imaginer le gabarit de votre page 26
  27. 27. Optimiser la structure de vos textes • Et restez fidèle… une même structure sur toutes les pages, à tout moment. • Exemple de structure : • Titre 1 • Titre 2 • Titre 3 • Titre 2 • Préférez le Gras à l’italique (difficile à lire) et au souligné (faisant plutôt référence aux liens hypertextes). • Hiérarchisez vos textes et rubriques, 3 niveaux sont suffisants. Au-delà vous risquez de perdre vos lecteurs et vous perdre également. • Utilisez des couleurs donnent vie à la page et permet des repères simples (3 couleurs et si possible en rapport avec votre charte graphique, votre logo…) 27
  28. 28. Optimiser la structure de vos textes Tenir compte du Eyetracking : analyse consistant à suivre le regard de l’internaute. Fiche produit catalogue e- commerce : Page de contenu éditorial Newsletter Page de résultats de recherche Plus d’infos : http://openclassrooms.com/courses/ameliorez-la-visibilite-de-votre-site-grace-au- referencement/concepts-de-base-d-un-site-seo-friendly 28
  29. 29. Penser « responsive design » Le Responsive Design (ou Web adapté) est une solution pour qu'un site Internet soit optimisé sur tous les supports qui puissent exister. En amont de votre projet Web, cette technique offre plusieurs avantages : • Une mise en page optimisée (images, textes, colonnes...) • Une navigation agréable • Une maintenance simplifiée (un seul site à maintenir) • Un référencement unique (une seule URL par page) 29
  30. 30. Les techniques de création • Le HTML : Format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte. Le HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Le HTML est utilisé par les webmaster, les développeurs de site. • Le CMS : système de gestion de contenu. C'est un type d'application web permettant de séparer le contenu de la mise en forme pour des sites web, et fournissant des moyens simplifiés d'éditer ce contenu. • De cette manière, il est possible de maintenir et faire vivre un site web sans la moindre connaissance technique dans les métiers du Web (langage HTML par exemple). • Exemples de CMS : Joomla, Wordpress, Jimdo, Wix… 30
  31. 31. Faire soi-même, c’est possible : • Exemples de CMS gratuit (dans les formules de base) : • Jimdo : jimdo.com • Wix : www.wix.com (Un atelier pratique « Création de site Web » sera proposé lors du second semestre 2015) Faire appel à une agence de communication ou un webmaster Les techniques de création 31
  32. 32. Le choix d’un prestataire • Comment sélectionner les prestataires : relevez les sites qui vous plaisent (design, outils, technologies) et chercher dans les mentions légales le nom de l’agence. • Privilégier les prestataires situés à proximité de votre établissement (ils connaissent déjà la région, l’offre, la demande, la conjoncture…) • Interroger au moins 3 prestataires • Etudier les tarifs proposés (Le plus cher n’est pas forcément le meilleur et inversement…) • Ne négligez pas le contact que vous avez avec les prestataires. Vous vous comprenez, ils ne parlent pas trop technique pour vous, vous proposent des choses adaptés à vos besoins… C’est un bon point pour mener un projet en commun. 32
  33. 33. Etape finale : Le nom de domaine • Avant la mise en ligne : choisir votre nom de domaine, il sera la porte d’entrée et l’adresse que vous communiquerez à votre réseau et vos futurs clients pour qu’il vous découvre. Ce nom de domaine doit être évocateur de votre activité et facilement mémorisable. Il faut aussi qu’il soit facile à saisir pour limiter les risques de fautes de frappe. • Le choix de l’extension : Pour un rayonnement national, choisir le .fr • Pour un rayonnement et une audience internationale, choisir le .com • Pour un site dédié à un public étranger, site entièrement traduit, choisir l’extension relative au pays concerné .uk, .be, .nl… • Votre nom de domaine est un ensemble de mot : utiliser le (–) Eviter le (.)et le (_) • Un nom de domaine est renouvelable chaque année. Vous recevez un e-mail d’avertissement par votre hébergeur pour reconduire votre « location ». • Si vous possédez déjà un nom de domaine, il est conseillé de le conserver pour votre nouveau site. Le travail de référencement est déjà entamé et vous ne perdrez pas ainsi votre positionnement. 33
  34. 34. • Si vous utilisez un outil avec système de Gestion de contenu de création de site en ligne, le processus est clairement défini étape par étape. En détail : • La mise en ligne d'un site est la copie des fichiers depuis un ordinateur sur un serveur accessible à tout le monde. Cela se passe la plupart du temps par FTP, un "langage" (appelé protocole) de transfert de fichiers, qui est rendu possible par l'utilisation d'un logiciel et d'une connexion à un serveur. • Plusieurs logiciels FTP existent, certains gratuits, d'autres payants. Il faut juste savoir que le protocole FTP est nativement présent sous Windows ou Linux, il est gratuit, ces logiciels ne sont qu'une couche graphique sur ce protocole. • Exemple de logiciel FTP : File Zilla Vidéo de démonstration : mise en ligne d’u site internet Etape finale : La mise en ligne du site 34
  35. 35. Assurer un suivi Votre site mis en ligne est désormais visible de tous les internautes. • Evidemment communiquez dessus auprès de votre réseau dans un 1er temps puis de vos prospects puis à un maximum de monde. • Analysez et suivez le trafic grâce à votre outil statistique. Vous saurez combien de personnes visitent votre site, quelles pages est la plus souvent consultée, quelle est la page d’entrée de votre site… • Suivez votre positionnement : effectuer des recherches de votre site grâce à la barre de recherche. Utilisez différents mots-clés pour voir si votre site ressort et à quelle position. • Actualisez et renouvelez l’information régulièrement • Développez un réseau sur le web pour promouvoir votre site grâce aux annuaires web et les réseaux sociaux par exemple) 35
  36. 36. Les Info + • Banque d’images : Fotolia, FlickR, pixabay.com, www.stockvault.net, fr.freepik.com • Outils de retouche photos : Gimp • Audit de site internet : évaluer gratuitement votre site web : Accessibilité de vos pages Valeur marchande de votre site Analyse de référencement… www.abime-concept.com/blog/2013/04/24/quelques-outils-gratuits-pour-evaluer-votre-site-web-en-ligne/ • Outil de planification des mots-clés : Google Adwords • Mentions obligatoires pour un site : les mentions légales obligatoires • Choisir son nom de domaine: fr.jimdo.com/2014/02/28/choisir-un-nom-de-domaine-pour-votre-site • Connaître la disponibilité des noms de domaine : www.1and1.fr • Outils statistiques : Google Analytics • Outils de veille : Google Alert 36
  37. 37. Merci et à bientôt Office de Tourisme Val de Cher Saint-Aignan Emilie Moussard Animation Numérique du Territoire 37

×