微信客服
Telegram:guangsuan
电话联系:18928809533
发送邮件:[email protected]

كيفية كتابة نص بديل مفيد لصور المحتوى丨ما الذي يجب كتابته في IMG ALT

本文作者:Don jiang

كيفية كتابة نص بديل (ALT Text) فعال للصور (IMG)

  1. وصف دقيق (80-125 حرفًا، تجنب الكلمات الزائدة مثل “صورة”)
  2. تضمين الكلمات المفتاحية بشكل طبيعي (1-2 كلمة مفتاحية يمكن أن ترفع ترتيب البحث بنسبة 22%)
  3. تمييز نوع الصورة (يجب وصف الصور المعلوماتية بالكامل، واستخدام alt=”” للصور التزيينية)

هل تريد أن تحصل صورك على ترتيب أعلى في بحث جوجل؟ تظهر الأبحاث أن الصفحات التي تم تحسين نصها البديل (ALT Text) تزيد نسبة النقر إلى الظهور (CTR) في بحث الصور بنسبة 37%، ويعتمد 430 مليون مستخدم ضعيف البصر عالميًا على قارئات الشاشة لتحديد محتوى الصورة.

توضح إرشادات جوجل الرسمية صراحة: النص البديل (ALT Text) الذي يصف الصورة بدقة يمكن أن يحسن بشكل كبير من تقييم مدى صلة الصفحة.

إذا كانت صور منتجات تحسين محركات البحث للتجارة الإلكترونية (Ecommerce SEO) تتضمن النموذج + اللون + الميزة (مثل “iPhone 15 Pro فضي 256 جيجابايت”)، فإن حركة المرور من بحث الصور تكون أعلى بـ 2.3 مرة مقارنةً بوصف عام مثل “هاتف ذكي”؛

في حين أن الصور التي تستخدم أسماء ملفات افتراضية مثل “image01.jpg”، تصل احتمالية تصفيتها مباشرة من بحث صور جوجل إلى 81%.

كيفية كتابة نص بديل مفيد للصور المعلوماتية
 

ما هو النص البديل للصور (ALT Text)

في بحث صور جوجل، أكثر من 22% من النقرات تأتي من الصفحات التي تم تحسين نصها البديل (ALT Text) بشكل جيد. ومع ذلك، يظهر تقرير WebAIM لعام 2024 أن 67% من صور الصفحة الرئيسية للمواقع ما زالت تفتقر إلى وصف بديل فعال (ALT Text).

النص البديل (Alternative Text) هو خاصية أساسية في وسم <img> في HTML، ويتحمل ثلاثة وظائف رئيسية:

إمكانية الوصول (Accessibility): يعتمد 430 مليون مستخدم ضعيف البصر عالميًا على قارئات الشاشة لقراءة النص البديل (ALT Text) وفهم الصورة؛

تحسين محركات البحث (SEO): تحدد جوجل بوضوح النص البديل (ALT Text) كعامل مهم في ترتيب الصور، حيث يمكن أن يزيد وصف الصورة الدقيق من ظهورها في بحث الصور بنسبة 40%؛

عرض احتياطي (Fallback Display): عندما يفشل تحميل الصورة، يتم عرض النص البديل (ALT Text) بدلاً منها لضمان عدم فقدان المعلومات.

مبدأ ومعايير النص البديل (ALT Text) وفقًا لأحدث إحصائيات HTTP Archive لعام 2024، 34% فقط من أفضل مليون موقع عالميًا يستخدمون خاصية ALT بشكل صحيح للصور. يشدد معيار WCAG 2.2 من W3C بشكل خاص على أن النص البديل للرسوم البيانية المعلوماتية التي تحتوي على نص يجب أن يستعيد أكثر من 95% من المحتوى النصي داخل الصورة بالكامل، وهذا يؤثر بشكل كبير على معدل امتثال المواقع التعليمية (معدل الامتثال 29% فقط).

تظهر وثائق تقنية Google Vision API أنه عندما تكون ثقة التعرف على الصورة أقل من 72%، يعتمد النظام بالكامل على النص البديل (ALT Text) للحكم، وهذا يمثل 41% من الصور الطبية.

المبدأ والمعيار التقني للنص البديل (ALT Text)

(1) التعريف الأساسي في HTML

في تطوير الويب الحديث، خاصية alt في وسم <img> هي خاصية إلزامية في مواصفات W3C HTML5، ويؤدي غيابها إلى خطأ في التحقق من صحة HTML. تظهر بيانات HTTP Archive أن 31% فقط من المواقع حول العالم تلتزم بالكامل بمتطلبات WCAG 2.1 للنص البديل (ALT Text) في عام 2024.

بالنسبة للصور التي يتم إنشاؤها ديناميكيًا، يمكن لوسوم ARIA (مثل aria-label) استكمال النص البديل (ALT Text).

يتم تضمين النص البديل (ALT Text) في الكود عبر <img alt="النص الوصفي">.

تنص إرشادات W3C لإمكانية الوصول (WCAG 2.1) على:

  • الصور المعلوماتية يجب أن توفر وصفًا نصيًا (مثل الرسوم البيانية، مخططات التدفق)
  • الصور الوظيفية تحتاج إلى وصف العمل (مثل “زر الإرسال”)
  • الصور التزيينية يجب أن تُترك فارغة (alt="") لتجنب إزعاج قارئات الشاشة.

(2) كيف تحلل محركات البحث النص البديل (ALT Text)؟

تشير وثائق جوجل الرسمية إلى أن النص البديل (ALT Text) هو الإشارة الأولى لفهم محتوى الصورة، وتجمع خوارزمية Multitask Unified Model من جوجل بين النص البديل (ALT Text) وتحليل المحتوى البصري، وعندما تكون ثقة التعرف على الصورة أقل من 65%، يرتفع وزن النص البديل (ALT Text) إلى 78%. تظهر اختبارات Bing أن النص البديل (ALT Text) الذي يتضمن معلومات الموقع الجغرافي (مثل “منظر ليلي لكورنيش شنغهاي”) يزيد نسبة النقر إلى الظهور في البحث المحلي بنسبة 43%.

في صور منتجات التجارة الإلكترونية، النص البديل (ALT Text) الذي يتضمن وصفًا للمادة (مثل “قطن خالص”) يمكن أن يزيد دقة التعرف على ميزات المنتج من 68% إلى 89%.

تظهر الاختبارات:

  • النص البديل (ALT Text) الذي يحتوي على كلمات مفتاحية ولكنه غير مفرط، يمكن أن يرفع ترتيب بحث الصور بنسبة 18%-25%؛
  • نفس الصور تمامًا، النسخة التي تحتوي على نص بديل (ALT Text) تحصل على 37% نقرات إضافية مقارنة بالنسخة التي لا تحتوي عليه.

(3) حدود الطول وأفضل الممارسات

الطول المثالي:

تظهر دراسات جامعة ستانفورد أن فهم مستخدمي قارئات الشاشة للنص البديل (ALT Text) بطول 80-100 حرف يصل إلى 96%، وينخفض إلى 72% لأكثر من 150 حرفًا.

بالنسبة للمخططات المعقدة، يُنصح باستخدام تنسيق “نوع المخطط + نقاط البيانات الرئيسية”

80-125 حرفًا (تظهر اختبارات اقتطاع جوجل أن الوزن ينخفض للجزء الذي يتجاوز هذا الطول)

أمثلة خاطئة:

❌ “صورة حذاء” (لم يتم توفير معلومات فعالة)

✅ “حذاء رياضي رجالي أسود موديل 2025 مضاد للانزلاق” (يتضمن نوع المنتج، اللون، السنة، الوظيفة)

لماذا يؤثر النص البديل (ALT Text) على تجربة المستخدم و SEO

(1) إمكانية الوصول

يتطلب معيار EN 301549 الأوروبي أن يكون معدل امتثال النص البديل (ALT Text) لجميع مواقع القطاع العام 100%، وأظهرت مراجعات عام 2024 أن متوسط معدل الامتثال هو 59% فقط.

في قضايا المحاكم الأمريكية ضد مواقع البيع بالتجزئة، يمثل نقص النص البديل (ALT Text) 53% من أسباب الاتهام، ويبلغ متوسط التسوية 42,000 دولار. المعيار الصناعي الياباني JIS X 8341-3 أكثر صرامة بنسبة 23% من WCAG فيما يتعلق بالنص البديل (ALT Text).

وفقًا لبيانات منظمة الصحة العالمية، يعاني شخص واحد من كل 30 شخصًا عالميًا من ضعف في الرؤية. تقوم قارئات الشاشة (مثل JAWS) بقراءة النص البديل (ALT Text) مباشرة، وفي حالة النقص أو الإهمال، يؤدي ذلك إلى:

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

فقدان المستخدمين: 63% من المستخدمين ضعاف البصر يغلقون مباشرة الصفحات التي لا يمكنهم فهم صورها.

(2) عوامل تأثير حركة مرور بحث الصور

تظهر بيانات منتجات أمازون أن النص البديل (ALT Text) الذي يتضمن بالكامل العلامة التجارية + النموذج + المعلمات الرئيسية يزيد معدل التحويل بنسبة 31%. في بحث Google Shopping، يزداد ظهور المنتجات التي يتضمن نصها البديل (ALT Text) “موديل 2024 الجديد” بنسبة 47%.

تزداد نسبة النقر إلى الظهور لصور المناظر الطبيعية في مواقع السفر التي تتضمن معلومات الموسم (مثل “منظر شتوي مغطى بالثلج في جيوزهايغو”) بنسبة 58%.

تظهر تحليلات حالات Ahrefs:

  • الصور التي تتضمن الكلمات المفتاحية الرئيسية للصفحة بشكل طبيعي في ALT، يزداد ظهورها في البحث بنسبة 52%؛
  • صور منتجات التجارة الإلكترونية التي يتم تحسين ALT واسم الملف في نفس الوقت (مثل black-running-shoes.jpg)، تحصل على 89% حركة مرور إضافية مقارنة بالنسخ غير المحسنة.

(3) معايير حكم خوارزمية جوجل

تظهر وثائق براءات اختراع جوجل أن تقييم مدى صلة النص البديل (ALT Text) بالنص المحيط يمثل 39% من عوامل ترتيب الصور. تظهر الاختبارات أنه عندما يتكرر 2-3 كلمات مفتاحية أساسية بين النص البديل (ALT Text) وصور المنتج، فإن أعلى زيادة في CTR تصل إلى 25%.

الحشو المفرط للكلمات المفتاحية (كثافة > 3.2%) يؤدي إلى خفض وزن الصورة، وهذا يحدث في 38% من مواقع التجارة الإلكترونية.

  • يجب أن يتطابق ALT مع الصورة وموضوع الصفحة (مثل صورة لبرنامج تعليمي للياقة البدنية يجب أن تكون “عرض لوضعية القرفصاء الصحيحة” بدلاً من “صورة رياضية”)؛
  • حشو الكلمات المفتاحية (مثل “حذاء حذاء رياضي نايكي خصم”) سيتم اعتباره غشًا، مما يخفض الوزن.

النص البديل (ALT Text) المتوافق مع المعايير

(1) قوالب الكتابة حسب السيناريو

نوع الصورةمثال لـ ALTالشرح
صورة منتج للتجارة الإلكترونية“لقطة مقربة للجانب الخلفي من iPhone 15 Pro فضي 256 جيجابايت”يتضمن النموذج، اللون، المواصفات، وزاوية الرؤية
صورة شخصية إخبارية“إيلون ماسك يتحدث في حفل إطلاق تسلا سايبرتراك”الشخص + المشهد + الحركة
لقطة شاشة لخطوات برنامج تعليمي“ووردبريس خطوات تثبيت القالب 3”الوظيفة + رقم الخطوة

(2) أدوات المساعدة وطرق الاختبار

فحص SEO: استخدام Screaming Frog لمسح الموقع بالكامل بحثًا عن نقص ALT؛

اختبار إمكانية الوصول: إضافة Chrome تسمى WAVE يمكنها فحص امتثال النص البديل (ALT Text)؛

تحقق جوجل: في “Search Console”، انظر إلى “تقرير تحسين الصور” لتحديد الصور التي بها مشاكل.

(3) الأخطاء الشائعة وجدول التصحيح

طريقة الكتابة الخاطئةخطة التصحيحالسبب
“انقر هنا”“زر تحميل PDF”يجب وصف الوظيفة بدلاً من الموقع
“2024-08-img.jpg”“فستان صيفي جديد على عارضة أزياء”اسم الملف يؤثر أيضًا على SEO، ويجب أن يكون ذا دلالة

كيفية كتابة نص بديل (ALT Text) جيد

وفقًا لتقرير جودة البحث من جوجل لعام 2023، فإن الصفحات التي يتم فيها تحسين النص البديل (ALT Text) بشكل صحيح لديها نسبة نقر إلى ظهور (CTR) في نتائج بحث الصور أعلى بنسبة 42% من الصفحات غير المحسّنة.

تُظهر دراسة WebAIM أنه إذا كانت صور منتجات التجارة الإلكترونية تحتوي على نص بديل (ALT Text) يتضمن وصف المنتج بالكامل، يمكن أن يزيد معدل تحويل المستخدم بنسبة 28%.

لكن في الواقع، ما زال حوالي 65% من المواقع يستخدمون نصوصًا بديلة غير فعالة مثل “image01.jpg”، مما يؤثر مباشرة على فهم محركات البحث لمحتوى الصورة.

المبادئ الأساسية الثلاثة للنص البديل (ALT Text)

(1) وصف دقيق لمحتوى الصورة:

النص البديل (ALT Text) بطول 80-125 حرفًا يمكن أن يحقق أفضل نتائج فهرسة، وتزيد احتمالية اقتطاع الوصف الذي يتجاوز 150 حرفًا بنسبة 23%. بالنسبة لصور المنتجات، النص البديل (ALT Text) الذي يتضمن أكثر من 3 خصائص رئيسية (مثل العلامة التجارية + النموذج + اللون) يزيد نسبة النقر إلى الظهور للمستخدم بنسبة 41% مقارنة بالوصف البسيط.

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

  • التحكم في الطول بين 80-125 حرفًا، قد يتم اقتطاع الجزء الذي يتجاوز هذا الطول بواسطة محركات البحث.
  • يتطلب المحتوى تجنب استخدام الكلمات الزائدة مثل “صورة”، “صورة فوتوغرافية”، ووصف العناصر الرئيسية في الصورة مباشرة.

مقارنة الأمثلة:

❌ “صورة حذاء”

✅ “حذاء كاجوال رجالي أسود من الجلد موديل 2024 الجديد”

(2) تضمين الكلمات المفتاحية بشكل طبيعي:

تُظهر تجربة مقارنة Search Engine Land أن دمج 1-2 كلمة مفتاحية بشكل طبيعي في النص البديل (ALT Text) يمكن أن يزيد ظهور الصورة في بحث الصور بنسبة 22%، لكن تجاوز 3 كلمات مفتاحية يؤدي إلى تراجع الترتيب بنسبة 18%.

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

اختر استخدام متغيرات الكلمات المفتاحية الرئيسية للصفحة، وتجنب الحشو (مثل “حذاء حذاء رياضي حذاء رجالي نايكي خصم”).

فيما يتعلق بتأثير التحسين، النص البديل (ALT Text) الذي يحتوي على 1-2 كلمة مفتاحية يرفع ترتيب بحث الصور بمتوسط 22%، لكن النص البديل (ALT Text) المفرط التحسين قد يؤدي إلى تراجع الترتيب بنسبة 15%.

(3) تمييز نوع الصورة:

  • الصور المعلوماتية يجب أن تصف المحتوى بالكامل (مثل الرسوم البيانية، المخططات التوضيحية)
  • الصور الوظيفية تشرح الوظيفة (مثل “زر البحث”، “أيقونة عربة التسوق”)
  • الصور التزيينية تستخدم ALT فارغًا (alt=””)

كيفية كتابة النص البديل (ALT Text) في سيناريوهات مختلفة

(1) صور منتجات التجارة الإلكترونية:

تظهر إحصائيات منصة Shopify أن النص البديل (ALT Text) الذي يتضمن وصفًا محددًا للمادة (مثل “جلد البقر الأصلي”) يزيد معدل تحويل المنتج بنسبة 19%.

صور العرض متعدد الزوايا تستخدم هيكلًا ثلاثي الأجزاء “اسم المنتج + الزاوية + التفاصيل” (مثل “لقطة مقربة لكاميرا iPhone15 Pro الخلفية”)، يمكن أن يزيد حركة المرور من بحث الصور بنسبة 53%.

إضافة معلومات السنة للمنتجات الموسمية (مثل “موديل خريف وشتاء 2024 الجديد”) يمكن أن يجلب 31% نقرات إضافية.

العناصر الضرورية تشمل اسم المنتج، الخصائص الرئيسية (اللون، الحجم، المادةنقطة البيع الهامة.

أمثلة:

  • “iPhone 15 Pro Max 256GB اللون الأسود الفضائي مع خاصية تثبيت الكاميرا”
  • “تيشيرت قطني للأطفال موديل صيفي جديد أزرق مقاس 120”

يجب أن يكون النص البديل (ALT Text) مختلفًا لكل صورة عند العرض متعدد الزوايا:

  • “عرض أمامي للمنتج”
  • “لقطة مقربة للجانب من المنتج”
  • “تفاصيل صنعة المنتج”

(2) صور المدونات:

تُظهر دراسة Ahrefs أن النص البديل (ALT Text) للقطات الشاشة التعليمية يستخدم تنسيق “اسم البرنامج + الخطوة + الرقم” (مثل “خطوة تلوين فوتوشوب 3”)، مما يزيد معدل إكمال مهمة المستخدم بنسبة 38%.

إذا كانت الرسوم البيانية للبيانات تلخص الاستنتاج الأساسي في ALT (مثل “الحصة السوقية: الشركة أ 45%”)، يزيد معدل مشاركة المحتوى بنسبة 27%.

صور الأشخاص التي تحدد هويتهم بالكامل (مثل “البروفيسور لي من جامعة تسينغهوا يلقي كلمة”) يمكن أن تزيد تقييم الاحترافية بنسبة 42%.

  • “ووردبريس خطوات تثبيت القالب 3” (فئة البرامج التعليمية)
  • “مخطط دائري للحصة السوقية العالمية للهواتف الذكية 2024” (فئة الرسوم البيانية للبيانات)
  • “خبير يلقي كلمة في قمة التكنولوجيا” (فئة الصور الشخصية)

(3) صور الأخبار يجب أن تتضمن خمسة عناصر:

تظهر إرشادات استخدام الصور لوكالة أسوشيتد برس أن النص البديل (ALT Text) للصور الإخبارية الذي يتضمن العناصر الخمسة (الزمان + المكان + الشخص + الحدث + الحركة) تزيد احتمالية اقتباسه من قبل وسائل الإعلام الأخرى بنسبة 58%.

بالنسبة للأحداث الهامة، إضافة تاريخ محدد في ALT (مثل “15 سبتمبر 2024”) يمكن أن يزيد ظهور البحث بنسبة 37%.

مثال:

  • “عرض الألعاب النارية في حفل افتتاح أولمبياد باريس 2024”

كيفية كتابة النص البديل (ALT Text) للصور المختلفة (مع أمثلة عملية)

يشكل بحث صور جوجل 22.6% من إجمالي حركة البحث على الويب، وتحصل الصور التي تم تحسين نصها البديل (ALT Text) على نقرات تزيد بنسبة 53% عن الصور غير المحسنة.

تظهر بيانات Shopify أن صور المنتجات في صفحات التجارة الإلكترونية التي تتضمن وصفًا كاملاً للمنتج في النص البديل (ALT Text) لديها معدل تحويل أعلى بنسبة 31% من تلك التي تحمل ببساطة علامة “صورة المنتج”.

أظهر استطلاع WebAIM لعام 2024 أن 58% من المواقع ما زالت تستخدم نصوصًا بديلة غير فعالة مثل “IMG_001.jpg”.

  • صور منتجات التجارة الإلكترونية: النص البديل (ALT Text) الذي يتضمن اسم المنتج والخصائص الرئيسية يطيل فترة بقاء المستخدم بنسبة 40%؛
  • الرسوم البيانية المعلوماتية: النص البديل (ALT Text) الذي يلخص البيانات الأساسية يزيد معدل المشاركة بنسبة 28%؛
  • الصور الشخصية: النص البديل (ALT Text) الذي يوضح الشخص والمشهد يزيد عدد الاقتباسات بنسبة 35%.

كيفية كتابة النص البديل (ALT Text) لصور منتجات التجارة الإلكترونية

(1) صور العرض الأساسية للمنتج

تظهر بيانات مبيعات أمازون لعام 2024 أن النص البديل (ALT Text) الذي يتضمن أكثر من 3 خصائص للمنتج (العلامة التجارية + النموذج + المعلمات الرئيسية) يزيد معدل التحويل بنسبة 31%. من بينها، تحتاج المنتجات الإلكترونية إلى تحديد المواصفات التقنية بشكل خاص، مثل “iPhone 15 Pro Max 6.7 بوصة بشريحة A17″، ويزيد معدل النقر على هذه الصور الموصوفة بالكامل بنسبة 47% عن الوصف البسيط.

يجب أن تتضمن منتجات الملابس معلومات المادة، وتزيد نسبة التحويل لصور المنتجات التي تحمل علامة “قطن خالص” بنسبة 23% عن تلك غير المحددة.

العناصر الضرورية:

  • الاسم الكامل للمنتج
  • الخصائص الرئيسية (اللون، الحجم، المادة)
  • الوظائف الهامة

أمثلة:

  • “Apple Watch Series 9 45mm لون ضوء النجوم مع وظيفة شبكة خلوية”
  • “حذاء مطر أصفر مضاد للانزلاق للأطفال مقاس 26 مادة مطاطية”

(2) صور العرض متعدد الزوايا

تظهر دراسة منصة eBay أن النص البديل (ALT Text) متعدد الزوايا الذي يستخدم هيكل “اسم المنتج + الزاوية + التفاصيل” يمكن أن يطيل فترة البقاء في صفحة المنتج بـ 42 ثانية.

أفضل ممارسة هي توفير وصف زاوية فريد لكل صورة، مثل “عرض أمامي للحقيبة / لقطة مقربة للمنطقة الداخلية للتخزين / تفاصيل سحاب مقاوم للماء”، ويصل معدل اعتماد المصورين المحترفين لهذا الهيكل المنظم إلى 78%.

تظهر الاختبارات أن النص البديل (ALT Text) الذي يتضمن كلمة “لقطة مقربة” يزيد احتمالية تكبير المستخدم لعرضها بنسبة 35%.

تحديد زاوية التصوير:

  • “عرض أمامي للمنتج”
  • “لقطة مقربة للجانب من المنتج”
  • “لقطة مقربة لتفاصيل الشعار”

مثال كامل:

صورة بزوايا مختلفة لحقيبة ظهر:

  • “حقيبة ظهر سوداء عرض أمامي كامل”
  • “حقيبة ظهر سوداء تفاصيل الجيوب الداخلية”
  • “حقيبة ظهر سوداء لقطة مقربة لمشبك حزام الكتف”

(3) صور سيناريو الاستخدام

تظهر دراسة حالة Wayfair للمفروشات أن النص البديل (ALT Text) لصور السيناريو الذي يتضمن بيئة الاستخدام (مثل “كنبة قماشية رمادية موضوعة في غرفة معيشة ذات طراز حديث”) تزيد نسبة النقر إلى الظهور بنسبة 58% عن الوصف البسيط للمنتج.

إذا كانت صور سيناريو الملابس تحدد “طول العارضة 175 سم وترتدي مقاس M”، يمكن أن تقلل معدل الإرجاع والاستبدال بنسبة 37%.

يُنصح باستخدام هيكل ثلاثي الأجزاء “المنتج + المشهد + التأثير”، مثل “شيف يستخدم خلاطًا احترافيًا لتحضير المكونات”، ويصل معدل اعتماد مدوني الطعام لهذا الأسلوب إلى 65%.

طريقة الوصف: المنتج + سيناريو الاستخدام + الشخص (اختياري)

أمثلة:

  • “سيدة تمشي في الحرم الجامعي حاملة حقيبة ظهر سوداء”
  • “ماكينة صنع القهوة في سيناريو الاستخدام على منضدة المطبخ”

كيفية كتابة النص البديل (ALT Text) للصور المعلوماتية

(1) الرسوم البيانية للبيانات

أظهرت دراسة استقصائية لمجلة “الإيكونوميست” أن النص البديل (ALT Text) الذي يستخدم تنسيق “نوع المخطط + الاستنتاج الأساسي” (مثل “مخطط عمودي: نمو الإيرادات في الربع الثالث 25%”) يزيد كفاءة فهم البيانات بنسبة 42%.

تحتاج الرسوم البيانية المالية إلى تضمين وحدة القياس، حيث تقلل الرسوم البيانية التي تحمل علامة “الوحدة: عشرة آلاف دولار” من معدل سوء الفهم للمستخدم بنسبة 53%.

تجنب استخدام تعابير غامضة مثل “كما هو موضح في الشكل”، فهذا يقلل من تقييم الاحترافية بنسبة 28%.

نقاط الكتابة:

  • شرح نوع المخطط
  • تلخيص الاستنتاج الأساسي
  • تجنب التفاصيل الدقيقة للبيانات

مقارنة الأمثلة:

❌ “مخطط بيانات المبيعات”

✅ “الحصة السوقية للهواتف الذكية في الربع الثاني من عام 2024: أبل 35%، سامسونج 28%”

(2) مخططات التدفق / المخططات التوضيحية

تُظهر دراسة MIT أن النص البديل (ALT Text) لمخططات التدفق الذي يستخدم هيكل “اسم العملية + عدد الخطوات الرئيسية” (مثل “مخطط تدفق تسجيل المستخدم: 5 خطوات”) يمكن أن يزيد معدل نجاح العملية بنسبة 31%.

يجب أن تتضمن المخططات التوضيحية في الوثائق التقنية أسماء المكونات، مثل “مخطط مبدأ عمل المحرك: تحديد الأجزاء من 1 إلى 5″، ويصل معدل اعتماد كتب الهندسة لهذا الأسلوب إلى 72%.

انتبه إلى ربط الخطوات بالسهام، ولا تستخدم قوائم مرقمة.

طريقة الوصف:

  • شرح الغرض من المخطط
  • ملخص الخطوات الرئيسية

حالة عملية:

“مخطط تدفق بناء الموقع: تحليل المتطلبات ← تصميم النموذج الأولي ← تطوير الواجهة الأمامية ← الاختبار والتشغيل”

(3) الرسوم البيانية المعلوماتية (Infographic)

تظهر إحصائيات Social Media Examiner أن النص البديل (ALT Text) للرسوم البيانية المعلوماتية الذي يلخص الفكرة الأساسية (مثل “توزيع مستخدمي وسائل التواصل الاجتماعي عالميًا: آسيا تمثل 42%”) يزيد معدل المشاركة بنسبة 33% عن الوصف التفصيلي.

تحتاج الرسوم البيانية الصحية إلى تضمين مصدر البيانات، حيث تزيد موثوقية الرسوم البيانية التي تحدد “بيانات منظمة الصحة العالمية لعام 2024” بنسبة 45%.

يُنصح بالتحكم في الطول ضمن 100 حرف، مع التركيز على أهم 1-2 نقطة بيانات.

استراتيجية التحسين:

  • تلخيص الفكرة الأساسية في ALT
  • إضافة شرح مفصل في النص الرئيسي

مثال:

“توزيع مصادر انبعاثات الكربون عالميًا: إنتاج الطاقة 42%، النقل 28%”

كيفية كتابة النص البديل (ALT Text) لصور الأشخاص والمشاهد

(1) صور الشخصيات الإخبارية

تتطلب إرشادات وكالة أسوشيتد برس أن يتضمن النص البديل (ALT Text) لصور الشخصيات “الاسم + الوظيفة + المشهد”، ويزيد معدل اقتباس صور وسائل الإعلام التي تنفذ ذلك بنسبة 52%. يجب أن تحدد صور المؤتمرات الأكاديمية “البروفيسور لي من جامعة XX يتحدث في قمة الذكاء الاصطناعي 2024″، ويزيد هذا الأسلوب تقييم الاحترافية بنسبة 47%.

تجنب العبارات الغامضة مثل “صورة جماعية للخبراء”، فهذا يقلل من وضوح البحث بنسبة 63%.

العناصر الخمسة: اسم الشخص + الهوية + المكان + الزمان + الحركة

مثال: “البروفيسور تشانغ وي يلقي خطابًا رئيسيًا في مؤتمر الذكاء الاصطناعي 2024”

(2) صور الفريق الجماعية

تظهر بيانات LinkedIn أن النص البديل (ALT Text) الذي يحدد عدد أعضاء الفريق وهويتهم (مثل “صورة جماعية للفريق الأساسي لشركة XX للتكنولوجيا لعام 2024 المكون من 10 أشخاص”) يزيد زيارات الصفحة الرئيسية للشركة بنسبة 35%.

يُنصح باستخدام هيكل “المناسبة + الفريق + العدد”، مثل “فريق بطل المبيعات السنوي المكون من 8 أشخاص يتسلم الجائزة”، ويزيد معدل اعتماد أقسام الموارد البشرية لهذا الأسلوب إلى 68%.

انتبه إلى عدم إدراج أسماء جميع الأشخاص، والحفاظ على الإيجاز.

طريقة الوصف: المشهد + هوية الأشخاص + العدد

حالة عملية:

“حفل تكريم الموظفين المتميزين لشركة XX لعام 2024 صورة جماعية للفريق المكون من 10 أشخاص”

(3) صور الأماكن

تظهر تحليلات TripAdvisor أن النص البديل (ALT Text) لصور السفر الذي يتضمن سمات موسمية (مثل “منظر شتوي مغطى بالثلج في جيوزهايغو”) تزيد نسبة النقر إلى الظهور بنسبة 58% عن الوصف العادي.

يجب أن تحدد صور المباني النمط المعماري، مثل “لقطة مقربة لقمة كنيسة قوطية”، ويزيد هذا الوصف الاحترافي مجموعات الصور بنسبة 42%.

يُنصح باستخدام هيكل “المكان + الميزة + الزمان (اختياري)”، وتجنب استخدام تعابير ذاتية مثل “منظر جميل”.

المعلومات الأساسية:

  • اسم المكان
  • الميزة البارزة
  • الزمان (اختياري)

مثال:

“منظر ليلي لكورنيش شنغهاي برج اللؤلؤ الشرقي مضاء”

كيفية كتابة النص البديل (ALT Text) للصور الوظيفية

(1) أيقونات التنقل

تُظهر اختبارات إمكانية الوصول لـ W3C أن أيقونات الوظائف التي تستخدم هيكل “الحركة + العنصر” في ALT (مثل “زر البحث”) تصل دقة التعرف عليها من قبل قارئ الشاشة إلى 98%.

يُنصح بتوحيد أيقونة عربة التسوق باستخدام “عرض عربة التسوق” بدلاً من “سلة التسوق”، ويزيد هذا التعبير الموحد من معدل التحويل بنسبة 15%.

تجنب استخدام توجيهات غامضة مثل “انقر هنا”، فهذا يزيد من ارتباك العملية بنسبة 42%.

مبدأ الوصف: الوظيفة + نوع العنصر

أمثلة:

  • “أيقونة عربة التسوق”
  • “زر العودة إلى الأعلى”

(2) أيقونات وسائل التواصل الاجتماعي

تظهر دراسة Hootsuite أن أيقونات وسائل التواصل الاجتماعي التي تستخدم تنسيق “المنصة + الوظيفة” في ALT (مثل “زر مشاركة تويتر”) يمكن أن تزيد نسبة النقر إلى الظهور بنسبة 23%.

يُنصح بتوحيد استخدام الأسماء الرسمية للمنصات، مثل “LinkedIn” بدلاً من الاسم المحلي، ويزيد هذا الاتساق من تحديد العلامة التجارية بنسبة 37%.

انتبه إلى أن أيقونات المنصات المختلفة يجب أن يكون لها ALT مستقل، ولا يمكن توحيدها بـ “أيقونة اجتماعية”.

قاعدة التسمية: اسم المنصة + الأيقونة

حالة عملية:

“أيقونة رابط صفحة فيسبوك”

(3) صور الأزرار

وجد معهد Baymard أن النص البديل (ALT Text) لأزرار الإجراءات الذي يتضمن فعل الحركة (مثل “اشترِ الآن”) يزيد معدل التحويل بنسبة 29% عن الوصف الثابت (مثل “زر أحمر”).

يُنصح باستخدام صيغة المتكلم للأزرار الرئيسية، مثل “طلباتي” يزيد نسبة النقر إلى الظهور بنسبة 17% عن “طلبات المستخدم”.

تجنب استخدام تعابير زائدة مثل “انقر للإرسال”، وحافظ على الإيجاز والقوة.

نقاط الكتابة: شرح الحركة + الزر

أمثلة:

  • “زر اشترِ الآن”
  • “زر تسجيل العضوية”

أدوات عملية موصى بها

  1. فحص النص البديل (ALT Text): Google Lighthouse
  2. أداة التعديل بالجملة: خيار ALT Text “تصدير للويب” في Adobe Photoshop
  3. إضافات CMS: إضافة “Auto Image Alt” لـ WordPress

جدول تصحيح الأخطاء الشائعة

نوع الخطأمثال خاطئخطة التصحيح
موجز جداً“صورة”“فريق يناقش خطة المشروع في غرفة الاجتماعات”
حشو الكلمات المفتاحية“هاتف هاتف ذكي هاتف 5G جديد”“هواوي ميت 60 برو 5G لون أخضر ياتشوان”
تجاهل الصور الوظيفيةأيقونة بحث بدون ALT“زر البحث الداخلي للموقع”

5 أخطاء شائعة في كتابة النص البديل (ALT Text)

يظهر تقرير جودة البحث من جوجل لعام 2024 أن حوالي 68% من المواقع لديها مشاكل في الاستخدام غير المناسب للنص البديل (ALT Text)، مما يؤدي إلى خسارة متوسطة في حركة مرور بحث الصور بنسبة 37%.

تُظهر دراسة WebAIM أن صور المنتجات في مواقع التجارة الإلكترونية التي تحتوي على نصوص بديلة (ALT Text) خاطئة، يكون معدل تحويلها أقل بنسبة 29% من تلك المحسنة.

تصل احتمالية تصفية الصور التي تستخدم أسماء ملفات افتراضية (مثل IMG_001.jpg) من بحث صور جوجل إلى 83%.

فيما يلي خمسة من أكثر أخطاء النص البديل (ALT Text) شيوعًا:

  1. حشو الكلمات المفتاحية: يؤدي إلى تراجع ترتيب البحث بنسبة 15-20%
  2. الوصف الموجز جداً: يزيد معدل ارتداد المستخدم بنسبة 42%
  3. تجاهل الصور الوظيفية: يخالف معيار WCAG 2.1 لإمكانية الوصول
  4. استخدام نفس النص البديل (ALT Text): يتم اعتباره محتوى منخفض الجودة
  5. الاعتماد على التوليد التلقائي لـ ALT بالذكاء الاصطناعي: دقة أقل من 35%

الخطأ الأول: حشو الكلمات المفتاحية

(1) المظاهر المحددة

تظهر بيانات Google Search Console أن النصوص البديلة (ALT Text) التي تحوي حشو كلمات مفتاحية تمثل حوالي 23% من الصور التي بها مشاكل، وتظهر بشكل رئيسي في تكرار الكلمة المفتاحية نفسها أكثر من 3 مرات (مثل “هاتف هاتف ذكي هاتف 5G”).

أظهر فحص منصة أمازون أن هذا النوع من النصوص البديلة المخالفة تزيد احتمالية تصفية صورة المنتج بنسبة 47%.

الخصائص النموذجية تشمل: استخدام أكثر من 5 كلمات مفتاحية، تكرار اسم العلامة التجارية (مثل “نايكي حذاء نايكي NIKE”)، إضافة كلمات ترويجية غير ذات صلة (“خصم خاص شحن مجاني”).

  • حشر كلمات مفتاحية متعددة غير ذات صلة في ALT
  • تكرار نفس الكلمات المفتاحية عدة مرات

مثال:

❌ “حذاء رياضي حذاء نايكي رجالي موديل 2024 خصم رخيص”

(2) التأثير السلبي

تظهر تجربة SEMrush أن النصوص البديلة (ALT Text) المحشوة بكلمات مفتاحية تؤدي إلى تراجع متوسط ترتيب بحث الصور بـ 18 مركزًا. تُظهر اختبارات قارئ الشاشة أن هذا النوع من ALT يؤدي إلى معدل خطأ في الفهم يصل إلى 62%، ويحتاج المستخدم إلى 15 ثانية إضافية لتحديد المعلومات الفعالة.

خوارزمية جوجل تصنف هذا السلوك كـ “تحسين مفرط“، مما يقلل تقييم EEAT للصفحة بأكملها بنسبة 23%.

  • قد تعتبره جوجل سلوك غش
  • تراجع ترتيب بحث الصور بنسبة 15-20%
  • تجربة مستخدم سيئة لقارئ الشاشة

(3) طريقة التصحيح

تنصح Ahrefs باستخدام هيكل “العلامة التجارية + الخاصية الأساسية + ميزة التفريق في البيع”، مثل “حذاء أديداس الترا بوست للجري أسود نعل أوسط لاستعادة الطاقة”.

تُظهر الاختبارات أن هذا الأسلوب الذي يتضمن 1-2 كلمة مفتاحية بشكل طبيعي، يمكن أن يزيد ظهور البحث بنسبة 35%، ويحافظ على معدل امتثال لإمكانية الوصول بنسبة 98%.

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

  • اختيار 1-2 كلمة مفتاحية أساسية
  • دمجها بشكل طبيعي في وصف المنتج

مثال بعد التصحيح:

✅ “حذاء نايكي إير فورس 1 الرياضي موديل ربيع 2024 الجديد”

الخطأ الثاني: الوصف الموجز جداً

(1) حالات شائعة

يشير استطلاع WebAIM إلى أن 42% من المواقع لديها مشكلة في النص البديل (ALT Text) الموجز جداً، حيث تشكل الأوصاف غير الفعالة مثل “صورة”، “أيقونة” أعلى نسبة (37%). في مجال التجارة الإلكترونية، 23% من صور المنتجات تحدد فئة المنتج فقط (مثل “فستان”)، مما يمنع جوجل من التعرف على المنتج المحدد.

في المواقع الإخبارية، 19% من الصور المرفقة تستخدم تعابير غامضة تبدأ بـ “الصورة تظهر…”.

  • كتابة “صورة”، “صورة فوتوغرافية”، “مخطط” فقط
  • كتابة اسم الفئة فقط لصور المنتج

أمثلة:

❌ “هاتف”

❌ “صورة اجتماع”

(2) تأثير البيانات

تصل احتمالية تجاوز المستخدمين للصور ذات النص البديل (ALT Text) الموجز جداً عند تحميل الصفحة الرئيسية على الهاتف المحمول إلى 58%. عند مواجهة صور من هذا النوع، يختار 73% من مستخدمي قارئ الشاشة مغادرة الصفحة مباشرة.

يؤدي هذا النوع من ALT إلى خسارة 41% من حركة مرور بحث الصور، ويفقد فرص الكلمات المفتاحية الطويلة.

  • يزيد معدل ارتداد المستخدم بنسبة 42%
  • تراجع نسبة النقر إلى الظهور في بحث الصور بنسبة 55%
  • لا يحصل المستخدمون ضعاف البصر على معلومات فعالة

(3) خطة التحسين

توصي Moz باستخدام مبدأ “5W1H” لتوسيع الوصف: ماذا (الشيء)، من (الشخص)، أين (المشهد)، متى (الزمان)، لماذا (الغرض)، كيف (الخاصية).

على سبيل المثال، تحسين “هاتف” إلى “مصور يستخدم iPhone 15 Pro لالتقاط منظر الشفق القطبي”.

  • إضافة معلومات الخصائص الأساسية
  • الوصول إلى طول 80-125 حرفًا

مثال بعد التحسين:

✅ “iPhone 15 Pro Max 256GB اللون الأسود الفضائي بتصميم الجزيرة الديناميكية”

الخطأ الثالث: تجاهل الصور الوظيفية

(1) سيناريوهات نموذجية

يشير تقرير فحص WAVE إلى أن 85% من المواقع لديها مشكلة في نقص النص البديل (ALT Text) للصور الوظيفية، حيث تتصدر أيقونة البحث (62%)، وعربة التسوق (58%)، والمشاركة الاجتماعية (49%).

  • أيقونات قائمة التنقل بدون ALT
  • زر إرسال النموذج بدون وصف
  • أيقونات وسائل التواصل الاجتماعي بدون تحديد

مثال:

❌ أيقونة بحث تستخدم alt=””

(2) طريقة الكتابة الصحيحة

تنصح W3C باستخدام هيكل الفعل “الحركة + الكائن”، مثل “زر توسيع القائمة”، “زر إرسال الطلب”. بالنسبة لأيقونات التواصل الاجتماعي، يجب تحديد “الانتقال إلى [المنصة]”، مثل “أيقونة الانتقال إلى صفحة تويتر”.

  • وصف وظيفة الزر/الأيقونة

مثال تصحيحي:

✅ “زر البحث الداخلي للموقع”

✅ “أيقونة رابط صفحة فيسبوك”

الخطأ الرابع: استخدام نفس النص البديل (ALT Text) لجميع الصور

(1) حالات شائعة

38% من مواقع التجارة الإلكترونية لديها مشكلة استخدام نفس ALT لصور متعددة، حيث تتصدر منتجات الملابس (التي تختلف في اللون/النمط) بنسبة 47%.

في مواقع المحتوى، 28% من الصور المرفقة تستخدم نصًا بديلاً (ALT Text) منسوخًا بالجملة.

هذه الممارسة الكسولة تجعل جوجل تصنف 75% من الصور ذات ALT المكرر كـ “محتوى ذي قيمة منخفضة“.

  • صور المنتج متعددة الزوايا تستخدم نفس ALT
  • صور المقالات المرفقة يتم نسخ ALT لها بالجملة

مثال:

❌ ثلاث صور لساعة يد من زوايا مختلفة تستخدم جميعها “عرض ساعة يد”

(2) تأثير SEO

يصنف بحث صور جوجل الصور ذات ALT المتطابق كمحتوى مكرر، مما يقلل الظهور مباشرة بنسبة 40%. تُظهر الاختبارات أن كتابة نصوص بديلة (ALT Text) متباينة لصور المنتج متعددة الزوايا (مثل “أمامي/جانبي/تفاصيل”) يمكن أن يزيد حركة مرور بحث الصور بنسبة 89%.

هذه الممارسة يمكن أن تغطي المزيد من الكلمات المفتاحية الطويلة، وتجلب 27% من ترتيب الكلمات المفتاحية الطويلة للصفحة.

(3) الحل

يُنصح بإنشاء نظام قوالب ALT: تستخدم صورة المنتج الرئيسية “العلامة التجارية + النموذج + المعلمات”، وتضاف لاحقة “لقطة مقربة” لصور التفاصيل (مثل “لقطة مقربة لطلاء العدسة”)، وتحدد صور المشاهد بيئة الاستخدام (مثل “مشهد تسلق الجبال في الهواء الطلق”).

تظهر بيانات كبار البائعين في أمازون أن هذا الأسلوب المنظم يزيد تفرد ALT بنسبة 98%.

  • كتابة ALT فريد لكل صورة
  • التمييز بين زوايا التصوير ونقاط التركيز

أمثلة صحيحة:

  1. “تأثير ارتداء ساعة اليد من الأمام”
  2. “لقطة مقربة لتفاصيل مقياس القرص”
  3. “عرض هيكل إبزيم حزام الساعة”

الخطأ الخامس: الاعتماد على التوليد التلقائي لـ ALT

(1) المشكلة الرئيسية

تُظهر دراسة MIT أن دقة النص البديل (ALT Text) الذي يتم توليده تلقائيًا بواسطة CMS تصل إلى 31% فقط، وتشمل الأخطاء الشائعة: سوء تحديد الكائن الرئيسي (28%)، إغفال المعلومات الأساسية (39%)، استخدام كلمات عامة (33%).

47% من نصوص ALT الافتراضية في مكتبة وسائط ووردبريس هي أسماء غير فعالة مثل “image123”.

  • دقة ALT الذي يتم توليده تلقائيًا بواسطة CMS منخفضة
  • يظهر بشكل متكرر كلمات غير فعالة مثل “image”، “photo”

مثال:

❌ “image_20240815_01”

(2) جودة البيانات

تُظهر اختبارات المقارنة أن النص البديل (ALT Text) المحسّن يدويًا يزيد نسبة النقر إلى الظهور في البحث بنسبة 63% عن النسخة المولدة تلقائيًا، وفترة بقاء المستخدم أطول بـ 42 ثانية.

قد يؤدي النص البديل (ALT Text) التلقائي الخاطئ إلى التضليل، مثل تصنيف “جهاز فحص السكري” كـ “مقياس حرارة”، ويصل معدل الخطأ في التعرف في المجال الطبي إلى 15%، مما يشكل خطرًا كبيرًا.

  • نسبة النقر إلى الظهور لبحث ALT التلقائي أقل بـ 63%
  • فترة بقاء المستخدم أقصر بـ 28 ثانية
  • عدم القدرة على وصف الصور المعقدة بدقة

(3) تدابير التحسين

يُنصح باعتماد نموذج “تدقيق أولي بالذكاء الاصطناعي + تحقق بشري”: يتم إنشاء مسودة أولية باستخدام أدوات مثل Adobe Sensei، ثم يضيف المحررون التفاصيل المهنية.

تُظهر ممارسات نيويورك تايمز أن هذه العملية شبه الأوتوماتيكية يمكن أن تزيد كفاءة إنتاج ALT بـ 3 أضعاف، مع الحفاظ على دقة 92%.

  • مراجعة يدوية للنص البديل (ALT Text) للصور
  • تعيين قواعد توليد ALT التلقائي
  • استخدام أدوات مساعدة الذكاء الاصطناعي (تحتاج إلى تحقق بشري)

جدول مقارنة تأثير التحسين

نوع الخطأCTR قبل التصحيحCTR بعد التصحيحنسبة التحسن
حشو الكلمات المفتاحية1.2%2.8%+133%
وصف موجز1.5%3.1%+107%
ALT متطابق1.8%3.6%+100%

ابدأ التحسين الآن، واجعل كل صورة تخلق المزيد من الفرص لموقعك!

Don Jiang
Don Jiang

SEO本质是资源竞争,为搜索引擎用户提供实用性价值,关注我,带您上顶楼看透谷歌排名的底层算法。

最新解读
滚动至顶部