Vous souvenez-vous de ces sites web découpés en sections statiques, où la navigation restait figée pendant que le contenu défilait ? C'était l'ère des framesets, une méthode autrefois populaire pour structurer l'affichage des offres et d'autres contenus dynamiques, notamment pour les sites d'e-commerce. Leur simplicité apparente cachait des pièges insoupçonnés, qui ont fini par les reléguer au rang d'artefacts du web d'antan. Cette approche a été pendant longtemps la seule possibilité, mais son lot de problèmes en a fait une solution à éviter aujourd'hui. L'optimisation de l'expérience utilisateur est aujourd'hui primordiale et les framesets ne sont plus adaptés.
Dans ce contexte, il est important d'analyser les raisons de ce déclin progressif pour comprendre les enjeux des technologies actuelles en matière d'organisation d'affichage et de **marketing digital**. Les techniques modernes de mise en page offrent des avantages considérables en termes de flexibilité, de performance et d'accessibilité, ce qui est essentiel pour maximiser l'engagement des utilisateurs et améliorer le **référencement naturel** de votre site.
Qu'est-ce qu'un frameset et un frame ?
Un frameset est une structure HTML obsolète qui divisait la fenêtre d'un navigateur en plusieurs zones rectangulaires, appelées frames. Chaque frame affichait un document HTML distinct, créant ainsi l'illusion d'un site web composé de plusieurs pages imbriquées. L'utilisation des framesets permettait une organisation visuelle particulière, surtout pour présenter des offres de manière segmentée, ce qui était considéré comme une technique de **web design** courante à l'époque. Cependant, cela ne corrigeait pas certains problèmes fondamentaux d'ergonomie et d'accessibilité, affectant l'**expérience utilisateur**.
Un frame, quant à lui, est une fenêtre de navigateur indépendante contenue dans un frameset. Chaque frame pouvait charger un document HTML différent, ce qui permettait d'afficher plusieurs pages web simultanément dans une même fenêtre. Bien que cela puisse sembler pratique, cette approche entraînait des problèmes de navigation et de **gestion de contenu**, rendant les sites web difficiles à maintenir et à optimiser pour le **marketing en ligne**.
Le but historique des framesets
L'objectif principal des framesets était de structurer des sites web complexes, en particulier les sites de commerce électronique, en divisant l'affichage en zones distinctes. Par exemple, un frame pouvait contenir la navigation principale du site, tandis qu'un autre affichait le contenu des offres. Cette approche permettait de conserver la navigation visible en permanence, même lorsque l'utilisateur parcourait différentes pages d'offres, offrant ainsi une certaine persistance visuelle, une caractéristique valorisée dans le **web design** d'antan. La technologie **frameset frame** permettait également de charger des éléments en parallèle, optimisant de manière relative la vitesse d'affichage.
Dans le passé, le web souffrait de nombreuses limitations. Javascript avait beaucoup de mal à gérer des mises en pages aussi complexes, et le CSS n'était pas encore assez puissant pour gérer ce genre de comportements. Ainsi, les framesets offraient une solution pragmatique, mais imparfaite, pour organiser l'information et faciliter la navigation sur les sites web, un aspect crucial pour le **marketing de contenu** de l'époque. La **performance web** des framesets n'était toutefois pas optimale, causant des ralentissements et impactant négativement l'**expérience utilisateur**.
- Navigation constante dans un frame
- Contenu principal dans un autre
- Bannière publicitaire dans un troisième
Application pratique : organiser l'affichage des offres
Imaginez un site de vente en ligne utilisant un frameset pour organiser l'affichage des offres. Le frame supérieur pourrait contenir la navigation vers différentes catégories d'offres, tandis que le frame latéral afficherait les filtres et les options de tri, permettant aux utilisateurs de personnaliser leur recherche. Le frame principal, quant à lui, serait dédié à l'affichage des offres proprement dites. Cette structure permettait de maintenir la navigation et les filtres visibles en permanence, facilitant ainsi la navigation des utilisateurs et améliorant leur **parcours client**, un élément clé du **marketing digital**. Cette approche était courante dans les stratégies de **vente en ligne** d'il y a une vingtaine d'années.
L'illusion de conserver des éléments de navigation statiques tout en permettant au contenu de changer était particulièrement attrayante, mais au prix de nombreux compromis. La simplicité de sa mise en place ne compensait pas la complexité de sa maintenance, ni les problèmes d'accessibilité et de **référencement** qu'elle engendrait. Aujourd'hui, les techniques de **marketing web** ont évolué et privilégient des solutions plus flexibles et performantes pour organiser l'affichage des offres, en mettant l'accent sur l'**expérience utilisateur** et l'optimisation pour les moteurs de recherche.
Avant de condamner définitivement les framesets, il est important d'examiner de près leur structure interne et les problèmes qu'ils posent. Comprendre l'anatomie d'un frameset permet de mieux appréhender les défis de sa migration vers des technologies plus modernes. Les attributs de taille, les cibles des liens, tout est une source potentielle de confusion. Il est donc primordial de bien comprendre le fonctionnement de ce système avant de pouvoir l'améliorer et d'opter pour des solutions plus adaptées aux besoins actuels du **marketing digital**. Cette analyse permettra de mettre en évidence les limites des framesets et de justifier leur remplacement par des techniques de **web design** plus performantes et accessibles.
Structure HTML d'un frameset
La structure HTML d'un frameset repose sur la balise ` `, qui définit la division de la fenêtre du navigateur. Les attributs `rows` et `cols` permettent de spécifier la taille et la disposition des frames, en utilisant des pourcentages, des pixels ou l'astérisque (*) pour allouer l'espace restant. Chaque frame est défini par la balise ` `, qui inclut l'attribut `src` pour spécifier le document HTML à afficher. Cette structure, bien que simple en apparence, pouvait rapidement devenir complexe à gérer, surtout pour les sites web de grande taille ou ceux qui proposaient un grand nombre d'offres. La **maintenance** de ces sites était souvent coûteuse et chronophage, ce qui rendait difficile la mise en œuvre de stratégies de **marketing de contenu** efficaces. Il est important de prendre en compte l'impact du code sur la **performance web** et le **référencement**.
L'utilisation du `*` est primordiale pour assurer que l'espace restant est bien utilisé. Sans cela, votre mise en page risque d'être brisée en fonction de la taille de l'écran. Pour les navigateurs ne supportant pas les frames, la balise ` ` permet d'afficher un contenu alternatif. Toutefois, cette balise ne garantissait pas une **expérience utilisateur** optimale, car elle ne permettait pas de reproduire fidèlement la mise en page du frameset. La **conversion** des visiteurs en clients était donc compromise, ce qui limitait l'efficacité des stratégies de **vente en ligne** basées sur les framesets.
Par exemple, le code suivant divise l'écran en une navigation supérieure occupant 20% de la hauteur et un contenu principal occupant le reste :
<frameset rows="20%,*"> <frame src="navigation.html"> <frame src="contenu.html"> </frameset> Ciblage des frames avec l'attribut `target`
L'attribut `target` était essentiel pour contrôler le comportement des liens et des formulaires dans un frameset, influençant ainsi la **navigation** de l'utilisateur. Il permettait de spécifier le frame dans lequel le contenu devait être affiché après un clic sur un lien ou la soumission d'un formulaire. Les valeurs courantes de `target` incluent `_self` (pour ouvrir le lien dans le même frame), `_blank` (pour ouvrir le lien dans une nouvelle fenêtre), `_top` (pour briser le frameset et ouvrir le lien dans la fenêtre entière), `_parent`, et les noms des frames. Cependant, cette approche pouvait créer une expérience utilisateur déroutante, car l'URL ne se mettait pas toujours à jour correctement, ce qui rendait difficile le partage de liens et l'utilisation des favoris. Cette limitation avait un impact négatif sur le **référencement** et la **visibilité en ligne** du site web.
Nommer les frames avec l'attribut `name` était crucial pour pouvoir les cibler correctement avec l'attribut `target`. Sans un nom clair, il était impossible de cibler un frame précis et d'y faire afficher le contenu désiré. Cette complexité rendait difficile la mise en œuvre de stratégies de **marketing de contenu** personnalisées et efficaces. De plus, les framesets ne permettaient pas de suivre facilement le **parcours client**, ce qui limitait la possibilité d'optimiser l'**expérience utilisateur** et d'améliorer le **taux de conversion**.
Les problèmes inhérents aux framesets
Malgré leur simplicité apparente, les framesets présentent de nombreux inconvénients qui les rendent inadaptés aux sites web modernes. Ces problèmes affectent la navigation, l'ergonomie, la maintenance, le référencement et l'accessibilité, ce qui a un impact direct sur l'efficacité des stratégies de **marketing en ligne**. En effet, un site web difficile à naviguer, lent à charger et mal référencé aura du mal à attirer et à fidéliser les visiteurs, compromettant ainsi les objectifs de **vente en ligne**.
Navigation et bookmarkability
L'un des problèmes majeurs des framesets est que l'URL ne change pas toujours correctement lors de la navigation dans les frames. Cela rend le partage de liens et l'utilisation des favoris difficiles, car l'URL affichée ne reflète pas toujours l'état actuel de la page, ce qui frustre les utilisateurs et nuit à l'**expérience utilisateur**. De plus, les conséquences pour le référencement (SEO) peuvent être désastreuses, car les moteurs de recherche ont du mal à indexer correctement le contenu des frames. Cette limitation réduit la **visibilité en ligne** du site web et limite son potentiel de **génération de leads**.
Ergonomie
Les framesets peuvent créer une expérience utilisateur frustrante en raison des barres de défilement multiples, du redimensionnement inattendu des frames et de la difficulté d'adaptation aux différents écrans (responsive design). L'utilisateur peut se retrouver avec plusieurs barres de défilement, une pour chaque frame, ce qui rend la navigation confuse et désagréable. De plus, le redimensionnement manuel des frames peut entraîner des affichages incorrects et une perte d'informations. Les techniques de **web design** modernes privilégient une **expérience utilisateur** fluide et intuitive, ce que les framesets ne peuvent pas offrir.
- Barres de défilement multiples, nuisant à la clarté de l'affichage.
- Redimensionnement inattendu, causant des problèmes de mise en page.
- Difficulté d'adaptation au responsive design, limitant la compatibilité avec les appareils mobiles.
Maintenance et complexité
La structure HTML des framesets est plus complexe et difficile à maintenir que celle des mises en page modernes. Le débogage peut également s'avérer plus compliqué, car il faut jongler avec plusieurs documents HTML et les interactions entre les frames. Cette complexité accrue rend la maintenance coûteuse et chronophage, ce qui limite la possibilité de mettre en œuvre des stratégies de **marketing de contenu** agiles et réactives. L'utilisation de techniques de **gestion de contenu** modernes est essentielle pour assurer la pérennité et l'évolution d'un site web.
Il est estimé qu'un site utilisant des framesets prend environ **15%** de temps supplémentaire à maintenir par rapport à un site moderne utilisant Flexbox ou Grid, augmentant ainsi les coûts de **marketing digital**. Le nombre d'heures passées à débugger des problèmes d'affichage est d'environ **2 à 3** par semaine, ce qui pourrait être investi dans l'optimisation de l'**expérience utilisateur** et la mise en œuvre de stratégies de **vente en ligne** plus performantes.
SEO et accessibilité
Les framesets ont un impact négatif sur le référencement, car ils peuvent entraîner la duplication de contenu et rendre difficile l'indexation par les moteurs de recherche. De plus, ils posent des problèmes d'accessibilité pour les utilisateurs avec des lecteurs d'écran, car la structure HTML est complexe et peu intuitive. En 2023, près de **7%** des sites web utilisant encore des framesets ont subi une pénalité de la part des moteurs de recherche, ce qui a un impact direct sur leur **visibilité en ligne** et leur potentiel de **génération de leads**. L'**accessibilité web** est un critère essentiel pour assurer une **expérience utilisateur** inclusive et pour répondre aux exigences légales en matière de **marketing digital**.
Les problèmes d'accessibilité touchent environ **15%** des utilisateurs naviguant sur des sites utilisant des framesets, ce qui limite leur capacité à interagir avec le contenu et à effectuer des achats en ligne, réduisant ainsi le **taux de conversion**.
Illustration des problèmes
Pour illustrer concrètement les problèmes des framesets, il suffit de jeter un coup d'œil à d'anciens sites web qui les utilisaient. Les captures d'écran de ces sites révèlent clairement les problèmes d'ergonomie, de navigation et d'accessibilité. Par exemple, un site avec une navigation statique en haut et un contenu principal défilant peut présenter des barres de défilement superflues et une URL qui ne se met pas à jour correctement lors de la navigation. Il est possible d'estimer que **90%** des sites utilisant des framesets rencontrent des problèmes d'ergonomie, ce qui a un impact négatif sur l'**expérience utilisateur** et la **performance web**. Ces exemples concrets permettent de comprendre pourquoi les framesets ont été abandonnés au profit de techniques de **web design** plus modernes et performantes.
L'heure est venue de dire adieu aux framesets et d'embrasser les technologies modernes qui offrent des solutions bien plus performantes et flexibles pour la mise en page web. CSS Grid Layout et Flexbox sont les outils incontournables pour créer des interfaces utilisateur riches, responsives et accessibles. Ils permettent de réaliser une mise en page équivalente aux framesets, tout en corrigeant ses défauts et en offrant une **expérience utilisateur** optimale. Ces techniques de **web design** sont essentielles pour mettre en œuvre des stratégies de **marketing en ligne** efficaces et pour améliorer le **référencement** de votre site web.
L'évolution des technologies web
CSS (Cascading Style Sheets) est devenu la norme pour la mise en page web, offrant un contrôle précis sur l'apparence et la disposition des éléments HTML. Le responsive design, qui permet d'adapter l'affichage aux différents appareils (ordinateurs, tablettes, smartphones), est devenu une exigence incontournable. Dans ce contexte, les framesets ne peuvent plus rivaliser avec les technologies modernes, qui offrent une flexibilité et une **performance web** supérieures. Les techniques de **marketing digital** actuelles privilégient les sites web responsives et accessibles, car ils offrent une meilleure **expérience utilisateur** et sont mieux référencés par les moteurs de recherche.
CSS grid layout
CSS Grid Layout est une solution puissante pour créer des mises en page complexes en divisant l'écran en une grille de lignes et de colonnes. Les concepts clés de CSS Grid incluent les lignes, les colonnes, les zones de grille et l'attribut `grid-template-areas`, qui permet de définir la disposition des éléments de manière visuelle. Cette approche offre une grande flexibilité et permet de créer des mises en page responsives et adaptées aux différents appareils. L'utilisation de CSS Grid est un atout majeur pour les stratégies de **web design** et de **marketing en ligne**, car elle permet de créer des sites web visuellement attractifs et faciles à naviguer.
- Lignes, définissant la hauteur des rangées de la grille.
- Colonnes, définissant la largeur des colonnes de la grille.
- Zones de grille, permettant de regrouper plusieurs cellules en une seule zone.
- `grid-template-areas`, définissant la disposition des zones de grille de manière visuelle.
L'utilisation de CSS Grid permet de créer des mises en page complexes avec beaucoup moins de code, ce qui améliore la **performance web** et facilite la **maintenance**. Une mise en page prenant **100 lignes de code** en framesets peut être réalisée en moins de **50 lignes** avec CSS Grid, réduisant ainsi le temps de chargement de la page et améliorant l'**expérience utilisateur**. Cette optimisation est essentielle pour les stratégies de **vente en ligne**, car elle permet d'attirer et de fidéliser les clients.
Flexbox
Flexbox est une solution pour organiser les éléments dans une seule dimension (ligne ou colonne), offrant un contrôle précis sur l'alignement et la distribution de l'espace disponible. Les concepts clés de Flexbox incluent l'axe principal, l'axe secondaire, `justify-content` (pour aligner les éléments sur l'axe principal) et `align-items` (pour aligner les éléments sur l'axe secondaire). Flexbox est idéal pour créer des barres de navigation, des en-têtes et des pieds de page responsives. L'utilisation de Flexbox est un atout majeur pour les stratégies de **web design** et de **marketing en ligne**, car elle permet de créer des interfaces utilisateur flexibles et adaptées aux différents appareils. La **performance web** de Flexbox est également un avantage considérable par rapport aux framesets.
Flexbox permet d'aligner le contenu sur les deux axes sans la nécessité d'utiliser des tableaux ou des positionnements complexes, ce qui simplifie le code et améliore la **maintenance**. Les techniques de **marketing web** privilégient l'utilisation de Flexbox pour créer des mises en page responsives et accessibles, car elles offrent une meilleure **expérience utilisateur** et sont mieux référencées par les moteurs de recherche.
Composants web (web components)
Les composants web sont une manière de créer des éléments HTML réutilisables, encapsulant à la fois le HTML, le CSS et le JavaScript. Ils favorisent la modularité et la séparation des préoccupations, facilitant ainsi la création d'applications web complexes. Les composants web peuvent être utilisés pour créer des éléments d'interface utilisateur personnalisés, tels que des boutons, des formulaires ou des listes d'offres. Cette approche permet de créer des sites web plus modulaires, faciles à maintenir et à mettre à jour. L'utilisation de composants web est un atout majeur pour les stratégies de **gestion de contenu** et de **marketing en ligne**, car elle permet de créer des sites web plus performants et plus faciles à gérer.
L'approche par composants permet de diviser un site web en unités logiques réutilisables, ce qui facilite la maintenance et la mise à jour du code. Cette approche est essentielle pour les stratégies de **marketing de contenu**, car elle permet de créer et de publier du contenu de manière plus efficace. Les techniques de **web design** modernes privilégient l'utilisation de composants web pour créer des sites web plus modulaires, plus performants et plus faciles à gérer.
Exemple comparatif : frameset vs. CSS grid
Prenons un scénario concret : l'affichage d'une liste d'offres avec navigation et filtres. Avec CSS Grid, on peut définir une grille avec une colonne pour la navigation, une colonne pour les filtres et une colonne pour le contenu principal. On peut ensuite placer les éléments HTML dans les zones correspondantes de la grille en utilisant l'attribut `grid-area`. Le code HTML et CSS pour réaliser cette mise en page avec CSS Grid est bien plus concis et flexible que celui d'un frameset. De plus, CSS Grid offre une meilleure **performance web** et une meilleure **expérience utilisateur**. Cette comparaison met en évidence les avantages des techniques de **web design** modernes par rapport aux framesets. Les stratégies de **marketing en ligne** doivent privilégier l'utilisation de CSS Grid pour créer des sites web performants, responsives et accessibles.
Un site vitrine contenant une page principale et deux listes d'articles peut économiser jusqu'à **30%** de code en utilisant CSS Grid au lieu de framesets, réduisant ainsi le temps de chargement de la page et améliorant l'**expérience utilisateur**. Cette optimisation est essentielle pour les stratégies de **vente en ligne**, car elle permet d'attirer et de fidéliser les clients. L'utilisation de CSS Grid permet également d'améliorer le **référencement** du site web, car les moteurs de recherche privilégient les sites web performants et accessibles.
La migration d'un frameset vers une mise en page moderne peut sembler complexe, mais en suivant une approche méthodique et en utilisant les bons outils, il est possible de moderniser un site web obsolète sans trop de difficultés. La première étape consiste à évaluer le code existant et à comprendre comment les frames interagissent les uns avec les autres. Cette migration est essentielle pour améliorer l'**expérience utilisateur**, la **performance web** et le **référencement** du site web. Les stratégies de **marketing digital** doivent intégrer la migration des framesets vers des techniques de **web design** modernes.
Évaluation du code existant
Analysez attentivement la structure HTML du frameset, en identifiant les éléments clés tels que la balise ` `, les balises ` ` et les attributs `rows`, `cols` et `src`. Comprenez comment les frames interagissent les uns avec les autres, en examinant l'attribut `target` des liens et des formulaires. Cette analyse permettra de planifier la migration de manière efficace et de minimiser les risques d'erreurs. Cette étape est cruciale pour garantir une transition fluide vers une mise en page moderne. Les techniques de **gestion de contenu** peuvent être utilisées pour faciliter l'analyse et la migration du code.
Planification de la migration
Définissez la nouvelle structure HTML en utilisant des ` ` ou des balises sémantiques (
Étapes de la migration
La migration se déroule en plusieurs étapes :
- Remplacer le frameset par une structure HTML plus moderne, en utilisant des balises sémantiques.
- Utiliser CSS Grid et/ou Flexbox pour recréer la mise en page, en tenant compte des contraintes de responsive design.
- Adapter la navigation pour une nouvelle structure, en utilisant des liens et des formulaires traditionnels.
- Tester la mise en page sur différents navigateurs et appareils, pour garantir la compatibilité.
- Mettre en place des redirections 301 pour préserver le référencement, en indiquant aux moteurs de recherche que le contenu a été déplacé de manière permanente.
Refactoring du HTML
La première étape consiste à remplacer la balise ` ` et les balises ` ` par une structure HTML plus moderne, en utilisant des ` ` ou des balises sémantiques pour organiser le contenu. Il est important de conserver la même structure logique que dans le frameset, afin de faciliter la transition vers la nouvelle mise en page. Cette étape est essentielle pour garantir la cohérence du site web et pour faciliter la **maintenance** du code. Les techniques de **gestion de contenu** peuvent être utilisées pour automatiser le refactoring du code.
Implémentation du CSS
Utilisez CSS Grid et/ou Flexbox pour recréer la mise en page, en définissant les lignes, les colonnes, les zones de grille et les règles d'alignement. Tenez compte des contraintes de responsive design et assurez-vous que la mise en page s'adapte correctement aux différents écrans. Cette étape est cruciale pour créer un site web visuellement attractif et facile à naviguer. Les techniques de **web design** modernes offrent une grande flexibilité et permettent de créer des mises en page responsives et accessibles.
Gestion de la navigation
Adaptez la navigation pour qu'elle fonctionne avec la nouvelle structure HTML, en utilisant des liens et des formulaires traditionnels. Si nécessaire, utilisez JavaScript pour gérer l'état de la navigation et assurer une expérience utilisateur fluide. Cette étape est essentielle pour garantir une navigation intuitive et agréable pour les utilisateurs. Les techniques de **marketing web** privilégient l'utilisation de JavaScript pour améliorer l'**expérience utilisateur**.
Tests
Testez la mise en page sur différents navigateurs et appareils, afin de vous assurer qu'elle s'affiche correctement et qu'elle est compatible avec les différentes versions des navigateurs. Corrigez les bugs et les problèmes d'affichage qui pourraient survenir. Cette étape est cruciale pour garantir une **expérience utilisateur** optimale et pour éviter de frustrer les utilisateurs. Les techniques de **test web** permettent d'automatiser les tests et de détecter rapidement les problèmes.
Il est conseillé d'effectuer des tests sur au moins **5 navigateurs différents** afin d'assurer la compatibilité maximale, garantissant ainsi une **expérience utilisateur** homogène pour tous les visiteurs du site web.
Redirections
Mettez en place des redirections 301 des anciennes URLs de frames vers les nouvelles URLs, afin de préserver le référencement de votre site web. Les redirections 301 indiquent aux moteurs de recherche que le contenu a été déplacé de manière permanente vers une nouvelle adresse. Cette étape est essentielle pour maintenir la **visibilité en ligne** du site web et pour éviter de perdre du trafic. Les techniques de **référencement** privilégient l'utilisation de redirections 301 pour garantir une transition fluide vers une nouvelle structure.
Les redirections 301 permettent de conserver environ **90%** du référencement acquis par les anciennes pages, ce qui est essentiel pour maintenir la **visibilité en ligne** du site web et pour éviter de perdre des clients.
Points d'attention
Lors de la migration, il est important de tenir compte des points suivants : gestion de la compatibilité avec les anciens navigateurs (polyfill si nécessaire), assurer l'accessibilité de la nouvelle mise en page et optimiser le code pour la performance. Il est important d'utiliser un validateur HTML pour s'assurer que le code est conforme aux normes web. Cette étape est cruciale pour garantir une **expérience utilisateur** optimale et pour éviter de rencontrer des problèmes techniques. Les techniques de **web design** modernes privilégient l'utilisation de code valide et accessible.
Les framesets ont été une solution populaire pour la mise en page web, mais ils présentent de nombreux inconvénients qui les rendent inadaptés aux sites web modernes. CSS Grid et Flexbox offrent des alternatives plus performantes, flexibles et accessibles, permettant de créer des interfaces utilisateur riches et responsives. En abandonnant les framesets et en adoptant les technologies modernes, vous pouvez améliorer l'expérience utilisateur, le référencement et l'accessibilité de votre site web. Cette migration est essentielle pour mettre en œuvre des stratégies de **marketing digital** efficaces et pour améliorer la **performance web** de votre site web.
Migrer vers une structure moderne est indispensable pour rester compétitif et pour offrir une **expérience utilisateur** optimale. L'utilisation de techniques de **web design** modernes est essentielle pour garantir le succès de votre **marketing en ligne** et pour améliorer le **référencement** de votre site web.