تعريف ترميز الأحرف غير متوفّر أو يظهر متأخرًا جدًا في HTML

تتواصل الخوادم والمتصفحات مع بعضها البعض من خلال إرسال وحدات بايت من البيانات عبر الإنترنت. إذا لم يحدّد الخادم تنسيق ترميز الأحرف الذي يستخدمه عند إرسال ملف HTML، لن يعرف المتصفّح الحرف الذي يمثله كل بايت. وتحلّ مواصفات تعريف ترميز الأحرف هذه المشكلة.

كيفية تعذُّر تدقيق Lighthouse في charset

يضع Lighthouse علامة على الصفحات التي لا تحدد ترميز الأحرف الخاص بها:

تعذَّر التدقيق في ترميز الأحرف.

تعتبر أداة Lighthouse أنّ ترميز الأحرف قد تم تعريفه في حال العثور على أي مما يلي:

  • تمثّل هذه السمة عنصر <meta charset> في <head> من المستند ويحتوي بالكامل على أول 1024 بايت من المستند.
  • عنوان استجابة HTTP Content-Type مع التوجيه charset الذي يتطابق مع اسم IANA صالح
  • علامة ترتيب البايت (BOM)

كيفية اجتياز تدقيق charset

إضافة عنصر <meta charset> إلى HTML

أضِف عنصر <meta charset> في أول 1024 بايت من مستند HTML. يجب أن يكون العنصر مضمَّنًا بالكامل في أول 1024 بايت. وأفضل ممارسة هي جعل العنصر <meta charset> هو العنصر الأول في <head> من مستندك.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    …

إضافة عنوان استجابة HTTP Content-Type

يمكنك ضبط الخادم لإضافة عنوان استجابة HTTP Content-Type الذي يتضمّن توجيه charset.

Content-Type: text/html; charset=UTF-8

المراجِع