النص البديل: لماذا هو مهم وأفضل الممارسات التي يمكنها تحسين مُحسّنات محرّكات البحث لديك

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

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

وبالمثل ، نظرًا لأن محركات البحث لا يمكنها "رؤية" المعلومات المرئية حرفيًا ، فإن النص البديل المرفق بالصور يوفر معلومات مهمة حول ما تحتويه الصورة وكيف تتلاءم مع سياق بقية الصفحة.

إذا نظرت إلى التعليمات البرمجية المصدر لصفحة ويب ، فسترى نصًا بديلًا مضمنًا في HTML مثل هذا:

 <img src=“image.jpg” alt=“image description”>

لماذا يعتبر النص البديل مهمًا؟

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

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

نص بديل وكبار المسئولين الاقتصاديين

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

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

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

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

مركز بحث Google - إرشادات خاصة بالمحتوى

أفضل ممارسات النص البديل - 5 أشياء يجب تذكرها

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

فيما يلي بعض الإرشادات لمساعدتك في صياغة نص بديل مُحسّن لتحسين محركات البحث (SEO) للصور التي تكون مفيدة أيضًا للمستخدمين ومحركات البحث.

1. كن دقيقا

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

2. تجنب بدء علامة بديلة بمقدمة

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

على سبيل المثال ، ليس من الضروري أن تبدأ علامة alt بعبارات مثل هذه:

• هذه صورة
• تظهر هذه الصورة
• هذه لقطة شاشة لـ

3. دمج الكلمات الرئيسية ولكن تجنب حشو الكلمات الرئيسية

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

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

4. لا تكرر المحتوى

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

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

إذا كان هناك نص في صورتك ، فهل يجب عليك تضمينه في علامة alt؟

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

قد تتضمن بعض الأمثلة ما يلي:

• عنوان غلاف الكتاب.
• العنوان الموجود في مخطط المعلومات الرسومي.
• الأسماء التجارية ذات الصلة

5. لا تستخدم الأوصاف البديلة للرسومات الزخرفية

وفقًا لإرشادات الوصول إلى محتوى الويب (WCAG) ، تكون الصورة "مزخرفة" إذا لم يكن لها وظيفة تتجاوز الشكل الذي تبدو عليه.

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

أمثلة على النص البديل الجيد والسيئ

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

سيئة: هذه صورة فتاة.

حسنًا: فتاة صغيرة تجلس على سرير في المنزل باستخدام جهاز لوحي رقمي.

سيئ: خياط

جيد: خياط محترف يستخدم شريط قياس أثناء تغيير سترة في ورشته.

سيئ: مخطط دائري.

جيد: مخطط دائري للمقتطفات المميزة الشائعة. 70 بالمائة فقرات ، 19.1 بالمائة قوائم ، 6.3 بالمائة جداول و 4.6 بالمائة مقاطع فيديو.

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

قد تتطلب المخططات والرسوم البيانية أحيانًا وصفًا طويلاً.

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

5 طرق لتعزيز تحسين صورة SEO  

1. استخدم الكلمات الأساسية في أسماء الصور

من المهم تسمية ملفات الصور الخاصة بك! عندما يتعلق الأمر بكيفية تسمية الصور لـ SEO ، فأنت تريد اتباع نفس المنطق الذي تتبعه لعلامات alt. يجب أن تكون أسماء ملفات الصور الخاصة بك ذات صلة ووصفية وتتضمن كلمة أساسية.

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

• pie-chart.png
  اسم الملف هذا ليس وصفيًا بدرجة كافية ولا يحتوي على كلمة أساسية.
• المقتطفات المميزة-type-pie-chart.png
  يؤدي اسم الملف هذا بكلمة رئيسية وهو وصفي. يمكن لـ Google التفريق بين الكلمات في اسم الملف لأن الواصلات تفصل بينها.

2. استخدم التنسيق "الصحيح"

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

فيما يلي بعض الإرشادات:

• تعد ملفات JPEG هي الأفضل للصور الأكبر حجمًا للحفاظ على الوضوح. في هذه الحالة ، تعني كلمة "أكبر" بالبعد وليس حجم الملف ، وهو اعتبار مختلف سأناقشه أدناه.
• ستسمح لك ملفات PNG بالحفاظ على شفافية الخلفية.
• Scalable Vector Graphics (SVG) هو تنسيق صورة جديد نسبيًا تم تقديمه في عام 2001 ولا يزال واضحًا وواضحًا في أي دقة أو بعد. يمكن أن تكون صور SVG متحركة ، ومثل ، تحافظ PNGs على شفافية الخلفية.

3. الحجم المناسب لصورك

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

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

تذكر:

تأكد من تغيير حجم صورك قبل تحميلها. لن يؤدي تغيير حجم الصورة بخيار حجم العرض في نظام إدارة المحتوى (مثل WordPress) إلى تحسين وقت تحميل الصفحة لأن الصورة بالحجم الكامل لا تزال بحاجة إلى التحميل قبل عرض حجم العرض على الصفحة.

4. استخدام التسميات التوضيحية

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

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

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

إذا كنت لا تستخدم التسميات التوضيحية مع صورك ، فقد تفقد فرصة لإشراك القراء.

* أسمي هذا "بديهيًا" لأنني لم أستطع تتبع مسار يعود إلى مصدر البيانات الأصلي ، لذلك لا يمكنني اقتباسه كحقيقة.

5. إضافة نص بديل

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

ماذا عن علامات عنوان الصورة؟

عنوان الصورة هو سمة أخرى يمكن أن توفر معلومات حول الصورة.

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

أدوات مجانية لتحسين صورة SEO

فيما يلي بعض الأدوات المجانية لتبدأ في تحسين صورك لتحسين محركات البحث.

أدوات تحسين الصورة

سيكشف بحث Google السريع عن مجموعة كاملة من أدوات تحسين الصور المجانية. إليك بعضا من المفضلة إلي:

• محسن JPEG
• صور التقارب
• بيكسلر
• كراكن (ضغط كبير)
• أوبتيميزيلا

إضافات WordPress لتحسين الصورة

• يوست سيو
• بكسل قصير
• محسن صور EWWW
• WP Smush
• TinyPNG

اختبار سرعة التحميل

هناك أداة واحدة فقط أوصي بها لاختبار سرعة تحميل صفحاتك بعد قيامك بتحسين صورك. ستعمل Google PageSpeed ​​Insights على تحليل سرعة التحميل للأجهزة المحمولة وأجهزة سطح المكتب ، وتمنحك درجة أداء ، وتحدد فرص التحسين. (إذا كنت لا تعرف سبب أهمية سرعة الصفحة ، فاقرأ على Google Ranking Factors واكتشف أهم الأشياء للوصول إلى أعلى نتائج البحث.)

احصل على مساعدة في تحسين صورة تحسين محركات البحث (SEO)

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