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

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

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

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

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

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

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

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

يتم عرض النص البديل “Bunch of flowers” بجوار رمز الصورة المقطوعة

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

صورة بعنوان “زهور من حديقتي”

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

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

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

نصيحة للمحترفين: نوصي باستخدام المكون الإضافي All in One SEO لـ ووردبريس لإضافة خريطة موقع الصورة المناسبة وميزات تحسين محركات البحث الأخرى لتحسين تصنيف SEO الخاص بك.

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

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

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

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

إضافة نص بديل إلى صورة في محرر قوالب ووردبريس

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

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

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

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

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

انقر فوق “إضافة وسائط” في المحرر الكلاسيكي لإضافة صورة إلى منشورك

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

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

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

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

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

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

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

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

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

على سبيل المثال ، سترى حقل “العنوان” عندما تقوم بتحرير الصور في مكتبة الوسائط :

عرض عنوان الصورة أو تحريره في مكتبة الوسائط

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

عرض صفحة مرفق الصورة مع إظهار عنوان الصورة

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

في المحرر الكلاسيكي القديم ، يمكنك إضافة سمة العنوان من خلال النقر على صورة ثم النقر على رمز القلم الرصاص:

تحرير صورة في محرر ووردبريس الكلاسيكي

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

انقر فوق السهم المتجه لأسفل لعرض التفاصيل المتقدمة لصورتك

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

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

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

للتبديل إلى عرض HTML الخاص بالكتلة ، انقر فوق “المزيد من الخيارات” (النقاط الرأسية الثلاث) ثم انقر فوق “تحرير بتنسيق HTML”.

تحرير صورتك بتنسيق HTML

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

كود HTML للصورة

لإضافة سمة العنوان إلى صورتك ، ما عليك سوى الإضافة title=”Your image title here”إلى علامة الصورة كما يلي:

1

<img src=”http://www.yourwebsitename.com/wp-content/uploads/2020/03/daffodils-bunch-vase.jpg” title=”Bunch of daffodils” alt=”A lovely bunch of daffodils” class=”wp-image-257″/>

لا يهم أين تضع سمة العنوان في علامة الصورة.

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

رسالة تحذير تفيد بأن الحظر يحتوي على محتوى غير متوقع

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

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

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

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

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

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

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

فيما يلي بعض الخيارات الممكنة للنص البديل لتلك الصورة:

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

“أفضل استضافة ووردبريس ، استضافة ووردبريس ، أفضل استضافة ويب لـ ووردبريس” – هذا لا يصف الصورة ومليء بالكلمات الرئيسية

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

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

خدمات مميزة لآجلك

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

اشترك معنا لمزيد من المعرفة

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