النص البديل للصور Alt text ماهو وكيف تجعل صور موقعك مهيئة للسيو

1

النص البديل للصور Alt text ماهو ، كيف أضع النص البديل على الصور فى مدونات بلوجر، هل النص البديل للصور Alt text يكون هو عنوان المقال عند وضعه على الصور بالمقال.

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

 ماهو النص البديل للصور Alt text؟

وهو يُسمى أيضًا “alt tags” أو “alt attribute” ، وهو النص المكتوب الذي يظهر بدلاً من صورة على صفحة ويب في حالة فشل تحميل الصورة على شاشة المستخدم. وايضا بتعريف آخر النص البديل هو النص الذي يصف الصورة بدقة. تتم إضافته إلى العلامة <img> في HTML للصفحة. يساعد هذا النص أدوات قراءة الشاشة على وصف الصور للقراء المعاقين بصريًا ويسمح لمحركات البحث بالزحف إلى موقعك وتصنيفه بشكل أفضل.
فسواء كان موقعا مهيئا للــ  (SEO) ، فإن وضع النص البديل للصور Alt text  على صور موقع الويب الخاص بك هو مهم جدا  لإنشاء تجربة مستخدم أفضل لزائريك ، بصرف النظر عن الطريقة التي عثروا فيها على موقعك لأول مرة.
لا يتم عرض النص البديل عند عرض صفحات موقعك عبر متصفحات الانترنت مثل جوجل كروم او اوبرا …الخ  ولكنه يصبح مرئيًا عندما يتعذر تحميل الصورة.
روبوتات  الزحف لمحركات البحث تقرأ مضمون النص البديل والتى يتم استخدامها عبر قارئات الشاشة “لوصف” الصورة للمستخدمين الذين لا يمكنهم رؤيتها.

لماذا يتم وضع النص البديل للصور Alt text على الصور؟

يتم  إضافة النص البديل أو alternative text ويختصر بـ Alt text للصور  المضافة في أي صفحة موقع على النت  وذلك للأشخاص الذين لا يرون الصور  فى الحالات الآتية:

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

النص البديل للصور Alt text وعلاقتة بسيو موقعك

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

النص البديل يساعد على تصنيف صفحات موقعك في نتائج بحث الويب

في الواقع ، يمكن لـ Google ترتيب صفحة ويب في نتائج البحث استنادًا إلى قيمة Alt text. في تغريدة حديثة ، قال جون مولر من جوجل إن “الصفحات يمكن أن تصنف في بحث الويب إستنادا للنص البديل الموجود على الصورة“.


للاستفادة من هذا لأغراض تحسين محركات البحث للــ  (SEO) لموقعك، تأكد من أن نص ALT الخاص بك يتضمن الكلمات المفتاحية ذات الصلة الوثيقة بالمقال على قدر المستطاع .

يمكن أن يساعد النص البديل للصور في رفع رتبة موقعك فى بحث الصور من Google

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

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

النص البديل ضروري إذا كنت تستخدم Lazy Loading

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

إقرأ التويته التاليه من جوجل فى هذا السياق.


كيف يمكنك كتابة نص بديل جيد؟

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

يجب أن يصف النص البديل الصورة بدقة

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

يجب أن يصف النص البديل الصورة بدقةاجعله قصيرًا ولكن تجنب استخدام النص البديل بكلمة واحدة

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

ولتسهيل الامر عليك فلنفترض أنه يوجد صورة لقطع من الشيكولاته وكان وصفها كالتالى :

شيكولاتة
مثال شرح

سيكون النص البديل لها كالتالى :

<img src=”شيكولاتة.jpg” alt=”شيكولاتة“/>

فأنا هنا أخترت النص البديل ” شيكولاتة” وهو بالطبع نص بديل لايصلح لإنة اولا من كلمة واحده وثانيهما انه لم يوصف الشيكولاتة بدقة.

لكن لنضع نص بديل جيد ومفهوم …كيف الطريقة؟ … تابع معى وعلى نفس الصورة لكى تستوعب المعلومة.

قطع من الشيكولاتة موضوعه بداخل طبق ابيض
مثال للتوضيح

سيكون النص البديل لها كالتالى :

<img src=”شيكولاتة.jpg” alt=”قطع من الشيكولاتة موضوعه بداخل طبق ابيض “/>

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

فالنص البديل للصور كما ذكرت يتم وضعه لأهداف وبأسباب ذكرتها لك سابقا.

استخدم الكلمات المفتاحية ذات الذيل الطويل فى النص البديل للصور

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

طفلة تلبس فستان أبيض وتجلس بين الزهور وتمسك وردة بيضاء فى يدها وتبتسم
شرح توضيحى الى طريقة اضافة النص البديل بشكل صحيح

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

<img src=”طفلة تجلس.jpg” alt=”صورة طفلة تجلس،طفلة تضحك،صورة طفلة“/>

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

لكن الوصف السليم من ناحية السيو كالتالى :

<img src=”طفلة تجلس.jpg” alt=”طفلة تلبس فستان أبيض وتجلس بين الزهور وتمسك وردة بيضاء فى يدها وتبتسم“/>

هنا انا وضحت للشخص الذى لايستطيع رؤية الصورة بمحتوى الصورة وهذا ماتفضلة محركات البحث.

هل يشمل النص البديل جميع الصور؟

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

كيف أضع النص البديل فى مدونات بلوجر؟

طريقة وضع النص البديل فى مدونات بلوجر تعتبر طريقه سهله للغاية ، كل ماعليك هو وضع وصف دقيق للصورة وذلك بإتباع الخطوات التالية :

1- قم برفع الصورة المناسبة فى المقال لديك.

2- بعد رفع الصورة اضغط عليها كلك شمال بز الماوس الأيسر سيظهر لك شريط مباشرة اسفل الصورة كما بالصورة التالية.

اضافة النص البديل الى مدونات بلوجر- الخطوة الأولى

3- اختر من الشريط كلمة ” الخصائص ”  وإضغط عليها .. ستظهر الصورة التالية:

اضافة النص البديل الى مدونات بلوجر- الخطوة الثانية

4- كما هو موضح بالصورة فى الخانة الأولى ضع عنوان المقالة لديك كمثال والخانة الثانية ضع بها النص البديل الذى يشرح الصورة كما ذكرنا من قبل.

5- إضغط موافق

وهكذا على كل صورة بالمقال لديك .

كيفية ايجاد ووضع النص البديل للصور Alt text فى مدونات ووردبريس أو المواقع الأخرى 

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

ولنفترض انك قمت برفع صورة الى مدونتك وتريد الآن تعديل الوضع واضافة النص البديل لها او تعديل النص البديل للصورة . كل ماعليك هو – وانا هنا اوضح لمن لايعرف الووردبريس أو لم يستخدمة او يسمع عنه ويريد ان يطلع على خصائصه أو جديد فى مجال الووردبريس – الضغط كلك شمال مرة واحده بالماوس على الصورة سيظهر لك شريط ادوات على الصورة … شاهد الصورة

اضافة النص البديل الى مدونات ووردبريس- الخطوة الأولى

الآن اضغط على الزر الموجود على شكل القلم وانتقل للمرحلة التالية كما بالصورة

اضافة النص البديل الى مدونات ووردبريس- الخطوة الثانية

وهكذا لأى صورة بمدونتك بنفس الطريقة.

ختاماً
النص البديل للصور Alt text، هو العنصر الأكثر أهمية في الــ SEO للصورة. استخدم نصًا بديلًا على جميع صورك لمساعدة المستخدمين ضعاف البصر على التنقل في موقعك بشكل أفضل. في الوقت نفسه ، يعد النص البديل للصورة هو العامل الأكثر أهمية لترتيب صورك في قائمة بحث الصور من Google ، ولكنه يمكن أن يساعد صفحاتك أيضًا في الترتيب فى نتائج بحث الويب من Google. النص البديل الجيد قصير (حوالي 125 حرفًا) ولكنه وصفي. يصف بدقة صورة بكلمات رئيسية قد يستخدمها المستخدمون في مربع البحث في محرك البحث.

اتمنى أن أكون وفقت فى الشرح لــ النص البديل للصور Alt text فى مدونات بلوجر والمواقع الأخرى.

اذا اعجبك الموضوع لاتنس أن تشيره على صفحتك ليستفيد منه اصدقائك.

اى سؤال حول هذا الموضوع يرجى تركه بخانة التعليقات لكى نستطيع الرد عليه.

تحياتى لك

 

تعليق 1
  1. ADHAM يقول

    ممتاز يا استاذي الفاضل ربنا يكرمك ان شاء الله

اترك تعليق

يرجي التسجيل لترك تعليقك

شكرا للتعليق

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More