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

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

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

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

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

النص البديل “Alt text” هو سمة تضاف إلى وسم صورة HTML. النص هو وصف للصورة، مما يسمح للزوار الذين لا يستطيعون رؤيتها وروبوتات محركات البحث بفهم محتواها.

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

النص البديل يختلف عن عنوان الصورة.

سيظهر العنوان كتلميح في نافذة منبثقة صغيرة عند تحريك مؤشر الماوس فوق الصورة.

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

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

يعد النص البديل أكثر أهمية من نص العنوان، سواء لإمكانية الوصول أو لتحسين محركات البحث (السيو). ولذلك، نوصي بشدة بتضمين النص البديل لجميع صورك.

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

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

إضافة نص بديل في محرر الكتل

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

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

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

إضافة نص بديل في المحرر الكلاسيكي

إذا كنت لا تزال تستخدم محرر ووردبريس الكلاسيكي، فيمكنك اضافة وسم Alt للصورة عند إضافتها.

أولاً، انقر على “اضافة ملفات وسائط” أعلى مربع النشر.

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

ثم انقر على الصورة التي تريدها لتحديدها، ثم اكتب النص البديل الذي تريده في خانة “تفاصيل المرفقات” الخاصة بصورتك.

إضافة نص بديل في مكتبة الوسائط

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

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

كيفية اضافة عناوين الصور في ووردبريس

من المهم أن تفهم أن هناك نوعين من العناوين التي يمكنك إضافتها إلى صورك.

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

لنلقِ نظرة على كيفية اضافة كلا النوعين من العناوين.

إضافة عنوان صورة ووردبريس إلى مكتبة الوسائط

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

يستخدم ووردبريس هذا العنوان لتحديد الصورة.

عند النقر على رابط “عرض صفحة المرفقات” أسفل الشاشة، سترى أن العنوان مستخدم كعنوان لتلك الصفحة.

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

إضافة سمة عنوان صورة HTML في محرر الكتل

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

الأن يمكنك ببساطة كتابة العنوان في حقل “خصائص العنوان”.

اضافة سمة عنوان صورة HTML في المحرر الكلاسيكي

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

ستظهر لك بعد ذلك شاشة “تفاصيل الصورة”.

لتعيين سمة عنوان الصورة، انقر على السهم الصغير المتجه لأسفل بجوار “خيارات متقدمة” في الأسفل.

يمكنك بعد ذلك تعيين عنوان الصورة. تأكد من النقر على زر “تحديث” أسفل الشاشة عند الانتهاء.

لماذا تستخدم النص البديل وعناوين الصور في ووردبريس؟

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

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

لا تكتفِ أبدًا بحشو الكلمات الرئيسية في علامتي النص البديل والعنوان. من المهم أن تجعلها وصفية ومفيدة لتكون مفيدة للزوار الذين يحتاجونها. يمكنك استخدام كلماتك المفتاحية عند الحاجة، ولكن دون المبالغة.

على سبيل المثال، إذا كنت تكتب مقال عن أفضل استضافة ووردبريس، فقد تكون كلمتك الرئيسية المستهدفة “أفضل استضافة ووردبريس”.

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

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

أدلة الخبراء حول استخدام الصور في ووردبريس

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

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