Viele Suchmaschinen richten das Ranking einer Seite danach aus, wie gut sie für Mobilgeräte optimiert ist. Schriftgrößen unter 12 Pixeln sind auf Mobilgeräten häufig schwer zu lesen und Nutzer müssen möglicherweise heranzoomen, um Text in einer angenehmen Lesegröße anzuzeigen.
So schlägt die Prüfung der Lighthouse-Schriftgröße fehl
Lighthouse kennzeichnet Seiten mit Schriftgrößen, die zu klein sind, um sie auf Mobilgeräten leicht zu lesen:
![Lighthouse-Prüfung, bei der die Schriftgröße der Seite unleserlich ist](https://developer.chrome.com/static/docs/lighthouse/seo/font-size/image/lighthouse-audit-showing-38ff49780439c.png?authuser=6&hl=de)
Lighthouse meldet Seiten, auf denen mindestens 40% des Textes eine Schriftgröße von weniger als 12 Pixeln haben. Wenn eine Seite die Prüfung nicht besteht, listet Lighthouse die Ergebnisse in einer Tabelle mit vier Spalten auf:
Quelle | Der Quellspeicherort des CSS-Regelsatzes, der den unleserlichen Text verursacht. |
Auswahl | Die Auswahl des Regelsatzes. |
% des Seitentextes | Der Prozentsatz des Textes auf der Seite, der vom Regelsatz betroffen ist. |
Schriftgröße | Die berechnete Textgröße. |
Unleserliche Schriftarten korrigieren
Überprüfen Sie die Schriftgrößen in Ihrem CSS-Code. Eine Schriftgröße von mindestens 12 Pixeln sollte auf mindestens 60% des Textes auf der Seite stehen.
Fehlende Konfiguration des Darstellungsbereichs korrigieren
Wenn Lighthouse Text is illegible because of a missing viewport config
meldet, füge ein <meta name="viewport" content="width=device-width, initial-scale=1">
-Tag zur <head>
deines Dokuments hinzu.
Weitere Informationen finden Sie im Beitrag Hat kein <meta name="viewport">
-Tag mit width
oder initial-scale
.
Ressourcen
Prüfung des Quellcodes für Dokument enthält nicht lesbare Schriftgrößen