أهمية علامة Alt

  المقـدمـة:  أهمية علامة Alt 

عندما نقوم بإدراج الصور في صفحات الويب، فإننا في الغالب نُهْمِلُ سمة النّص البديل « alt »، إذ تعتبر عنصراً أساسياً للإشارة إلى صورك ومحتواك. ولها دور أساسي في تحسين مقالاتك وصفحاتك وإعطاء فكرة إيجابية و قيمة إضافية حقيقية لمستخدمي الانترنت حول محتوى موقعك . لذلك أنصحك باستخدام السمة alt و التحقق من أن جميع الصور المنشورة على موقعك تحتوي على سمة النّص البديل alt . و فيما يلي، سنتعرف عن أهمية علامة Alt ، تابع معي ..

دور سمة النص البديل alt لصورك


التعريف من مقالة: إدراج الصور في صفحة HTML

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

التعريف المفصل لأهمية علامة Alt :

Alt هي اختصار لكلمة « alternative ». وهي علامة تَـرْمِيز HTML، تسمح بإضافة النّص الوَصْفي للصّورة،  وبالتالي فإن علامة Alt هي النّص البديل الذي يتم عرضه عندما يتعذر على المتصفح فك تشفير الصورة وعرضها. يظهر هذا الموقف غالباً عندما يقوم مستخدم الإنترنت بإلغاء تنشيط الصور في متصفحه أو عندما يكون الاتصال بالشبكة بطيئاً.

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

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

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

خصائص علامة Alt 


 

من الأشياء التي يجب الاهتمام بها عند إدراج الصور في مقالاتك هو إضافة علامة Alt  بمحتوى دقيق يرتكز على الكلمات الأساسية. و لكن، إحذر من إضافة سلسلة من الكلمات العشوائية بُغْيَةَ تعزيز  وتقوية الأرشفة ” SEO ” لمقالاتك، لأن ذلك سيكون مرفوضاً و غير مناسب.

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

إذا كانت الصورة تمثل مُنتجاً ، فيجب أن تحتوي علامة Alt على إسم المنتج.
إذا كانت الصورة تعرض لقطة شاشة لوثيقة الشرح ، فيجب أن تحتوي علامة Alt على وصف الوثيقة (سطراً واحداً).
لا ينبغي إساءة استخدام علامة Alt على صفحة الويب. فقد تأتي بنتيجة عكسية ويكون لها تأثير على جودة تحسين الصفحة المَعْنِية في محركات البحث. كما يجب أن يكون طول علامة Alt حاسماً أيضاً. بحيث يمنع إضافة وصف الصورة الطويل جداً أو القصير جداً.

كيف تستخدم سمة النص البديل alt ؟


لا يتعين عليك أن تكون مُبرمجاً لوضع سمة alt على صورة ما. فإن مُعظم أنظمة إدارة المحتوى مثل WordPress تسمح بإضافة هذه العلامة مباشرةً من خلال تزويد الناشرين بحقل في محرر النصوص خاص بإدراج الصور وإضافة النص البديل. لن تجد مشكلة في إضافتها، صَدِّقْني وسوف أبين ذلك بالتفصيل.

♦ إضافة Alt إلى الصور  في مقالات ووردبريس

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

  • أنقر على ايقونة الصورة كما هو مبين في الرقم 1
  • في الرقم 2، إملأ رابط الصورة ، واكتب وصفها.
  • حدد أبعاد الصورة او اتركها افتراضية ثم أنقر على موافق.

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

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

بالنسبة لمحترفي لغة html ، كل ما عليك فعله هو الانتقال إلى قسم نص، ( أنظر أعلى يسار الصورة )   ثم قم بإضافة السمة " alt = "xx إلى شفيرة html المخصصة للصور : 

<img src = "url-image.jpg" alt = "النص البديل للصورة" >

وهنا الشفيرة بوضوح وتفصيل:

ماذا نضيف؟

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

الأمر متروك لك للتحقق من صورك وسماتهم البديلة لتحسين SEO. لا تتردد في استخدام alt فإن أهميتها كبيرة ومفيدة .

في أمــان الله.

أرى أن هذه المواضيع قد تهمك:

 

شَـاركِ الْمَوْضُوع: 
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

حول الكاتب :   من أقصى شمال المغرب كاتب مقالات إلكترونية حول كيفية بناء موقع ويب ناجح : ووردبريس ، HTML ، CSS .ومواضيع مختلفة وناشط على اليوتيوب في قناة: Jabism Web و رحيل الليل
كتب 467 مقالة في jabism.com.
-:- راسلني   -:- تابعني على تويتر   -:- تابعني على الفايسبوك

73 عدد المشاهدات لهذا المحتوى
Scroll to Top