Les parties
d'un site web

partie-d-un-site-web

Vous est-il déjà arrivé en parcourant un site web de trouver des liens morts ou bien des pages sans contenus. À chaque fois que vous cliquez vers un lien dirigeant vers une page soit vous avez un message d’erreur soit c’est une page blanche. Pire encore en voulant contacter le propriétaire du site web, vous n’avez trouvé aucune information ou page de contact. Bien que l’absence d’une page de contact puisse être volontaire, cela résulte le plus souvent d’un oubli lors de la création. En effet, lors de la création d’un site web, on se concentre beaucoup sur la conception et la création de la page d’accueil en oubliant le reste du site web pour finalement se retrouver avec un site web vide de contenu. Beaucoup de designer ou concepteurs de site web ne savent tout simplement pas quelles sont les autres parties d’un site web ou quand et comment les utiliser.

Dans cet article, nous allons voir d’abord les formes principales de sites web et les différentes parties d’un site web.

Dans cet article

Site one page et site multipage

Un site web peu avoir plusieurs formes mais on notera principalement deux formes qui sont : les sites one page ou single page et les site multi page.

Les sites One page

Site-web-one-page

Comme leur nom l’indique ce sont des sites qui ont une seule page, la page d’accueil avec tout le contenu du site et les éléments de menu renvoie vers différentes sections de la page d’accueil.

Rapide à mettre en place, cette forme de site web est un bon début pour un projet surtout quand il n’y a de beaucoup de contenu à partager. Un site web est suffisant pour présenter une organisation, ses services et ses produits et les informations de contacts. Pour les produits et les services on privilégiera par exemple des liens vers un document contenant plus de détails plutôt que d’avoir une page pour chaque service ou produit.

Les sites multipages

Site-web-multi-page
C’est la forme la plus rependue de site web qui permet de créer un site web avec plusieurs pages autres que la page d’accueil. Chaque page aura donc une fonctionnalité principale (présenter un produit ou un service, envoyer un email, valider un panier, effectuer un achat, présenter une organisation…) et d’autres fonctionnalités annexes (liens vers d’autres pages). Ce type de site web est composé de plusieurs parties ou section et chacune de ces parties regroupe une ou plusieurs pages remplissant le même rôle (page d’un blog), des rôles complémentaires (page panier et page de paiement d’un site de e-commerce). Les sites multipages sont nécessaires quand un site web a beaucoup de contenu ou de fonctionnalités à exposer aux visiteurs.

Les parties d’un site web

Une section ou partie d’un site web est ensemble d’une ou plusieurs pages ayant le même rôle, des rôles complémentaires. Les pages d’une section ne sont pas forcément identiques, ce qui les réunit, c’est leur objectif de base qu’elles ont en commun. Par exemple la page d’un produit n’est pas la même que le page du panier pourtant elles ont un objectif commun qui est la vente de produit.

Quelle que soit la forme d’un site web il a plusieurs sections, même si les sections sont présentes sur la même page comme c’est le cas pour un site one page. Toutefois, il faut noter qu’un site web ne doit pas forcément avoir toutes les sections existantes. Il faut choisir les sections à créer pour un site web en fonction des besoins du projet uniquement.

En fonction des besoins, on peut créer de nouveau types de section, globalement chaque fonctionnalité/page qui n’est pas déjà dans une section constitue une section à part entière. Ce sont généralement des sections spécifiques au site web en question. Il n’est donc pas possible de faire une liste exhaustive des sections d’un site web, mais pouvons tout de même retenir quelques sections de bases que l’on peut retrouver sur n’importe quel site web.

La page d’accueil

C’est la section la plus importante, car comme son nom l’indique, c’est la première section qui est visité sur le site web. Son rôle est d’accueillir les visiteurs en leur fournissant les informations et indications de base pour nécessaire pour trouver les informations qui les intéressent. Il faut un peu voir la page d’accueil comme la salle d’accueil d’une entreprise. Quand vous arrivez à l’accueil, d’une entreprise, la personne qui vous reçoit n’a pas forcément l’information que vous recherchez ou bien ne peut pas vous rendre le service que vous désirez, mais cette personne peut vous diriger vers la bonne porte ou personne en fonction de votre besoin. Sauf que pour un site web la page d’accueil est comme une salle d’accueil sans personne où vous devrez vous contenter des panneaux d’indication affichés au mur. Il faut donc faire attention aux informations à afficher sur la page d’accueil pour éviter de perdre le visiteur.

Home-page

C’est la section la plus importante, car comme son nom l’indique, c’est la première section qui est visité sur le site web. Son rôle est d’accueillir les visiteurs en leur fournissant les informations et indications de base pour nécessaire pour trouver les informations qui les intéressent. Il faut un peu voir la page d’accueil comme la salle d’accueil d’une entreprise. Quand vous arrivez à l’accueil, d’une entreprise, la personne qui vous reçoit n’a pas forcément l’information que vous recherchez ou bien ne peut pas vous rendre le service que vous désirez, mais cette personne peut vous diriger vers la bonne porte ou personne en fonction de votre besoin. Sauf que pour un site web la page d’accueil et comme une salle d’accueil sans personne où vous devrez vous contenter des panneaux d’indication affichés au mur. Il faut donc faire attention aux informations à afficher sur la page d’accueil pour éviter de perdre le visiteur.

Cette section est constituée d’une seule page qui présente les informations les plus importantes du site web ainsi que les liens vers les autres pages ou sections du site web. La forme et le design de la page d’accueil n’est pas standard et on peut y retrouver toutes les informations que l’on souhaite. Il faut cependant faire attention à ce qu’elle ne soit pas trop touffue (élément mal agencé et mal positionné) ou trop longue (trop d’informations). Sur cette page il faut toujours penser indiquer clairement le nom de l’organisation soit en texte soit grâce en un logo.

Etant donnée que c’est probablement la première page qui sera visité par tout nouvel arrivant sur le site web, tout le site web sera jugé par la qualité de sa page d’accueil. Si un visiteur n’est pas intéressé par la page d’accueil, il y a de fortes chances qu’il soit encore moins intéressé par le reste du site web. C’est d’ailleurs pour ça que beaucoup de concepteur se concentre uniquement sur cette page en délaissant le reste du site web.

La présentation

Il s’agit d’un ensemble de pages dont l’objectif est de présenter une organisation de façon globale, son fonctionnement, son activité. Cette section est importante, car elle permet de renforcer la confiance au site web et donc à l’organisation propriétaire du site web. Plus cette confiance est grande plus facilement le site web atteindra ces objectifs. En effet, vous pouvez avoir de bons produits, de bons services, mais l’inquiétude de ne pas savoir qui vous êtes empêchent les visiteurs de vous faire confiance et donc d’acheter vos produits ou services.

Cette section est le lieu de présenter le site web et l’organisation, ses objectifs, sa mission, son fonctionnement si nécessaire. C’est aussi l’occasion de présenter les récompenses ou toutes autres distinctions qui peuvent renforcer votre crédibilité (Awards, Concours, certification…). Si vous ne parlez pas de vous quelqu’un d’autre s’en chargera et vous n’aurez aucun contrôle sur ce qu’il dira. Il vaut mieux fournir votre propre source d’information sur votre organisation.

Cette section peut être composés d’une ou plusieurs pages parmi lesquelles nous pouvons citer :

Sur cette page il faut présenter le site web et l’organisation derrière le site web, son nom, le statut juridique de l’organisation, la localisation des bureaux, la date de création, le chiffre d’affaires ou d’autres statistiques pertinentes pour l’organisation (pour une ONG humanitaire, ça sera par exemple le nombres de personnes aidées depuis sa création)
Cette page présente les objectifs principaux que l’organisation en expliquant leur importance.
Cette page présente comme l’organisation comprend un domaine et quelle est son approche dans le domaine, en quoi son approche est particulière et ce qu’elle apporte de moins. Cette page permet de mieux comprendre pourquoi vous retrouverez ou non certains types de contenu sur le site web.

Cette page présente les principales activités de l’organisation. Elle est importante surtout pour les organisations qui interviennent dans plusieurs domaines.

Bien qu’il soit important de présenter son organisation, il n’est pas toujours nécessaire de créer toutes ces pages. Généralement une seule page est suffisante avec plusieurs parties correspondantes aux différentes pages ci-dessus. Il faut éviter de créer des pages trop courtes avec juste quelque lignes ou pire encore de créer des pages blanches et manquer de contenu à y mettre. Dans les cas le plus extrême une page n’est pas nécessaire et on peut se contenter d’une section de la page d’accueil.

Informations légales

C’est une section du site qui explique son fonctionnement, les règles à respecter par les internautes, la politique des gestions des données…. En résumé cette section regroupe toutes les informations légales qu’il faut connaître en utilisant le site web. Bien que souvent minimisée cette section devient de plus en plus d’importante au fur et à mesure de l’évolution des lois sur le numérique. Généralement facultative, cette section peut devenir obligatoire dans certains pays ou pour des sites web qui fournissent certains services. Cette section est utilisée afin de rassurer les visiteurs, respecter les lois, satisfaire aux conditions d’un partenaire du site web qui l’exige.
Information-legale
En fonction des besoins et de la quantité d’informations cette section peut avoir une seule page ou plusieurs parmi lesquelles nous pouvons citer :
Vu l’énorme quantité d’informations personnelles (nom, préférences, centre d’intérêt, adresse, contacts, numéros de cartes bancaire, numéro de comptes bancaires…) collectées, il est important de rassurer les visiteurs sur l’utilisation qui sera faites de leurs informations personnelles, à qui elles seront communiquées et pourquoi … Il faut donner des indications claires sur les méthodes que vous appliquez pour garantir la sécurité des informations et où elles sont stockées.

C’est la page principale et elle peut contenir toutes les informations légales reparties en plusieurs sections. Lorsqu’il n’y a pas beaucoup d’information, on se contentera juste de cette page. Dans cette page, on trouvera des informations générales telles que le nom du site web, le nom du propriétaire du site web, son adresse, une description du propriétaire, localisation des serveurs hébergeant le site web des mises en gardes concernant l’utilisation du contenu du site web (Exemple : la non-garanti de résultat en utilisant les contenus du site web), le pays dont la loi est respecté par le site web… Vous pouvez mettre sur cette page toutes les informations légales que vous jugez nécessaire de communiquer au visiteur de votre site web.

C’est une page qui est généralement présente sur des sites web qui fournissent un service en ligne à ses visiteurs. Comme son nom l’indique, cette page indique les termes et conditions que vous acceptez en utilisant ses services. Elle indique aussi les sanctions en cas de non respects de ses conditions. Elle indique comment seront géré les éventuelles actions en justice, le pays et la cours de justice compétente en cas de litige.
Vu l’énorme quantité d’informations personnelles (nom, préférences, centre d’intérêt, adresse, contacts, numéros de cartes bancaire, numéro de comptes bancaires…) collectées, il est important de rassurer les visiteurs sur l’utilisation qui sera faites de leurs informations personnelles, à qui elles seront communiquées et pourquoi … Il faut donner des indications claires sur les méthodes que vous appliquez pour garantir la sécurité des informations et où elles sont stockées.
Les cookies sont des informations que le site web stocke dans le navigateur afin de les utiliser pour le suivre tout au long de sa visite sur le site web et même en dehors du site en question lorsqu’il sera sur d’autres sites web. Cette page put faire partie de la page Politique de confidentialité en tant qu’une simple section. Sur cette page, il faut indique clairement le nom de chaque cookie, ce qu’elle contient et pourquoi elle est nécessaire. Il faut aussi et obligatoirement préciser les cookies crée et exploitées par toutes extensions que vous utiliser tel que Google Analytics et autres.
Dans certains pays la loi imposer explicitement les utilisateurs que le site web utilise des cookies et de donner la possibilité de les accepter ou non. Puisque l’utilisateur doit avoir cette possibilité depuis n’importe quelle page du site web, il est préférable de le faire à travers un popup. Au cas où l’utilisation des cookies est obligatoire (le site web ne peut pas fonctionner correctement) pour l’utilisation du site web vous avez la possibilité de bloquer l’accès au site web en cas de refus. Mais vu que certains cookies servent juste des buts publicitaires ou autres, vous pouvez aussi donner la possibilité à l’utilisateur de choisir les cookies qu’il accepte ou refuse.

Ce formulaire donne la possibilité à un utilisateur de vous demander de lui transmettre toute ou une partie de ses données personnelles que le site web à enregistrer.

Il faut savoir que même lorsque vous fermer votre compte sur une plateforme, celle-ci ne supprimer pas obligatoirement vos informations. Ce formulaire s’il est présent doit donner la possibilité à un utilisateur de soumettre une requête afin de demander au site web de supprimer toute ou partie de ses données.
le contenu des informations légales n’est pas figé et en fonctions des besoins on peut créer des pages spécifiques au site web ou bien à des fins bien précise. Par exemple certains processeurs de paiement exigeront la création d’une page avec les conditions et la procédure de remboursement.

Galerie multimédia

La galerie multimédia est une section importante lorsqu’on a beaucoup de média à communiquer. Des organisations qui organisent régulièrement des activités ont parfois besoin de montrer des images et des vidéos de leurs activités. Ces contenus seront des contenus officiels qui rendent compte de l’activité et pourront être réutilisé ou non par d’autres plateformes selon ce qui est permise par l’organisation. Avoir une galerie est un bon moyen de choisir soi-même ce que l’on souhaite montrer et ce que l’on souhaite cacher plutôt que de laisser les autres diffuser des images trompeuses de l’organisation. C’est un bon moyen de communication.

Informations de contact

C’est une section qui permet de contacter l’organisation pour des besoins précis. Cette section comprend généralement deux parties qui sont :
cette page contient les informations nécessaires pour entrer en contact avec l’entreprise tel que le numéro de téléphone, l’adresse email, l’adresse, les heures d’ouverture/ fermeture, les jours d’ouverture…Pour faciliter le contact, elle peut aussi contenir un formulaire qui permettra d’envoyer un message directement à l’organisation. Ce message est généralement envoyé par email, mais ça peut aussi être un SMS ou tout autre forme de message tel qu’un message WhatsApp….
C’est un formulaire de contact présent sur toutes les pages du site web et qui permet d’échanger directement avec une personne de l’organisation. De plus en plus des automates (bot) sont utilisé pour répondre en premier sur le live chat et une personne n’intervient que si le bot ne parvient pas à satisfaire le visiteur

Le blog

La section blog est souvent mal comprise et mal utilisées sur les sites web. C’est une section qui permet de partager des articles sur un ou plusieurs thèmes en rapport avec l’activité de l’organisation. Les articles peuvent concerner les services de l’entreprise ou bien tout simplement une technologie utilisée dans le domaine de compétence de l’entreprise. Il faut éviter de vouloir sur tous les sujets. Par exemple sur le site web d’une entreprise qui fait des installations solaires il ne faut pas venir parler de vêtements de hautes coutures.
Site-web-blog
La section blog est un site web dans le site web et d’ailleurs en ligne, vous trouverez des sites web qui sont justes des blogs. Le blog n’a pas forcément le même design que le reste du site web, mais il doit tout de même en garder les grandes lignes. Sur un site web, le blog est généralement le moyen utilisé pour mieux informer les visiteurs et aussi d’améliorer le référencement web. Ne créer pas de blog si vous n’avez pas de contenu à partager, c’est mieux que d’avoir un blog vide ou rarement mis à jour. Un blog est constitué de différentes pages permettant d’accéder aux articles ou bon de consulter des listes d’articles suivants une classification. Pour une section blog, on a donc les pages suivantes.
Section-blog
elle affiche le contenu d’un seul article et accessoirement les liens vers d’autres articles liés.
c’est une page qui présente une catégorie ainsi que la liste des articles qu’ils y’a dans cette catégorie. Elle n’est pas toujours nécessaire et peut être contourné en utilisant un sidebar sur chaque article qui listera tous les articles de la catégorie de l’article affiché.
C’est une page qui liste toutes les catégories de contenu présente dans le blog. Elle n’est pas toujours nécessaire car on peut se contenter d’un pied de page ou d’un sidebar pour lister les catégories d’articles.
Cette page liste les différents tags utilisés pour donner des indications sur le contenu d’un article. Un mot clé est terme central autour duquel s’articule le contenu d’un article.

E-Commerce

C’est une section spécifique aux site web qui font de la vente en ligne. La vente en ligne ce n’est pas juste proposer un catalogue de produit sur un site web mais c’est surtout la possibilité de donner à des personnes de commander vos produits à travers votre site web même si le paiement et la livraison se font en dehors du site web. Cette section e-commerce permet de gérer entièrement le processus de présentation des produits et leur commande. Pour cela il faut plusieurs pages qui vont dépendre de vos besoins. On pourra retenir principalement les pages suivantes :
Site-web-e-commerce
Cette page présente un produit unique ou un pack de produits à vendre. Cette page doit indiquer clairement le prix ou bien le moyen de l’obtenir. C’est une page essentielle pour comprendre en détails ce que l’on achète.
C’est la page qui liste les différents produits que l’on souhaite acheter. Elle permet d’ajuster les quantités à commander et affiche clairement le montant global de la commande. Sur cette page vous avez généralement la possibilité de choisir votre mode de paiement.

C’est la page qui permet au client de renseigner les informations personnelles nécessaires telles que son nom, son adresse de livraison, son adresse de facturation ou tout autre information jugée nécessaire pas le vendeur.

c’est la page qui permet à l’utilisateur de fournir les informations de paiement (carte de crédit, numéro de compte…) et de valider le paiement. Pour des raisons de sécurité cette page peut se retrouver hors de votre site web afin d’éviter que votre site web ne stocke directement les informations bancaires. Vous pouvez avoir plusieurs pages de Checkout en fonction du nombre de mode de paiement disponible sur le site web.
C’est la page qui affiche le message confirmant le statut de la commande.

Documentation et support

Pour des sites web qui fournissent des services en ligne, il faut expliquer comment utiliser chaque fonctionnalité, comment obtenir un résultat spécifique, comme obtenir de l’aide. Pour cela il faut créer une section documentation et support. Cette partie n’a pas de forme standard et dépend surtout des services fournis et des choix de contenu de l’organisation derrière le site web.

En plus des contenus statiques consultables à tout moment sur le site web, il faut également penser au service de support qui répondra à chaque question posée. Dans sa forme la plus simple un forum peut être suffisant en permettant à des utilisateurs de répondre à des questions d’autres utilisateurs. Mais parfois il faut aller plus loin et avoir des équipes dédiées à cette tâche.

La navigation

La navigation est un partie site web qui se retrouve sur chaque page afin de faciliter l ‘accès au contenu du site web. Son rôle est de permettre l’accès à tous les contenus que l’on souhaite partager sur le site web. La navigation est principalement constituée des éléments suivants :
C’est celui qui figurer dans l’entête de toutes les pages du site web. Il contient les liens vers toutes les pages importantes du site web.
Ces menus sont secondaires par leur emplacement ou bien leur importance. Ils sont affichés en plus du menu principal mais ne le remplace pas. L’un des menus secondaires le plus fréquent se retrouve dans le pied de page ou footer. Généralement on y retrouve aussi des liens importants vers les contenus du site web. Il y a également les sidebar que l’on retrouve sur les pages qui sont de menus secondaires et leur contenu varie généralement en fonction de la page affiché.
C’est une page qui liste toutes les pages d’un site web. Elle peut regrouper les pages en catégories ou non.

C’est une page au format XML qui liste toutes les pages d’un site web. C’est une page qui est lui et exploitée par des automates tels les robots de recherche qui analyse les contenus des sites web.