Een site die werkt op een telefoon en in Google

De meeste mensen bezoeken de site van een klein bedrijf op hun telefoon, en Google beoordeelt je site op de telefoonversie. Loop deze punten na voordat je publiceert, of geef deze pagina aan de AI-tool die je site bouwt. De AGENTS.md uit het portaal bevat ze al.

Op een telefoon

• Elke pagina heeft <meta name="viewport" content="width=device-width, initial-scale=1"> in de <head>. Zonder die regel toont een telefoon een verkleinde desktoppagina.
• Niets is breder dan het scherm. Probeer het op 360 en 390 pixels breed. Geef afbeeldingen max-width: 100% en zet een brede tabel in een eigen vak dat scrolt.
• Knoppen en links zijn minstens 24 bij 24 pixels, en 44 bij 44 is beter.
• Tekst is minstens 16 pixels, en invoervelden ook: kleiner, en een iPhone zoomt in zodra je er een aantikt.
• Een menu gaat open als je erop tikt. Een telefoon kent geen hover.
• Invoervelden hebben het juiste type, inputmode en autocomplete, zoals type="tel" en autocomplete="tel" voor een telefoonnummer.

Afbeeldingen

• Elke <img> heeft een width, een height en een alt-tekst. Dan verspringt de pagina niet tijdens het laden, en weet een schermlezer wat er op de foto staat.
• Houd een foto onder de 500 KB en onder de 2400 pixels breed. WebP of AVIF scheelt het meest.
• Geef hem een naam die zegt wat erop staat: keuken-verbouwing-zwolle.jpg in plaats van IMG_1234.jpg.
• Bij een Website halen wij de locatie (GPS) uit je foto's voordat ze online komen. Lukt dat bij een foto niet, dan staat dat in het antwoord op je publicatie, zie Wat wordt er gescand. In een App doe je dat zelf.

In Google

• Elke pagina heeft een eigen <title>, een <meta name="description"> en precies één <h1>.
• canonical en og:url wijzen naar het adres waar de pagina live staat. Met een eigen domein is dat het domein, niet het adres op .dorelli.cloud.
• Zet je bedrijfsgegevens in JSON-LD met een schema.org-type zoals LocalBusiness, HairSalon of HomeAndConstructionBusiness, met minstens name en address. Het telefoonnummer daarin is hetzelfde als op de pagina, en gebruik op elke pagina één nummer.
• Laat AggregateRating en Review over je eigen bedrijf uit de JSON-LD. Google toont geen sterren bij reviews die een bedrijf over zichzelf publiceert.
• Links wijzen naar pagina's die bestaan.
• Bij een Website: op het adres op .dorelli.cloud blijft een proefsite buiten Google. Op een eigen domein, of met een abonnement, mag Google hem opnemen, en heeft je site geen eigen sitemap.xml, dan maken wij er een uit je pagina's.

Privacy

• Laad je lettertypen niet bij Google Fonts: dan krijgt Google het IP-adres van elke bezoeker. Zet ze in je CSS als data:-URI in @font-face, of gebruik de lettertypen van het apparaat. Een subset in woff2 met één of twee diktes houdt dat klein. Bij een Website laadt een lettertypebestand in de map van je site niet op een adres op .dorelli.cloud, want de site draait daar in een afgesloten sandbox; de browser toont dan stil een ander lettertype.
• Een YouTube-video, een kaart van Google Maps of een knop van Facebook stuurt ook gegevens van bezoekers naar die bedrijven. Noem ze in je privacyverklaring.