קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
מנועי חיפוש רבים מדרגים דפים על סמך מידת ההתאמה שלהם לניידים. גופן בגודל של פחות מ-12 פיקסלים בדרך כלל קשה לקריאה במכשירים ניידים, וייתכן שהמשתמשים יצטרכו להגדיל את התצוגה כדי להציג טקסט בגודל נוח לקריאה.
איך הבדיקה של גודל הגופן ב-Lighthouse נכשלת
הדף Lighthouse מסמן דפים שהגופנים שלהם קטנים מדי לקריאה בנייד:
Lighthouse מסמן דפים שבהם גודל הגופן של 40% או יותר מהטקסט קטן מ-12 פיקסלים. במקרים שבהם דף נכשל בבדיקה, התוצאות מוצגות בטבלה ב-Lighthouse עם ארבע עמודות:
מקור
המיקום המקורי של מערכת כללי ה-CSS שגורם לטקסט הלא קריא.
סלקטור
הבורר של קבוצת הכללים.
% מהטקסט בדף
אחוז הטקסט בדף המושפע ממערכת הכללים.
גודל הגופן
הגודל המחושב של הטקסט.
איך לתקן גופנים לא קריאים
לבדוק את הגדלים של הגופנים ב-CSS. מומלץ להשתמש בגודל גופן של 12 פיקסלים לפחות
ב-60% לפחות מהטקסט בדף.
איך לתקן הגדרה חסרה של אזור תצוגה
אם מערכת Lighthouse מדווחת על Text is illegible because of a missing viewport config, צריך להוסיף תג <meta name="viewport" content="width=device-width, initial-scale=1"> ל-<head> של המסמך.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2019-05-02 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2019-05-02 (שעון UTC)."],[],[]]