Rudra Analyzer

Kostenloser Mobil-Checker

Öffnen Sie Ihre Seite in einem echten Browser in Desktop-, Tablet- und Smartphone-Größe, sehen Sie jeweils einen Screenshot und finden Sie heraus, ob sie für mobile Bildschirme eingerichtet ist oder seitlich überläuft und Besucher zum seitlichen Scrollen zwingt.

Geben Sie eine Seite ein, zum Beispiel https://ihrewebsite.de oder https://ihrewebsite.de/preise.

Was dieses Tool prüft

  • Viewport-Tag

    Ob die Seite ein Viewport-Meta-Tag hat. Ohne es zeigen Smartphones ein herausgezoomtes Desktop-Layout mit winziger Schrift.

  • Inhalte breiter als der Bildschirm

    Ob die Seite in jeder Größe breiter als der Bildschirm ist, was seitliches Scrollen und abgeschnittene Inhalte verursacht.

  • Drei Bildschirmgrößen

    Desktop (1280×800), Tablet (768×1024) und Smartphone (390×844), wobei die Tablet- und Smartphone-Ansichten einen mobilen Browser emulieren.

  • Screenshots

    Ein Screenshot des ersten Bildschirms in jeder Größe, damit Sie sehen, was Besucher sehen.

  • Ladeprobleme

    Ob die Seite in einer der Größen nicht geladen wurde oder eine Zeitüberschreitung hatte.

So funktioniert die Prüfung

Wir laden Ihre Seite dreimal in Chromium – einmal pro Bildschirmgröße –, warten, bis sie fertig geladen ist, messen dann, ob die Seite breiter als der Bildschirm ist, und erstellen einen Screenshot. Die Tablet- und Smartphone-Ansichten nutzen mobile Emulation mit hochauflösendem Display.

Die Bewertung beginnt bei 100: Ein fehlendes Viewport-Tag kostet 20 Punkte, jede Bildschirmgröße mit seitlichem Überlauf 15 und Ladeprobleme 10.

Diese Schnellprüfung misst weder die Größe von Tippzielen noch die Schriftgröße oder überlappende Elemente. Angemeldete Nutzer können einen gründlicheren Layout-Test mit bis zu acht Geräteprofilen durchführen, der auch nach diesen Problemen sucht.

Häufige Probleme, die wir finden

  • Kein Viewport-Tag

    Häufig bei älteren Websites und handgebauten Seiten; die Smartphone-Ansicht wirkt wie eine verkleinerte Desktop-Seite.

  • Elemente mit fester Breite

    Container, Tabellen oder Einbettungen mit fester Pixelbreite, die breiter als ein Smartphone-Bildschirm ist.

  • Bilder und Videos, die nicht schrumpfen

    Medien ohne max-width: 100%, die die Seite breiter als den Bildschirm machen.

  • Breite Tabellen

    Preis- oder Vergleichstabellen mit vielen Spalten.

  • Langer Text ohne Umbruch

    Lange URLs, E-Mail-Adressen oder Code, die nicht in die nächste Zeile umbrechen können.

So beheben Sie sie

  1. Viewport-Tag hinzufügen

    Fügen Sie <meta name="viewport" content="width=device-width, initial-scale=1"> in den Seitenkopf ein. Die meisten modernen Themes enthalten es bereits.

  2. Flexible Breiten verwenden

    Ersetzen Sie feste Pixelbreiten durch max-width und Prozentwerte, und nutzen Sie CSS Grid oder Flexbox, damit Layouts auf kleinen Bildschirmen umbrechen.

  3. Medien anpassbar machen

    Geben Sie Bildern, Videos und iframes in Ihrem CSS max-width: 100% und height: auto.

  4. Breite Tabellen in ihrem eigenen Bereich scrollen lassen

    Packen Sie Tabellen in einen Container mit overflow-x: auto oder stapeln Sie Spalten auf kleinen Bildschirmen.

  5. Umbruch langer Wörter erlauben

    Verwenden Sie overflow-wrap: anywhere für Textbereiche, die lange URLs enthalten können.

Häufig gestellte Fragen

Wird auf echten Smartphones getestet?

Nein. Es wird ein echter Chromium-Browser verwendet, der auf Smartphone- und Tablet-Größen mit mobiler Emulation eingestellt ist. Das erkennt Layout-Probleme zuverlässig, ist aber nicht mit jedem Smartphone und Browser identisch, insbesondere nicht mit Safari auf dem iPhone.

Ist das dasselbe wie der Test auf Optimierung für Mobilgeräte von Google?

Nein. Google hat seinen eigenständigen Test auf Optimierung für Mobilgeräte 2023 eingestellt. Unsere Prüfung betrachtet zwei der häufigsten Ursachen für ein schlechtes mobiles Layout – ein fehlendes Viewport-Tag und Inhalte, die breiter als der Bildschirm sind – und zeigt Ihnen Screenshots.

Warum zeigen die Screenshots nur den oberen Teil der Seite?

Wir erfassen den ersten Bildschirm in jeder Größe – das, was Besucher sehen, bevor sie scrollen. Die Überlaufprüfung misst jedoch die Breite der gesamten Seite.

Prüft es, wie schnell meine Website auf Mobilgeräten ist?

Nein. Nutzen Sie dafür den Speed-Checker – Lighthouse simuliert standardmäßig ein Mittelklasse-Smartphone mit mobiler Verbindung.

Meine Bewertung ist 100. Ist meine Website auf Mobilgeräten perfekt?

Es bedeutet, dass die Seite ein Viewport-Tag hat und in den drei getesteten Größen nichts über den Bildschirm hinausragt. Zu kleine Schaltflächen zum Antippen oder zu kleine Schrift erfordern einen genaueren Blick – oder den gründlicheren Layout-Test für angemeldete Nutzer.

Hilfreiche Ratgeber

Ähnliche kostenlose Tools

Soll lieber jemand anderes es beheben?

Diese Prüfungen sind kostenlos, ebenso die Ratgeber. Wenn ein Mensch die Änderungen vornehmen soll, bietet unser Team kostenpflichtige Hilfe an.

Professionelle Hilfsangebote ansehenSo testen und bewerten wirAlle kostenlosen Tools