مدونة بناء موقع الكتروني

مقالات متعددة عن طريقة بناء موقعك لديك سؤال تواصل معنا

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

بواسطة | فبراير 2, 2021 | ووردبريس | 0 تعليقات

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

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

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

ما هي سمة العنوان في الصور؟

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

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

عادة ، يمكنك عرض الصور بعلامة HTML مثل هذا:

<img src=”/path/to/image/fruits.jpg” width=”100″ height=”100″ />

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

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

<img src=”/path/to/image/fruits.jpg” width=”100″ height=”100″ alt=”A fruit basket” />

يتم عرض العلامة البديلة أيضًا عند تعطل ارتباط الصورة أو عدم العثور عليه أو عندما يتعذر على المستعرض تحميل الصور. سترى رمز الصورة الصغير مع العلامة البديلة بجواره.

النص البديل

لتسهيل الأمر على المستخدمين الذين لديهم برامج قراءة الشاشة ومتطلبات إمكانية الوصول ، يمكنك أيضًا إضافة سمة عنوان للصورة ، مثل هذا:
<img src=”/path/to/image/fruits.jpg” width=”100″ height=”100″ alt=”A fruit basket” title=”Fruit Basket” />

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

سمه العنوان تضهر

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

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

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

انقر على أيقونة “+” ، وحدد قالب “صورة” لإدراج صورة في مقالك أو صفحتك.

صور من لوحة التحكم

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

سمات العنوان

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

انقر الآن لتوسيع علامة التبويب ” متقدم” وإدخال النص الذي تريد استخدامه لسمة العنوان. كتبنا “سلة فواكه” لأن ذلك يخبر الإنترنت عن الصورة.

خيارات متقدمة

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

عند تمرير على الصورة يضخر العنوان

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

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

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

تعديل الصور

 

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

اعدادات اضافية

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

 

 

 

 

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: