14 نکته کلیدی برای نوشتن متن جایگزین (Alt Text) مناسب
متن جایگزین یا Alt Text، توصیفی متنی از یک تصویر است که در کد HTML وبسایت قرار میگیرد. این متن نقش بسیار مهمی در دسترسپذیری وب، سئو (سئو) و درک محتوای صفحات وب دارد.
اگر تصویر به هر دلیلی لود نشود (مثلاً به دلیل سرعت پایین اینترنت یا مشکلات فنی)، متن جایگزین به جای تصویر نمایش داده میشود و به کاربر اطلاع میدهد که قرار بوده چه چیزی ببیند. در ضمن، برای افرادی که از صفحه خوانها استفاده میکنند (مانند افراد نابینا یا کمبینا)، متن جایگزین خوانده میشود و به آنها کمک میکند تا محتوای تصویر را درک کنند. نوشتن متن جایگزین مناسب، نه تنها برای این افراد ضروری است، بلکه به موتورهای جستجو نیز کمک میکند تا موضوع و محتوای تصویر را بهتر درک کنند و رتبهبندی وبسایت را بهبود بخشند.
- ✳️
تصویر را به طور دقیق توصیف کنید:
متن جایگزین باید به طور دقیق محتوای تصویر را توصیف کند. هدف، ارائه اطلاعاتی است که بیننده با دیدن تصویر به دست میآورد. - ✳️
کوتاه و مختصر باشید:
سعی کنید متن جایگزین را تا حد امکان کوتاه و مختصر نگه دارید. معمولاً حدود 125 کاراکتر کافی است. - ✳️
کلمات کلیدی مرتبط را استفاده کنید:
اگر تصویر مرتبط با کلمات کلیدی اصلی صفحه است، از آن کلمات در متن جایگزین استفاده کنید (البته به طور طبیعی و غیر اجباری). - ✳️
از تکرار کلمات کلیدی پرهیز کنید:
متن جایگزین را با کلمات کلیدی پر نکنید. این کار میتواند به عنوان اسپم تلقی شود. - ✳️
نیازی به نوشتن “عکس از” یا “تصویر از” نیست:
صفحه خوانها به طور خودکار متوجه میشوند که با یک تصویر روبرو هستند. - ✳️
اگر تصویر جنبه تزئینی دارد، از متن جایگزین خالی استفاده کنید:
برای تصاویری که صرفاً جنبه زیباییشناختی دارند و اطلاعاتی را منتقل نمیکنند (مثلاً یک پسزمینه طرحدار)، ازalt=""استفاده کنید. - ✳️
متن جایگزین را برای دکمههای تصویری استفاده کنید:
اگر از تصویر به عنوان دکمه استفاده میکنید، متن جایگزین باید عملکرد دکمه را توضیح دهد (مثلاً “ارسال فرم” یا “خرید”). - ✳️
متن جایگزین را در همه تصاویر استفاده کنید:
حتی اگر فکر میکنید تصویر واضح است، باز هم یک متن جایگزین مناسب بنویسید. - ✳️
به زمینه توجه کنید:
متن جایگزین باید با محتوای کلی صفحه مرتبط باشد. - ✳️
اگر تصویر حاوی متن است، متن را در متن جایگزین درج کنید:
این کار مخصوصا برای نمودارها و اینفوگرافیکها مهم است. - ✳️
به لحن و سبک متن توجه کنید:
متن جایگزین باید با لحن و سبک کلی وبسایت شما همخوانی داشته باشد. - ✳️
از علائم نگارشی مناسب استفاده کنید:
بهرهگیری از نقطه، کاما و سایر علائم نگارشی میتواند به خوانایی متن کمک کند. - ✳️
به روز رسانی کنید:
اگر تصویر تغییر کرد، متن جایگزین را نیز به روز رسانی کنید تا با تصویر جدید مطابقت داشته باشد.
با اختصاص زمان کافی برای نوشتن متن جایگزین مناسب، شما نه تنها به افراد دارای معلولیت کمک میکنید، بلکه رتبه وبسایت خود را در موتورهای جستجو بهبود میبخشید و تجربه کاربری بهتری را برای همه بازدیدکنندگان فراهم میکنید.
من قبلا متن های جایگزین رو ساده مینوشتم تا اینکه فهمیدم با توصیف دقیقتر عکس ها، ترافیک سایت من ۲۰ درصد بیشتر شد – میشه لطفا یه مطلب هم درباره نوشتن متن جایگزین برای اینفوگرافیک ها بذارید؟ چون من همیشه توی این بخش مشکل دارم.