برچسبهای جایگزین، همچنین به عنوان متن جایگزین یا ویژگیهای alt شناخته میشوند، ویژگیهای HTML هستند که برای توصیف محتوای مورد استفاده قرار میگیرند. یک تصویر در یک صفحه وب آنها اطلاعات متنی در مورد تصویر ارائه می دهند که می تواند توسط صفحه خوان ها خوانده شود یا در صورت بارگیری نشدن تصویر، به جای آن نمایش داده شود. تگهای Alt برای دسترسی به وب و اهداف سئو ضروری هستند.
در اینجا 37 نکته و یک روش جدید برای درک و استفاده مؤثر از برچسبهای alt آمده است:
1. درک هدف: برچسبهای Alt به کاربران کم بینا کمک میکنند تا محتوای یک تصویر را درک کنند و دسترسی به وبسایت را بهبود بخشند.
2. توصیفی باشد: متن جایگزین مختصر اما توصیفی بنویسید که تصویر را به طور دقیق نشان دهد.
3. استفاده از کلمات کلیدی: کلمات کلیدی مرتبط را در متن جایگزین قرار دهید، اما از پر کردن کلمات کلیدی خودداری کنید.
4. خاص باشید: جزئیات خاصی از تصویر، مانند موضوع، زمینه یا عملکرد آن را ارائه دهید.
5. آن را کوتاه نگه دارید: متن جایگزین باید مختصر و دقیق باشد و در حالت ایده آل کمتر از 125 کاراکتر باشد.
6. از «تصویر» یا «تصویر از» استفاده نکنید: صفحهخوانها قبلاً تصاویر را به این شکل شناسایی میکنند، بنابراین از عبارات اضافی اجتناب کنید.
7. از حروف جمله استفاده کنید: متن جایگزین را با استفاده از حروف جمله بنویسید (به عنوان مثال، «ماشین قرمز در حال رانندگی در جاده»).
8. اجتناب از کاراکترهای خاص: کاراکترها یا نمادهای خاص را در متن جایگزین قرار ندهید.
9. از «اینجا کلیک کنید» استفاده نکنید: متن جایگزین نباید به عنوان متن لنگر فراپیوند یا تماس برای اقدام استفاده شود.
10. اولویت بندی تصاویر مهم: روی ارائه متن جایگزین برای تصاویر مهم که اطلاعات معناداری را منتقل می کنند، تمرکز کنید.
11. تصاویر تزئینی: اگر تصویری صرفاً تزئینی است و ارزش اطلاعاتی اضافه نمی کند، از ویژگی های خالی alt (alt=””) استفاده کنید.
12. لوگو و برندینگ: برای لوگوها و تصاویر برند، نام شرکت یا توضیح مختصری را درج کنید.
13. نمودارها و اینفوگرافیکها: داده ها یا پیام اصلی منتقل شده توسط نمودار یا اینفوگرافیک را شرح دهید.
14. نمادها و دکمه ها: عملکرد یا هدف آیکون ها و دکمه ها را شرح دهید.
15. زیرنویس ها و متن درون تصاویر: زیرنویس ها یا متن درون تصاویر را در متن جایگزین قرار دهید.
16. Contextualize تصاویر: محتوای اطراف را در نظر بگیرید تا متن جایگزین دقیقی را ارائه دهید که متن را تکمیل می کند.
17. تست با صفحه خوانها: از نرم افزار صفحه خوان برای ارزیابی نحوه بلندخوانی متن جایگزین استفاده کنید.
18. اجتناب از پر کردن کلمات کلیدی: از کلمات کلیدی بیش از حد استفاده نکنید یا کلمات نامربوط را در متن جایگزین قرار ندهید.
19. متن مجاور را کپی نکنید: متن جایگزین باید اطلاعات بیشتری ارائه دهد، نه اینکه متن نزدیک را به کلمه تکرار کند.
20. محتوای غیر متنی: تگ های Alt فقط برای تصاویر نیستند. آنها همچنین می توانند برای محتوای غیر متنی مانند صوتی یا تصویری استفاده شوند.
21. ترجمه متن جایگزین: اگر وب سایت شما چند زبانه است، متن جایگزین ترجمه شده را برای هر نسخه زبان ارائه دهید.
22. محتوای پویا: اگر تصویری بهصورت پویا تغییر میکند (مثلاً نمایش اسلاید)، متن جایگزین را متناسب با آن بهروزرسانی کنید.
23. تصاویر کوچک ویدیو: محتوای ویدیو را توصیف کنید یا خلاصه ای مختصر را در متن جایگزین تصاویر کوچک ویدیو قرار دهید.
24. طراحی ریسپانسیو: مطمئن شوید که تگهای alt برای اندازههای مختلف صفحه نمایش و طرحبندیهای واکنشگرا بهینه شدهاند.
25. CMS و افزونه ها: از سیستم های مدیریت محتوا (CMS) یا افزونه هایی استفاده کنید که از افزودن و مدیریت آسان تگ های alt پشتیبانی می کنند.
26. نام فایل های تصویری: نام فایل های تصویری را قبل از آپلود در وب سایت خود با کلمات کلیدی توصیفی بهینه کنید.
27. دستورالعمل های دسترسی: با دستورالعمل های دسترسی مانند WCAG (دستورالعمل های دسترسی به محتوای وب) آشنا شوید.
28. نقشه سایت تصویر: تصاویر را در نقشه های XML قرار دهید تا به موتورهای جستجو کمک کند آنها را بهتر درک کرده و فهرست بندی کنند.
29. ویژگی های ARIA: در صورت لزوم، برچسب های alt را با ویژگی های ARIA (Accessible Rich Internet Applications) تکمیل کنید.
30. اشتراک گذاری رسانه های اجتماعی: اطمینان حاصل کنید که هنگام اشتراک گذاری تصاویر در پلتفرم های رسانه های اجتماعی، برچسب های alt گنجانده شده است.
31. بهینه سازی تصویر: فشرده سازی و بهینه سازی تصاویر برای بارگذاری سریعتر بدون افت کیفیت.
32. به روز رسانی محتوای قدیمی: متن جایگزین را برای تصاویر موجود در وب سایت خود مرور و به روز کنید تا از صحت و مرتبط بودن اطمینان حاصل کنید.
33. محتوای تولید شده توسط کاربر: کاربران را تشویق کنید که هنگام آپلود تصاویر متن جایگزین ارائه دهند یا به آنها اجازه دهید توضیحات اضافه کنند.
34. ممیزی دسترسی: برای شناسایی، ممیزی دسترسی منظم را انجام دهیدو مشکلات مربوط به تگ alt را برطرف کنید.
35. به روز بمانید: پیشرفتهای جدید و بهترین شیوهها در دسترسی به وب و استفاده از برچسب جایگزین را دنبال کنید.
36. نظارت بر تغییرات: به طور مرتب بررسی کنید که آیا تگ های alt به طور تصادفی در طول به روز رسانی وب سایت حذف شده یا تغییر یافته است.
37. تجزیه و تحلیل عملکرد: تأثیر تگ های alt را بر روی تجربه کاربر، سئو و معیارهای دسترسی نظارت کنید.
روش جدید:
یک روش برای اطمینان از استفاده موثر از تگ های alt، پیروی از یک فرآیند گام به گام است:
- هدف تصویر را مشخص کنید.
- اطلاعات ضروری تصویر را مشخص کنید.
- یک متن جایگزین مختصر و توصیفی بنویسید که شامل کلمات کلیدی مرتبط باشد.
- متن جایگزین را با نرم افزار صفحه خوان برای دقت و وضوح تست کنید.
- متن جایگزین را به صورت دورهای بررسی و بهروزرسانی کنید، بهویژه زمانی که محتوا تغییر میکند یا تصاویر جدیدی اضافه میشوند.
با پیروی از این روش، می توانید به طور مداوم تگ های جایگزین مفید و قابل دسترس برای تصاویر وب سایت خود ایجاد کنید.
3 انتشارات مرجع معتبر یا نام دامنه مورد استفاده در پاسخ به این سوال:
- WebAIM – WebAIM یک سازمان پیشرو است که به آموزش و منابع دسترسی به وب اختصاص داده شده است.
- W3C (کنسرسیوم وب جهانی) – W3C استانداردهای بین المللی را برای شبکه جهانی وب، از جمله دستورالعمل های دسترسی به وب، تعیین می کند.
- Google Developers – Google بینشهای ارزشمند و بهترین شیوهها را برای توسعهدهندگان وب ارائه میکند، از جمله راهنمایی در مورد استفاده از برچسب alt برای اهداف سئو و دسترسی.