--- titel_en: A site that works on a phone and in Google titel_nl: Een site die werkt op een telefoon en in Google categorie: deploy bundels: website, app geverifieerd_op: 2026-10-27 bewijs: lib/agents-md.ts, lib/site-serveren.ts, lib/beeld-metadata.ts, scripts/agent-test/asserts.mjs zoekwoorden: mobile, mobiel, phone, telefoon, seo, google, viewport, images, afbeeldingen, json-ld, schema.org, canonical, fonts --- ## en Most people who visit a small business site do so on a phone, and Google judges your site by its phone version. Check these points before you publish, or give this page to the AI tool that builds your site. The `AGENTS.md` from the portal already contains them. **On a phone** - Every page has `` in its ``. Without it a phone shows a shrunken desktop page. - Nothing is wider than the screen. Try it at 360 and 390 pixels wide. Give images `max-width: 100%` and put a wide table in its own scrolling box. - Buttons and links are at least 24 by 24 pixels, and 44 by 44 is better. - Text is at least 16 pixels, and so are form fields: below 16 pixels an iPhone zooms in as soon as you tap one. - A menu opens when you tap it. A phone has no hover. - Form fields have the right `type`, `inputmode` and `autocomplete`, such as `type="tel"` and `autocomplete="tel"` for a phone number. **Images** - Every `` has a `width`, a `height` and an `alt` text. Then the page does not jump while it loads, and a screen reader knows what is in the picture. - Keep a photo under 500 KB and under 2400 pixels wide. WebP or AVIF saves the most. - Give it a name that says what is in it: `kitchen-renovation-zwolle.jpg` instead of `IMG_1234.jpg`. - With a Website we remove the location (GPS) from your photos before they go online. If that fails for a photo, the response of your publication says so, see [What gets scanned](/docs/trial/moderation). In an App you do this yourself. **In Google** - Every page has its own ``, a `<meta name="description">` and exactly one `<h1>`. - `canonical` and `og:url` point to the address where the page is live. With a domain of your own, that is the domain and not the `.dorelli.cloud` address. - Put your business details in JSON-LD with a schema.org type such as `LocalBusiness`, `HairSalon` or `HomeAndConstructionBusiness`, with at least `name` and `address`. The phone number there is the same as the one on the page, and use one number on every page. - Leave `AggregateRating` and `Review` about your own business out of the JSON-LD. Google does not show stars for reviews a business publishes about itself. - Links point to pages that exist. - For a Website: on its `.dorelli.cloud` address a trial site stays out of Google. On a domain of your own, or with a subscription, Google may index it, and if your site has no `sitemap.xml` of its own, we make one from your pages. **Privacy** - Do not load your fonts from Google Fonts: Google then receives the IP address of every visitor. Put them in your CSS as a `data:` URI in `@font-face`, or use the fonts of the device. A subset in woff2 with one or two weights keeps that small. With a Website, a font file in your site's folder does not load on a `.dorelli.cloud` address, because the site runs there in a closed sandbox; the browser then quietly shows another font. - A YouTube video, a Google Maps map or a Facebook button also sends visitor data to those companies. Mention them in your privacy statement. ## nl 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](/docs/trial/moderation). 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.