Sites web d'entreprise

Ce que comprend un site Whitewater

Chaque projet livre la même substance. Le design et les mots changent selon le client ; le socle technique, lui, ne bouge pas.

Construit pour être trouvé

Pour la plupart des entreprises, la recherche organique est le principal moyen par lequel un nouveau client arrive. Le référencement est donc une exigence de conception, pas une réflexion après coup ajoutée par une agence tierce.

• La structure d'abord. Une page par intention de recherche, avec des titres qui répondent à la question tapée par l'internaute et des liens internes qui rendent la hiérarchie lisible.
• Une balise head soignée sur chaque page. Un titre et une méta-description uniques, une seule URL canonique, et des cartes sociales qui s'affichent correctement quand quelqu'un colle le lien dans une conversation.
• Des données structurées issues du contenu visible. Le balisage Organization, Service et fil d'Ariane est généré depuis la même source que celle qui s'affiche, si bien que les données lues par un moteur de recherche ne peuvent jamais s'écarter de ce qu'une personne voit.
• Un index lisible par les machines. Un fichier sitemap couvrant chaque langue, un fichier robots qui le référence, et un fichier llms.txt pour les robots qui résument désormais les sites pour les internautes.
• Une indexation instantanée. Chaque déploiement en production notifie le point de terminaison IndexNow avec les URL modifiées, si bien que les moteurs compatibles apprennent un changement en quelques minutes plutôt qu'à leur prochaine exploration.
• Les Core Web Vitals dès la conception. Une livraison statique, des ressources immuables hachées et l'absence de scripts tiers sont le chemin le plus court vers de bonnes données de terrain, elles-mêmes un facteur de classement.
• Ce que nous ne prétendrons jamais. Personne ne peut vous vendre un classement. Nous construisons le socle technique et éditorial qui permet à un contenu solide de rivaliser, nous le mesurons après le lancement, et nous vous disons clairement ce qui échappe à notre contrôle.

Utilisable par tous, pas seulement par la plupart

L'accessibilité est à la fois un risque juridique, un signal pour le référencement et un signal de qualité. Nous considérons le niveau AA des WCAG 2.2 comme un plancher, et nous le vérifions mécaniquement plutôt que de l'affirmer dans une plaquette commerciale.

• Audité page par page, taille d'écran par taille d'écran, thème par thème. Un audit automatisé s'exécute sur chaque page compilée aux largeurs mobile, tablette et ordinateur, dans les thèmes clair et sombre, et la moindre violation fait échouer la compilation.
• Un vrai support du clavier. Un lien d'évitement comme premier arrêt, un anneau de focus visible partout, et un ordre de tabulation qui suit la page.
• Le contraste dans les deux thèmes. Les couleurs du texte et de l'interface sont vérifiées contre leur véritable arrière-plan, aussi strictement en sombre qu'en clair.
• Un mouvement qui demande la permission. Tout ce qui bouge est désactivé pour un visiteur dont le système demande une réduction des animations, et une image statique s'affiche à la place.
• Un balisage sémantique. Des repères de structure, un seul titre par niveau dans l'ordre, des champs de formulaire étiquetés, et un texte alternatif descriptif sur chaque image.
• Des zones cliquables confortables. Chaque élément interactif dépasse le minimum de 24 pixels, vérifié par la mesure plutôt qu'à l'œil.
• Les mains au clavier, aussi. Les vérifications automatisées attrapent beaucoup de choses, mais pas tout ; nous naviguons donc aussi le site au clavier et le lisons à petite taille avant sa mise en ligne.

Un seul site, toutes les langues où vous vendez

Un widget de traduction posé sur une page anglaise est invisible pour les moteurs de recherche et désagréable à lire. Un vrai support multilingue est une décision de routage et de rédaction, prise dès le départ.

• Une route par langue. Chaque page existe à sa propre URL dans chaque langue, si bien que chacune peut être indexée, liée et partagée.
• Des signaux corrects. Un groupe de balises hreflang avec un x-default sur chaque page, ainsi qu'une URL canonique qui pointe vers la page elle-même plutôt que vers l'original anglais.
• La lecture de droite à gauche gérée dans la mise en page. La feuille de style utilise des propriétés logiques de bout en bout, si bien que l'arabe reflète toute la composition au lieu de la rafistoler.
• Rédigé, pas traduit automatiquement. Le contenu est écrit langue par langue dans la voix de la marque. Un texte généré automatiquement se reconnaît comme tel, et les acheteurs le remarquent.
• Des polices au poids honnête. Les polices sont sous-ensemblées par écriture, et le texte non latin retombe sur une police système plutôt que d'envoyer des mégaoctets à un téléphone.
• Un sélecteur de langue qui n'a besoin d'aucun JavaScript. De simples liens entre la même page dans chaque langue, sans cookie ni redirection devinée.

Verrouillé, et le courrier arrive

Un site vitrine est une petite surface d'attaque qu'il vaut mieux garder petite, et un formulaire de contact ne sert à rien si son courrier atterrit dans les indésirables.

• Une véritable politique de sécurité du contenu. Aucune tolérance pour les scripts en ligne non déclarés : chaque script en ligne est épinglé par hachage, et tout le reste est refusé, ce qui empêche un script injecté de s'exécuter.
• Des en-têtes de transport et de navigateur dès le premier jour. Sécurité de transport stricte, aucun reniflage de contenu, une politique de référent et une protection contre l'intégration en cadre sont présentes dès le premier déploiement.
• Des défenses de formulaire en couches. Un défi Turnstile pour vérifier l'humain, un piège invisible pour les robots naïfs, une vérification du temps de remplissage pour les plus rapides, et une validation côté serveur avec des limites de longueur sur chaque champ.
• La délivrabilité vérifiée à chaque déploiement. Le domaine d'expédition est vérifié à chaque publication, si bien qu'un formulaire qui cesse de délivrer est repéré par nous, et non par un client resté sans réponse.
• Aucun traceur par défaut. Rien de tiers ne se charge sans que vous le demandiez, et le seul outil d'analyse que nous installons se passe de cookies, ce qui signifie aussi aucune bannière de consentement.
• Les secrets restent hors du dépôt. Les clés vivent dans un coffre-fort de secrets et atteignent le site en fonctionnement sous forme de variables d'environnement, jamais comme un fichier dans git.

Ce qui vous appartient à la fin

Vous êtes propriétaire du dépôt, du contenu, du domaine et du compte d'hébergement. Le site tourne sur une infrastructure à votre nom, si bien que rien de ce que nous construisons ne dépend de notre existence continue. Aucun éditeur propriétaire, aucune licence par utilisateur, aucun constructeur de pages loué à payer indéfiniment.

Nous garder pour les évolutions est en général le chemin le plus rapide, mais c'est une préférence, pas une contrainte. N'importe quel développeur compétent peut cloner le dépôt, lire les tests et livrer la prochaine modification sans nous.

Comment se déroule un projet Des logiciels au-delà du site web