ما هو وكيف تكتبه ولماذا يهم مُحسنات محركات البحث

اليوم ، ما يقرب من 19 ٪ من SERPs من Google تعرض الصور. هذا يعني أنه على الرغم من جهود تحسين محركات البحث التي تبذلها ، لا يزال من الممكن أن تفوتك مصدر حركة مرور عضوية آخر: صور موقع الويب الخاص بك.

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

جدول المحتويات

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

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

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

إمكانية الوصول

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

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

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

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

تجربة المستخدم

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

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

مصدر الصورة

حركة الصور

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

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

بدءًا من عام 2018 ، طبق فريق HubSpot Blog إستراتيجية تحسين محركات البحث الجديدة التي ركزت جزئيًا بشكل أكبر على تحسين النص البديل للصورة. ساعد هذا في زيادة حركة مرور الصور على المدونة بنسبة 779٪ في أقل من عام ، مما أدى إلى زيادة عدد المشاهدات العضوية بمقدار 160 ألفًا. يمكنك قراءة المزيد حول نجاح الفريق في منشور المدونة هذا.

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

في معظم أنظمة إدارة المحتوى (CMSs) ، يؤدي النقر فوق صورة في نص منشور المدونة إلى تحسين الصورة أو وحدة النص المنسق ، حيث يمكنك إنشاء النص البديل للصورة وتغييره.

دعنا نتصفح الخطوات التالية لـ CMS Hub و WordPress أدناه.

كيفية إضافة نص بديل في HubSpot CMS

في HubSpot ، بمجرد النقر فوق صورة والنقر فوق رمز التحرير (الذي يشبه قلم رصاص) ، سيظهر مربع منبثق لتحسين الصورة.

إليك ما تبدو عليه نافذة تحسين الصورة هذه في CMS داخل بوابة HubSpot الخاصة بك:

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

كيفية إضافة نص بديل في WordPress CMS

في WordPress ، سيؤدي النقر فوق صورة إلى فتح علامة التبويب Block في الشريط الجانبي تلقائيًا. ضمن القسم المسمى "إعدادات الصورة" ، أضف النص البديل في الحقل الفارغ.

عندما تكون جاهزًا ، انقر فوق "تحديث" من شريط الأدوات أعلى شاشتك.

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

3 أمثلة على النص البديل للصورة (الخير والشر)

1. الكلمة الرئيسية في مقابل التفاصيل

نص بديل تالف

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

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

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

والأسوأ من ذلك ، أن Google تفرض عقوبات على حشو الكلمات الرئيسية.

نص بديل جيد

مع وضع النص البديل السيئ (أعلاه) في الاعتبار ، قد يكون النص البديل الأفضل لهذه الصورة هو:

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. التفاصيل مقابل الخصوصية

مصدر الصورة

نص بديل تالف

alt="Baseball player hitting a ball at a baseball field"

يتبع سطر النص البديل أعلاه من الناحية الفنية القاعدة الأولى للنص البديل - كن وصفيًا - ولكنه لا يكون وصفيًا بالطريقة الصحيحة. نعم ، تُظهر الصورة أعلاه ملعب بيسبول ولاعبًا يضرب كرة بيسبول. ولكن هذه أيضًا صورة لـ Fenway Park - وديفيد أورتيز رقم 34 لفريق Red Sox وهو يسجل أحدهما فوق الحقل الصحيح. هذه تفاصيل مهمة قد تحتاجها Google لفهرسة الصورة بشكل صحيح إذا كانت موجودة ، على سبيل المثال ، في منشور مدونة حول رياضة بوسطن.

نص بديل جيد

مع وضع النص البديل السيئ (أعلاه) في الاعتبار ، قد يكون النص البديل الأفضل لهذه الصورة هو:

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. الخصوصية مقابل السياق

مصدر الصورة

تحتوي كلتا الصورتين أعلاه على سياق واضح يمكن أن يساعدنا في كتابة نص بديل جيد - أحدهما من مكتب HubSpot والآخر هو Fenway Park. ولكن ماذا لو لم يكن لصورتك سياق رسمي (مثل اسم مكان) يمكن من خلاله وصفها؟

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

لمقال حول الالتحاق بكلية إدارة الأعمال

نص بديل تالف

alt="Woman pointing to a person's computer screen"

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

نص بديل جيد

مع وضع النص البديل السيئ (أعلاه) في الاعتبار ، قد يكون النص البديل الأفضل لهذه الصورة هو:

alt="Business school professor pointing to a student's computer screen"

لصفحة ويب على برامج التعليم لمعلمي كلية إدارة الأعمال

نص بديل تالف

alt="Teacher pointing to a student's computer screen"

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

نص بديل جيد

مع وضع النص البديل السيئ (أعلاه) في الاعتبار ، قد يكون النص البديل الأفضل لهذه الصورة هو:

alt="Professor using education software to instruct a business school student"

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

في النهاية ، يجب أن يكون النص البديل للصورة محددًا ولكنه يمثل أيضًا موضوع صفحة الويب التي يدعمها. هل فهمت الفكرة حتى الآن؟ فيما يلي بعض المفاتيح المهمة لكتابة نص بديل للصورة فعال:

• صِف الصورة وكن محددًا.
• استخدم كلاً من موضوع الصورة وسياقها لإرشادك.
• أضف سياقًا يتعلق بموضوع الصفحة.
• إذا كانت الصورة لا تحتوي على مكان أو شخص يمكن التعرف عليه ، فقم بإضافة سياق بناءً على محتوى الصفحة.
• على سبيل المثال ، يمكن أن يكون النص البديل لصورة مخزنة لشخص يكتب على جهاز كمبيوتر هو "تحسين موقع WordPress لتحسين محركات البحث على الويب" أو "امرأة تبحث عن منصات تدوين مجانية" ، اعتمادًا على موضوع صفحة الويب.
• احتفظ بالنص البديل أقل من 125 حرفًا .
• عادةً ما تتوقف أدوات قراءة الشاشة عن قراءة النص البديل في هذه المرحلة ، مما يؤدي إلى قطع النص البديل الطويل في اللحظات المحرجة عند نطق هذا الوصف لضعاف البصر.
• لا تبدأ النص البديل بعبارة "صورة ..." أو "صورة ..." انتقل مباشرة إلى وصف الصورة.
• ستحدد أدوات قراءة الشاشة (وجوجل ، في هذا الصدد) كصورة من شفرة مصدر HTML للمقالة.
• استخدم كلماتك الرئيسية ، ولكن باعتدال. قم بتضمين الكلمة الرئيسية المستهدفة لمقالك فقط إذا تم تضمينها بسهولة في النص البديل الخاص بك. إذا لم يكن الأمر كذلك ، ففكر في الكلمات الرئيسية الدلالية ، أو مجرد المصطلحات الأكثر أهمية ضمن كلمة رئيسية طويلة الذيل. على سبيل المثال ، إذا كانت الكلمة الرئيسية لمقالتك هي "كيفية إنشاء عملاء محتملين" ، فقد تستخدم "إنشاء عملاء محتملين" في النص البديل الخاص بك ، نظرًا لأنه قد يكون من الصعب تضمين "كيف" في النص البديل للصورة بشكل طبيعي.
• لا تحشر كلمتك الرئيسية في النص البديل لكل صورة. إذا كان منشور مدونتك يحتوي على سلسلة من صور الجسم ، فقم بتضمين كلمتك الرئيسية في واحدة على الأقل من تلك الصور. حدد الصورة التي تعتقد أنها أكثر تمثيلاً لموضوعك ، وقم بتعيينها لكلمتك الرئيسية. التزم بمزيد من الأوصاف الجمالية في الوسائط المحيطة.
• مراجعة للأخطاء الإملائية. قد تؤدي الكلمات التي بها أخطاء إملائية في النص البديل للصورة إلى الإضرار بتجربة المستخدم أو إرباك محركات البحث التي تزحف إلى موقعك. يجب عليك مراجعة النص البديل كما تفعل مع أي محتوى آخر على الصفحة.
• لا تقم بإضافة نص بديل إلى كل صورة. يجب إضافة نص بديل إلى معظم الصور على صفحة ويب من أجل تحسين محركات البحث و UX وإمكانية الوصول - ومع ذلك ، هناك استثناءات. يجب أن تحتوي الصور المزخرفة تمامًا أو الموصوفة في نص مجاور ، على سبيل المثال ، على سمة بديل فارغة. للحصول على تفاصيل أكثر تفصيلاً حول وقت إضافة نص بديل ومتى لا يتم ذلك ، تحقق من شجرة القرار هذه.

كيف يؤثر النص البديل على تحسين محركات البحث

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

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

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

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

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

على سبيل المثال ، قد يفضل الزائر الذي يبحث عن كيفية إزالة التكرارات في Excel لقطة شاشة حتى يتمكن من فهم كيفية إكمال المهمة في لمحة.

مصدر الصورة

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

إضافة نص بديل للصورة إلى موقع الويب الخاص بك

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

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

ملاحظة المحرر: تم نشر هذا المنشور في الأصل في سبتمبر 2018 وتم تحديثه للشمول.