Optimiser la structure d'un site vitrine
Optimiser la structure d'un site vitrine
Fiche 1. Comprendre les choix technologiques pour la création d'un site
Un site Internet est composé d’un ensemble structuré de pages Web, dont l’objectif est d’être visible sur Internet.
I.
Connaître les différents types de sites internet
Les différents types de sites internet : le site vitrine, le site one-page (ou site carte de visite), le site e-commerce (également click-and-collect et site de réservation en ligne), le site évènementiel et le site institutionnel.
II.
Choisir un hébergement web
L’hébergement est le service consistant à stocker 24 heures sur 24 et 7 jours sur 7 l’ensemble des composants (pages, contenus) du site Internet. Il est réalisé sur un serveur connecté à Internet. Il existe deux principaux types d’offres d’hébergement. Le choix du type d’hébergement dépendra du langage utilisé, de la taille totale des fichiers composant le site et des ressources nécessaires au traitement des données.
Fiche 2. Définir la structure et les contenus d'un site internet
I.
Définir l'arborescence
Définir l’arborescence – ou l’architecture – d’un site consiste à représenter graphiquement la structure du site et organiser les différentes pages en hiérarchisant les données et les informations de façon logique. Le schéma part de la page d’accueil, puis identifie les rubriques et sous-rubriques du site, puis les pages correspondantes. La structure doit être simple et logique.
La schématisation de l’arborescence doit permettre :
– une vision d’ensemble du site ;
– de faciliter le parcours de l’internaute : le visiteur doit accéder à l’information de façon simple, intuitive et rapide.
II.
Définir les contenus
Le contenu d’une page Web est constitué de textes, vidéos, images, graphiques, schémas, dessins ou contenus audio. Avec les contenus publiés sur son site, l’entreprise doit mettre en valeur son savoir-faire et ses produits et/ou services. Elle peut à cet effet publier différents types de contenus : fiches produits, présentation de l’entreprise, newsletter, livre blanc…
Les types de contenus sont choisis suivant la stratégie éditoriale du site Internet, c’est-à-dire en fonction des objectifs fixés. Les images et vidéos étant les contenus les plus lourds, il faut veiller à choisir un format qui ne ralentisse pas le chargement des pages :
Fiche 3. Définir l'ergonomie et le graphisme du site
Il est indispensable de réfléchir à l’ergonomie du site, c’est-à-dire au confort de navigation pour les internautes, quel que soit le support d’utilisation.
L’ergonomie englobe, d’une part, la mise à disposition de certaines fonctionnalités facilitant la navigation, et d’autre part, le design.
I.
Optimiser la navigation
I.1 Favoriser un système de navigation simple et intuitif
L’internaute doit passer facilement d’une page à l’autre sans se demander où il doit cliquer. Le site doit donc permettre un système de navigation intuitif avec :
I.2 Optez pour le responsive design
Le site doit être accessible depuis tout support utilisé par les internautes (tablette, PC, smartphone), quels que soient le système d’exploitation (iOS, android, Windows) ou le moteur de recherche (Chrome, Firefox, Safari, Bing…).
Le responsive design désigne une conception qui vise à offrir une consultation confortable sur tout support grâce à différents principes et techniques.
II.
Définir le graphisme du site
Un site doit respecter les règles de design afin de rester lisible. Il faut privilégier :
– la sobriété : le graphisme doit être simple, épuré et peu chargé (flat design) ;
– la clarté : se limiter à quelques couleurs, structurer les textes (placer les éléments importants en haut de page), choisir une police de caractères lisible et ne pas les multiplier.
Le graphisme doit également être cohérent avec les valeurs de l’entreprise.
Une charte graphique, qui liste les règles d’utilisation des éléments graphiques (logos, couleurs, polices…), sera établie pour conserver une harmonie et une cohérence graphique entre les différentes pages du site.
Fiche 4. Construire les pages d'un site
Une page Web est le plus souvent un fichier HTML (Hypertext Markup Language) qui peut lui-même contenir d’autres fichiers (images, vidéos, sons, animations). La création d’une page Web est réalisée par le Webmaster ou le Webdesigner.
Une maquette fonctionnelle (ou wireframe) est réalisée pour chaque page Web qui doit contenir de l’information et attirer l’attention de l’internaute.
❶ En-tête (header)
Le header est un élément fixe qui reste le même quelle que soit la page où l’on se trouve. Il contient :
– le logo de l’entreprise : en haut à gauche, bien visible ;
– la baseline, qui renseigne sur l’activité ;
– le menu (7 rubriques maximum) ;
– les liens « transversaux » (que l’on retrouve sur toutes les pages) : plan du site, langues, blog, contact…
❷ Corps de page (body)
Divers contenus des pages (textes, vidéos, images, graphiques, schémas, dessins, contenus audio).
Donner un titre et un sous-titre (si nécessaire) pour introduire ces contenus ; privilégier un style et une structure de contenu homogènes sur toutes les pages.
❸ Pied de page (footer)
Partie en bas de la page qui reste fixe sur toutes les pages du site. On y trouve principalement les mentions légales, le contact et le plan du site.
Chaque maquette est ensuite traduite et codée dans un langage Web.
Fiche 5. Les mentions sur un site internet
I.
Les mentions légales obligatoires
Tous les sites Internet édités à titre professionnel, qu’ils proposent de la vente en ligne ou non, doivent obligatoirement indiquer les mentions légales ci-dessous. Le manquement à l’une de ces obligations expose à une sanction pouvant aller jusqu’à un an d’emprisonnement, 75 000 € d’amende pour les personnes physiques et 375 000 € pour les personnes morales.
II.
Les mentions obligatoires spécifiques aux cookies
Un cookie est un fichier déposé sur le disque dur lors de la consultation de certains sites Web, qui conserve des informations sur le comportement de l’internaute. Même si le cookie ne permet l’identification nominative que si l’internaute s’est déjà enregistré sur le site, les éditeurs de sites ou d’applications doivent obligatoirement informer les internautes de la finalité des cookies, obtenir leur consentement, et leur fournir un moyen de les refuser. La durée de validité du consentement est de 13 mois au maximum. Seuls certains cookies destinés à mesurer l’audience d’un site sont dispensés du recueil de consentement.
III.
Les conditions générales d'utilisation
Les conditions générales d’utilisation – ou « politique d’utilisation » – ne sont pas obligatoires mais sont fortement recommandées. Elles définissent les règles d’utilisation du site et déterminent la responsabilité de l’éditeur et des visiteurs du site et les sanctions encourues en cas de non-respect. Pour que les CGU soient considérées comme un contrat, elles doivent être acceptées par l’internaute (case à cocher). Il est recommandé d’adapter les CGU à l’activité du site et d’indiquer la date de leur dernière mise à jour. Les CGU regroupent généralement les rubriques suivantes :
