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

لماذا تستعمل سمة ALT و ما غرض منها و أهميتها في SEO

يُسمع مصطلح "سمة ALT" بشكل شائع في حقل تحسين محرك البحث

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

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

اهمية أسباب لي استخدام سمة ALT

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

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

ضافة سمة ALT إلى عنصر HTML؟

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

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

كيف أقوم بإضافة سمة ALT في ووردبريس

في أنظمة CMS مثل WordPress ، يمكن أيضًا تضمين سمة ALT دون معرفة عناصر HTML لهذا ، ما عليك سوى النقر فوق الصورة المرغوبة في مكتبة الوسائط وسترى حقلاً بعنوان "نص بديل" هنا يمكنك ببساطة إدخال سمة ALT بعد الكتابة يقوم النظام بحفظه تلقائيًا سمة ALT

طريقة استخدم سمة ALT بشكل مثالي

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

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

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

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

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

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

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