النص البديل للصور 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. في تغريدة حديثة ، قال جون مولر من جوجل إن “الصفحات يمكن أن تصنف في بحث الويب إستنادا للنص البديل الموجود على الصورة“.
Pages can rank in websearch for content that’s in image alt-attributes, so I guess that’s a yes :). Easy to try out, if you want to double-check.
— ? John ? (@JohnMu) June 19, 2019
للاستفادة من هذا لأغراض تحسين محركات البحث للــ (SEO) لموقعك، تأكد من أن نص ALT الخاص بك يتضمن الكلمات المفتاحية ذات الصلة الوثيقة بالمقال على قدر المستطاع .
يمكن أن يساعد النص البديل للصور في رفع رتبة موقعك فى بحث الصور من Google
هناك طريقة أخرى يساعدها النص البديل في تحسين محركات البحث عندما يتعلق الأمر بترتيب الصور في بحث الصور من Google. هناك ملايين الأشخاص الذين يبحثون عن الصور على Google ، وإذا كنت تريد تصنيف صورك في مرتبة عالية ، فأنت بحاجة إلى:
النص البديل ضروري إذا كنت تستخدم Lazy Loading
Lazy Loading هو طريقة لتحسين سرعة تحميل الصفحة عن طريق تحميل الصور فقط تباعاعندما تكون الصورة في واجهة العرض بالمقال. بمعنى آخر ، بدلاً من تحميل جميع الصور في وقت واحد ، يتم تحميلها بشكل فردي أثناء قيام المستخدمين بالتمرير لأسفل الصفحة.
هذه تقنية جيدة ولكن هناك شكوك في مجتمع تحسين محركات البحث بخصوص هذه الطريقة سواء كان ذلك مفيدًا لسيو موقعك أم لا. فهذا لايمنع من استخدام النص البديل لجميع صورك. حيث يستطيع Google bot قراءة قيمة النص البديل ، حتى لو لم يتم تحميل الصور بالكامل مرة واحده.
إقرأ التويته التاليه من جوجل فى هذا السياق.
Alt text is extremely helpful for Google Images — if you want your images to rank there. Even if you use lazy-loading, you know which image will be loaded, so get that information in there as early as possible & test what it renders as.
— ? John ? (@JohnMu) September 4, 2018
كيف يمكنك كتابة نص بديل جيد؟
دعونا نرى كيفية كتابة نص بديل جيد للصورة يساعد محركات البحث فى سرعة فهم محتوى الصورة ولكن دون القيام بحشو الكلمات الرئيسية وتكرارها لكى لانعاقب من جوجل.
يجب أن يصف النص البديل الصورة بدقة
السبب الرئيسي لوجود نص بديل في المقام الأول هو الحصول على وصف نصي دقيق للصورة. فالوصف الدقيق هو الوصف الذي يساعد المستخدمين ومحركات البحث على فهم محتوى الصورة ، دون النظر إلى الصورة. من الطرق الجيدة للتأكد من دقة وصفك هو كتابته بالتفكير في أفضل طريقة لوصف الصورة للمستخدمين الذين لا يمكنهم رؤيتها. فيما يلي إرشادات 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 فى مدونات بلوجر والمواقع الأخرى.
اذا اعجبك الموضوع لاتنس أن تشيره على صفحتك ليستفيد منه اصدقائك.
اى سؤال حول هذا الموضوع يرجى تركه بخانة التعليقات لكى نستطيع الرد عليه.
تحياتى لك
عن مدير الموقع
مهندس مدنى واهوى التدوين عن #السيو للمواقع والمدونات المختلفه وتهيئتها لمحركات البحث ، وكذلك شرح ماهو السيو وماهى فائدتة لمدونات بلوجر وكذلك دروس حول بلوجر ونشر قوالب بلوجر الأجنبية والعربية وشروحات حول جوجل ادسنس .