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

الرئيسية كيفية كتابت المحتوئ ، SEO كيف تجعل صور موقعك او مقالات مهيئة لتصدر محركات البحث

كيفية كتابت المحتوئ ، SEO

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

Youssef Ghamry 0

A+ A-

facebook twitter

نص بديل لـ SEO : كيفية تحسين صورك

يصف النص البديل (نص بديل) صورة على صفحة ويب. إنها تعيش في HTML موجود في كود ولا يكون عادةً مرئيًا على الصفحة نفسها.

ولكن ما هو الشيء المهم في النص البديل؟ وكيف يمكنك استخدامه لتحسين السيو وتجربة المستخدم؟

ستتعلم في هذا الدليل:

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

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

النص البديل مهم لأربعة أسباب رئيسية.

1. يحسن الوصول
2. يمكن أن تحسن "الصلة الموضوعية"
3. يمكن أن تساعدك على الترتيب في صور جوجل
4. يعمل كنص رابط لروابط الصور

1. يحسن النص البديل إمكانية الوصول

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

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

يتحدث Google عن أهمية النص البديل للمستخدمين الذين يستخدمون برامج قراءة الشاشة في دليل بدء تحسين محركات البحث (SEO) .

2. يمكن للنص البديل تحسين "الصلة بالموضوع"

تبحث Google في الكلمات الموجودة على الصفحة لفهم مضمونها.

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

كيف يرتبط هذا بالصور؟

لأنه في بعض الأحيان ، يكون السياق "مغلقًا" في الصور التي يتعذر على Google قراءتها.

بينما يمكن لـ Google أن تقول على وجه اليقين أن هذه صور لكلاب بدون نص بديل ، قد تكون السلالة المحددة أقل وضوحًا - وهنا يأتي دور النص البديل.

3. يمكن أن يساعدك النص البديل في الترتيب في صور Google

صور Google هي ثاني أكبر محرك بحث في العالم. إنها مسؤولة عن 20.45٪ من جميع عمليات البحث عبر الإنترنت ، مما يجعلها متقدمة على YouTube و Bing ومحركات البحث الأخرى  مجتمعة.

هذا يعني أن هناك فرصة لزيادة حركة المرور من صور Google.

ما عليك سوى إلقاء نظرة على عدد النقرات التي أجريناها على مدونة منفرد من صور Google في الأشهر الثلاثة الماضية:

ملاحظة جانبية.

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

يقول جون مولر من Google أن النص البديل جزء مهم من تحسين صور Google:

4. يعمل النص البديل كنص رابط لارتباطات الصور

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

لكن ليست كل الروابط عبارة عن نصوص. بعض الصور.

تنص Google على:

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

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

ما عليك سوى إضافة سمة alt إلى <img>العلامة في شفرة HTML .

صورة بعلامة بديل:

<img src=“pie.jpg” alt=“steak and ale pie”>

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

على سبيل المثال ، في WordPress ، يوجد حقل للنص البديل عند إضافة صورة إلى صفحة أو منشور:

الأشياء متشابهة في أنظمة إدارة المحتوى الأخرى .

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

• إضافة نص بديل إلى الصور في Squarespace
• إضافة نص بديل إلى الصور في Wix
• إضافة نص بديل إلى الصور في Shopify

هل يجب إضافة نص بديل لجميع الصور؟

لا ، هذه فكرة خاطئة شائعة.

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

على سبيل المثال ، تحتوي بعض مواقع الويب على رموز لفصل المحتوى:

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

الشيء نفسه ينطبق على الصور العامة أو المخزنة مثل هذا:

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

لكن ، هذه نقطة مهمة ...

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

هذا ما يبدو عليه:

<img src="spacer.gif" alt="">

تعرف على المزيد في هذا الدليل من WebAIM .

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

النص البديل ليس علم الصواريخ.

اتبع أفضل خمس ممارسات ، ويجب أن تكون جيدًا.

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

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

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

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

سيئ: <img src=“cheesecake.png” alt=“picture of cheesecake”>

حسنًا : <img src=“cheesecake.png” alt=“cheesecake”>

جيد : <img src=“cheesecake.png” alt=“strawberry cheesecake”>

الأفضل :<img src=“cheesecake.png” alt=“strawberry cheesecake with cream”>

سيئ : <img src=“steve-jobs.png” alt=“steve jobs apple iphone ipad mac”>

حسنًا : <img src=“steve-jobs.png” alt=“steve jobs”>

جيد : <img src=“steve-jobs.png” alt=“apple founder, steve jobs”>

الأفضل :<img src=“steve-jobs.png” alt=“apple founder, steve jobs, holding the iphone 4”>

سيئ : <img src=“amp.png” alt=“image4">

حسنًا : <img src=“amp.png” alt=“orange amplifier”>

جيد : <img src=“amp.png” alt=“orange amplifier - 30 watts”>

الأفضل :<img src=“amp.png” alt=“orange AD30HTC - 30 watt amplifier”>

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

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

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

لكن عدم وجود نص بديل لا يمثل دائمًا مشكلة لأنه لا تتطلب جميع الصور نصًا بديلًا.

على سبيل المثال ، ألق نظرة على سمات النص البديل المفقودة هذه:

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

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

هناك سببان لهذا:

1. لديهم قراء ضعاف البصر.  2.4٪ من مواطني الولايات المتحدة  لديهم إعاقة بصرية. هذا واحد من كل 42 شخصًا تقريبًا مما يعني أنه في المتوسط ​​، إذا استقبلت صفحتك 10000 زائر شهريًا ، فلن يتمكن 240 منهم من استهلاك المحتوى بشكل صحيح.
2. يمكن أن يحصلوا على المزيد من حركة المرور. يمكن أن يساعد النص البديل في ترتيب الصور بشكل أفضل في صور Google ، مما يؤدي إلى زيادة حركة المرور. حتى أن مجرد زيادة بنسبة 1٪ لصفحة بها 10000 زيارة شهرية تعني 100 زائر إضافي.

ها هي العملية:

الخطوة 1. ابحث عن الصفحات الأكثر زيارة من البحث العضوي

تحقق من Google Analytics أو Google Search Console أو تقرير "أهم الصفحات" في موقع منفرد Site Explorer .

الخطوة 2. قم بمراجعة سماتك البديلة

قم بتثبيت ملحق Alt Text Tester Chrome المجاني ، وقم بتحميل الصفحة بأكبر عدد من الزيارات ، ثم قم بتنشيط الامتداد.

من المفترض أن ترى النص البديل معروضًا عندما تقوم بالتمرير فوق صورة.

إذا كانت سمة النص البديل مفقودة ، فسترى تحذيرًا.

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

على سبيل المثال ، لا يستغرق الأمر سوى بضع ثوانٍ من التمرير في هذا المنشور لمعرفة أن جميع الصور مُحسَّنة جيدًا ...

… في حين أن الشيء نفسه لا ينطبق على هذه الصفحة على المرآة:

الخطوه 3. كرر لمزيد من الصفحات

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

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

على سبيل المثال ، عشرة منشورات فقط على حساب مدونةمنفرد تمثل 51٪ من حركة المرور العضوية الشهرية ...

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

---

مصادر 30 نصيحة في المحتوى التسويقي - كيفية كتابة المحتوى... Creating Content صناعة المحتوى : مقال لا بد منه لكتابة جذابة أفضل 40 نصيحة لتسويق المحتوى المكتوب بشكل جيد - ... 11 نصيحة للحصول على أفكار مميّزة لكتابة محتوى رائع - ... أهم 10 نصائح لكتابة محتوى متوافق مع قواعد السيو | الجزء الأول ... 9 نصائح لصناعة المحتوى الفريد من نوعه - محمود الزير كيفية الكتابة (الكتابة) المواد التي من شأنها زيادة حركة المرور ... 🥇 ▷ 15 طرق لكتابة بلوق وظيفة فعالة » تعرف على أهم 17 خطوة لكتابة محتوى SEO Friendly - Gorizm كتابة المحتوى الدليل الشامل لكتّاب المحتوى المبتدئين ... 21 نوعًا من المحتوى تضمن لموقعك تدفقًا دائمًا للزوار | مدونة مستقل كيف أكتب وماذا أكتب المحتوى في المدونة أو الموقع؟ ٢٠٢٠ - ... ما هي استراتيجية التسويق بالمحتوى؟ - العصر الرقمي مهارات كتابة المحتوى الأكثر أهمية للمدونين - بلانز 55 نصيحة لزيادة عدد الزيارات المجانية بنسبة تزيد عن 78٪ ... لماذا تحتاج مدونتك لـ صناعة المحتوى الدائم Evergreen Content؟ ما هو عضوي؟ - Ecommerce Platforms كيفية تحسين ، والحصول على المزيد من الحركة ، وتنمية مدونتك أرشيف 5 نصائح لتحسين ترتيب قناتك على اليوتيوب و ... كيفية إنشاء موقع على شبكة الإنترنت خطوة بخطوة (مع صور ... نصائح للاستفادة من تحديثات Google Panda وتحديثات ... سيو SEO | الأرشيف | Motaber.com مثابر أفضل نصائح SEO في 2019: كن أول في تصنيفات جوجل إدارة جودة التصدير - International Trade Centre 7 استراتيجيات مثبتة لزيادة عدد زيارات مدونتك بنسبة 206 ... نصائح التدوين للمحامين والمحامين القانونيين - Intresting ... اكتساب حركة المرور. حركة الإنترنت المجانية. ما الذي يجب فعله ... 30 طريقة لكسب المال من التدوين مع ووردبرس (دليل شامل) - DoIt 11 نصيحة لتحسين وإطالة عمر بطارية هاتف آيفون - منتدى ... نتائج البحث نتائج بحث الويب . سيو الصور: كيف تجعل صور موقعك مهيئة لتصدر محركات البحث دليل بدء تحسين محرّكات البحث (SEO) - مساعدة Search Console النص البديل للصور Alt text ماهو وكيف تجعل صور موقعك مهيئة ... كيفية تحسين أرشفة الصور بمحركات البحث فى موقعك ومواقع ... تحسين الصور للتصدر في محركات البحث - الموقع الناجح 10 نصائح للتعامل مع الصور في موقعك | معهد سيو بالعربي دليل تحسين سيو الصور لمحركات البحث (Image SEO) 13 | التحسينات على الصفحة On-Page SEO | تحسين الصور ... عوامل تحسين المواقع في محركات البحث (SEO) - (قائمة كاملة) تحسين محركات البحث (سيو) : كيف تحتل مواقع الترتيب ... تحسين الـ SEO في مدونتك من خلال الصور - برامج اونلاين 13 | التحسينات على الصفحة On-Page SEO | تحسين الصور . كيف تُهيئ مقالًا ليتصدر نتائج محركات البحث SEO | مدونة ... كيفية إعداد مقال - الباحثون المصريون كيف تكتب مقالة في مدونة ؟ 7 خطوات من ذهب تجعلك تتميز فيما ... الحصول على أموال عبر الإنترنت من خلال تحسين موقع ... - Google دليلك العملي إلى كتابة مقال احترافي | مدونة خمسات

---

الوسوم: كيفية كتابت المحتوئ ، SEO