التكنولوجيا

كيف تكتب alt text صحيح للصور في المقالات والمواقع

كيف تكتب Alt Text احترافي يحسّن SEO موقعك ويرفع ترتيبه في جوجل

لماذا يتجاهل أغلب أصحاب المواقع هذا التفصيل الصغير الذي يكلّفهم آلاف الزيارات؟

صراحةً، عندما بدأت أعمل على مواقعي الأولى، كنت أرفع الصور وأتركها بدون أي وصف. لم أكن أعلم أن هذا القرار العشوائي كان يُضيّع عليّ فرصًا ذهبية في محركات البحث. الـ alt text أو النص البديل للصور هو واحد من أكثر العناصر التقنية التي يُهملها المدوّنون وأصحاب المواقع، ومع ذلك فهو يؤدي دورًا محوريًا في تحسين محركات البحث وتحسين تجربة المستخدم. كيف تضيف alt text صحيح ليس سؤالًا تقنيًا معقدًا، لكنه سؤال يستحق إجابة مفصّلة وعملية. في هذا المقال، سأريك بالتفصيل كل ما تحتاج معرفته حول تحسين الصور وإمكانية الوصول لتحقيق نتائج حقيقية وملموسة.

ما الذي تحتاج معرفته عن Alt Text قبل أي خطوة؟

الـ alt text أو “النص البديل” هو وصف نصي مختصر يُضاف إلى وسم `` في كود HTML، ويهدف إلى وصف محتوى الصورة. يُعرضه المتصفح في حال فشل تحميل الصورة، وتقرأه برامج قراءة الشاشة للمستخدمين ذوي الإعاقة البصرية، كما يستخدمه محرك البحث جوجل لفهم مضمون الصورة وفهرستها بشكل صحيح.

الفرق بين الـ alt text الجيد والسيئ ليس مجرد كلمات. إنه الفرق بين صورة تظهر في نتائج بحث الصور وتجلب زيارات مستهدفة، وبين صورة مجهولة الهوية تمامًا من منظور محرك البحث.

هناك ثلاثة أنواع رئيسية من الصور من حيث التعامل مع الـ alt text:

  • الصورالمعلوماتية:تحتاجإلىوصفدقيقيعكسمحتواها.
  • الصورالزخرفية:يُفضَّلتركهابـ`alt=””`فارغًالأنهالاتحملمعلومات.
  • الصورالوظيفيةمثلالأزراروالأيقونات:يجبأنيصفالـalttextوظيفتهاوليسشكلها.

الأدوات والمتطلبات التي ستحتاجها

قبل أن تبدأ، تأكد أن لديك:

  • موقعWordPressأوأيCMSآخر:معظممنصاتإدارةالمحتوىتتيحلكإضافةalttextبسهولةعندرفعالصور.
  • إضافةYoastSEOأوRankMath:هذهالأدواتتُذكّركبالصورالتيتفتقدإلىنصبديلوتُعطيكتقييمًالصفحتك.
  • GoogleSearchConsole:لمتابعةأداءالصورفينتائجالبحثومعرفةأيمنهايجلبزيارات.
  • أداةScreamingFrog(اختيارية):تُمكّنكمنفحصآلافالصورعلىموقعكوتحديدأيمنهايفتقرإلىalttext.
  • إضافةWPAccessibility(اختيارية):تساعدفيتحسينإمكانيةالوصولبشكلعامعلىمواقعWordPress.
  • متصفحChromeمعDevTools:لفحصكودHTMLوالتحققمنalttextيدويًا.

لا تحتاج إلى خبرة تقنية عميقة لتطبيق ما سأشرحه. كل ما تحتاجه هو الانتباه والالتزام.

متى بالضبط يجب أن تهتم بهذا الموضوع؟

إذا كنت تُدير مدونة، موقع تجارة إلكترونية، موقع أخبار، أو حتى محفظة أعمال شخصية، فأنت بحاجة إلى الاهتمام بالـ alt text منذ اليوم الأول. لكن الأهمية تتصاعد في حالات بعينها:

عند إطلاق موقع جديد: هذه هي اللحظة المثالية لبناء عادة كتابة alt text صحيح من البداية بدلًا من إصلاح مئات الصور لاحقًا.

عند ملاحظة ضعف في حركة مرور الصور: إذا فتحت Google Search Console ووجدت أن صور موقعك لا تظهر في نتائج البحث، فهذه إشارة واضحة.

عند إعادة تصميم الموقع أو ترحيل المحتوى: كثيرًا ما تضيع بيانات الصور خلال عملية الترحيل.

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

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

دليل خطوة بخطوة: كيف تكتب Alt Text احترافيًا

الخطوة الأولى: افهم الصورة قبل أن تصفها

قبل كتابة أي شيء، اسأل نفسك: لو لم تكن هذه الصورة موجودة، ما الذي كنت سأكتبه بدلًا منها في النص؟ هذا هو جوهر الـ alt text الجيد.

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

الـ alt text الجيد يتراوح عادةً بين 50 و125 حرفًا. لا تبالغ في الطول ولا تختصر بشكل مُخلّ. مثال سيئ: “صورة”. مثال جيد: “مطبخ عصري بأدوات ستانلس ستيل ونافذة مطلة على حديقة”.

الخطوة الثالثة: أدمج الكلمة المفتاحية بشكل طبيعي

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

الخطوة الرابعة: تجنب البدء بـ “صورة لـ…” أو “رسم يوضح…”

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

الخطوة الخامسة: للصور الزخرفية، اترك الـ alt فارغًا

إذا كانت الصورة مجرد خلفية أو عنصر تصميمي، فأضف `alt=””` بدون أي محتوى. هذا يخبر برامج قراءة الشاشة بتجاهلها، مما يُحسّن تجربة تحسين الصور وإمكانية الوصول للمستخدمين الذين يعتمدون على هذه التقنيات.

الخطوة السادسة: راجع صور موقعك دوريًا

استخدم Screaming Frog أو WP Media Folder لاستخراج قائمة بجميع الصور والتحقق من اكتمال بياناتها.

فوائد كتابة Alt Text صحيح لا يمكن تجاهلها

الفائدة الأكثر وضوحًا هي تحسين ترتيب موقعك في محركات البحث. جوجل يعتمد بشكل كبير على الـ alt text لفهرسة الصور، والصور المفهرسة بشكل صحيح تجلب زيارات إضافية عبر بحث الصور.

لكن الفوائد لا تتوقف عند SEO:

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

نصائح إضافية وأفضل الممارسات

استخدم الـ alt text ليخدم السياق وليس الصورة فقط: إذا كانت الصورة جزءًا من مقال عن السفر إلى اليابان، فاجعل وصفها يُكمل سياق المقال وليس مجرد وصف ما تراه.

لا تكرر الكلمة المفتاحية في كل صورة: إذا كان لديك 10 صور في صفحة واحدة وأدرجت نفس الكلمة المفتاحية في كل منها، فهذا يُعتبر حشوًا للكلمات المفتاحية وقد يضرّ بترتيبك.

الـ alt text للصور في المنتجات يجب أن يُحدد التفاصيل الدقيقة: مثل اللون والحجم والموديل، لأن كثيرًا من المستخدمين يبحثون بهذه التفاصيل.

استفد من بيانات Google Search Console: في قسم “بحث الصور”، ستجد أي الكلمات تجلب زيارات عبر صورك، وهذا يساعدك على تحسين الـ alt text المستقبلي.

جرّب أدوات الذكاء الاصطناعي كمساعد لا كبديل: أدوات مثل Imagga أو Google Vision يمكنها اقتراح أوصاف للصور، لكن راجعها دائمًا قبل استخدامها.

الأخطاء الشائعة التي يقع فيها أغلب الناس

الخطأ الأول: ترك الـ alt text فارغًا أو كتابة كلمة واحدة مثل “image”
هذا يُضيّع فرصة SEO كاملة ويُهضم حق المستخدمين ذوي الإعاقة. الحل: خصّص دقيقة واحدة لكل صورة.

الخطأ الثاني: حشو الكلمات المفتاحية
كتابة “كيك شوكولاتة وصفة كيك شوكولاتة طريقة عمل كيك شوكولاتة” في الـ alt text هو ضرر وليس فائدة. جوجل ذكي بما يكفي لاكتشاف هذا.

الخطأ الثالث: استخدام اسم الملف كـ alt text
بعض الأنظمة تضع اسم الملف تلقائيًا مثل “IMG_4523.jpg”. هذا لا معنى له لا لجوجل ولا للمستخدم.

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

الخطأ الخامس: عدم تحديث الـ alt text عند تغيير محتوى الصفحة
إذا غيّرت موضوع الصفحة أو استهدفت كلمة مفتاحية جديدة، فلا تنسَ مراجعة الـ alt text لجميع الصور.

كيف تحسّن نتائجك على المدى البعيد؟

الـ alt text ليس عملًا تفعله مرة واحدة وتنساه. إليك خطة عمل طويلة الأمد:

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

ابنِ قاموسًا داخليًا للكلمات المفتاحية المرتبطة بصورك: هذا يُسرّع عملية الكتابة ويضمن التناسق.

تتبّع أداء الصور في Search Console: انظر كيف تتطور الزيارات القادمة من بحث الصور شهرًا بعد شهر.

تدرّب فريقك إذا كنت تعمل مع كتّاب محتوى: اجعل كتابة الـ alt text جزءًا من عملية رفع المحتوى، وليس خيارًا اختياريًا.

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

الخلاصة: هذه التفاصيل الصغيرة هي التي تصنع الفرق

بعد كل ما شرحته، أعتقد أن الرسالة واضحة: الـ alt text ليس خيارًا ثانويًا أو تفصيلًا يمكن تأجيله. إنه ركن أساسي في استراتيجية SEO الناضجة وفي بناء موقع محترم ومُتاح للجميع. كيف تضيف alt text صحيح هو سؤال يستحق أن تسأله اليوم قبل الغد، لأن كل صورة تُضيفها بدون وصف هي فرصة ضائعة. وإذا كنت جادًا في تطوير موقعك، فأنصحك بالاستفادة من إرشادات تحسين الصور وإمكانية الوصول الصادرة عن W3C، فهي المرجع الأكثر شمولًا ودقة في هذا المجال. ابدأ اليوم بمراجعة أحدث 10 صور رفعتها على موقعك وحدّث وصفها. ستُفاجأ بالنتائج.

أسئلة شائعة حول كتابة Alt Text

س: هل Alt Text يؤثر فعلًا على ترتيب الموقع في جوجل؟
ج: نعم، بشكل مباشر. جوجل يستخدم الـ alt text لفهم محتوى الصور وفهرستها، وهذا يؤثر على ظهورها في نتائج بحث الصور الذي يمكن أن يجلب زيارات إضافية ومستهدفة لموقعك.

س: ما الحد الأقصى المناسب لطول Alt Text؟
ج: لا يوجد حد قانوني صارم، لكن يُنصح بإبقائه بين 50 و125 حرفًا. النصوص الطويلة جدًا قد تُقطَع من بعض برامج قراءة الشاشة وتفقد تأثيرها.

س: هل يجب أن أضع Alt Text في كل الصور بدون استثناء؟
ج: ليس بالضرورة. الصور الزخرفية البحتة التي لا تحمل معلومات يُفضَّل أن يكون الـ alt text فيها فارغًا `alt=””` لأن وصفها يُشتّت برامج قراءة الشاشة.

س: هل يمكن استخدام الذكاء الاصطناعي لتوليد Alt Text تلقائيًا؟
ج: يمكن استخدامه كنقطة بداية، لكن يجب مراجعة النتائج دائمًا. الذكاء الاصطناعي قد يُخطئ في السياق أو يغفل الكلمة المفتاحية المناسبة، لذا لا تثق به بشكل أعمى.

س: كيف أعرف إذا كانت صور موقعي تفتقر إلى Alt Text؟
ج: استخدم أداة Screaming Frog أو امتداد Wave في متصفح Chrome. كلتاهما تُعطيك تقريرًا كاملًا عن الصور التي تفتقر إلى نص بديل أو التي تحمل نصوصًا غير ملائمة.

مقالات ذات صلة

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Captcha Plus loading...

Back to top button