راهنمای جامع نوشتن متن جایگزین مؤثر برای تصاویر، تضمین دسترسیپذیری برای کاربران دارای اختلالات بینایی و بهبود سئو برای مخاطبان جهانی.
نوشتن متن جایگزین (Alt Text): دسترسیپذیری توصیفی تصویر برای مخاطبان جهانی
در چشمانداز دیجیتال امروزی، محتوای بصری نقش مهمی در جذب مخاطبان و انتقال اطلاعات ایفا میکند. با این حال، برای کاربران دارای اختلالات بینایی، دسترسی به این محتوا میتواند چالشبرانگیز باشد. اینجاست که متن جایگزین وارد میشود. متن جایگزین یا Alt text، توصیف کوتاهی از یک تصویر است که در کد HTML جاسازی شده است. این متن توسط صفحهخوانها با صدای بلند خوانده میشود و به کاربران کمبینا یا نابینا اجازه میدهد تا محتوا و زمینه تصویر را درک کنند. علاوه بر این، متن جایگزین بهینهسازی موتورهای جستجو (SEO) را نیز بهبود میبخشد و به موتورهای جستجو کمک میکند تا تصاویر شما را درک و ایندکس کنند و وبسایت شما را برای مخاطبان جهانی بیشتر قابل مشاهده سازند.
چرا متن جایگزین اهمیت دارد: دسترسیپذیری و سئو
متن جایگزین فقط یک ویژگی خوب برای داشتن نیست؛ بلکه یک جنبه اساسی از دسترسیپذیری وب و یک ابزار ارزشمند سئو است. در اینجا دلایل اهمیت آن آورده شده است:
دسترسیپذیری برای کاربران دارای اختلالات بینایی
صفحهخوانها برای توصیف تصاویر به کاربرانی که نمیتوانند آنها را ببینند، به متن جایگزین تکیه میکنند. بدون متن جایگزین دقیق و توصیفی، این کاربران از درک کامل محتوای وبسایت شما محروم میشوند. تصور کنید در حال مرور یک وبسایت خبری هستید و با تصویری از یک تظاهرات مواجه میشوید. بدون متن جایگزین، یک صفحهخوان ممکن است به سادگی اعلام کند «تصویر»، و کاربر را کاملاً بیاطلاع از موضوع تظاهرات بگذارد. متن جایگزین توصیفی مانند «معترضان پلاکاردهایی در دست دارند که خواستار اقدام برای آبوهوا در لندن هستند» زمینه حیاتی را فراهم میکند.
این موضوع برای محتوای آموزشی حتی حیاتیتر میشود. به عنوان مثال، یک وبسایت آشپزی که مراحل تهیه سوشی را نشان میدهد، به متن جایگزینی مانند «نمای نزدیک از یک سرآشپز که برنج را به طور یکنواخت روی جلبک دریایی نوری پخش میکند» نیاز دارد تا کاربران بتوانند مراحل را دنبال کنند.
بهبود عملکرد سئو
موتورهای جستجو از متن جایگزین برای درک محتوای تصاویر و ارتباط آنها با متن اطراف استفاده میکنند. با ارائه متن جایگزین توصیفی و غنی از کلمات کلیدی، میتوانید به موتورهای جستجو کمک کنید تا تصاویر شما را به طور مؤثرتری ایندکس کنند و رتبه کلی وبسایت شما را در نتایج جستجو بهبود بخشند. به عنوان مثال، اگر شما سفال دستساز آنلاین میفروشید، استفاده از متن جایگزین مانند «لیوان سرامیکی دستساز با لعاب آبی» به محصول شما کمک میکند تا در نتایج جستجو زمانی که افراد به دنبال موارد مشابه میگردند، ظاهر شود. این امر به ویژه برای کسبوکارهای تجارت الکترونیک که بازار جهانی را هدف قرار دادهاند، مهم است.
علاوه بر این، جستجوی تصویر بخش مهمی از چشمانداز جستجو است که روز به روز اهمیت بیشتری پیدا میکند. متن جایگزین بهینهسازی شده تضمین میکند که تصاویر شما در نتایج جستجوی تصویر قابل کشف باشند و ترافیک بیشتری را به وبسایت شما هدایت کنند.
انطباق با استانداردهای دسترسیپذیری
بسیاری از کشورها قوانین و دستورالعملهای دسترسیپذیری دارند، مانند قانون آمریکاییهای دارای معلولیت (ADA) در ایالات متحده، قانون دسترسیپذیری برای اونتاریوییهای دارای معلولیت (AODA) در کانادا و قانون دسترسیپذیری اروپا (EAA) در اروپا. این قوانین اغلب وبسایتها را ملزم میکنند که برای کاربران دارای معلولیت، از جمله افراد دارای اختلالات بینایی، قابل دسترس باشند. ارائه متن جایگزین دقیق و توصیفی برای انطباق با این استانداردها ضروری است. عدم رعایت این موارد میتواند منجر به مجازاتهای قانونی و آسیب به شهرت شود.
بهترین شیوهها برای نوشتن متن جایگزین مؤثر
نوشتن متن جایگزین مؤثر نیازمند توجه دقیق و جزئیات است. در اینجا برخی از بهترین شیوهها برای دنبال کردن آورده شده است:
توصیفی و مختصر باشید
هدف اصلی متن جایگزین، توصیف تصویر به دقیقترین و مختصرترین شکل ممکن است. به دنبال تعادلی بین ارائه جزئیات کافی برای انتقال معنای تصویر و کوتاه نگه داشتن متن و درک آسان آن باشید. معمولاً، چند کلمه تا یک جمله کوتاه کافی است. در نظر بگیرید که تصویر چه چیزی را میخواهد منتقل کند. تصور کنید که در حال توصیف تصویر برای کسی هستید که نمیتواند آن را ببیند.
مثال:
بد: image.jpg
خوب: گروهی از مردم در حال جشن گرفتن دیوالی با فشفشه در بمبئی.
بر زمینه و محتوا تمرکز کنید
متن جایگزین ایدهآل به زمینه تصویر بستگی دارد. در نظر بگیرید که تصویر چگونه به محتوای اطراف مربوط میشود و چه اطلاعاتی به آن اضافه میکند. اگر تصویر صرفاً تزئینی است، میتوانید از یک ویژگی alt خالی (alt="") استفاده کنید تا به صفحهخوانها بفهمانید که باید آن را نادیده بگیرند. به عنوان مثال، اگر یک تصویر پسزمینه طرحدار دارید که هیچ اطلاعات معناداری را منتقل نمیکند، استفاده از یک ویژگی alt خالی مناسب است.
مثال:
در صفحهای درباره سفر به ژاپن:
بد: باغ ژاپنی
خوب: باغ آرام ژاپنی با یک حوضچه ماهی کوی در کیوتو.
کلمات کلیدی مرتبط را اضافه کنید (اما زیادهروی نکنید)
در حالی که هدف اصلی متن جایگزین دسترسیپذیری است، فرصتی برای بهبود سئو نیز فراهم میکند. کلمات کلیدی مرتبطی را که به طور دقیق تصویر را توصیف میکنند و به محتوای اطراف مربوط میشوند، اضافه کنید. با این حال، از انباشت کلمات کلیدی (keyword stuffing) خودداری کنید، که میتواند برای سئو مضر باشد و متن جایگزین را برای کاربران کمتر مفید کند. بر ارائه یک توصیف طبیعی و توصیفی تمرکز کنید که در صورت لزوم شامل کلمات کلیدی مرتبط باشد.
مثال:
برای تصویری از یک دامن سنتی اسکاتلندی:
بد: دامن اسکاتلندی تارتان لباس پشمی اسکاتلند سنتی اسکاتلندی
خوب: مردی که دامن سنتی اسکاتلندی با طرح تارتان رویال استوارت پوشیده است.
در مورد افراد دقیق باشید
اگر تصویر شامل افراد است، اطلاعات مشخصی درباره آنها ارائه دهید، مانند نام، نقش یا فعالیتهایشان. این امر به ویژه برای تصاویری که بخشی از مقالات خبری یا محتوای آموزشی هستند، مهم است. اگر تصویر مربوط به یک شخصیت تاریخی است، نام و اهمیت او را ذکر کنید. اگر تصویری از یک عضو تیم در صفحه «درباره ما» است، نام و عنوان شغلی او را ذکر کنید.
مثال:
بد: مردم
خوب: نلسون ماندلا در حال سخنرانی برای جمعیتی در راهپیمایی ضد آپارتاید در ژوهانسبورگ.
عملکرد تصویر را توصیف کنید
اگر تصویر یک لینک یا دکمه است، متن جایگزین باید عملکرد لینک یا دکمه را توصیف کند. به عنوان مثال، اگر تصویر یک دکمه با عنوان «ارسال» است، متن جایگزین باید «ارسال» باشد. اگر تصویر یک لینک به صفحه دیگری است، متن جایگزین باید صفحه مقصد را توصیف کند. این برای کاربرانی که برای پیمایش وبسایتها به صفحهخوانها تکیه میکنند، حیاتی است.
مثال:
برای تصویری که به صفحه تماس لینک میدهد:
بد: لوگو
خوب: لینک به صفحه تماس با ما.
از تکرار پرهیز کنید
اگر تصویر قبلاً در متن اطراف توصیف شده است، از تکرار همان اطلاعات در متن جایگزین خودداری کنید. در عوض، بر ارائه جزئیات یا زمینه اضافی که قبلاً در متن پوشش داده نشده است، تمرکز کنید. این کار به جلوگیری از تکرار کمک میکند و تضمین میکند که متن جایگزین برای کاربران ارزش افزوده دارد.
مثال:
اگر پاراگراف کنار یک تصویر قبلاً نوع خاصی از گل را توصیف کرده است:
بد: یک گل آفتابگردان
خوب: نمای نزدیکی از یک گل آفتابگردان که الگوی پیچیده دانههای آن را نشان میدهد.
از گرامر و املای صحیح استفاده کنید
اطمینان حاصل کنید که متن جایگزین شما عاری از اشتباهات گرامری و املایی است. این کار تفسیر متن توسط صفحهخوانها و درک تصویر توسط کاربران را آسانتر میکند. متن جایگزین خود را قبل از انتشار با دقت بازخوانی کنید. حتی اشتباهات کوچک نیز میتوانند بر تجربه کاربر و سئو تأثیر بگذارند.
عبارات «تصویری از...» یا «عکسی از...» را اضافه نکنید
صفحهخوانها به طور خودکار اعلام میکنند که این یک تصویر است، بنابراین بیان «تصویری از...» یا «عکسی از...» زائد است. فقط توصیف کنید که تصویر چیست.
مثال:
بد: تصویری از برج ایفل
خوب: برج ایفل که در شب در پاریس نورانی شده است.
متن جایگزین خود را تست کنید
پس از نوشتن متن جایگزین، آن را با یک صفحهخوان تست کنید تا اطمینان حاصل کنید که توصیف واضح و دقیقی از تصویر ارائه میدهد. بسیاری از صفحهخوانهای رایگان مانند NVDA (NonVisual Desktop Access) و ChromeVox در دسترس هستند. تست کردن متن جایگزین به شما کمک میکند تا هر بخشی را که نیاز به بهبود دارد شناسایی کرده و اطمینان حاصل کنید که برای همه کاربران قابل دسترس است.
نمونههایی از متن جایگزین مؤثر در زمینههای مختلف
برای نشان دادن بیشتر اصول نوشتن متن جایگزین مؤثر، در اینجا چند نمونه در زمینههای مختلف آورده شده است:
تجارت الکترونیک
تصویر: نمای نزدیکی از یک کیف دستی چرمی با دوختهای پیچیده.
متن جایگزین: کیف دستی چرمی دستدوز با دوختهای دقیق و قفل سگک برنجی.
مقاله خبری
تصویر: عکسی از یک تظاهرات در هنگ کنگ.
متن جایگزین: معترضان در هنگ کنگ در حین تظاهرات علیه لایحه استرداد، چترهایی در دست دارند.
وبسایت آموزشی
تصویر: تصویری از قلب انسان.
متن جایگزین: دیاگرام قلب انسان که دهلیزها، بطنها و رگهای خونی اصلی را نشان میدهد.
وبلاگ سفر
تصویر: نمای پانوراما از ماچو پیچو در پرو.
متن جایگزین: نمای پانوراما از ماچو پیچو، ارگ باستانی اینکاها که در کوههای آند پرو قرار دارد.
وبسایت دستور پخت غذا
تصویر: بشقابی از کوکیهای شکلاتی تازه پخته شده.
متن جایگزین: پشتهای از کوکیهای شکلاتی قهوهای طلایی روی یک بشقاب سفید.
اشتباهات رایج که باید از آنها اجتناب کرد
در حالی که نوشتن متن جایگزین ممکن است ساده به نظر برسد، چندین اشتباه رایج وجود دارد که باید از آنها اجتناب کنید:
- استفاده از متن جایگزین عمومی: از استفاده از متن جایگزین عمومی مانند «تصویر» یا «عکس» خودداری کنید. این توصیفات هیچ ارزشی برای کاربران ندارند.
- انباشت کلمات کلیدی: از پر کردن متن جایگزین خود با کلمات کلیدی بیش از حد خودداری کنید. این کار میتواند برای سئو مضر باشد و متن جایگزین را برای کاربران کمتر مفید کند.
- خالی گذاشتن متن جایگزین: اگر یک تصویر اطلاعات معناداری را منتقل میکند، خالی گذاشتن متن جایگزین یک مشکل بزرگ دسترسیپذیری است.
- استفاده از توصیفات طولانی و پراکنده: متن جایگزین خود را مختصر و متمرکز نگه دارید. از استفاده از توصیفات طولانی و پراکنده که درک آنها دشوار است، خودداری کنید.
- نادیده گرفتن زمینه: هنگام نوشتن متن جایگزین، همیشه زمینه تصویر و نحوه ارتباط آن با محتوای اطراف را در نظر بگیرید.
پیادهسازی متن جایگزین در HTML
اضافه کردن متن جایگزین به تصاویر ساده است. از ویژگی `alt` در تگ `` در کد HTML خود استفاده کنید.
مثال:
``
اگر یک تصویر صرفاً تزئینی است، از یک ویژگی alt خالی استفاده کنید:
``
ابزارها و منابع برای نوشتن متن جایگزین
ابزارها و منابع زیادی برای کمک به شما در نوشتن متن جایگزین مؤثر در دسترس هستند:
- ابزارهای ارزیابی دسترسیپذیری وب: از ابزارهای ارزیابی دسترسیپذیری وب برای شناسایی تصاویری که فاقد متن جایگزین هستند یا توصیفات ناکافی دارند، استفاده کنید. نمونهها شامل WAVE و Axe هستند.
- صفحهخوانها: از صفحهخوانها برای تست متن جایگزین خود و اطمینان از اینکه توصیف واضح و دقیقی از تصویر ارائه میدهد، استفاده کنید.
- دستورالعملهای دسترسیپذیری: به دستورالعملهای دسترسیپذیری مانند دستورالعملهای دسترسیپذیری محتوای وب (WCAG) برای اطلاعات دقیق در مورد نوشتن متن جایگزین قابل دسترس مراجعه کنید.
- دورههای آنلاین و آموزشها: در دورههای آنلاین و آموزشها شرکت کنید تا درباره نوشتن متن جایگزین و دسترسیپذیری وب بیشتر بیاموزید.
نتیجهگیری
متن جایگزین یک عنصر اساسی از دسترسیپذیری وب و یک ابزار ارزشمند برای سئو است. با پیروی از بهترین شیوههای ذکر شده در این راهنما، میتوانید اطمینان حاصل کنید که تصاویر شما برای همه کاربران، از جمله افراد دارای اختلالات بینایی، قابل دسترس هستند و دیدهشدن وبسایت خود را در نتایج جستجو بهبود بخشید. به یاد داشته باشید که هنگام نوشتن متن جایگزین، توصیفی، مختصر و آگاه از زمینه باشید و همیشه متن جایگزین خود را با یک صفحهخوان تست کنید تا اطمینان حاصل کنید که توصیف واضح و دقیقی از تصویر ارائه میدهد. با اولویت دادن به متن جایگزین، میتوانید یک تجربه آنلاین فراگیرتر و قابل دسترستر برای مخاطبان جهانی ایجاد کنید.
قابل دسترس کردن وبسایت شما در سطح جهانی، تعهد شما به فراگیری را نشان میدهد و پایگاه کاربران بالقوه شما را گسترش میدهد. با پیروی از این دستورالعملها، شما نه تنها سایت خود را منطبق با استانداردها میکنید، بلکه تجربه را برای همه کاربران خود، صرفنظر از تواناییها یا مکانشان، بهبود میبخشید.
به یاد داشته باشید، اینترنت یک منبع جهانی است و محتوای قابل دسترس به نفع همه است.