الأداة تنبّهني أن النص البديل للصورة فارغ، ماذا أكتب فيه لصورة منتج؟

لماذا يظهر التنبيه أصلًا؟

النص البديل تقرؤه برامج قراءة الشاشة لمن لا يرى الصورة، فيعرف ما فيها قبل أن يفتح الرابط. لذلك تعرض الأداة تنبيهًا كلما أدخلت رابط صورة دون نص بديل: «لم تكتب نصًا بديلًا للصورة». التنبيه لا يمنعك من النسخ، لكنه يذكّرك بأن جزءًا من جمهورك لن يعرف ما في الصورة.

حين تركنا الخانة فارغة خرجت الوسوم بلا أي سطر للنص البديل، ولم يُكتب og:image:alt ولا twitter:image:alt. وحين كتبنا الوصف ظهر السطران:

<meta property="og:image:alt" content="زجاجة دهن عود على طاولة خشبية"> <meta name="twitter:image:alt" content="زجاجة دهن عود على طاولة خشبية">

أمثلة جيدة وأخرى ضعيفة

• ضعيف: «دهن عود كمبودي فاخر أفضل عطر عود أصلي السعودية». هذه كلمات بحث وليست وصفًا لصورة.
• ضعيف: «صورة المنتج». لا تقول شيئًا عن الصورة.
• جيد: «زجاجة دهن عود صغيرة بغطاء ذهبي على طاولة خشبية».
• جيد لصورة عرض: «ثلاث علب بخور ملفوفة بشريط أحمر مع بطاقة تهنئة بالعيد».
• جيد لشعار: «شعار متجر العود باللون الذهبي على خلفية سوداء».

القاعدة البسيطة: ما الذي تراه العين؟ لون، شكل، عدد، مكان. إن كان في الصورة نص مهم مثل «خصم على الطلب الثاني» فاذكره، لأن من لا يرى الصورة لن يقرأه.

الخطوات

1. في منشئ بيانات Open Graph الصق رابط الصورة الكامل في خانة og:image.
2. في خانة «النص البديل للصورة (og:image:alt)» اكتب ما تراه في الصورة بجملة واحدة.
3. تأكد أن تنبيه النص البديل اختفى، ثم انسخ الوسوم.

حالة معاكسة: نص بديل بلا صورة

إن كتبت النص البديل ثم مسحت رابط الصورة، فلن تكتب الأداة سطر النص البديل، وستعرض تنبيهين: الصورة المطلوبة ناقصة، وأن النص البديل أو المقاس أُدخل بلا رابط صورة فلم يُكتب. النص البديل يصف صورة، فلا معنى له دونها.

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