Für Mobilgeräte entworfen

Silktide lädt jede Seite auf einem simulierten Mobilgerät und prüft, ob sie dort überhaupt funktionieren soll – ob sie sich an einen schmalen Bildschirm anpasst oder nur eine verkleinerte Desktop-Seite zeigt.

Warum das wichtig ist

Mehr als die Hälfte des Web-Traffics ist mobil. Eine Seite, die nur auf dem Desktop funktioniert, scheitert also schon beim ersten Tippen bei einem Großteil ihres Publikums. Besucher, die mit winzigem Text und endlosem Pinch‑Zoom konfrontiert sind, springen ab; Suchmaschinen, die zuerst die mobile Version von Seiten indexieren, stufen die Website entsprechend ein.

Diese Prüfung erfasst den grundlegenden Fehler – eine Seite ohne jegliches mobiles Design – und nicht Fragen des Feinschliffs. Eine bestandene Seite kann trotzdem kleinere mobile Probleme haben, die andere Prüfungen abdecken.

So beheben Sie das Problem

Die nachhaltige Lösung ist , sodass sich dieselbe Seite an jede Bildschirmbreite anpasst. Wenn Ihre Website älter ist als responsives Design, bedeutet das in der Regel einen Neuaufbau oder ein neues Theme – die meisten modernen -Themes sind von Haus aus responsiv. Konkret:

Deklarieren Sie in jedem Seiten- einen mobilen :

<meta name="viewport" content="width=device-width, initial-scale=1">

Verwenden Sie flexible Layouts und -Media-Queries, damit Inhalte auf schmalen Bildschirmen in eine einzelne Spalte umbrechen, statt die Seite auf Desktop-Breite festzulegen.
Halten Sie den Fließtext auf Mobilgeräten in einer gut lesbaren Größe – vermeiden Sie Designs, die die gesamte Seite verkleinern, um sie passend zu machen.
Testen Sie auf einem echten Smartphone oder mit der Geräteemulation Ihres Browsers, bis hinunter zu etwa 320 Pixeln Breite.

So testet Silktide dies

Laden der Seite auf einem simulierten Mobilgerät.
Prüfen, ob die Seite einen brauchbaren Viewport deklariert. Ein fehlender Viewport oder einer, der auf eine feste Breite von mehr als 480 Pixeln eingestellt ist, lässt die Seite durchfallen – das ist das absolute Minimum für mobile Unterstützung.
Messen des sichtbaren Textes: Wenn mehr als 35 % davon in unleserlicher Größe gerendert werden (unter 10 Pixeln nach dem Zoom), fällt die Seite durch.
Prüfen, wie weit die Seite herauszoomt, um auf den Bildschirm zu passen: Ein Zoom unter 60 % der Normalgröße bedeutet, dass die Seite faktisch ein Desktop-Layout ist, und sie fällt durch.
Eine Seite besteht, wenn keines dieser Probleme vorliegt. Silktide berichtet außerdem im Zeitverlauf, wie viele Seiten nicht für Mobilgeräte entworfen sind.

Fehlerbehebung

Meine Seite sieht auf meinem Smartphone gut aus

Einige Seiten wirken akzeptabel und verfehlen dennoch eines der oben genannten Signale – zum Beispiel ein von einem Legacy-Tool erzeugtes Viewport-Tag mit fester Breite. Sehen Sie sich den Seitenquelltext an und prüfen Sie, ob das <meta name="viewport">-Tag der empfohlenen Form entspricht.

Die Prüfung besteht, aber die mobile Nutzererfahrung ist schlecht

Ein Bestehen bedeutet, dass die Seite die Grundanforderungen erfüllt – nicht, dass sie optimal ist. Siehe die zugehörigen Prüfungen für kleinen Text, kleine Tippziele und deaktivierten Zoom.