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

مقدمة

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

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

حقيقة : يتم إرجاع الصور لـ 22.6٪ من طلبات البحث على Google. علاوة على ذلك ، يريد 62٪ من مستهلكي الجيل Z و Millennial البحث المرئي أكثر من أي تقنية جديدة أخرى.

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

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

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

أفضل ممارسات النص البديل

عند كتابة نص بديل لصورك ، تحتاج إلى الالتزام ببعض أفضل الممارسات كما هو موضح أدناه ؛

استخدم الكلمات الرئيسية في أوصافك البديلة

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

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

اجعل النص البديل قصيرًا

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

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

على سبيل المثال ، النص البديل أدناه طويل جدًا عند وصف كلبين ؛

• Alt = كلب رمادي على اليسار وكلب أسود بأذنين طويلتين على اليمين مستلقي على الأريكة بغطاء أصفر

سيكون وصف بديل ممتاز على النحو التالي ؛

• Alt = كلب رمادي وأسود يرقد على الأريكة

أيضًا ، تجنب بعض الأوصاف التي قد تكون قصيرة جدًا بحيث لا تبرز معنى موجزًا ​​مثل ؛

• Alt = كلبان

اختبر سيو الخاص بك في 60 ثانية!

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

• أداة آلية لتحسين محركات البحث سهلة الاستخدام
• أفكار + مراقبة الكلمات الرئيسية والروابط الخلفية
• السرعة والأمان + تتبع العناصر الحيوية الأساسية

• يقترح بذكاء أفكارًا لتحسين مُحسّنات محرّكات البحث
• أكثر من 250.000 ألف عضو عالمي
• المقارنة المعيارية المضمنة وتحليل المنافسين

على سبيل المثال "www.diib.com"

الاشتراك مجانا

مستخدمة من قبل أكثر من 250 ألف شركة ومؤسسة:

• 
• 
• 
• 

يتزامن مع

كن دقيقا

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

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

• Alt = ذكور وإناث كلاب الراعي الألماني الأسود يلعبون في الحديقة

يعطي الوصف تمثيلاً واضحًا ودقيقًا لما تمثله الصورة.

من ناحية أخرى ، سيكون من الخطأ كتابتها على النحو التالي ؛

• Alt = كلاب تلعب على العشب

تجنب كتابة النص البديل من أجل تحسين محركات البحث فقط

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

مربع الاقتباس: "هناك 2،140،000 إجمالي عدد الأشخاص الذين يعانون من فقدان البصر (2021) في المملكة المتحدة" (أداة بيانات فقدان الموقع ، RNIB 2021)

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

لا تترك أزرار النموذج

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

لا تقم بتضمين المواصفات الإضافية

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

تذكر استخدام longdesc

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

تجنب استخدام الصور كنص

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

كيف يعمل النص البديل

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

كيفية إضافة نص بديل إلى الصور

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

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

إذا كنت تستخدم "ميزة الفحص" في المتصفح ، فسترى رمز HTML. على سبيل المثال ، عند استخدام Chrome ، انقر فوق صورة على صفحة الويب وانقر فوق ميزات فحص القائمة المنسدلة. سترى بعد ذلك نافذة تظهر مع علامة HTML الخاصة بالموقع تعرض "alt = متبوعًا بالوصف البديل".

فيما يلي توضيح لكيفية إضافة نص بديل على أنظمة أساسية مختلفة ؛

· وورد

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

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

(رصيد الصورة: wpbeginner)

· Wix

كثف Wix أيضًا جهوده لجعل النظام الأساسي أكثر ملاءمة لكبار المسئولين الاقتصاديين. يمكنك الآن إضافة أوصاف بديلة للصور الموجودة في متجرهم وإجراء أي تعديلات ضرورية.

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

(رصيد الصورة: wix.com)

· ماجنتو

Magento هو نظام أساسي آخر يوفر إجراءً مباشرًا لإضافة سمة alt.

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

(رصيد الصورة: Magento)

· Shopify

يتيح لك استخدام Shopify إضافة سمة alt إلى كل من صور المنتج والسمات.

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

(رصيد الصورة: بشكل متزايد)

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

لماذا يعتبر النص البديل ضروريًا لتحسين محركات البحث الجيدة؟

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

• محركات البحث - عند استخدام وصف بديل ، فإنه يساعد محركات البحث في تفسير الموضوع في صورة معينة. ومن ثم ، يمكن لـ Google تحديد وقت تضمين صورتك في نتائج البحث ذات الصلة بسرعة ، مما يمنح صور النص البديل احتمالية أعلى للعثور عليها.
• الزوار المعاقون بصريًا - يوفر استخدام الأوصاف البديلة للزوار المعاقين بصريًا بديلاً للصور. وبالتالي ، فإنه يسمح للمستخدمين باستخدام البرامج التي تقرأ النص بصوت عالٍ لفهم ما تضيفه الصور إلى المحتوى الخاص بك.

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

• المسوقون - عندما تستخدم الأوصاف البديلة على صورك ، تتمتع صفحتك بفرص أفضل للحصول على تصنيفات أعلى في نتائج البحث. نتيجة لذلك ، يحصل موقعك على حركة مرور أكبر على Google بفضل التحسين.

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

حقائق :

• حصل Dan Morgan في WebSpection على إحدى صوره في المرتبة الأولى في صور Google لـ "أفضل شخص في كارديف" في أقل من أربعة أيام من خلال تحسين صورته.
• وقد أنشأ روبي ريتشاردز 150732 زيارة عن طريق إضافة علامات بديل للصور وضغط الصور وبعض الحيل الأخرى لتحسين محركات البحث.

—مجلة محرك البحث

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

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

لا يتعين عليك استخدام نص بديل في بعض الحالات ، خاصةً عندما لا تحمل الصورة تفاصيل حيوية أو تستخدم لأغراض التزيين.

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

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

نأمل أن تكون قد وجدت هذه المقالة مفيدة.

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

أدخل موقع الويب الخاص بك

على سبيل المثال "www.diib.com"

الاشتراك مجانا

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

نيك كوليباتش
توريد غطاء RV

كيف يمكنك البحث عن المشكلات المتعلقة بالنص البديل وإصلاحها

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

ابحث عن الصفحات الأكثر زيارة

أولاً ، ابدأ بإجراء فحص شامل لمعرفة أكثر الصفحات التي يزورها جمهورك بشكل عضوي. يمكنك الانتقال من خلال العديد من الأنظمة الأساسية مثل Google Search Console أو Google Analytics أو التقرير الموجود في "أهم الصفحات" على Ahrefs site explorer.

تدقيق الأوصاف البديلة الخاصة بك

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

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

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

كرر لمزيد من الصفحات

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

Diib: توفير إحصائيات النص البديل ومراقبته!

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

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

اتصل اليوم على 800-303-3510 أو انقر هنا للحصول على 60 مسحًا مجانيًا لموقع الويب ومعرفة المزيد حول نقاط القوة والضعف في تحسين محركات البحث.