انتقل إلى المحتوى
SEO Madmanby Adam Hafez
أداة مجانية

فحص النص البديل للصور

الصق كود HTML لتجد النص البديل المفقود أو الفارغ أو العام أو المحشو بالكلمات المفتاحية في كل وسم img. أداة مجانية تعمل في متصفحك.

تعمل بالكامل في متصفحك. لا يُرفع ما تُدخله، ولا يُسجَّل، ولا يُحفظ.

srcaltالملاحظات

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

أهم النقاط

  • تستخدم Google النص البديل مع الرؤية الحاسوبية ومحتوى الصفحة لتفهم ما تعرضه الصورة.
  • غياب السمة alt هو أول ما يُصلح، لأن بعض قارئات الشاشة تنطق حينها اسم ملف الصورة بدلًا منها.
  • القيمة الفارغة alt="" ليست خطأ في صورة زخرفية، لأن إرشادات W3C تستخدمها لتتخطى قارئات الشاشة الصورة.
  • تقول إرشادات Google للصور إن ملء السمة alt بالكلمات المفتاحية حشو قد يجعل الموقع يُعدّ محتوى غير مرغوب فيه.
  • علامتا شكل اسم الملف وتكرار الكلمات تقديرات خاصة بهذه الأداة، لا حدود نشرتها Google.

ما تحتاج إليه

  • كود HTML ملصوق يحتوي على وسم img واحد أو أكثر

أدوات أخرى

كلها مجانية، وكلها تعمل في المتصفح.

تصفّح الأدوات

طريقة الاستخدام

  1. 1الصق كود HTMLانسخ كود الصفحة، أو وسوم img التي تريد فحصها فقط، إلى مربع النص. ويبدأ المربع بمثال فيه خمسة أنماط شائعة للنص البديل.
  2. 2اقرأ أعداد الملخصتعرض الأداة إجمالي الصور، وعدد الصور بلا alt، وعدد الصور ذات alt فارغة، وعدد ما تنبّه إليه تقديرات اسم الملف والحشو.
  3. 3راجِع ملاحظات كل صفيعرض جدول النتائج src والنص البديل لكل صورة مع ملاحظاتها، ويتحدث أثناء تعديل الكود.
  4. 4أصلح بالترتيب الذي تقترحه الملاحظاتابدأ بالنص البديل المفقود، ثم النصوص العامة، ثم راجِع ملاحظات التقدير لتتأكد أنها مشكلات حقيقية لا إنذارات خاطئة.

يخدم النص البديل قارئين معًا: شخصًا يستخدم قارئ الشاشة، وGoogle وهي تحاول فهم ما تعرضه الصورة. وتقول Google إنها تستخدم النص البديل مع الرؤية الحاسوبية ومحتوى الصفحة لتفهم موضوع الصورة، وإنه يحسّن الإتاحة لمن لا يرون الصور.

تحلّل هذه الأداة كود HTML الملصوق بأداة DOMParser في المتصفح، وتفحص السمة alt في كل وسم img وفق هذه الإرشادات.

ماذا تفحص الأداة؟

تحصل كل صورة على إحدى أربع نتائج، وتبيّن كل ملاحظة هل مصدرها التوثيق أم تقدير الأداة نفسها.

  • السمة alt مفقودة (خطأ). وسم img بلا alt إطلاقًا. تعرض Google <img src="puppy.jpg"/> مثالًا سيئًا، ويذكر W3C أن بعض قارئات الشاشة تنطق اسم الملف حين تغيب السمة.
  • alt فارغة (معلومة). القيمة alt="" هي طريقة W3C الموثّقة لتمييز الصورة الزخرفية لتتخطاها التقنيات المساعدة. وهي خطأ فقط عندما تحمل الصورة معنى.
  • نص عام (خطأ). نص بديل هو فقط image أو img أو photo أو picture أو pic، وقد يتبعه رقم مثل image123. وهذا يخالف طلب Google لنص بديل مفيد وغني بالمعلومات.
  • ملاحظات التقدير (تحذير). نص بديل بشكل اسم ملف، أو نص طويل تتكرر فيه كلمة. وهي تلتقط النمط الذي تحذّر منه Google، إذ تقول إن ملء alt بالكلمات المفتاحية قد يجعل موقعك يُعدّ محتوى غير مرغوب فيه، لكن الحدود من الأداة نفسها.

كيف تقرأ النتائج؟

يعدّ صف الملخص إجمالي الصور، والصور بلا alt، والصور ذات alt فارغة، والنصوص الشبيهة باسم ملف، والحشو المحتمل. ويعرض الجدول تحته src لكل صورة (أول 40 حرفًا) ونصها البديل (أول 60 حرفًا) مع ملاحظاتها.

تُلوَّن كل ملاحظة حسب نوعها: خطأ، أو تحذير تقديري، أو معلومة. والصورة بلا ملاحظات يظهر لها “لا توجد مشكلات”.

أصلح بهذا الترتيب: النص البديل المفقود أولًا، لأنه يضر بالإتاحة وبفهم Google للصورة معًا. ثم النصوص العامة.

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

يعمل التقديران هكذا: علامة اسم الملف لا تظهر إلا إذا انتهى src بامتداد صورة (jpg أو jpeg أو png أو webp أو gif أو svg أو avif)، وكان النص البديل كله اسمًا واحدًا بأحد هذه الامتدادات، مثل img_20260912_143022.jpg.

وتظهر علامة الحشو عندما يحتوي النص البديل على 8 كلمات أو أكثر، وتتكرر كلمة واحدة 3 مرات أو أكثر. ولم تنشر Google حدًا للطول أو التكرار، فلا يُعدّ أي من الرقمين قاعدة رسمية.

مثال عملي

تبدأ الأداة بخمس صور ملصوقة:

<img src="/images/golden-retriever-puppy-playing-fetch-in-park.jpg" alt="جرو غولدن ريتريفر يلعب بكرة تنس في حديقة">
<img src="/images/divider.svg" alt="">
<img src="/images/img_20260912_143022.jpg" alt="image123">
<img src="/images/hero-banner.jpg">
<img src="/images/running-shoes.jpg" alt="حذاء جري أفضل حذاء جري اشتر حذاء جري تخفيضات حذاء جري خصم حذاء جري">

يقول الملخص: 5 صور، وواحدة بلا alt، وواحدة بـ alt فارغة، و0 تشبه اسم ملف، وواحدة حشو محتمل. وصفًا بصف: صورة الجرو بلا مشكلات، والفاصل يحصل على ملاحظة alt الفارغة، والصورة الثالثة نص عام، لأن image123 لا يصف شيئًا.

وصورة الواجهة بلا سمة alt. وصورة حذاء الجري تحصل على تحذير تقديري بأن “حذاء” تتكرر 5 مرات، وهو شكل مثال Google نفسه للحشو: puppy dog baby dog pup pups puppies doggies.

أخطاء شائعة تكشفها

  • صور الواجهة واللافتات بلا alt. كثيرًا ما تنشر القوالب صورًا كبيرة بلا السمة أصلًا، وهي الحالة الوحيدة التي تصفها Google وW3C معًا بأنها معطّلة.
  • نص بديل منسوخ من اسم الملف أو من نظام إدارة المحتوى. أسماء الكاميرا مثل IMG00023.JPG هي مثال Google لاسم ملف لا يدل على الموضوع، ولصقها في alt يكرر المشكلة.
  • قوائم كلمات بدل الوصف. تقارن إرشادات Google بين alt="puppy" (أفضل)، وalt="Dalmatian puppy playing fetch" (الأفضل)، وسلسلة من صيغ الكلمة المفتاحية (سيئ).
  • صور ذات معنى مُعلَّمة كزخرفية. alt الفارغة في رسم بياني أو صورة منتج تخفيها عن قارئات الشاشة. وتعرض الأداة كل alt فارغة لتقرر بنفسك.

حدّ يجب معرفته: تقرأ الأداة عناصر img فقط. وتقول Google إنها لا تفهرس صور CSS، لذلك لا توجد سمة alt لصورة خلفية في CSS، ولا تظهر في هذا التقرير.

أدوات وقراءات ذات صلة

المصادر

  1. 1.Google Images best practices، Google Search Centralمصدر أساسي
  2. 2.Decorative images، W3C Web Accessibility Initiativeمصدر أساسي

أسئلة شائعة

كيف أفحص النص البديل في صفحة كاملة؟

افتح الصفحة واعرض مصدرها، أو انسخ كود HTML المعروض من أدوات المطوّرين في متصفحك، ثم الصقه في الأداة، فتعرض كل عنصر img مع src والنص البديل والملاحظات. وتظهر الصور التي يضيفها JavaScript فقط إذا نسخت الكود المعروض لا المصدر الخام.

هل تضر alt الفارغة بـ SEO؟

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

ما الفرق بين alt المفقودة وalt الفارغة؟

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

ما الطول المناسب للنص البديل؟

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

لماذا ظهر وصف عادي كحشو محتمل للكلمات المفتاحية؟

علامة الحشو تقدير. تظهر عندما يحتوي النص البديل على 8 كلمات على الأقل وتتكرر كلمة واحدة 3 مرات أو أكثر، وهي تعدّ كل الكلمات، ومنها القصيرة مثل في ومن. وقد يثيرها وصف طبيعي طويل، فاقرأ الكلمة المذكورة قبل إعادة الكتابة.

هل يُرسل كود HTML الذي ألصقه إلى أي مكان؟

لا. تحلّل الأداة الكود بأداة DOMParser المدمجة في المتصفح، وتعرض النتائج في الصفحة. ولا يُرفع أو يُخزَّن أي شيء.