ترتِّب العديد من محرّكات البحث الصفحات استنادًا إلى مدى توافقها مع الأجهزة الجوّالة. غالبًا ما يصعب قراءة الخطوط ذات الحجم الأصغر من 12 بكسل على الأجهزة الجوّالة، وقد يتطلّب ذلك من المستخدمين تكبير النص لعرض النص بحجم قراءة مناسب.
كيفية تعذُّر التدقيق في حجم الخط في Lighthouse
يضع Lighthouse علامة على الصفحات ذات أحجام الخطوط الصغيرة جدًا بحيث لا يمكن قراءتها بسهولة على الأجهزة الجوّالة:
![تدقيق أداة Lighthouse يعرض أحجام خط غير قابلة للقراءة.](https://developer.chrome.com/static/docs/lighthouse/seo/font-size/image/lighthouse-audit-showing-38ff49780439c.png?authuser=5&hl=ar)
يبلّغ 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>
في المستند.
اطّلِع على المشاركة لا يتضمّن علامة <meta name="viewport">
مع width
أو initial-scale
للحصول على مزيد من المعلومات.
المراجِع
رمز المصدر للتدقيق المستند لا يستخدم أحجام خطوط قابلة للقراءة