الدليل النهائي لكتابة نصوص بديلة فعالة للإتاحة وتحسين محركات البحث

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

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

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

مثال لصور الحياة البرية: طيور الشوكة جالسة على غصن بالقرب من مغذي طيور. يمكن أن يقرأ النص البديل: "طائتان شوكة جالستان على غصن بالقرب من مغذي طيور في حديقة." هذا ينقل المشهد بوضوح ويساعد المستخدمين على فهم الصورة دون رؤيتها. قد تظهر بعض الصور ميزة صغيرة فقط؛ صف وظيفتها في السياق، مثل "أيقونة طائر شوكة جالس على غصن في رأس الصفحة."

أخيرًا، قم بفحص سريع: بعد الصياغة، اطلب من زميل الموافقة على النص البديل لضمان الدقة والتوافق مع الوثائق قبل النشر على الموقع.

الدليل النهائي لكتابة النص البديل للوصولية وتحسين محركات البحث؛ متى تستخدم النص البديل

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

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

استخدم النص البديل للصور التي تنقل معلومات: الرسوم البيانية، والرسوم التوضيحية، والصور، والشعارات، أو أي بصري يساهم في الرسالة. إذا كان الرسم البياني يظهر اتجاهات في رسوم Excel، صف المحاور وخط الاتجاه؛ إذا كان مشهد صحراوي أو صورة طائر هي النقطة المركزية، اشر إلى الموضوع والإعداد. عندما تحمل الألوان معنى، اذكرها (على سبيل المثال خلفية بيضاء مع خط جريء). إذا ظهرت حياة برية مثل طيور الشوكة في الصورة، صف الحيوان وعملته. احتفظ بالخطوط بسيطة وتجنب وصف كل بكسل. للرسوم البيانية الكبيرة، قدم وصفًا قصيرًا ورابطًا إلى ملاحظة أو دليل أطول أدناه.

مثالان عمليان يساعدان في توضيح الحرفة: "طائر جالس على إطار مع حدود بيضاء فوق مشهد صحراوي" و"رسم بياني من Excel يظهر مبيعات الربع الثاني ترتفع 14%." إذا كانت الصورة تحتوي على نص، أدرج الكلمات الدقيقة بين علامات اقتباس (العلامات حول النص المنطوق توضح النية). لأيقونة أو زر زخرفي، استخدم تسمية قصيرة مثل "أيقونة بحث" أو "أيقونة مستند وورد" للحفاظ على التنقل سلسًا.

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

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

متى تضيف النص البديل: النطاق، والمحفزات، والإرشادات العملية

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

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

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

الإرشادات العملية: احتفظ بالنص البديل موجزًا؛ للكائنات الأساسية صف الوظيفة أو الغرض في 1-2 عبارات قصيرة؛ للرسوم التوضيحية شرح الوظيفة والتدفق الرئيسي؛ للرسوم البيانية لخص الاتجاه أو القيم الرئيسية؛ للصور التي تحتوي على نص مرئي، أظهر ذلك النص في الوصف البديل؛ هناك حالات حيث لا يكفي الوصف العام–هناك، قدم نصًا بديلًا محددًا يلتقط المعنى؛ للصور الزخرفية أو البصريات غير الواضحة، استخدم alt فارغًا أو ملاحظة قصيرة تعكس دورها المعلوماتي.

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

تعريف النص البديل: ما يجب وصفه وما يجب استبعاده

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

• ما يجب وصفه
  • المواضيع والأفعال: حدد الأشخاص، الحيوانات (على سبيل المثال طيور الشوكة جالسة على غصن)، أو الكائنات مثل العلامات التجارية، المنتجات، أو الأدوات.
  • النص داخل الصورة: نسخ الاقتباسات أو العبارات القصيرة بدقة كما تظهر، بما في ذلك الأرقام أو التواريخ.
  • السياق والغرض: شرح لماذا توجد الصورة في هذه المدخل وما تنقله عن المحتوى المحيط.
  • العلامة التجارية والتصميم: سمِّ العلامة التجارية ولاحظ الأسلوب البصري أو الرموز إذا أوضح المعنى.
  • المحتوى الرسومي: للرسوم البيانية أو الرسوم، لخص الاتجاه، والتسميات، والمحاور، والنقاط الرئيسية للبيانات.
  • المنتجات والعروض: صف المنتج، والنموذج، واللون، وأي عروض أو خصومات مرئية.
  • الألوان، والتخطيط، والتركيب: اذكر الألوان المهيمنة إذا أثرت على الفهم، بالإضافة إلى أي إشارات تخطيط مرئية.
  • الموقع والتوقيت: أدرج أين يحدث المشهد ومتى يحدث، إذا كان ذلك ذا صلة.
  • الطول والنبرة: احتفظ به معلوماتيًا ومحايدًا، اختيار لغة تطابق توقعات المستخدم.
  • التدفق وقابلية القراءة: هيكل الوصف بحيث يمكن لقارئ الشاشة اتباعه بشكل طبيعي، تجنب العبارات غير المتصلة.
• ما يجب استبعاده
  • الصور الزخرفية فقط: إذا لم تقدم الصورة محتوى معلوماتيًا، استخدم سمة alt فارغة (فارغة) أو حدد كزخرفية.
  • التفاصيل المبالغ فيها: تخطَ اللغة الزائفة أو المتكررة التي لا تساعد في الفهم.
  • البصريات غير المعلوماتية: تجنب وصف الضوضاء الخلفية أو الجو غير المتعلق إلا إذا غير التفسير.
  • السياق غير الذي: استبعد المواضيع الجانبية غير المرئية في الصورة.
  • الوصفات المكررة: لا تعيد صياغة المعلومات المُنقلة بالفعل من النص المحيط.
• الإرشادات العملية
  • الإرشادات: اتبع الممارسات الودية لـ WCAG وراجع مقابل أهداف الوصولية وتحسين محركات البحث.
  • الطول: هدف حوالي 125–160 حرفًا للصور القياسية؛ قد تكون الوصفات الطويلة مطلوبة للرسوم التوضيحية المعقدة أو المشاهد الثقيلة في التدفق.
  • اختيار المصطلحات: اختر لغة تتوافق مع صوت العلامة التجارية وتوقعات المستهلك، بما في ذلك أسماء المنتجات والعروض عندما تكون مرئية.
  • التوافق: احتفظ بأسلوب مستقر عبر المدخلات، وضع علامات على التفاصيل ذات الصلة مثل العلامة التجارية، والمنتج، واللون حيث يناسب.
  • المراجعة: اختبر النص البديل بمراجعة سريعة لضمان شرحه لكل شيء أساسي دون زوائد.
• الأمثلة والنهج
  • مثال المدخل: "طيور الشوكة تجلس على غصن الصنوبر عند الغسق؛ سماء زرقاء ناعمة وإبر الصنوبر حولها؛ ملصق علامة تجارية مرئي على المغذي."
  • مثال الرسم البياني: "رسم بياني خطي يظهر المبيعات الشهرية حتى الربع الثالث، مع محاور مُسماة الإيرادات (دولار أمريكي) والشهر، مشفرة باللون حسب فئة المنتج."
  • مثال الاقتباسات: "الصورة تظهر الاقتباس 'عرض لفترة محدودة' مع شارة حمراء؛ أدرج الصياغة الدقيقة إذا كانت توجه أفعال المستخدم.
  • النهج الوصفي: شرح كل ما يلاحظه مستخدم بصري، ثم تحقق مع الدليل المحيط أو ملاحظات المراجعة.
• اجعله عمليًا
  • توافق المدخل والوصف: يجب أن يكون لكل مدخل صورة نص بديل وصفي يطابق المحتوى المرئي والغرض.
  • التدفق والإيجاز: صيغ جمل تقرأ بسلاسة، تجنب الفوضى واحتفظ بالوصف معلوماتيًا.
  • الحالات الطويلة: للبصريات المعقدة، قدم وصفًا أطول يشرح العلاقات والنتائج، ثم لخص بجملة بديلة موجزة.
• قائمة تحقق سريعة
  • هل يشرح غرض الصورة؟ نعم/لا
  • هل تم وصف جميع العناصر الأساسية (بما في ذلك الاقتباسات أو العروض)؟ نعم/لا
  • هل تم وضع علامة على المحتوى الزخرفي كفارغ؟ نعم/لا
  • هل النبرة محايدة ومعلوماتية؟ نعم/لا

وصف المحتوى البصري لقارئات الشاشة: أنماط عبارات ملموسة

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

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

ضمن SharePoint وأصول العلامة التجارية، حافظ على التوافق بإعادة استخدام مجموعة صغيرة من الأنماط الملموسة. أندريه، المدافع البارز عن المحتوى القابل للوصول، يظهر كيف ترتبط هذه العبارات مع عناوين قصيرة ودقيقة لدعم القراءة السريعة والبحث السهل. احتفظ بالعناوين ودية للقارئ، غير كثيرة الكلمات، وعدّل للوضوح أثناء تهيئة نصك البديل في عملية المراجعة.

النمط	المثال	الملاحظات
رسم بياني/جدول: كائن + مقياس + فترة + اتجاه	يظهر الرسم البياني مبيعات الربع الثاني ترتفع من 1,000 إلى 1,500 وحدة خلال فترة الربع الثاني	يسمِّ الرسم البياني، والمقياس، والنطاق بالآلاف إذا لزم الأمر؛ تجنب الحشو.
صورة/رسم توضيحي: موضوع + خلفية + تفاصيل	صورة منتج تظهر العلامة التجارية على خلفية بيضاء مع تفاصيل التغليف	يركز على الموضوع والسياق؛ الخلفية توضح الموضع؛ اذكر التفاصيل الرئيسية فقط.
ضابط واجهة: تسمية + عمل	انقر على "تحرير" لفتح حقول العنصر	استخدم التسمية الفعلية؛ أبرز الحقول المستهدفة؛ اجعله عمليًا.
جدول بيانات: حقول + قيم + فترة	يُسرد الجدول الحقول: المبيعات، المنطقة، الفترة؛ القيم تظهر إجماليات الآلاف الوحدات	يترجم البيانات الجدولية إلى جملة خطية؛ أدرج الفترة عندما تكون ذات صلة.
زخرفي/فاصل: عنصر زخرفي + حالة alt	خط فاصل زخرفي: النص البديل فارغ	استخدم فارغًا عندما يضيف العنصر تخطيطًا، لا محتوى؛ تجنب وصف البصريات التي لا تنقل معنى.
عنوان سردي: حالة + قراءة + بحث	في هذه الحالة، يمكن للقارئ مسح الملخص أثناء القراءة، باستخدام البحث لتحديد المصطلحات الرئيسية	قدم مرساة سريعة للجوهر وسمح بالاسترجاع القائم على المصطلحات.
أشخاص: اسم + دور + عمل	تراجع أندريه الرسم البياني لتأكيد دقة البيانات	استخدم الأسماء السليمة والأدوار لتوجيه القارئ؛ حدد الأسماء بشكل مناسب.

اعتبارات تحسين محركات البحث: توازن الكلمات المفتاحية دون الحشو

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

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

قد يكون النص البديل أطول للرسوم التوضيحية المعقدة، لكن احتفظ بالمعنى الأساسي سليمًا وتجنب الحشو.

• إرشادات للكلمة المفتاحية الرئيسية: حدد كلمة مفتاحية واحدة ذات صلة و ضعها في بداية النص البديل عندما يسمح محتوى الصورة.
• اللغة الطبيعية: اكتب النص البديل كجملة أو عبارة موجزة قد يقولها المستخدم؛ يحسن هذا الأسلوب القراءة للمستخدمين ذوي الإعاقات ويساعد محركات البحث على تفسير السياق.
• حد الكلمات: هدف 125 حرفًا أو أقل؛ هذا يمنع حشو الكلمات المفتاحية ويحافظ على النص قابلًا للقراءة مع دعم نية البحث.
• اختيارات مدركة للسياق: اعتبر القسم والوضع؛ للرسوم التوضيحية، صف البيانات أو التدفق؛ للصور، حدد الموضوع والعمل؛ للأيقونات، شرح العمل أو المعنى.
• آثار الروابط والنقر: إذا كانت الصورة رابطًا، صف الوجهة وما يحدث عند النقر لمساعدة المستخدمين على اتخاذ قرار المتابعة.
• الصور الزخرفية: استخدم سمة alt فارغة (alt="") للبصريات التي لا تساهم بمعلومات؛ هذا يقلل الضوضاء غير المعنوية لقارئات الشاشة.
• نهج قائمة التحقق: عامل كل نص بديل كجزء من عملية مدفوعة بصناديق الاختيار في سير عملك؛ هذا يساعد الفرق على الموافقة وتتبع التغييرات.
• الاختبار والتغذية الراجعة: اختبر مع قارئات الشاشة، جمع الإدخال من المطورين والمستخدمين، ووافق على التغييرات التي تحسن الفهم.
• ما هي النية: اسأل دائمًا ما هي نية الصورة في المحتوى المحيط، وتأكد من أن النص البديل يعكس ذلك الهدف دون تكرار.
• اختيار الكلمات والمساحة البيضاء: فضّل المصطلحات الدقيقة على الحشو؛ احتفظ بإيقاع هادئ واستخدم مساحة بيضاء كافية حول النص لمساعدة المسح.

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

انقر هنا لرؤية قائمة التحقق.

الملخص: يحسن هذا النهج قابلية قراءة المقالة، يدعم المستخدمين ذوي الإعاقات، ويحافظ على الرابط بين النص البديل وصلة الصفحة، دون التضحية بالأداء.

النص البديل لأنواع الصور المختلفة: الصور، الرسوم التوضيحية، الشعارات، الإنفوجرافيكس

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

الصور: ابدأ بالموضوع الرئيسي، ثم أضف سياقًا مثل الإعداد والعمل. احتفظ بالطول مشدودًا، هدف 90–120 حرفًا. إذا ظهر صانع ضجيج أو إشارة صوتية أخرى، لاحظها بين قوسين. إذا كانت الصورة تحتوي على كلام، أدرج مقتطف اقتباس قصير – وأحطه بين علامات اقتباس. مثال: "المعلم يكتب على لوحة بيضاء بينما يستمع الطلاب." هذا النهج يساعد المستخدمين على معرفة اللحظة بأكملها ويدعم البحث والتنقل. وصف المشهد بوضوح يساعد أيضًا في توافق التسميات عبر الصفحات.

الرسوم التوضيحية: صف غرض الرسم التوضيحي وتدفق المعلومات، لا كل تسمية. حدد الهدف، والخطوات الرئيسية، وكيف ترتبط. إذا ظهرت محاور أو فئات، اذكرها باختصار (مثل "محور x: الوقت؛ محور y: الإيرادات"). تجنب تكرار النص الطويل من الصورة. مثال: "تدفق عملية من الإدخال إلى الإخراج مع أربع خطوات: الإدخال، التحليل، القرار، العمل." لرسم توضيحي، احتفظ بالتركيز على العلاقات والنتائج.

الشعارات: حدد العلامة التجارية و، إذا كان ذلك ذا معنى، رمزية الشعار. فضّل "شعار BrandName" أو "علامة كلمات BrandName." إذا كان الشعار زخرفيًا، اترك سمة alt فارغة ودع الإطار يعلن الزخرفة للمستخدمين. استخدم نمطًا متسقًا عبر الصفحات حتى يعرف المستخدمون ما يتوقعونه ويمكنهم الاعتماد على نتائج البحث لإظهار العلامة التجارية.

الإنفوجرافيكس: قدم ملخصًا موجزًا للنتائج الرئيسية، مع ذكر الأرقام الرئيسية بلغة عادية. لا تكرر النص الطويل من الرسمي؛ اسحب الأرقام التي تحتاجها إلى النص البديل. إذا نقل اقتباس تأثيرًا، أدرجه بين علامات اقتباس. على سبيل المثال: "زيادة 42% في التبني." في إطار واجهة، يمكن لصندوق اختيار تبديل نص بديل قصير مقابل إصدار أطول، لذا يحصل كل من العقل والمستخدمين ذوي الاحتياجات المختلفة على ما يحتاجونه. في مواقف متنوعة، يحافظ هذا النهج على اهتمام القارئ مرتفعًا ويضمن الوصولية لجميع المستخدمين؛ سيشمل النص البديل السريع الأرقام الأساسية وملخصًا قصيرًا.