<img src="ctr-chart.webp" alt="نمودار افزایش نرخ کلیک بعد از بازنویسی عنوان در سرچ کنسول">Alt دو مخاطب دارد: انسان‌هایی که تصویر را نمی‌بینند (کاربران نابینا یا وقتی عکس لود نمی‌شود) و موتورهای جستجو که با کمک آن تصویر را می‌فهمند و در جستجوی تصاویر نشان می‌دهند.
Alt خوب و Alt بد
| Alt | ارزیابی |
|---|---|
| image1 | بی‌معنا |
| سئو، آموزش سئو، سئو سایت، خدمات سئو | پر کردن کلمه کلیدی؛ اسپم |
| نمودار | خیلی کلی |
| نمودار افزایش نرخ کلیک بعد از بازنویسی عنوان در سرچ کنسول | دقیق، توصیفی و طبیعی |
قوانین ساده
- همان چیزی را بنویسید که اگر تصویر را برای کسی پشت تلفن توصیف می‌کردید می‌گفتید.
- کوتاه و مفید؛ معمولاً یک جمله کافی است.
- اگر کلمه‌ی کلیدی واقعاً به تصویر مربوط است، طبیعی استفاده کنید؛ نه به زور.
- برای تصاویر صرفاً تزئینی (خط جداکننده، پس‌زمینه) از
alt=""خالی استفاده کنید تا صفحه‌خوان از آن‌ها بگذرد. - اگر تصویر لینک دارد، Alt نقش انکر تکست را بازی می‌کند؛ مقصد لینک را توصیف کنید.
- اگر تصویر حاوی متن مهم است (مثل اینفوگرافیک)، متن اصلی را در خود صفحه هم بیاورید.
در وردپرس
در کتابخانه‌ی رسانه، هر تصویر فیلد «متن جایگزین» دارد. Alt را همان موقع بارگذاری بنویسید؛ اصلاح صدها تصویر بعداً کار سختی است. فیلد «عنوان» و «توضیح» جای Alt را نمی‌گیرند.
اشتباه‌های رایج
- نبودن Alt در تصاویر اصلی محتوا.
- تکرار اسم فایل یا یک Alt یکسان برای همه‌ی تصاویر یک مقاله.
- شروع با «تصویرِ…» یا «عکسِ…»؛ صفحه‌خوان خودش اعلام می‌کند که تصویر است.
چطور بررسی کنیم؟
در کروم با Lighthouse (تب Accessibility) خطای «Image elements do not have [alt] attributes» تصاویر بدون Alt را نشان می‌دهد. برای بهینه‌سازی کامل تصاویر از جمله حجم و فرمت، آموزش سئو تصاویر را بخوانید.