AVANT / APRÈSHuit commerces,
Huit commerces,
avant et après nous.
Les commerces sont inventés, les sites sont vrais : pour chacun, nous avons mis en ligne l’ancien et le nouveau, puis nous les avons vérifiés. Choisissez un métier, puis faites glisser sur l’image.
Le nouveau site de Trattoria Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Une pizza margherita, une assiette de pâtes et deux verres de vin rouge sur une table en bois ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Pizzas au feu de bois. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 8 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Réserver une table ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 92 |
| Lisible par tous | 58 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 100 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Plomberie Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Un plombier ouvre un robinet de cuisine, sa caisse à outils ouverte sur le plan de travail ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Une fuite ? Appelez, on décroche. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 11 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Appeler le plombier ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 91 |
| Lisible par tous | 58 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 98 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Élec Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Un électricien casqué intervient sur un tableau électrique ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Plus de courant ? On vient voir. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 11 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Appeler l'électricien ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 91 |
| Lisible par tous | 58 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 98 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Garage Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Une voiture blanche sur un pont élévateur dans l'atelier du garage ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Entretien, freins, pneus. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 11 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Prendre rendez-vous ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 92 |
| Lisible par tous | 58 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 100 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Salon Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Une coiffeuse coupe une mèche de cheveux blonds aux ciseaux ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Coupe, couleur, brushing. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 8 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Prendre rendez-vous ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 92 |
| Lisible par tous | 58 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 100 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Institut Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Une esthéticienne applique un masque au pinceau sur le visage d'une cliente ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Une heure pour vous, sur rendez-vous. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 14 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Prendre rendez-vous ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 92 |
| Lisible par tous | 57 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 100 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Toiture Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Un couvreur casqué travaille sur un toit, sous un ciel bleu ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Une fuite au toit ? On monte voir. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 12 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Demander une visite ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 92 |
| Lisible par tous | 58 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 100 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Le nouveau site de Maison Exemple a été fait par Everywhere, notre maison sœur. Voir un site comme celui-ci pour votre métier
De près
Six défauts, et ce que nous avons changé.
1. La photo
- Avant
- Étirée pour remplir le bandeau, et sans description : une personne aveugle ne sait pas ce qu’elle montre.
- Après
- Recadrée sans être déformée, et décrite en quelques mots : « Miches au levain rangées sur une étagère en bois, à la sortie du four ».
2. Le titre
- Avant
- Deux « Bienvenue » à la suite, et rien n’indique à Google le vrai titre de la page.
- Après
- Un vrai titre, qui dit ce que fait le commerce : « Le pain sort du four à 7 h. »
3. Le texte
- Avant
- Écrit tout petit, en gris clair sur blanc : 13 passages trop pâles pour être lus sans effort.
- Après
- Des lettres plus grandes et plus foncées, vérifiées partout sur la page.
4. Le téléphone
- Avant
- Écrit en petit en haut de la page ; sur un téléphone, appuyer dessus n’appelle pas.
- Après
- Un bouton « Appeler » en haut de la page, et les horaires du jour juste au-dessus du bouton « Commander par téléphone ».
5. Les cookies
- Avant
- Un bandeau collé en bas de l’écran, avec un seul bouton « OK » : impossible de dire non.
- Après
- Le site ne pose aucun cookie, donc plus de bandeau.
6. Sur téléphone
- Avant
- La page prévue pour un ordinateur, rétrécie dans l’écran : il faut zoomer pour lire.
- Après
- Une page pensée pour le téléphone, lisible sans zoomer.
| Ce qui est noté | Avant | Après |
|---|---|---|
| Note globale | 75 | 92 |
| Lisible par tous | 57 | 99 |
| Sécurité | 82 | 96 |
| Pour vous joindre | 86 | 100 |
| Défauts graves pour les personnes qui voient mal | 3, dont 1 très grave | 0 |
| Note de lisibilité donnée par l’outil de Google | 43 | 100 |
Les sites de démonstration sont volontairement cachés de Google, ce qui baisse leur note « Sur Google ». Le décor de la photo est fait par une intelligence artificielle ; les écrans montrent les vraies captures des sites. Photos des sites : Freepik.