5أبريل

النص البديل للصور في صفحات الويب، أهميته وماهي معايير إضافته

نبدأ هذه التدونية بصورة

حديقة عامة وفيها مسار عليه مجسمات على شكل قلوب ومغطاه بالزهور بحيث يمكن للزوار المرور من تحتها

عندما أضفت النص البديل لهذه الصورة كتبته بهذا النص:

“حديقة عامة وفيها مسار عليه مجسمات على شكل قلوب ومغطاه بالزهور بحيث يمكن للزوار المرور من تحتها”

وهذا النص سيسمعه الأعمى الذي لا يرى الصورة ويتصفح هذه التدوينة ببرنامج القارئ، وبالتأكيد سيتخيلها حسب وصفي المتواضع وسيتم أرشفة الصورة في محرك البحث عن البحث عن كلمة حديقة فيها مجمسمات قلوب.

ومنها هنا تبرز أهمية إضافة النص البديل للصور المضافة في أي صفحة إلكترونية وهو alternative text ويختصر بـAlt text يظهر لمن لا يرون الصور ومنهم:

– المتصفح الذي لديه مشكلة في شبكة الانترنت ولا تظهر له الصور بسبب البطء او مشكلة في التحميل.
– من لديهم مشكلة في النظر ويتصفحون عن طريق قارئ النصوص
– محركات البحث التي لن تعرف الصورة إلا بنصها البديل
– من يتصفح بخاصية عدم إظهار الصور

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

أما إضافتها فهي سهلة ولا تحتاج لمبرمج لأن أغلبية محرري المحتوى يستخدمون برامج إدارة المحتوى وأشهرها المبني عليه مدونتي وهو الووردبريس، فعند إضافة أي صورة ستجد من ضمن خصائص الإضافة مساحة لإضافة النص البديل والوصف.طريقة عرض كود النص البديل للصورة المضافة في التدوينة

نأتي لنقطة النص المضاف والذي يجب أن يصف الصورة وكأنك تصفها لشخص بعيد عنك ولا يراها وهذا هو نفس الذي طبقته في الصورة التي في الأعلى ومن الضروري أن يحتوي النص على الكلمات المفتاحية التي تتوقع أن يبحث عنها المتصفح في محركات البحث لتضمن ظهورها من ضمن النتائج وتدعم بذلك الموقع بالكامل في أمثليته مع متطلبات محركات البحث SEO

نقاط متفرقة في النص البديل للصور:

  • إذا كانت الصورة عبارة عن نص مكتوب فسيكون النص البديل هو ذلك النص كما هو.
  • إذا كانت مجرد إطار أو خلفية أو شي لتجميل الموقع فلا يوضع لها نص بديل.
  • إذا كانت رسم بياني يتم إضافة النص البديل كتفاصيل عن الرسم مثل السنوات وبعض الأعداد والقيم بشكل عام.
  • إذا كانت الصورة هي زر أو أيقونة لرابط فيكتب النص البديل “رابط لتنفيذ كذا وكذا” أو “رابط للإطلاع على كذا وكذا”
  • من المهم ان لا يكون النص البديل طويلاُ بحيث لا يتعدى 80 حرف.

أما بعض الصور مثل الإنفوجرافيك أو الرسوم البيانية التي فيها تفاصيل كثيرة تحتاج لنص بديل طويل ويمكن إضافة وصف وهو غير النص البديل يمكن الاستفادة منه في إضافة الشرح بالتفصيل، مثل رسم بياني يوضح ان هناك زيادة كبيرة في نسبة … ونقص في.. وهذا الوصف كذلك من الميزات التي ستجدها في برامج إدارة المحتوى.

شارك التدوينة !

عن فيصل الصويمل

مُدوِّن مُهتَم بالمحتوى الرقمي وتحليلات الويب والكتابة للويب وداعم لمبادرة #إثراء_المحتوى_العربي ومُحِب للإيجابية والمثالية

اضف رد

لن يتم نشر البريد الإلكتروني .

© Copyright 2017, All Rights Reserved