Eine Seite, die auf dem Handy und in Google funktioniert

Die meisten Menschen besuchen die Seite eines kleinen Betriebs auf dem Handy, und Google bewertet deine Seite nach der Handy-Version. Geh diese Punkte durch, bevor du veröffentlichst, oder gib diese Seite dem KI-Tool, das deine Seite baut. Die AGENTS.md aus dem Portal enthält sie schon.

Auf dem Handy

• Jede Seite hat <meta name="viewport" content="width=device-width, initial-scale=1"> im <head>. Ohne diese Zeile zeigt ein Handy eine verkleinerte Desktopseite.
• Nichts ist breiter als der Bildschirm. Probier es bei 360 und 390 Pixeln Breite aus. Gib Bildern max-width: 100% und setz eine breite Tabelle in einen eigenen Bereich, der scrollt.
• Schaltflächen und Links sind mindestens 24 mal 24 Pixel groß, 44 mal 44 ist besser.
• Text hat mindestens 16 Pixel, Eingabefelder ebenso: unter 16 Pixeln zoomt ein iPhone hinein, sobald du eines antippst.
• Ein Menü öffnet sich, wenn du es antippst. Ein Handy kennt kein Hover.
• Eingabefelder haben den passenden type, inputmode und autocomplete, etwa type="tel" und autocomplete="tel" für eine Telefonnummer.

Bilder

• Jedes <img> hat eine width, eine height und einen alt-Text. Dann springt die Seite beim Laden nicht, und ein Screenreader weiß, was auf dem Bild ist.
• Halte ein Foto unter 500 KB und unter 2400 Pixeln Breite. WebP oder AVIF spart am meisten.
• Gib ihm einen Namen, der sagt, was darauf ist: kuechenumbau-zwolle.jpg statt IMG_1234.jpg.
• Bei einer Website entfernen wir den Standort (GPS) aus deinen Fotos, bevor sie online gehen. Klappt das bei einem Foto nicht, steht es in der Antwort auf deine Veröffentlichung, siehe Was gescannt wird. In einer App machst du das selbst.

In Google

• Jede Seite hat einen eigenen <title>, eine <meta name="description"> und genau eine <h1>.
• canonical und og:url zeigen auf die Adresse, unter der die Seite live ist. Mit eigener Domain ist das die Domain, nicht die Adresse auf .dorelli.cloud.
• Setz deine Firmendaten in JSON-LD mit einem schema.org-Typ wie LocalBusiness, HairSalon oder HomeAndConstructionBusiness, mit mindestens name und address. Die Telefonnummer dort ist dieselbe wie auf der Seite, und nutze auf jeder Seite eine Nummer.
• Lass AggregateRating und Review über deinen eigenen Betrieb aus dem JSON-LD heraus. Google zeigt keine Sterne für Bewertungen, die ein Betrieb über sich selbst veröffentlicht.
• Links zeigen auf Seiten, die es gibt.
• Bei einer Website: Unter ihrer Adresse auf .dorelli.cloud bleibt eine Testseite außerhalb von Google. Auf einer eigenen Domain oder mit einem Abo darf Google sie aufnehmen, und hat deine Seite keine eigene sitemap.xml, machen wir eine aus deinen Seiten.

Datenschutz

• Lade deine Schriften nicht bei Google Fonts: Dann erhält Google die IP-Adresse jedes Besuchers. Setz sie in dein CSS als data:-URI in @font-face, oder nutze die Schriften des Geräts. Ein Subset in woff2 mit einem oder zwei Schnitten hält das klein. Bei einer Website lädt eine Schriftdatei im Ordner deiner Seite auf einer Adresse auf .dorelli.cloud nicht, weil die Seite dort in einer geschlossenen Sandbox läuft; der Browser zeigt dann still eine andere Schrift.
• Ein YouTube-Video, eine Karte von Google Maps oder ein Facebook-Button schickt ebenfalls Daten von Besuchern an diese Firmen. Nenne sie in deiner Datenschutzerklärung.