بالإضافة إلى اختيار الصور الصحيحة وإعدادهم بشكل صحيح للويب ، تعد كتابة نص بديل رائع مهمة حاسمة يجب ألا تهملها أبدًا. فيما يلي بعض المؤشرات لكتابة نص بديل فعال لصور موقع الويب الخاص بك.
كرر النص في الصورة
إذا كانت الصورة تحتوي على نص ، فيجب أن يكون هذا النص هو النص البديل. يمكنك إضافة كلمات أخرى ، ولكن يجب أن يقول النص البديل نفس الشيء مثل الصورة. على سبيل المثال ، يجب أن يحتوي شعار Acme Widgets الذي يتميز بالكلمات الفعلية على نص بديل يتضمن هذه الكلمات.
ضع في اعتبارك أن الصور مثل الشعارات يمكن أن تفعل ذلك لمح نص — مثل الكرة الحمراء في شعار Dotdash ، على سبيل المثال. إنها نقطة ، لذلك يقرأ الدماغ ويتذكر "نقطة شرطة". يمكن أن يكون النص البديل لهذا الرمز هو "Dotdash.com" ، وليس فقط "شعار الشركة."
حافظ على النص قصيرًا
كلما زاد طول النص البديل ، زادت صعوبة قراءته لمتصفحات النص. قد يكون من المغري كتابة جمل طويلة من النص البديل (ممارسة شائعة لحشو الكلمات الرئيسية يمكن أن تؤدي إلى عقوبات تحسين محركات البحث) ، ولكن الاحتفاظ بعلامات alt قصيرة يجعل صفحاتك أصغر. يتم تنزيل الصفحات الأصغر بشكل أسرع. المكان المناسب هو ما بين خمس إلى 15 كلمة.
استخدام الكلمات الرئيسية لتحسين محركات البحث في العلامات البديلة
الغرض الرئيسي من علامة alt ليس تعزيز قيمة مُحسّنات محرّكات البحث ، ولكن لعرض نص ذكي يشرح ماهية الصورة. ومع ذلك ، فإن النص الإعلامي ذي الصلة لعلامة alt الخاصة بك له تأثير إيجابي على قيمة تحسين محركات البحث.
ومع ذلك ، يعد استخدام كلماتك الرئيسية في النص البديل ممارسة جيدة طالما أنها ذات صلة. من غير المحتمل أن تعاقب محركات البحث على وضع كلمات رئيسية هناك إذا كان المحتوى الذي تضيفه منطقيًا. فقط تذكر أن أولويتك الأولى هي لقرائك. اكتشاف محركات البحث الكلمات الرئيسية غير المرغوب فيها بسهولة ، وتغير محركات البحث قواعدها بشكل متكرر لإحباط مرسلي البريد العشوائي.
بشكل عام ، لا تستخدم أكثر من كلمة رئيسية واحدة في النص البديل الخاص بك.
حافظ على نصك ذا مغزى
تذكر أن الهدف من النص البديل هو تحديد الصور للقراء. يستخدم العديد من مطوري الويب نصًا بديلًا لأنفسهم ويتضمنون معلومات مثل حجم الصورة وأسماء الملفات وما إلى ذلك. قد يكون هذا مفيدًا لك ، لكنه لا يفعل شيئًا للقراء - الذين يمثلون الأولوية في أي تصميم ويب.
استخدم نص بديل فارغ للأيقونات والتعداد النقطي فقط
بشكل دوري ، ستستخدم الصور التي لا تحتوي على نص وصفي مفيد ، مثل الرموز النقطية والرموز البسيطة. أفضل طريقة لاستخدام هذه الصور هي في CSS ، حيث لا تحتاج إلى نص بديل. ولكن إذا كان لابد من وجودهم في ملف لغة البرمجة، استخدم سمة alt فارغة بدلاً من تركها مغلقة تمامًا.
قد يكون من المغري استخدام حرف مثل علامة النجمة لتمثيل رصاصة ، ولكن هذا قد يكون أكثر إرباكًا من تركه فارغًا. قد يؤدي استخدام "الرمز النقطي" للنص إلى عرض أكثر غرابة في متصفح النص.
لماذا يعتبر النص البديل مهمًا جدًا ، على أي حال؟
تستخدم متصفحات النص ووكلاء مستخدم الويب الآخرين الذين لا يمكنهم عرض الصور نصًا بديلًا "لقراءة" الصور. وهذا يحقق عدة أمور:
- يجعلك صفحات الانترنت يمكن الوصول إليها للأشخاص الذين يستخدمون قارئ الشاشة أو أي جهاز مساعد آخر.
- إذا فشل تحميل الصورة ، فإن النص البديل يتيح للمشاهد معرفة ما يجب أن يكون هناك.
- لا تستطيع محركات البحث "رؤية" الصور ، لكنها تستطيع أن تفعل نصًا بديلًا عنكبوتيًا - لذا فإن تضمين النص البديل يساعد في تحسين قيمة صفحتك في تحسين محركات البحث.