Kostenloser Mobile-Friendly-Test
Prüfe, ob deine Website für mobile Geräte optimiert ist. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Aktualisiert am
Mobile Friendly Test
Check if your website is optimized for mobile devices.
Mobile Friendly Test
Demo Mode: Results are simulated for educational purposes. For real mobile-friendly testing, use Google's PageSpeed Insights API.
Mobile-First Best Practices
- Use responsive design with flexible layouts and CSS Grid/Flexbox
- Set viewport meta tag:
width=device-width, initial-scale=1 - Use minimum 16px font size for body text
- Make tap targets at least 48x48 pixels with 8px spacing
- Avoid horizontal scrolling - use
max-width: 100%on media - Optimize images with responsive srcset and lazy loading
- Test with Google's Lighthouse and real devices
Häufig gestellte Fragen
Was ist der Mobilfreundlichkeitstest?
Der Mobilfreundlichkeitstest ist ein kostenloses Online-Tool, das prüft, ob Ihre Website für Mobilgeräte optimiert ist, und Empfehlungen für responsives Design gibt.
Ist der Mobilfreundlichkeitstest kostenlos?
Ja, er ist völlig kostenlos und erfordert keine Registrierung.
Warum ist Mobilfreundlichkeit wichtig?
Google verwendet Mobile-First-Indexierung, das heißt, die Mobilfreundlichkeit wirkt sich direkt auf das Suchmaschinen-Ranking aus. Der Mobilfreundlichkeitstest hilft Ihnen sicherzustellen, dass Ihre Seite auf allen Geräten gut funktioniert.
Sind meine Daten mit diesem Tool sicher?
Absolut. Der Mobilfreundlichkeitstest verarbeitet alles clientseitig in Ihrem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Ihre Inhalte bleiben jederzeit privat auf Ihrem Gerät.
Muss ich ein Konto erstellen, um dieses Tool zu nutzen?
Es ist kein Konto und keine Registrierung erforderlich. Öffnen Sie einfach den Mobilfreundlichkeitstest in Ihrem Browser und legen Sie sofort los. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.
Wie verwende ich den Mobilfreundlichkeitstest?
Geben Sie einfach Ihre Eingabe in das vorgesehene Feld ein, passen Sie die Einstellungen nach Ihren Wünschen an, und das Tool verarbeitet sie sofort. Anschließend können Sie das Ergebnis in die Zwischenablage kopieren oder herunterladen.
Welche Browser werden unterstützt?
Der Mobilfreundlichkeitstest funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwenden Sie die neueste Version Ihres bevorzugten Browsers.
Was ist der Viewport-Meta-Tag und warum prüft der Test darauf?
Der Viewport-Meta-Tag teilt mobilen Browsern mit, wie eine Seite auf die Bildschirmgröße des Geräts skaliert werden soll. Fehlt er, gehen Smartphones von einer Desktop-Breite von rund 980px aus und verkleinern das gesamte Layout, sodass Text winzig wird und Nutzer zum Lesen zwei Finger zum Zoomen einsetzen müssen. Der korrekte Tag lautet <meta name="viewport" content="width=device-width, initial-scale=1"> und gehört in den <head> der Seite. „width=device-width" passt das Layout an die tatsächliche Gerätebreite an, „initial-scale=1" setzt beim Laden ein Zoom-Verhältnis von 1:1. Es ist das wichtigste einzelne Signal für mobile Usability, weshalb ein fehlender oder falsch konfigurierter Viewport-Tag zu den ersten Prüfungen dieses Tests gehört. Geben Sie oben Ihre URL ein, um zu sehen, ob die Viewport-Prüfung besteht, und um den genauen Tag zu erfahren, den Sie verwenden sollten.
Wie groß sollten Tap-Targets für eine mobilfreundliche Seite sein?
Tap-Targets sind die Buttons, Links und Formularelemente, die Nutzer mit der Fingerspitze antippen – deutlich ungenauer als ein Mauszeiger. Die gängige Richtlinie, die dieser Test anwendet, liegt bei etwa 48x48 Pixeln pro Element, mit mindestens 8 Pixeln Abstand zwischen benachbarten Elementen. Kleinere oder zu eng beieinanderliegende Targets führen zu Fehltipps, bei denen der falsche Link getroffen wird oder erst hineingezoomt werden muss, um zu treffen. Häufige Übeltäter sind eng gepackte Navigationsmenüs, kleine Textlinks innerhalb von Absätzen und Icon-Buttons, die für einen Desktop-Zeiger dimensioniert wurden. Die Lösung besteht darin, interaktiven Elementen großzügiges Padding und Margin zu geben, statt sich allein auf die sichtbare Grafik zu verlassen. Geben Sie oben Ihre URL ein, und die Tap-Target-Prüfung markiert Elemente unterhalb der 48px-Richtlinie, damit Sie genau wissen, was Sie vergrößern müssen.
Welche Schriftgröße gilt auf Mobilgeräten als gut lesbar, und warum fällt kleiner Text beim Test durch?
Fließtext sollte auf Mobilgeräten mindestens 16 Pixel groß sein – der Schwellenwert, unterhalb dessen die meisten Nutzer zum bequemen Lesen mit zwei Fingern zoomen müssen. Alles darunter erzwingt bei jedem Besuch eine zusätzliche Interaktion und signalisiert ein Layout, das für den Desktop entworfen und nie an Smartphones angepasst wurde. Der Test markiert Fließtext unter etwa 16px als Lesbarkeitsproblem. Die empfohlene Lösung ist, eine Basisschriftgröße von 16px festzulegen und relative Einheiten wie rem oder em zu verwenden, damit der Text vorhersehbar mit den Nutzereinstellungen und über verschiedene Breakpoints hinweg skaliert, statt Größen in festen Pixeln zu fixieren. Überschriften und Bildunterschriften können variieren, aber bewertet wird der eigentliche Lesetext. Lassen Sie Ihre URL oben durch den Test laufen, um die erkannte Mindesttextgröße zu sehen und ob Ihre Seite die Lesbarkeitsschwelle überschreitet.
Warum verursachen über den Viewport hinausragende Inhalte horizontales Scrollen auf Smartphones?
Horizontales Scrollen auf Mobilgeräten bedeutet fast immer, dass ein Element breiter ist als der Bildschirm und die Seite sich nicht so verkleinern kann, dass es hineinpasst. Die üblichen Ursachen sind feste Pixelbreiten in CSS, große unkontrollierte Bilder, breite Tabellen oder absolut positionierte Elemente, die über den rechten Rand hinausragen. Da ein Smartphone-Bildschirm schmal ist, verschiebt schon ein einziges überdimensioniertes Element das gesamte Layout seitlich und stört den Lesefluss. Der Test prüft, ob sämtliche Inhalte in den Viewport passen, ohne horizontales Scrollen zu erfordern. Die üblichen Lösungen sind responsive Layouts mit CSS Grid oder Flexbox statt fester Breiten sowie flexible Medien mit max-width: 100%, damit Bilder niemals über ihren Container hinausragen. Geben Sie oben Ihre URL ein, um zu sehen, ob die Inhaltsbreiten-Prüfung besteht und welche Art von Überlauf der Report meldet.
Welche Core Web Vitals beeinflussen den Mobilfreundlichkeits-Score am stärksten?
Mobile Usability dreht sich um das Layout, doch die Performance prägt die tatsächliche Nutzererfahrung. Deshalb liefert dieser Test einen Performance-Score zusammen mit drei Core Web Vitals, die auf Smartphones am wichtigsten sind: First Contentful Paint, Largest Contentful Paint und Cumulative Layout Shift. FCP markiert den Moment, in dem der erste Inhalt erscheint, LCP misst, wann der Hauptinhalt fertig geladen ist, und CLS erfasst, wie stark sich das Layout unerwartet verschiebt, während Elemente laden – besonders störend, wenn das mitten beim Antippen auf einem kleinen Bildschirm passiert. Auf Mobilgeräten machen langsamere Netzwerke und schwächere Prozessoren es schwieriger, diese Werte zu erreichen als auf dem Desktop. Praktische Lösungen sind responsive Bilder mit srcset, Lazy-Loading für alles unterhalb des sichtbaren Bereichs und reservierter Platz für Medien, damit nichts springt. Lassen Sie Ihre URL oben laufen, um den simulierten Performance-Score sowie die FCP-, LCP- und CLS-Werte im Report zu sehen.
Verwandte Tools
Kostenloser Website-Geschwindigkeitstest
Analysiere die Ladezeit deiner Seiten, Leistungskennzahlen und Optimierungspotenziale deiner Website. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Meta-Tag-Extraktor
Extrahiere und prüfe alle Meta-Tags einer beliebigen Webseite für SEO- und Social-Media-Analysen. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloses Website-Screenshot-Tool
Erstelle Ganzseiten- oder Viewport-Screenshots jeder Webseite für Design-Reviews und Tests. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Kostenloser Barrierefreiheits-Checker
Prüfe die Barrierefreiheit deiner Website nach WCAG-Standards und erhalte konkrete Korrekturvorschläge. Kostenlos, schnell und komplett im Browser, ohne Anmeldung.
Über den kostenlosen Mobile Friendly Test
Der Mobile Friendly Test ist ein kostenloses Tool, das Schritt für Schritt die Kriterien durchgeht, nach denen Google entscheidet, ob eine Seite auf Smartphones und Tablets gut funktioniert. Einfach eine URL eingeben, den Test starten – und Sie erhalten einen Mobile-Usability-Score von bis zu 100 Punkten sowie eine detaillierte Aufschlüsselung, die den Viewport-Meta-Tag, die Lesbarkeit von Texten, die Größe von Tap-Targets, die Inhaltsbreite und zentrale mobile Performance-Metriken abdeckt. Entwickelt wurde es für Entwickler, Website-Betreiber und SEOs, die sich vor dem Ausrollen eines Layouts oder der Fehlersuche bei einem Ranking-Problem schnell und verständlich vor Augen führen wollen, was „mobilfreundlich" eigentlich bedeutet.
Ein Punkt sei vorab klar gesagt: Dieses Tool läuft im Demonstrationsmodus. Die angezeigten Ergebnisse sind zu Lernzwecken simuliert und stammen nicht aus einem Live-Crawl Ihrer Seite – der Hinweis im Tool weist ausdrücklich darauf hin. Für eine echte Analyse einer konkreten URL liefern Googles PageSpeed Insights und Lighthouse Live-Daten aus Feld- und Labormessungen. Die Stärke dieses Tests liegt darin, die Checkliste selbst zu vermitteln – was jedes Signal bedeutet, warum es wichtig ist und wie man es behebt –, damit Sie genau wissen, worauf Sie bei einer echten Analyse achten müssen.
Was der Test prüft
Jeder Durchlauf liefert ein Bestanden oder Nicht bestanden für die Signale, die die mobile Usability bestimmen, jeweils mit kurzer Erklärung und einer konkreten Lösung für alles, was nicht besteht:
- Viewport-Konfiguration — prüft, ob ein Meta-Tag mit
width=device-width, initial-scale=1vorhanden ist, damit mobile Browser die Seite in der tatsächlichen Gerätebreite darstellen, statt ein herausgezoomtes Desktop-Layout anzuzeigen. - Textlesbarkeit — markiert Fließtext, der kleiner als etwa 16px ist – der Schwellenwert, unterhalb dessen die meisten Nutzer zum bequemen Lesen mit zwei Fingern zoomen müssen.
- Größe der Tap-Targets — prüft, ob Buttons und Links groß genug und weit genug voneinander entfernt sind, um präzise angetippt zu werden. Die gängige Richtlinie liegt bei etwa 48x48 Pixeln mit mindestens 8px Abstand.
- Inhaltsbreite — sucht nach Elementen, die über den Viewport hinausragen und horizontales Scrollen erzwingen – ein klassisches Zeichen für CSS mit fester Breite oder unkontrollierte Bildgrößen.
- Mobile Performance — liefert einen Performance-Score zusammen mit den Core Web Vitals, die auf Smartphones am wichtigsten sind: First Contentful Paint, Largest Contentful Paint und Cumulative Layout Shift.
Warum Mobilfreundlichkeit für das Ranking entscheidend ist
Google arbeitet seit Jahren mit Mobile-First-Indexierung, das heißt, es crawlt und bewertet überwiegend die mobile Version Ihrer Seite und nicht die Desktop-Version. Wenn Ihre Website auf dem Smartphone schlecht dargestellt wird – zu kleiner Text, zu eng beieinanderliegende Buttons, Inhalte, die über den Bildschirmrand hinausragen –, ist genau das die Erfahrung, die Google bewertet, und es ist auch die Erfahrung, die die meisten Ihrer Besucher machen. Mehr als die Hälfte des weltweiten Web-Traffics stammt inzwischen von mobilen Geräten, sodass eine Seite, die nur auf dem Desktop richtig aussieht, den Großteil ihrer Zielgruppe im Stich lässt. Der Test bewertet diese Probleme so, wie es eine Suchmaschine tun würde – die Lücken, die Sie hier schließen, sind also genau die, die Ihre Rankings und Ihre Absprungrate schützen.
Ergebnisse in konkrete Verbesserungen umsetzen
Der Mehrwert des Reports liegt in den Lösungshinweisen, die jedem nicht bestandenen Check beigefügt sind und die Mobile-First-Praktiken widerspiegeln, die das Tool empfiehlt:
- Setzen Sie auf responsive Layouts mit CSS Grid oder Flexbox statt auf feste Pixelbreiten.
- Fügen Sie den Viewport-Meta-Tag im
<head>der Seite hinzu, falls er fehlt. - Legen Sie eine Basisschriftgröße von mindestens 16px fest und verwenden Sie relative Einheiten wie
remoderem. - Halten Sie Medien mit
max-width: 100%flexibel, damit Bilder niemals horizontales Scrollen auslösen. - Liefern Sie responsive Bilder mit
srcsetaus und laden Sie alles unterhalb des sichtbaren Bereichs lazy, um Ihre Performance-Werte zu schützen.
Betrachten Sie dieses Tool als Lern-Checkliste und Vorab-Check: Nutzen Sie es, um jedes Signal zu verstehen und die Lösungen einzuüben, und bestätigen Sie anschließend die echten Zahlen für Ihre konkrete URL mit Lighthouse oder PageSpeed Insights, bevor Sie die Arbeit als abgeschlossen betrachten.