ما هي السمة ALT؟ وكيفية استخدامها

يتم استخدام سمة ALT (المعروفة أيضًا باسم علامة ALT) لوصف الصور والرسومات على موقع ويب ببضع كلمات. يمثل “ALT” اختصارًا للنص “البديل”.

الغرض من سمة ALT فيما يتعلق في SEO

عادةً ما يتم سماع المصطلح “سمة ALT” في مجال تحسين محرك البحث.

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

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

أسباب أخرى لاستخدام سمة ALT

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

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

كيف يمكنني تضمين سمة ALT داخل عنصر  HTML

يتم تخزين رمز السمة ALT كعنصر HTML في التعليمات البرمجية المصدر لملف صورة. لذلك بمجرد تحديد مصدر الصورة ، يمكننا أيضًا تحديد سمة ALT في نفس الوقت. في الممارسة العملية ، يبدو هذا كالتالي:

<img src = “image.jpg” alt = “وصف الصورة”>

اضافة سمة ALT في ووردبريس  

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

كيف استخدم سمة ALT بشكل مثالي ؟

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

الفرق بين علامة ALT وعلامة TITLE

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

يتم عرض علامة العنوان للمستخدم بمجرد أن يحوم الماوس فوق الصورة.

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

هكذا يتم تضمين سمة TITLE

HTML
يتم تضمين سمة العنوان في مستند HTML في نفس مكان سمة ALT ، في نفس قوس مصدر الصورة:

<img src = “image .jpg” alt = “وصف الصورة” title = “عنوان الصورة”>

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

أيسر موفق

متخصص في كتابة المقالات التحليلية والسيو، مهتم بتطوير محركات البحث وتحسين جودة المحتوى العربي على الإنترنت، خبرة أكثر من 15 سنة في مجال الكتابة والتسويق بالمحتوى ووضع استراتيجات المحتوى وخُطط التسويق بشكل عام.
زر الذهاب إلى الأعلى
Don`t copy text!