تگ alt در img چیست و چگونه به آن مقدار دهی کنیم ؟
در سال‌های اخیر با پیشرفت هوش مصنوعی، تشخیص محتوای تصاویر امکان‌پذیر شده است با این حال احتمال اشتباه هنوز وجود دارد و همچنین کاربران به دلایل مختلف ممکن است نتوانند تصاویر سایت شما را مشاهده کنند و لازم است تا بتوانند بدون مشاهده تصاویر نیز تا حد ممکن از سایت شما استفاده کنند.
برای مثال اگر یک تصویر در سایت شما به صفحه‌ای دیگر لینک شده است، کاربرانی که تصویر را مشاهده نکنند، متوجه نمی‌شوند که با کلیک روی این تصویر چه اتفاقی رخ خواهد داد.
تعیین متن جایگزین برای تصاویر
برای حل دو مشکل فوق، تصاویر در HTML دارای یک صفت به نام alt می‌باشند که به صورت زیر مقداردهی می‌شود:
|
1 |
<img src="roka.jpg" alt="ROKA"> |
وارد کردن مقدار صفت alt در اغلب موارد ضروری است و حتی اگر تصویر تزئینی است و توضیحات خاصی ندارد، بهتر است مقدار alt را معادل یک رشته خالی تعیین کنید.
صفت alt و سئو سایت
موتورهای جستجوگر از مقدار وارد شده alt برای جستجوی تصاویر استفاده می‌کنند. برای مثال اگر مقدار alt یک تصویر «دنیس ریچی» باشد، ممکن است افرادی که این عبارت را در بخش تصاویر گوگل جستجو می‌کنند، با تصویر موجود در سایت شما روبرو شوند.
همچنین داشتن صفت alt برای تصاویر یکی از معیارهای سئو یا رتبه‌بندی سایت‌ها در فهرست نتایج گوگل به شمار می‌رود.
چگونه به صفت alt مقدار دهی کنیم ؟
کنسریوم جهانی وب یک دستورالعمل برای انتخاب صفت alt ایجاد کرده است که برای تصمیم‌گیری در خصوص مقدار لازم برای این صفت پیشنهاد می‌شود. جهت انتخاب و نوشتن مقدار alt به شکل زیر عمل کنید:
اگر داخل نوشته از متن استفاده شده است:
- اگر متن موجود در تصویر در کنار تصویر نیز درج شده است
از صفت alt خالی استفاده کنید. - اگر تصویر صرفا برای زیباسازی به کار رفته است
از صفت alt خالی استفاده کنید. - اگر تصویر نمایانگر یک عملکرد خاص است
متن متناسب عملکرد را در alt درج کنید. - اگر متن داخل تصویر جای دیگری درج نشده است
متن مورد نظر را در alt هم درج کنید.
اگر تصویر شما به عنوان لینک مورد استفاده قرار می‌گیرد و بدون دیدن تصویر تشخیص عملکرد آن ممکن نیست:
- توضیحات لازم در خصوص مقصد لینک را در alt درج کنید.
اگر تصویر معنی و مفهوم صفحه‌ی فعلی را بیان می‌کند:
- اگر تصویر یک فایل گرافیکی یا یک عکس است: به خوبی در alt توضیح دهید که محتوای عکس چیست.
- اگر تصویر حاوی یک نمودار یا مجموعه‌ای از اطلاعات است: توضیحات متنی لازم و کافی را در صفحه درج کنید.
- تصویر در کنار متن اصلی اضافی است: از صفت alt خالی استفاده کنید.
اگر تصویر تزئینی است و کمکی به کاربر نمی‌کند:
- از صفت alt خالی استفاده کنید.
حالت‌های دیگر
- این دستورالعمل همه‌ی حالت‌های ممکن را پوشش نمی‌دهد و بسته به نیاز لازم است تا تصمیم‌های متناسب گرفته شوند.