دليل كتابة النص البديل (alt) للصور
متى تكتب alt وكيف تصفه بدقة، مع أمثلة ضعيفة وأخرى جيدة وحالات الصور الزخرفية والمعقّدة.
لماذا يهمّ النص البديل؟
النص البديل (alt) يخدم ثلاث جهات: قارئات الشاشة التي تقرؤه لمن لا يرى الصورة، والمتصفح حين تفشل الصورة في التحميل، ومحركات البحث التي تفهم منه موضوع الصورة. كتابته بعناية تحسّن إمكانية الوصول والسيو معًا.
قاعدة بسيطة
اكتب ما يفيد القارئ لو لم يستطع رؤية الصورة، بجملة قصيرة تقارب 100 إلى 125 حرفًا. لا تبدأ بـ«صورة» أو «لقطة»، فقارئ الشاشة يعلن أنها صورة تلقائيًا.
| ضعيف | أفضل |
|---|---|
| image1 | حذاء جري أزرق بنعل أبيض على سطح خشبي |
| سيو صور ضغط صور تحويل صور | مقارنة حجم الصورة قبل الضغط 2.4 م.ب وبعده 310 ك.ب |
| صورة جميلة | مدير المتجر يوضّب طلبات الشحن في صناديق |
الأمثلة أعلاه توضيحية للقاعدة وليست من حالات حقيقية.
حسب نوع الصورة
- صورة منتج: الاسم واللون والخاصية المميزة.
- مخطط بياني: الفكرة التي يوصلها المخطط في جملة، والأرقام التفصيلية في النص المجاور.
- شعار: اسم الجهة فقط، وإن كان الشعار رابطًا فاذكر وجهة الرابط.
- لقطة شاشة: ما تظهره، مثل: «شاشة إعدادات الجودة في أداة الضغط».
- صورة زخرفية بحتة: اترك
alt=""فارغًا ليتجاوزها قارئ الشاشة.
أخطاء شائعة
حشو الكلمات المفتاحية في كل صورة يضر ولا ينفع، ويعدّه محرك البحث تلاعبًا. وتكرار نص الصورة نفسه في الفقرة المجاورة يجعل التجربة مكررة لمن يستخدم قارئ الشاشة. وأخيرًا لا تضع المعلومة المهمة داخل الصورة فقط؛ اكتبها أيضًا كنص في الصفحة.
جرّب مولّد قوالب النص البديل للحصول على صياغة أولية ثم عدّلها بما يناسب صورتك.
أسئلة شائعة
هل يجب أن يحتوي alt على كلمة مفتاحية؟
فقط إن كانت جزءًا طبيعيًا من وصف الصورة. الأولوية للوصف الصادق.
ما الفرق بين alt وtitle؟
alt وصف بديل يقرؤه الوصول والمحركات، أما title فتلميح يظهر عند التمرير وقد لا تقرؤه قارئات الشاشة.