Ratgeber

Website am Handy: worauf es bei kleinen Betrieben ankommt

Die meisten Besucher lokaler Betriebe kommen heute vom Smartphone. Viele Websites stammen aber noch aus einer Zeit, in der niemand daran gedacht hat. Hier steht, was eine Website am Handy können muss, woran man eine veraltete erkennt und wie Sie Ihre eigene in ein paar Minuten selbst prüfen.

Von Julian Rektenwald, RHost e.U. · Zuletzt aktualisiert:

Kurz beantwortet

Was „handytauglich“ konkret heißt

Handytauglich ist eine Website, wenn man sie am Smartphone ohne Umwege benutzen kann. Der Text ist lesbar, ohne dass man hineinzoomt, nichts ragt seitlich aus dem Bildschirm, das Menü lässt sich mit dem Daumen bedienen, die Telefonnummer ist antippbar, und die Seite ist da, bevor der Besucher die Geduld verliert. Ob das Design modern oder schlicht ist, ist weniger wichtig als diese fünf Punkte.

Lesbar ohne ZoomenDie Schrift ist im Hochformat groß genug, die Zeilen brechen an der Bildschirmbreite um. Niemand muss die Seite mit zwei Fingern aufziehen. Vergrößern lässt sie sich trotzdem, für alle, die es brauchen.
Kein QuerscrollenDie Seite ist genau so breit wie der Bildschirm. Nichts steht rechts über, keine Tabelle und kein Bild schiebt den Inhalt zur Seite.
Telefonnummer antippbarEin Fingertipp auf die Nummer öffnet die Telefon-App, die Nummer ist schon eingetragen. Niemand muss sie abtippen oder kopieren.
Menü bedienbarDas Menü öffnet sich mit einem Fingertipp, die Einträge sind groß genug für den Finger, und Unterseiten sind erreichbar, ohne über etwas „schweben“ zu müssen.
Schnell geladenAuch im Mobilfunknetz erscheint der Inhalt nach wenigen Sekunden und nicht erst, wenn riesige Bilder und fremde Skripte fertig geladen sind.

Auch Google achtet darauf. Seit einigen Jahren bewertet Google Websites vor allem in ihrer Handy-Fassung, das nennt sich Mobile-First-Indexierung, und ruft sie dafür so auf wie ein Smartphone. Was in der Handy-Fassung fehlt, fehlt auch im Suchindex, und die Ladezeit am Handy fließt über die Core Web Vitals in die Bewertung ein. Sieht eine Website am Desktop tadellos aus und am Handy nicht, wird sie so bewertet, wie sie am Handy ist.

Typische Fehler

Woran man alte Websites am Handy erkennt

Viele Websites kleiner Betriebe wurden für einen Monitor mit fester Breite gebaut, und daran hat sich bis heute nichts geändert. Wenn wir uns eine bestehende Seite ansehen, finden wir diese Fehler immer wieder, oft mehrere auf einmal.

Illustration: dieselbe Gasthaus-Website vorher und nachher am Handy – links winzige Schrift, Speisekarte als PDF und Telefonnummer als Bild, rechts große Überschrift, Button „Jetzt anrufen“, Öffnungszeiten und Speisekarte direkt lesbar
Feste BreitenDie Seite ist auf eine bestimmte Pixelbreite gebaut. Am Handy wird sie entweder winzig verkleinert oder ragt seitlich hinaus. In beiden Fällen muss man zoomen und quer scrollen.
Winzige SchriftWas am Monitor lesbar war, wird am Smartphone auf Briefmarkengröße gestaucht. Die Besucher zoomen hinein und verlieren dabei den Zeilenanfang aus dem Blick.
Tabellenlayouts und Flash-ResteSeiten, deren ganzer Aufbau aus HTML-Tabellen besteht, lassen sich nur mit viel Aufwand an schmale Bildschirme anpassen. Flash-Inhalte zeigt kein heutiger Browser mehr an, an ihrer Stelle bleibt eine leere Fläche.
Riesige, unkomprimierte FotosBilder, die in voller Kameraauflösung hochgeladen wurden, wiegen oft mehrere Megabyte. Am Handy werden sie nur wenige hundert Pixel breit angezeigt, der Rest der Datenmenge wird umsonst geladen.
Menüs, die nur mit der Maus aufgehenUntermenüs, die sich öffnen, wenn die Maus darüber steht, lassen sich mit dem Finger nicht bedienen. Am Handy kommt man dann an die Unterseiten gar nicht heran.
Telefonnummer als BildEine Nummer, die als Grafik eingebunden ist, lässt sich nicht kopieren und meist auch nicht antippen. Der Besucher muss sie abtippen und vertippt sich dabei leicht. Als Text ist sie für alle besser zugänglich.
Speisekarte oder Preisliste als PDFEin PDF öffnet sich am Handy oft in einer eigenen Ansicht, ist für ein A4-Blatt gesetzt und nur mit Zoomen lesbar. Wer schnell wissen will, was es kostet, gibt hier häufig auf.
Cookie-Banner und PopupsEin Banner, das den ganzen Bildschirm verdeckt, oder ein Newsletter-Popup beim ersten Aufruf legen sich genau über den Bereich, in dem Telefonnummer und Öffnungszeiten stehen. Am Handy gibt es keinen Rand, an dem der Inhalt noch sichtbar bliebe.

Einzeln wirkt jeder dieser Fehler klein, und doch kann schon einer eine Anfrage kosten. Kommen mehrere zusammen, schließen viele Besucher die Seite und rufen beim nächsten Betrieb in der Trefferliste an.

Reihenfolge

Was am Handy zuerst sichtbar sein muss

Wer die Website eines lokalen Betriebs am Smartphone aufruft, will meist etwas Bestimmtes: anrufen, hinfahren, wissen, ob offen ist, oder in einem Satz erfahren, was der Betrieb anbietet. Das gehört auf den ersten Bildschirm, sodass man es sieht, ohne zu scrollen oder das Menü zu öffnen.

TelefonDie Nummer steht sichtbar oben und ist als Anruf-Link hinterlegt (im Quelltext ein tel:-Link). Ein Fingertipp genügt, und das Handy wählt.
Adresse und RouteDie Anschrift ist als Text angegeben und mit einem Link zum Routenplaner verbunden. Ein Tipp darauf öffnet die Karten-App des Besuchers mit dem Ziel. Eine Karte müssen Sie dafür nicht einbetten.
ÖffnungszeitenAls Text, nicht als Bild und nicht in einem PDF. Am besten in einer Form, die auch ein Suchdienst lesen kann.
Das Angebot in einem SatzWas Sie tun und für wen, so formuliert, dass es auch jemand versteht, der Ihren Betrieb noch nicht kennt. Der Rest kann weiter unten stehen.
WhatsAppBetriebe, die ohnehin über WhatsApp mit Kunden schreiben, verlinken den Chat direkt. Für viele Kunden ist das einfacher als jedes Formular.

Der Anruf-Link ist die einfachste Verbesserung und bringt am meisten. Im Quelltext sieht er so aus:

<a href="tel:+4367761240130">+43 677 612 401 30</a>

Er kostet nichts, funktioniert auf jedem Smartphone und lässt sich auch in eine bestehende Website nachträglich einbauen. Dasselbe gilt für den Routen-Link auf die Adresse und für einen E-Mail-Link (mailto:), der gleich das Mailprogramm öffnet.

Was diese Angaben verdeckt oder nach unten schiebt, etwa Bildergalerien, Begrüßungstexte, Slider mit wechselnden Fotos oder Banner, kommt weiter nach unten oder ganz weg. Warum ein Cookie-Banner bei vielen Websites gar nicht nötig ist, erklären wir im Ratgeber zur Website ohne Cookie-Banner.

Ladezeit

Ladezeit: warum Websites am Handy langsam sind und was hilft

Im WLAN am eigenen Schreibtisch lädt fast jede Website erträglich schnell. Unterwegs im Mobilfunknetz, wo der Empfang schwankt, merkt man erst, wie schwer eine Seite ist. Die Ursachen sind fast immer dieselben, und man kann sie alle beheben.

Bilder in passender GrößeJedes Bild wird in der Breite gespeichert, in der es auch angezeigt wird, und in einem modernen Format wie WebP oder AVIF. Solche Dateien sind bei gleicher Qualität deutlich kleiner als JPEG oder PNG. Für große Bildschirme kann der Browser eine größere Fassung nachladen, das Handy bekommt die kleine.
Schriften vom eigenen WebspaceSchriften von fremden Servern brauchen eine zusätzliche Verbindung, bevor der Text erscheint. Lokal eingebundene Schriften sind schneller da, und nebenbei gehen dafür keine Besucherdaten an einen Schriftanbieter.
Keine Bibliotheken-SammlungViele Baukästen und fertige Designvorlagen laden auf jeder Seite Dutzende Skripte und Stylesheets, von denen die Seite nur einen Bruchteil nutzt. Eine schlanke Website lädt nur, was sie braucht.
Hosting mit Serverstandort in Österreich oder der EUJe näher der Server, desto kürzer der Weg für jede Anfrage. Ein Server in der EU ist für Besucher aus Wien und Niederösterreich schneller erreichbar als einer in Übersee. Datenschutzrechtlich macht er vieles einfacher.

Ladezeit selbst grob prüfen

Für einen ersten Eindruck brauchen Sie kein Werkzeug. Schalten Sie am Smartphone das WLAN aus, rufen Sie Ihre Website im Mobilfunknetz auf und zählen Sie mit, bis der Inhalt steht. Wiederholen Sie das dort, wo der Empfang schlecht ist, etwa im Stiegenhaus oder im Auto. Unter solchen Bedingungen rufen auch viele Ihrer Kunden die Seite auf.

Genauer geht es mit Google PageSpeed Insights. Sie geben die Adresse ein, wählen „Mobil“, und das Werkzeug listet auf, was die Seite bremst. Meist stehen zu große Bilder und fremde Skripte ganz oben. Die Punktzahl ist weniger wichtig als die Liste der Ursachen darunter, denn dort sehen Sie, wo sich Arbeit lohnt.

Selbsttest

Selbsttest: So prüfen Sie Ihre Website mit dem Smartphone

Sie brauchen dafür nur Ihr eigenes Handy und ein paar Minuten. Rufen Sie die Website so auf, wie es ein Kunde tut: im Browser Ihres Handys.

  1. Hochformat. Halten Sie das Handy aufrecht, so wie es die meisten Besucher tun. Drehen Sie es nicht ins Querformat, um etwas lesbar zu machen. Ein Kunde tut das auch nicht.
  2. Zoomen nötig? Rufen Sie die Startseite auf. Können Sie den Text lesen, ohne die Seite mit zwei Fingern aufzuziehen? Wenn nicht, ist die Schrift zu klein oder die Seite auf eine feste Breite gebaut.
  3. Querscrollen? Wischen Sie nach links und rechts. Bewegt sich die Seite seitlich oder erscheint ein abgeschnittener Rand, ragt etwas über den Bildschirm hinaus. Meist ist es ein Bild, eine Tabelle oder ein Slider.
  4. Menü. Öffnen Sie das Menü und versuchen Sie, jede Unterseite zu erreichen. Lassen sich alle Einträge mit dem Daumen treffen? Gibt es Untermenüs, die sich am Handy gar nicht öffnen?
  5. Formular ausfüllen. Füllen Sie das Kontaktformular wirklich aus. Erscheint bei der Telefonnummer die Zifferntastatur, bei der E-Mail-Adresse eine Tastatur mit @? Lassen sich alle Felder treffen, und ist die Fehlermeldung verständlich, wenn Sie etwas auslassen? Schicken Sie die Testanfrage ruhig ab, dann sehen Sie auch, ob sie ankommt.
  6. Nummer antippen. Tippen Sie auf Ihre Telefonnummer. Öffnet sich die Telefon-App mit der Nummer? Tippen Sie auf die Adresse: Öffnet sich die Karten-App?
  7. Ladezeit im Mobilnetz. Schalten Sie das WLAN aus und laden Sie die Seite neu. Zählen Sie, bis Text und Bilder stehen. Wiederholen Sie das auf einer Unterseite mit vielen Fotos.
  8. Bilder scharf? Sehen Sie sich Logo und Fotos genau an. Wirken sie unscharf oder pixelig, sind sie für den hochauflösenden Bildschirm des Handys zu klein gespeichert. Wirken sie scharf, laden aber lange, sind die Dateien zu groß.

Notieren Sie sich, was Ihnen auffällt. Manches lässt sich an einer bestehenden Website nachbessern, etwa die Bildgrößen oder der Telefon-Link. Feste Breiten, Tabellenlayouts oder ein Menü, das nur mit der Maus funktioniert, stecken dagegen oft so tief im Aufbau, dass ein Neubau der bessere Weg ist.

Bedienbarkeit

Bedienbarkeit im Detail: Finger statt Mauszeiger

Ein Mauszeiger trifft ein Ziel von wenigen Pixeln, ein Daumen nicht. Wer eine Website für das Smartphone baut, muss deshalb in Fingerbreiten denken. Ob sich eine Seite am Handy leicht oder mühsam bedienen lässt, hängt vor allem an diesen Punkten.

Tippziele groß genugLinks, Buttons und Menüeinträge müssen mindestens fingerbreit sein. Gängige Empfehlungen liegen bei rund 44 bis 48 Pixeln Höhe. Ein Link in einer Textzeile ist kein Problem, eine Reihe kleiner Symbole nebeneinander schon.
AbständeZwischen zwei Tippzielen braucht es Luft, sonst trifft der Daumen das falsche. Das betrifft vor allem Menüs, Fußzeilen mit vielen Links und Formulare mit Kästchen zum Ankreuzen.
KontrastAm Handy liest man oft im Freien, bei Sonne und mit gedimmtem Bildschirm. Hellgrauer Text auf Weiß, der am Monitor noch elegant wirkt, verschwindet dort. Für normalen Text gilt als Richtwert ein Kontrast von mindestens 4,5:1 zum Hintergrund.
Passende Tastatur im FormularEin Feld für die Telefonnummer wird als type="tel" angelegt, eines für die E-Mail-Adresse als type="email". Das Handy blendet dann die passende Tastatur ein, also Ziffern oder eine Tastatur mit @ und Punkt.
Keine Pflichtfelder ohne GrundJedes Pflichtfeld ist eine Hürde. Für eine Anfrage reichen Name, eine Kontaktmöglichkeit und die Nachricht. Wer auch Anrede, Adresse, Firma und Betreff verlangt, bekommt weniger Anfragen, ohne dass sie dadurch besser werden.
Lesbare Schrift und ZeilenlängeFließtext in einer Größe, die man ohne Anstrengung liest, und Zeilen, die am Bildschirmrand umbrechen. Lange Absätze werden in kurze geteilt, Aufzählungen bleiben Aufzählungen.

Vieles davon können Sie mit dem Selbsttest weiter oben in ein paar Minuten prüfen.

Unser Vorgehen

Wir bauen zuerst für das Handy

Bei neuen Websites bauen wir zuerst die Handy-Fassung mit dem, was ein Besucher unterwegs braucht, dann die Ansicht für Tablet und Monitor. Getestet wird nicht nur am Schreibtisch: Wir rufen die Seite auf einem echten Handy im Mobilfunknetz auf und bedienen sie im Hochformat mit dem Daumen.

Das Wichtigste im ersten BildschirmTelefon, Adresse mit Routen-Link und Öffnungszeiten stehen ganz oben. Menü und Formulare sind für den Finger gemacht.
Am echten Gerät geprüftVor der Übergabe testen wir jede Website auf einem echten Smartphone: Ladezeit, Menü, Formular und Telefon-Link.
Schriften und Bilder vom eigenen WebspaceWir binden keine Schriften von Google Fonts und keine Skripte von fremden Servern ein. Bilder liefern wir in passender Größe und in modernen Formaten aus.
Kein Banner vor dem InhaltUnsere Websites setzen keine Cookies, denen Besucher zustimmen müssten. Am Handy verdeckt nichts den ersten Bildschirm.
Server in WienFür Besucher aus Wien und Niederösterreich sind die Wege kurz. Das Webhosting stellt technisch unser Partner Simplenet OG bereit, Ihr Ansprechpartner bleiben wir.

Pakete und Preise

Das gilt für alle drei Webdesign-Pakete, vom One-Pager für 690 € bis zu Large um 1.790 €. Die Preise sind Endpreise, denn als Kleinunternehmer verrechnen wir keine Umsatzsteuer. Was in jedem Paket enthalten ist, steht in der Übersicht der Webdesign-Pakete. Wenn Sie aus der Gegend sind, finden Sie mehr unter Webdesign in Klosterneuburg.

Haben Sie schon eine Website und sind unsicher, ob sich ein Umbau lohnt? Schicken Sie uns die Adresse. Wir sehen sie uns am Handy an und sagen Ihnen, was sich nachbessern lässt und wo ein Neubau der bessere Weg ist.

Quellen

Quellen und Stand

Die Angaben in diesem Ratgeber stützen sich auf diese Quellen, abgerufen am 20. Oktober 2026:

FAQ

Häufige Fragen zur Website am Handy.

Reicht es, wenn die Website am Handy „irgendwie“ geht?

Meist nicht. Wer zoomen, quer scrollen oder eine Telefonnummer abtippen muss, gibt oft auf, bevor er Sie erreicht. Für Google zählt außerdem vor allem die Handy-Fassung Ihrer Website. Lässt sie sich am Smartphone nur mit Mühe bedienen, kostet Sie das Anfragen und Sichtbarkeit.

Brauche ich eine eigene mobile Website?

Nein. Eine getrennte Fassung unter einer eigenen Adresse war vor Jahren üblich, ist heute aber unnötig und pflegeaufwendig. Eine responsive Website passt sich mit demselben Inhalt an jede Bildschirmgröße an, vom Smartphone bis zum großen Monitor. Sie pflegen nur eine Website, und Google findet nur eine Adresse.

Warum lädt meine Website am Handy so langsam?

Die häufigste Ursache sind zu große Bilder, die in voller Kameraauflösung hochgeladen wurden. Dazu kommen Schriften und Skripte von fremden Servern, Erweiterungen oder Programmbibliotheken, die auf jeder Seite mitgeladen werden, und Hosting, dessen Server weit entfernt steht. Im Mobilfunknetz wirkt sich jedes Megabyte deutlicher aus als im WLAN.

Muss ich meine alte Website neu bauen?

Nicht immer. Einzelne Punkte wie zu große Bilder oder eine antippbare Telefonnummer lassen sich oft nachbessern. Steht die Website auf festen Breiten, einem Tabellenlayout oder einem Baukasten ohne Handy-Ansicht, ist ein Neubau meist günstiger und besser als ein Umbau. Wir sehen uns Ihre bestehende Website an und sagen Ihnen, was sinnvoll ist.

Was ist Mobile-First-Indexierung?

Google liest Websites für die Suche hauptsächlich so, wie ein Smartphone sie anzeigt, und bewertet die Handy-Fassung. Was dort fehlt oder nicht lesbar ist, fehlt auch für die Suche. Zeigt Ihre Website am Handy weniger Inhalt als am Desktop, kann das Ihre Sichtbarkeit verringern.

Nächster Schritt

Website für das Smartphone planen.

Im kostenlosen Erstgespräch klären wir, was Ihre Kunden am Handy als Erstes sehen sollen, ob für eine neue Website oder für den Umbau der bestehenden.

Direkt erreichbarPer Telefon unter +43 677 612 401 30, per WhatsApp oder per E-Mail an office@rhost.at – Sie sprechen direkt mit Julian Rektenwald.
Aus Klosterneuburg-KierlingFür Betriebe, Praxen und Selbstständige in Klosterneuburg, Wien und Niederösterreich.