متن جایگزین تصویر (Alt Text) چیست و چگونه آن را بنویسیم؟

این مطلب نسخه خلاصه‌شده‌ای از یکی از راهنماهای تخصصی وبتیک است.

وقتی تصویری را داخل یک صفحه وب قرار می‌دهیم، همه کاربران الزاماً آن تصویر را به یک شکل تجربه نمی‌کنند. بعضی کاربران از Screen Reader استفاده می‌کنند، گاهی تصویر به‌دلیل مشکل شبکه بارگذاری نمی‌شود و موتور جستجو نیز برای درک موضوع تصویر فقط به پیکسل‌های آن متکی نیست.

اینجاست که Alt Text یا متن جایگزین تصویر اهمیت پیدا می‌کند. Alt Text توضیحی متنی است که داخل ویژگی alt عنصر قرار می‌گیرد و باید متناسب با نقش و معنی تصویر در همان صفحه نوشته شود.

در این راهنما بررسی می‌کنیم Alt Text چیست، چه تفاوتی با Title تصویر و Caption دارد، چه تصاویری به متن جایگزین نیاز دارند، چه زمانی باید از alt="" استفاده کنیم و چگونه یک Alt طبیعی و مفید بنویسیم.

Alt Text چیست؟

Alt Text مخفف Alternative Text و به‌معنی «متن جایگزین» است. این متن داخل ویژگی alt یک تصویر در HTML قرار می‌گیرد.

هدف اصلی Alt این نیست که هر چیزی را که در تصویر دیده می‌شود کلمه به کلمه توصیف کند. متن جایگزین باید اطلاعات یا عملکردی را منتقل کند که تصویر در Context همان صفحه به کاربر ارائه می‌دهد.

Alt Text چه کاربردی دارد؟

• Screen Reader می‌تواند اطلاعات ضروری تصویر را برای کاربر بخواند.

• اگر تصویر نمایش داده نشود، مرورگر می‌تواند متن جایگزین آن را در اختیار کاربر قرار دهد.

• Google می‌تواند Alt را همراه با Context صفحه برای فهم بهتر موضوع تصویر بررسی کند.

• اگر تصویر به‌عنوان Link استفاده شود، Alt آن می‌تواند نقش متن لینک را نیز ایفا کند.

Google در راهنمای رسمی Image SEO، Alt Text را مهم‌ترین Attribute برای ارائه Metadata بیشتر درباره تصویر معرفی می‌کند و توضیح می‌دهد که برای فهم موضوع تصویر از Alt در کنار Page Content و Computer Vision استفاده می‌کند.

برای نمودار و اینفوگرافیک چه Alt بنویسیم؟

راه بهتر این است که Alt خلاصه‌ای از هدف یا نتیجه اصلی تصویر باشد و اطلاعات کامل در متن اطراف تصویر ارائه شود.

آیا Alt Text روی رتبه Google تأثیر دارد؟

Google از Alt Text در کنار محتوای صفحه و Computer Vision برای فهم Subject Matter تصویر استفاده می‌کند. بنابراین Alt یکی از سیگنال‌های مرتبط با فهم تصویر در Image Search است.

چگونه Alt Text خوب بنویسیم؟

برای مثال تصویر یک پزشک پشت میز در مقاله‌ای درباره یک کلینیک ممکن است صرفاً تزئینی باشد و نیاز به Alt توصیفی نداشته باشد. اما همان عکس در صفحه معرفی پزشک، جایی که هویت او مهم است، می‌تواند نیاز به Alt حاوی نام پزشک داشته باشد.

جمع بندی

Alt Text توضیح متنی جایگزین تصویر است، اما نوشتن آن به‌معنی توصیف مکانیکی تمام جزئیات عکس نیست. متن جایگزین باید اطلاعات یا عملکردی را منتقل کند که تصویر در Context همان صفحه دارد.

از نظر SEO نیز Alt می‌تواند به Google برای درک بهتر موضوع تصویر کمک کند، اما پر کردن آن با Keyword روش درستی نیست. کلمه کلیدی فقط وقتی وارد Alt شود که واقعاً بخشی از توصیف طبیعی تصویر باشد.

مطالعه نسخه کامل

برای مطالعه توضیحات کامل، مثال‌ها و جزئیات بیشتر، متن جایگزین تصویر (Alt Text) چیست و چگونه آن را بنویسیم؟ را در وبتیک بخوانید.