Un site qui fonctionne sur téléphone et dans Google

La plupart des gens visitent le site d'une petite entreprise sur leur téléphone, et Google juge ton site sur sa version mobile. Vérifie ces points avant de publier, ou donne cette page à l'outil d'IA qui construit ton site. Le AGENTS.md du portail les contient déjà.

Sur un téléphone

• Chaque page a <meta name="viewport" content="width=device-width, initial-scale=1"> dans son <head>. Sans cette ligne, un téléphone affiche une page de bureau réduite.
• Rien n'est plus large que l'écran. Essaie à 360 et 390 pixels de large. Donne aux images max-width: 100% et place un tableau large dans sa propre zone qui défile.
• Les boutons et les liens font au moins 24 sur 24 pixels, et 44 sur 44 c'est mieux.
• Le texte fait au moins 16 pixels, et les champs de saisie aussi : sous 16 pixels, un iPhone zoome dès que tu en touches un.
• Un menu s'ouvre quand tu le touches. Un téléphone ne connaît pas le survol.
• Les champs de saisie ont le bon type, inputmode et autocomplete, par exemple type="tel" et autocomplete="tel" pour un numéro de téléphone.

Images

• Chaque <img> a une width, une height et un texte alt. La page ne saute pas pendant le chargement, et un lecteur d'écran sait ce que montre l'image.
• Garde une photo sous 500 Ko et sous 2400 pixels de large. WebP ou AVIF fait gagner le plus.
• Donne-lui un nom qui dit ce qu'elle montre : renovation-cuisine-zwolle.jpg au lieu de IMG_1234.jpg.
• Avec un Website, nous retirons la position (GPS) de tes photos avant leur mise en ligne. Si cela échoue pour une photo, la réponse à ta publication le dit, voir Ce qui est analysé. Dans une App, tu le fais toi-même.

Dans Google

• Chaque page a son propre <title>, une <meta name="description"> et exactement un <h1>.
• canonical et og:url pointent vers l'adresse où la page est en ligne. Avec ton propre domaine, c'est le domaine, pas l'adresse en .dorelli.cloud.
• Mets les données de ton entreprise en JSON-LD avec un type schema.org comme LocalBusiness, HairSalon ou HomeAndConstructionBusiness, avec au moins name et address. Le numéro de téléphone y est le même que sur la page, et utilise un seul numéro sur toutes les pages.
• Laisse AggregateRating et Review sur ta propre entreprise hors du JSON-LD. Google n'affiche pas d'étoiles pour les avis qu'une entreprise publie sur elle-même.
• Les liens pointent vers des pages qui existent.
• Pour un Website : sur son adresse en .dorelli.cloud, un site d'essai reste hors de Google. Sur ton propre domaine, ou avec un abonnement, Google peut l'indexer, et si ton site n'a pas son propre sitemap.xml, nous en créons un à partir de tes pages.

Vie privée

• Ne charge pas tes polices depuis Google Fonts : Google reçoit alors l'adresse IP de chaque visiteur. Mets-les dans ton CSS sous forme d'URI data: dans @font-face, ou utilise les polices de l'appareil. Un sous-ensemble en woff2 avec une ou deux graisses reste léger. Avec un Website, un fichier de police dans le dossier de ton site ne se charge pas sur une adresse en .dorelli.cloud, car le site y tourne dans un bac à sable fermé ; le navigateur affiche alors sans rien dire une autre police.
• Une vidéo YouTube, une carte Google Maps ou un bouton Facebook envoie aussi des données des visiteurs à ces entreprises. Mentionne-les dans ta politique de confidentialité.