Cours - Création d'un site internet

**Table des matières** {#table-des-matières.En-ttedetabledesmatires} ====================== [**[Introduction]** 2](#introduction) [**[Partie I -- Principes et généralités]** 2](#partie-i-principes-et-g%C3%A9n%C3%A9ralit%C3%A9s) [**[1.1]** **[L'intérêt d'un site internet aujourd'hui]** 2](#lint%C3...

**Table des matières** {#table-des-matières.En-ttedetabledesmatires} ====================== [**[Introduction]** 2](#introduction) [**[Partie I -- Principes et généralités]** 2](#partie-i-principes-et-g%C3%A9n%C3%A9ralit%C3%A9s) [**[1.1]** **[L'intérêt d'un site internet aujourd'hui]** 2](#lint%C3%A9r%C3%AAt-dun-site-internet-aujourdhui) [**[1.2]** **[Les fonctionnalités d'un site internet et son contenu]** 3](#les-fonctionnalit%C3%A9s-dun-site-internet-et-son-contenu) [**[1.3]** **[Les composants d'un site internet]** 3](#les-composants-dun-site-internet) [**[1.4]** **[Les contraintes]** 3](#les-contraintes) [**[1.5]** **[Les étapes de la création (qqoqccp)]** 4](#les-%C3%A9tapes-de-la-cr%C3%A9ation-qqoqccp) [**[Partie II -- L'aspect juridique]** 5](#partie-ii-laspect-juridique) [**[2.1]** **[Les mentions obligatoires ?]** 5](#les-mentions-obligatoires) [**[2.2]** **[Utilisation de données personnelles : quelles informations donner à l'internaute ?]** 5](#utilisation-de-donn%C3%A9es-personnelles-quelles-informations-donner-%C3%A0-linternaute) [**[2.3]** **[Cookies : quelles sont les règles ?]** 6](#cookies-quelles-sont-les-r%C3%A8gles) [**[2.4]** **[Les mentions annexes]** 6](#les-mentions-annexes) [**[2.5]** **[Les images et la musique]** 6](#les-images-et-la-musique) [**[Partie III -- Cahier des charges et page d'accueil]** 8](#partie-iii-cahier-des-charges-et-page-daccueil) [**[3.1]** **[Le cahier des charges]** 8](#le-cahier-des-charges) [**[3.2]** **[La page d'accueil]** 8](#la-page-daccueil) [**[1/ Se présenter efficacement]** 8](#se-pr%C3%A9senter-efficacement) [**[2/ Optimisation de la page d'accueil, orienter les utilisateurs]** 9](#optimiser-la-page-daccueil-orienter-les-utilisateurs) [**[3/ Soigner la mise en page]** 10](#soigner-la-mise-en-page) [**[4/ Équiper le site d'une barre de recherche]** 10](#%C3%A9quiper-le-site-dune-barre-de-recherche) [**[5/ La page d'accueil : terre évolutive]** 10](#la-page-daccueil-terre-%C3%A9volutive) [**[Partie IV -- La newsletter]** 11](#partie-iv-la-newsletter) [**[4.1]** **[L'intérêt de la lettre d'information]** 11](#lint%C3%A9r%C3%AAt-de-la-lettre-dinformation) [**[4.2]** **[Les avantages et les inconvénients de la lettre d'information]** 12](#les-avantages-et-les-inconv%C3%A9nients-de-la-lettre-dinformation) [**[Partie V - Le nom et son référencement]** 13](#partie-v---le-nom-et-son-r%C3%A9f%C3%A9rencement) [**[5.1]** **[Le noms de domaine]** 13](#le-noms-de-domaine) [**[5.2]** **[Le référencement]** 14](#le-r%C3%A9f%C3%A9rencement) [**[Partie VI - L\'hébergement et le trafic]** 15](#partie-vi---lh%C3%A9bergement-et-le-trafic) [**[6.1.]** **[L'analyse du trafic]** 15](#lanalyse-du-trafic) [**[6.2]** **[L'hébergeur du site internet]** 15](#lh%C3%A9bergeur-du-site-internet) [**[Quel type d'hébergeur choisir ?]** 15](#quel-type-dh%C3%A9bergeur-choisir) [**[Les critères de choix de l'hébergeur]** 16](#les-crit%C3%A8res-de-choix-de-lh%C3%A9bergeur) [**[Quelques hébergeurs]** 16](#quelques-h%C3%A9bergeurs) **Introduction** ================ Être présent sur la toile est devenu un véritable enjeu pour les entreprises. Le Web procure **une vitrine, de la visibilité**, mais pas seulement. En effet, Internet est aussi un **espace où se rencontrent l\'offre et la demande** pour conclure des affaires. Pour nous utilisateurs, qu'y fait-on ? - La promotion d'un produit, - La visualisation de vidéos, - L'écoute de musiques, - La consultation de réseaux sociaux, - La recherche d'informations \... Par contre, du point de vue du professionnel, posséder un site répond à : - - - - **Partie I -- Principes et généralités** ======================================== **1.1 L'intérêt d'un site internet aujourd'hui** ------------------------------------------------ #### **1. Une meilleure image professionnelle** Quand quelqu'un entend parler d'une entreprise, il va jeter un coup d'œil au site web pour confirmer ou infirmer ce qu'il a entendu. La crédibilité de l'entreprise s'exprime au travers de son site internet. #### **2. Valorisation des produits et/ou des prestations** Un site internet permet d'ajouter des photos et des descriptifs, et améliore ainsi la mise en avant du produit. #### **3. Consultable 24H/24H et 7 j/7 ** Les clients ont la possibilité d'effectuer leurs achats  ou de trouver la réponse à leurs questions à tout moment en naviguant sur le site, accessible partout dans le monde, sans que les frontières et la langue ne soient une barrière. #### **4. Augmenter sa clientèle et ainsi augmenter son chiffre d'affaires** 85 % des Français effectue leurs achats en lignes. Il existe donc beaucoup de clients potentiels, peu importe le secteur d'activité. #### **5. D'informer les clients et les prospects** Le site internet propose de nombreuses informations, comme les coordonnées, les tarifs, les offres les informations techniques ou légales.... #### **6. De recueillir des informations** Le site internet permet de collecter des informations sur les clients et constituer une base de données très intéressante pour connaître les habitudes des clients, les tendances du marché ou les attentes des clients. #### **7. D'établir un contact direct avec les clients** L'intégration de modules (chat, forum, formulaire de contact) permet d'entretenir une relation avec le client, le sonder et le pousser à passer à l'acte. #### **8. Automatiser certaines tâches** Grâce à la saisie, à la prise de rendez-vous et au paiement en ligne, aux informations disponibles sur le site, l'entreprise automatise certains actes augmentant ainsi sa productivité.**\ ** **1.2 Les fonctionnalités d'un site internet et son contenu** ------------------------------------------------------------- - Informations sur le(s) produit(s), service(s) - Tarifs - Réservation - formulaire - Informations annexes (activités alentours, évènement, météo, agenda...) ou astuces ou tutoriels - Une rubrique « A propos / Qui suis-je » - Possibilité de s'abonner à une newsletter - Contact - Un Live Tchat - FAQ - Fonction recherche sur le site (loupe) - Témoignages des clients - Gestion des données personnelles - Conditions générales de ventes - Mentions légales - Qui a réaliser le site - Logo des partenaires - Liens vers les réseaux sociaux **1.3 Les composants d'un site internet** ----------------------------------------- - Qui dit site Internet dit forcément **hébergement** web. Effectivement, afin de rendre accessible son site à n'importe qui, il va falloir le faire héberger sur un serveur. - Le **nom de domaine** est la manière dont les contacts et les clients vont trouver le site internet sur le web. - Le **certificat SSL** permet d'assurer la [sécurité des visiteurs] du site et éviter une sanction de la part de Google. - DV (validation de domaine -- c'est le type le plus répandu en 2021), - EV (validation étendue), - OV (validation de l'organisation). - **Le système de gestion de contenu** (aussi appelé CMS) est ce qui va permettre de créer et administrer le site de manière relativement simple. À l'heure actuelle, il y a énormément de solutions disponibles : WordPress, Joomla, Wix, Jimdo, Drupal, etc. - **Thème et design du site** : il s'agit de personnaliser le site en choisissant un thème et un esthétique agréable afin de faciliter sa lecture. - **Plugins et fonctionnalités supplémentaires** - **Main d'œuvre** (dans le cas du recours à un professionnel afin de créer le site) : Il s'agit de faire appel à un sous-traitant qui va se charger de réaliser le site. **1.4 Les contraintes** ----------------------- - Être « **responsive web design** ». Il est nécessaire d'offrir la même qualité de lecture et de navigation quel que soit le navigateur et la taille de l'écran (ordinateur, tablette, smartphone) - Contrôler son « **design rétina** » (ou rétina ready) consiste à optimiser son site internet pour des écrans Haute-Définition. Pour les images d'un visuel satisfaisant sur un écran d'ordinateur, il s'agit de les optimiser pour éviter qu'elles ne soient floues sur un écran UD. - **Le budget** : - - - - - - - - - - - - - A titre de synthèse, le coût de la création de *blog ou d'un site personnel* entre 50 et 600€ par an --------------------------------------------------- ----------------------------------- *site pour une association/une petite entreprise* entre 50 et 500-600€/an *boutique en ligne* entre 50 et 1200€ par an *site pour une moyenne/grande entreprise* plusieurs milliers d'euros par an **1.5 Les étapes de la création (qqoqccp)** ------------------------------------------- **Les questions à se poser et à résoudre avant de commencer ** Quelle envergure (Informations pratiques, réservations en ligne, etc.) ? **Comment ? ** - Quels outils et supports seront utilisés (Vidéo, forum, questionnaire en ligne, photo.) ? - Quelle technologie sera utilisée : Wordpress, prestashop, statique, Xix, Jimdo... - Quelles fonctionnalités seront intégrées : forum, annuaire, calendrier, newsletter, langue, avis clients, partage ou flux réseaux sociaux, recherche, formulaire de contact ou de réservation, paiement en ligne, commentaire, témoignages... - **Pourquoi ?** - ** **Justification d'avoir un site web (Visibilité, publicité, etc.) ? - **\ ** **Partie II -- L'aspect juridique** =================================== *Source : [[https://www.economie.gouv.fr/entreprises/site-internet-mentions-obligatoires\#]](https://www.economie.gouv.fr/entreprises/site-internet-mentions-obligatoires)* **2.1 Les mentions obligatoires ?** ----------------------------------- La [loi pour la confiance dans l'économie numérique](https://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000000801164) précise les informations qui doivent apparaître sur le site Internet. +-----------------------+-----------------------+-----------------------+ | Les mentions | | | | obligatoires pour | | | | tous les sites | | | | internet | | | +=======================+=======================+=======================+ | | Pour une **personne | Pour une **personne | | | physique** | morale** | +-----------------------+-----------------------+-----------------------+ | **L'identité** | - | - - - | +-----------------------+-----------------------+-----------------------+ | **Les coordonnées** | - - - | - - | +-----------------------+-----------------------+-----------------------+ +-----------------------------------+-----------------------------------+ | Les mentions obligatoires | | | complémentaires selon l'activité | | +===================================+===================================+ | **Pour les activités | - - | | commerciales** | | +-----------------------------------+-----------------------------------+ | **Pour les sites marchands** | - - | +-----------------------------------+-----------------------------------+ | **Pour les sites d'informations** | - - - | +-----------------------------------+-----------------------------------+ | **Pour les activités réglementées | - - - - | |  ** | | +-----------------------------------+-----------------------------------+ ***Lire aussi :** https://www.economie.gouv.fr/entreprises/conditions-generales-vente-professionnelle\#* **2.2 Utilisation de données personnelles : quelles informations donner à l'internaute ?** ------------------------------------------------------------------------------------------ Dans le cas où le site Internet permet la collecte de données personnelles, notamment à travers la création d'un compte en ligne, un questionnaire ou encore une commande en ligne, celui-ci doit être conforme aux règles de protection des données personnelles du **RGPD** (Règlement général sur la protection des données). La CNIL se charge de contrôler la conformité des sites Internet à ces règles. Tout organisme public ou privé, quels que soient sa taille, son pays d'implantation et son activité, qui traite des données personnelles pour son compte ou non doit respecter le RGPD, dès lors : - qu\'il est établi sur le territoire de l'Union européenne, - ou que son activité cible directement des résidents européens. *Par exemple, une société établie en France, qui exporte l'ensemble de ses produits au Maroc pour ses clients moyen-orientaux doit respecter le RGPD.* *De même, une société établie en Chine, proposant un site de e-commerce en français livrant des produits en France doit respecter le RGPD.* Ainsi, Il faut que les [mentions légales RGPD](https://www.legalplace.fr/guides/mentions-legales-rgpd/) apparaissent sur le site avant la collecte des données personnelles. ***[Tout savoir sur votre d'information concernant l'utilisation des données personnelles](https://www.economie.gouv.fr/entreprises/obligations-donnees-personnelles-rgpd#donnees_personnelles_quelle_information) :*** [*https://www.economie.gouv.fr/entreprises/obligations-donnees-personnelles-rgpd\#donnees\_personnelles\_quelle\_information*](https://www.economie.gouv.fr/entreprises/obligations-donnees-personnelles-rgpd#donnees_personnelles_quelle_information) **2.3 Cookies : quelles sont les règles ?** ------------------------------------------- Un cookie est un **traceur** permettant d'**analyser le comportement des internautes** (sa navigation, ses habitudes de consommation, ses déplacements etc.). En cas d'utilisation de cookies sur le site internet, obligation d'**informer les utilisateurs de la finalité des cookies** et **obtenir leur consentement,** ainsi qu'un **moyen de les refuser**. La CNIL liste les cookies concernés par cette obligation. Il s\'agit notamment : - - **2.4 Les mentions annexes** ---------------------------- Outre les mentions obligatoires, d'autres documents annexes peuvent être intégrés sur les sites Internet. Bien qu'ils ne soient pas obligatoires, leur rédaction est recommandée : - Une charte sur le respect de la vie privée : ce document permet de renseigner les internautes sur les modalités de traitement et de conservation de leurs données. - Des conditions générales d'utilisation (**CGU**) encadrent la relation entre l'éditeur du site et les utilisateurs et définissent les modalités d'utilisation du site Internet. Utilisées dans différentes situations, les [CGV et les CGU](https://www.legalplace.fr/guides/difference-entre-cgu-cgv/) ne doivent pas être confondues. **2.5 Les images et la musique** -------------------------------- Afin d'illustrer les articles publiés, les images sont omniprésentes sur Internet. Même si leur utilisation n'a pas de finalité commerciale directe (animation d'un réseau social par exemple), leur reproduction est encadrée par la loi. Une société utilisant une image sans l'accord de son auteur peut être condamnée pour contrefaçon et devoir des dommages et intérêts. Les photos et images sont classées en différentes catégories : - **Ses propres photos** : comme elles sont personnelles, rien n'empêche leur utilisation, sauf dans 2 situations précises : - - - **Les images tombées dans le domaines public** : 70 ans après le décès de l'auteur, les photos ou images deviennent gratuites en respectant le droit moral de l'auteur tout de même - **Les images sous licence Creative Commons** : « Créative Commons » est une organisation à but non lucratif qui permet aux auteurs du monde entier de libérer leurs œuvres du droit de propriété intellectuelle au moyen de licences et d'un statut de domaine public ***Remarque** : L'expression « Libre de droit » est dépourvue de valeur juridique. Il n'existe pas d'images véritablement libres de droits et dire qu'une image ne donne pas lieu à rémunération ne signifie pas pour autant qu'elle ne soit pas protégée par le droit d'auteur.* - **Les banques d'images :** Istockphoto, Fotolia, Shutterstock\... Les banques d'images proposent plusieurs millions de photos, de dessins, de pictogrammes, de vidéos, de templates de site web, etc\... dans différents formats de fichier. Elles proposent en général deux types de formules : - un abonnement permettant de télécharger un nombre plus ou moins limité de photos en une période donnée - l'achat de crédits, chaque image valant un nombre de crédit différent selon la taille choisie Pour trouver des images gratuites et libres, il existe de nombreuses bases d'images potentiellement libres et gratuites sur Internet : - Flickr.com - Pixabay.com - Freeimages.com - Iconfinder.com - Openclipart.org Google images propose également une fonction de tri selon le type de licence Creative Commons. **Partie III -- Cahier des charges et page d'accueil** ====================================================== **3.1 Le cahier des charges** ----------------------------- **[En quoi le cahier des charges peut être utile ?]** Lors de la conception d'un site web, il est intéressant de travailler sur la base d'un cahier des charges afin d'atteindre les objectifs fixés. Non indispensable surtout quand il s'agit de *« petits projets »,* il est toutefois utile pour : - lister les besoins du projet - comprendre et atteindre les objectifs du projet - chiffrer correctement le coût - établir la liste des tâches à réaliser - avoir un document officiel qui ne pourra pas être contredit ultérieurement - éviter certains allers-retours inutiles - et surtout gagner du temps **[Une liste non exhaustive des informations du cahier des charges]** Le cahier des charges doit comporter : - Les objectifs (*développer des ventes, la visibilité, avoir des prises de contact, obtenir des devis en ligne, que le client télécharge une plaquette \...*) - le nom du projet (site web) - la description - le public visé - le type de site à réaliser - les fonctionnalités du site - La charte graphique adoptée (police, couleurs...) - les langues disponibles dans le site - les technologies utilisées ( WordPress, Prestashop etc.) - l'hébergement - le ou les noms de domaines - la maintenance - le référencement - les réseaux sociaux - le budget - la date de livraisons - les personnes à contacter - Mots-clés et expressions stratégiques etc. Il n'existe pas de cahiers des charges type. Chaque structure touristique a ses spécificités et doit valoriser son identité à travers son site Web. **3.2 La page d'accueil** ------------------------- **« Vous n'aurez jamais une deuxième chance de faire une bonne première impression »** C'est pourquoi il est indispensable de bien optimiser la page d'accueil, véritable carrefour névralgique du site, de manière à ce que l'utilisateur trouve sa route facilement et puisse arriver à trouver son bonheur en 3/4 clics maximum. ### **1/ Se présenter efficacement** Cette 1^ère^ page du site doit renseigner l'internaute sur l'**âge de l'association**, **celui du site internet** et fera souvent office **d'indicateur du professionnalisme** de la structure (et de ses dirigeants). L'idée est de répondre à ces 3 questions : - « **Qui êtes-vous?** » : Précisez l'identité de l'entité (nom, le logo, slogan, une « Baseline ». (*ex : osez-la liberté, une mascotte...*). - « **Qu'est-ce que vous faites? » :** La mission, les objectifs, le secteur d'activité... - « **Comment pouvez-vous aider l'internaute?** » :  L'arborescence, la mise en avant des services, de ce qui ai proposé... La page d'accueil, outre le fait d'être agréable visuellement, doit offrir un large panel d'éléments indispensables : - Un **logo, un nom** (à jour), qui intègre non seulement un slogan « Avec et pour les enfants » et une mascotte (dans le cercle), - Une **Baseline**, qui fait souvent office de phrase/marque, en l'occurrence : « Osez la liberté », - Des **boutons d'actions** qui renseignent sur le service qu'apporte cette structure aux visiteurs, - Un descriptif des **missions et des services** renseignés dans l'arborescence. Voici l\'exemple de la page d\'accueil de planfrance.org **Les erreurs à ne pas faire** -- Ne pas trop « s'étaler » sur sa propre identité et son expérience sur votre **home page**. Rester humble ! -- Ne pas trop promettre aux utilisateurs au risque d'être fatale. Du genre : « ***Contactez-nous et vous obtiendrez une réponse en 1/2h*** ». -- Bien adapter le vocabulaire à la cible, et si elle n'est parfaitement définie, mieux vaut rester généraliste. ### **2/ Optimiser la page d'accueil, orienter les utilisateurs** Donner trop d'espace à un internaute c'est souvent le faire fuir. Ne pas lui en donner assez, c'est le frustrer. Pour accompagner le visiteur du mieux possible et qu'il se sente « comme chez lui » sur le site, il est nécessaire de : #### **Hiérarchiser les catégories** C'est ce qui s'appelle **l'arborescence**. C'est tout simplement l'organisation des catégories principales et secondaires en fonction d'axes prioritaires définis au préalable Elle doit permettre à l'utilisateur de se repérer le plus simplement possible et de trouver ce qu'il cherche en quelques clics. Il faut limiter la navigation et éviter le superflu. *Voici un schéma qui aide à comprendre comment l'arborescence s'organise autour de la page d'accueil.* Il est recommandé une organisation selon la **pyramide inversée** (délivrer d'abord l'information importante, le contenu essentiel puis aller vers le détail et l'accessoire). #### **Créer des boutons d'actions** Sur le web, les (bonnes) pages d'accueil s'appuient de plus en plus sur des **boutons d'appels à l'action**. C'est un bouton « hypertexte » mis en valeur qui oriente l'utilisateur vers une ou plusieurs catégories principales d'informations sur le site internet. Les phrases qui orientent vers les boutons d'actions sont souvent courtes et comportent des verbes d'actions. Voici quelques exemples d'appels à l'action : - - - Ces boutons permettent de prioriser l'information dans le but « d'engager » le visiteur avec le contenu et ainsi faire baisser **le taux de rebond (**le % de personne qui quittent le site sans avoir cliquer sur une deuxième page). #### **Lier sa page d\'accueil et ses réseaux sociaux** Il est indispensable de mettre en avant ses réseaux sociaux sur la page d'accueil. Pour ce faire, il faut demander au prestataire de mettre des boutons réseaux sociaux, en haut ou en bas de page. ### **3/ Soigner la mise en page** La règle d'or est la suivante : **éviter toute fioriture sur la page d'accueil**. L'heure est au minimalisme, à la simplicité et au contenu épuré. Il faut oublier les compteurs de vues, les widgets et gadgets divers et variés, qui, en plus de ne plus être dans l'ère du temps, ne font que fatiguer et perturber la concentration de l'internaute. Ce sont donc la charte graphique et l'arborescence, les deux éléments particulièrement importants pour soigner l'esthétisme de la page d'accueil : #### **L'utilisation de photos** L'information passe de plus en plus par le visuel, et moins par l'écrit. Nous observons que beaucoup de sites utilisent des **sliders (**également appelés carrousels de photos) dans leur page d'accueil en lieu et place de textes. Composés de 3 à 4 photos, ces sliders sont accompagnés d'un lien hypertexte, qui amène vers une page importante du site. *Par exemple, si la structure propose des colonies de vacances, il est possible de mettre une photo représentant un groupe d'enfant\*, un titre « **Nos colonies pour l'été 200N** » et un lien cliquable mis en valeur « en savoir plus ».* Schéma arborescence d\'une optimisation de page d\'accueil #### **La police (font)** Choisir une bonne **typographie** est essentiel pour la bonne lecture du site. Il faut qu'elle soit **simple et classique**, d'une couleur **unique** et ni trop petite ni trop grande. Avant de se lancer dans une police, il est recommandé d'en présélectionner 3, dont 2 classiques et une plus originale, qu'il sera possible d'identifier et télécharger gratuitement sur le catalogue de [**[Google Fonts]**](https://www.google.com/fonts). ### **4/ Équiper le site d'une barre de recherche** Afin de faciliter la visite du site, le prestataire peut inclure une barre de recherche. Cette astuce, facilement intégrable par le développeur web, représente un coût annuel relativement faible (- de 100€) comparé à son utilité. ### **5/ La page d'accueil : terre évolutive** Une page d'accueil, comme un salon dans sa maison, se doit de changer et d'évoluer en fonction - Des tendances (design, mode...) - Du contexte et de l'activité de votre structure... **Partie IV -- La newsletter** ============================== Une **newsletter est un email envoyé de façon périodique à une liste d'abonnés (liste de diffusion),** clients existants ou prospects qui se sont inscrits pour recevoir cette communication. Il peut s'agir d'un email promotionnel destiné à mettre en avant l'actualité d'une marque et de ses produits et / ou un contenu éditorial. **4.1 L'intérêt de la lettre d'information** -------------------------------------------- Créer une newsletter présente de nombreux atouts marketing pour l'entreprise ou l'organisation. **Les internautes apprécient** Les résultats d'un sondage ont démontré que 78% des internautes disent préférer recevoir des informations commerciales d'une marque via un e-mail. Informer l'internaute des promotions montre le dynamisme de l'entreprise. **Générer du trafic, voire inciter à l'achat** Lors des périodes d'envoi de newsletter, on constate généralement une augmentation de trafic sur le site cible. Que cela soit en rappelant les particularismes de l'entreprise ou des promotions en cours, la newsletter est un bon moyen pour inciter l'internaute à acheter. **Fidéliser sa clientèle** La newsletter a un double emploi. Pour le client, elle permet de se rappeler à son bon souvenir, de manière régulière, instaurer un rapport à la marque, aux produits. Pour le prospect, elle permet de donner une chance de séduire. **Générer de nouveaux contacts** L'inscription à une newsletter est volontariste de la part de la personne qui s'inscrit (différent des campagnes d'e-mailing) Chaque inscription vient enrichir le fichier client ou prospect d'une entreprise et traduit un intérêt de la part de l'inscrit. **Assoir son identité, ses valeurs** Une newsletter est l'occasion de rappeler son identité et sa philosophie. Ce peut être aussi un moyen d'informer l'internaute sur ce qui se passe dans l'entreprise (de nouveaux collaborateurs, un passage dans les médias, une récompense...). **Créer du lien avec l'internaute** En informant l'internaute sur sa marque, ses produits ou services une relation est créée avec lui, jouant sur l'émotionnel. Face à la concurrence (souvent importante), elle permet de garder le contact avec l'internaute et instaurer une relation privilégiée. **Outil de veille pour l'internaute** Envoyer une newsletter permet d'informer l'internaute sans faire d'effort particulier. **Suivi qualitatif du comportement et des centres d'intérêt des adhérents à la newsletter** Elle permet de mesurer quels thèmes de la newsletter ont suscité le plus d'intérêt et, à l'inverse, ceux qui en ont suscité le moins. Il sera donc utile d'orienter les prochaines actions de communication d'après ces résultats **4.2 Les avantages et les inconvénients de la lettre d'information** --------------------------------------------------------------------- L'engagement organique sur les réseaux sociaux comme Facebook diminue de façon spectaculaire. Les bannières publicitaires sont rarement remarquées à l'ère des bloqueurs de publicités. Les communiqués de presse écrits envoyés par email sont souvent ignorés par les journalistes et les rédacteurs en ligne. Envoyer une newsletter présente de nombreux avantages. En voici quelques-uns : - **Un canal peu coûteux**. Envoyer une newsletter est beaucoup moins cher que d'autres types de publicité (Google AdWords, Facebook Ads ou un publipostage classique). Les publicités payantes comme les bannières publicitaires, et les influenceurs marketing sont considérablement plus chères. - **Un outil intuitif.** Envoyer une newsletter n'est pas sorcier ! Grâce à des outils comme Sendinblue, Mailjet ou Mailchimp, il est possible de créer des campagnes newsletters professionnelles sans avoir de connaissances en programmation ou être un expert du marketing. - **Une communication personnalisée.** Il est très simple d'envoyer des newsletters individualisées qui répondront précisément aux besoins des contacts. - **Des campagnes faciles à automatiser.** En plus d'envoyer de simples newsletters, il est possible d'envoyer des campagnes de marketing automatique (*email d'anniversaire par exemple*) et des emails transactionnels (*confirmations d'achat par exemple*). - **Une relation en toute liberté :** Il est facile de rompre le lien et l'internaute le sait. En quelques clics il peut se désabonner. - **Une performance facilement mesurable :** Les statistiques des emails envoyés fournissent toutes les informations nécessaires (taux d'ouverture, taux de clics, taux de désabonnement, erreurs, liens cliqués, etc.). Ces indicateurs aideront à calculer avec précision le retour sur investissement (ROI) et à produire un contenu pertinent pour la newsletter, adapté à la cible - **Un lien facile avec les autres canaux de marketing en ligne :** Les newsletters peuvent être [facilement et efficacement combinées](https://fr.mailjet.com/blog/news/liste-email-reseaux-sociaux/) avec les autres outils marketing en ligne tels que les réseaux sociaux. Il est ainsi possible d'insérer des liens vers les pages Facebook, Twitter ou autre au sein de vos newsletters pour augmenter votre nombre de followers. Même si les newsletters offrent de nombreux avantages, elles comportent aussi **quelques inconvénients**. **Le manque de présence physique** Contrairement aux publicités traditionnelles (*brochures, les flyers, les magazines...*), il n'y a pas d'expérience sensorielle avec les newsletters. *Un calendrier de bureau peut être consulté tout au long de l'année. En revanche, les emails n'ont pas de présence physique.* **La facilité à être supprimée** En comparaison avec d'autres moyens de communication, les newsletters ont tendance à être parcourues plus rapidement et à être effacées plus facilement. **Partie V - Le nom et son référencement** ========================================== **5.1 Le noms de domaine** -------------------------- Le nom de domaine est la manière dont les contacts et les clients vont trouver le site internet sur le web. Il est donc indispensable lors de la création du site. Il se compose de deux éléments : **le nom et l'extension**. *Par exemple, dans « xxxxxxx.com », le nom de domaine est « xxxxxxxx » et l'extension est «.com ».* Face à l'ouverture du réseau à un large public, les autorités ont délégué la gestion des noms de domaines à la société « Network Solutions ». Elle est chargée de vendre les noms de domaine internationaux (.com,.net,.org) alors que **l\'AFNIC** est en charge des noms de domaines nationaux (le.fr). ***1 - Les contraintes de syntaxe*** : quelques règles de syntaxe : - - - - - - - ***2 - Quelques recommandations simples pour aider dans cette étape : *** - - - - - ***3 - Il existe diverses extensions ?*** - - - **4 - Premier arrivé... premier servi !** Il est possible de vérifier la disponibilité du nom de domaine en utilisant : - - - ***5 - Les contraintes juridiques :*** Les lois françaises et la [charte de nommage](https://www.afnic.fr/observatoire-ressources/documents/charte-nommage/) imposent de respecter des règles dans le choix d'un nom de domaine : - - - - - - - **5.2 Le référencement** ------------------------ Le référencement correspond à l\'inscription du site web dans les moteurs de recherche et les annuaires, qui vont donc le «référencer» dans leur pages de résultats. A côté de cela, il est possible de penser à des actions et des techniques pour améliorer la position du site internet dans ces résultats de recherche ( =positionnement) et à en optimiser la visibilité. Il est nécessaire de distinguer **le référencement naturel** (SEO : Search Engine Optimization) du **référencement payant** (SEA : Search Engine Advertising). Le premier défini l'ensemble des techniques mises en œuvre pour améliorer la position du site web sur les pages de résultats des moteurs de recherche Le référencement payant désigne les solutions publicitaires proposées par les moteurs de recherche pour apparaître dans leurs résultats de recherche. Il consiste à acheter des espaces sur les moteurs de recherche et des mots clés comme le permet l'interface de Google Adwords. ***1 - Choisir les bons mots clés pour se positionner sur les moteurs*** Le choix des bons mots- ou expressions clés est déterminant pour le référencement. Pour cela, il faut dresser la liste des mots-clés pertinents pour votre activité et les insérer le plus naturellement possible dans les contenus. Si vous ne savez pas [[comment trouver les bon mots-clés]](https://fr.wix.com/blog/2016/11/21/referencement-comment-trouver-les-bons-mots-cles/), il existe des outils de guidage : [[Google's KeywordPlanner]](https://www.google.co.il/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwim2ezb2qjQAhUBkBQKHU8HAY8QFggbMAA&url=https%3A%2F%2Fadwords.google.com%2FKeywordPlanner&usg=AFQjCNEYxF_-O7brtK8qt3TWJeTj1sWK4A&sig2=fUMA4vimLg-Pe4AFhFl23g), [[Moz Explorer]](https://moz.com/products/pro/keyword-explorer) ou bien [[SEMRush]](https://www.semrush.com/). Ces sites aident dans la recherche de mots et donnent des indications sur leur performance : combien de fois ont-ils été tapés par mois, par exemple. Si un mot est trop compétitif, ne pas hésiter à se focaliser sur un terme un peu moins bien placé mais qui se démarquera des concurrents. ***2 - Créer un contenu de qualité à forte valeur ajoutée*** La réussite implique la rédaction d'un contenu de qualité (contenu unique et non dupliqué) qui sera mis en avant pour les internautes. Le site doit apporter une véritable valeur ajoutée. Les moteurs de recherche et les réseaux sociaux sont unanimes : **le contenu est roi.** Pour réussir à séduire à la fois les visiteurs du site internet et les moteurs de recherche, il faut : - rédiger des textes utiles, - proposer des contenus complémentaires, - et ajouter quelques liens vers des sujets connexes. *Quelques informations complémentaires : [[https://www.anthedesign.fr/redaction-web/ecrire-pour-le-web-etre-vu-et-etre-lu/]](https://www.anthedesign.fr/redaction-web/ecrire-pour-le-web-etre-vu-et-etre-lu/)* ***3 -- Le titre des pages avec la balise \*** Cela peut paraître simple et évident, mais **il est important que chaque page ait un titre** avec une [balise titre **\**](https://www.anthedesign.fr/referencement/balise-title-titre-seo/). Elle doit être renseignée et doit être un descriptif de la page réelle et non du site dans son ensemble. Le titre doit inclure les mots-clés principaux de la page, être unique et ne doit pas dépasser 60 à 65 caractères. La balise \ est affichée dans les résultats de recherche de Google. ***4 - La méta description des pages web*** La description ne doit pas seulement décrire une page web, elle doit également la "vendre". Sa description est affichée dans les résultats de recherche, c'est donc elle qui doit inciter l'internaute à cliquer sur le lien plutôt qu'un autre. Elle peut s'afficher sur 4 lignes (330 caractères). Si la méta-description n'est pas suffisamment longue, Google se servira dans le contenu de la page. ***5 - La hiérarchie du contenu à l'aide des balises sémantiques H1, H2,...*** Lorsque les titres et sous titres de la page sont classés en les hiérarchisant h1, h2, h 3, h4, h5, h6, **une notion de valeur** est apportée à chacun des titres. Un titre **h1** devra donc résumer le sujet général de la page, un titre **h2** résumera le sous-titre, jusqu'à **h6** qui traitera une section très détaillée du sujet traité dans la page. « Un titre décrit brièvement le sujet de la section qu'il introduit » ***6 - Les liens internes entre les pages du site internet*** Il est très important de correctement lier les pages du site entre elles, pour permettre à Google de découvrir la majeure partie du site. Une utilisation appropriée des liens permet de s\'assurer que toutes les pages importantes peuvent être consultées par une navigation quelconque. Dans le cas contraire, la construction et l\'envoi d\'un sitemap contribue à améliorer l\'exploration des sites vastes ou complexes, ainsi que des fichiers très spécialisés. **Partie VI - L\'hébergement et le trafic** =========================================== **6.1. L'analyse du trafic** ---------------------------- Une fois le site en ligne il est important de recueillir des informations concernant les visiteurs qui le parcourent. L'analyse de ces informations permettra de connaître plusieurs points importants : - - Quel est le nombre de visiteurs ? - Quel est le nombre de pages vues ? - D'où viennent les visiteurs ? - Depuis quel appareil (pc, tablette, smartphone) ? - Quels mots clés apportent des visites ? - Combien de temps les visiteurs restent t'ils sur le site ou sur les pages ? - Combien de pages visitent t'ils sur le site ? - Nouveaux visiteurs / visiteurs réguliers ? - etc... Ce n'est pas le nombre de visiteurs qui importe le plus , mais les indicateurs qui permettent d'analyser les points forts et les points faibles. Grâce à cette analyse, il est possible d'ajuster son site en fonction et améliorer le référencement du site voir d'optimiser la rédaction des articles. Outils d'analyse : - - - - - **6.2 L'hébergeur du site internet** ------------------------------------ Tout d'abord, un hébergeur est une **entreprise qui met à la disposition de l'organisation ou des particuliers ses serveurs** pour stocker les informations et les documents du site web. Grâce à cet hébergeur, le site sera **accessible à n'importe quelle heure de la journée, 7j/7**. Il en existe plusieurs offrant un hébergement autour de 10 euros/mois voire gratuitement offrant des critères différents : capacité de mémoire, services, maintenance... La gratuité d'un hébergeur impose parfois des fenêtres publicitaires (pop-up) sur la page web (ex : Jimdo Free). De plus, les sites gratuits ne proposent pas un vrai nom de domaine mais des sous-domaines comme : http://votre-site.la-marque-du-logiciel.com. Il est donc souhaitable dans la réalité que les structures touristiques prennent une version payante (Premium...) pour ne pas faire amateur ! ### **Quel type d'hébergeur choisir ?** En fonction des besoins, du budget ou encore du degré de sécurité recherché, le type d'hébergement nécessaire ne sera pas le même. Voici les caractéristiques les plus importantes à connaître afin de choisir au mieux : 1. 2. 3. 4. L\'hébergement coûtera entre 1 et 20€ par mois en hébergement mutualisé, entre 100 et 500€ par mois pour un serveur dédié, et jusqu\'à plusieurs milliers d\'euros dans le cloud. ### **Les critères de choix de l'hébergeur** 1. **Garantie de disponibilité :** correspond à la durée pendant laquelle l'hébergeur garantit la disponibilité du site sur internet à n'importe quel moment de la journée, compte tenu de la maintenance du site. 2. **Redondance :** consiste à **dupliquer tous les systèmes susceptibles de tomber en panne**. 3. **La bande passante et le stockage :** La bande passante correspond au volume de données pouvant être transportée d'un point à un autre en un temps donné, et influence la rapidité d'accès au site. 4. **Support technique :** Il est indispensable d'avoir un support technique pour assister en cas de panne ou de dysfonctionnement (vérifier les horaires d\'ouverture de la hotline, son coût, et la réactivité en cas d\'urgence). 5. ** Certificats SSL :** Il garantit la sécurité du contenu et lutte contre le piratage des données. 6. **Sauvegardes :** 7. **Messagerie :** ### **Quelques hébergeurs** 1. **Infomaniak** : service très qualitatif à un prix raisonnable 2. **Blue Host** : un des meilleurs hébergeurs pour l'utilisation de wordpress 3. **HostGator** : Simple et bon marché 4. **1&1 IONIOS** : Service complet avec tarif en augmentation 5. **Hostinger** : Offre qualitative à prix intéressant 6.