چگونه یک متن جایگزین بهینه برای عکس بنویسیم؟
متن جایگزین (Alt Text) توضیح مختصری است که به تصاویر در وبسایت اضافه میشود. این متن نه تنها به موتورهای جستجو کمک میکند تا محتوای تصاویر را درک کنند، بلکه برای کاربرانی که از صفحه خوانها استفاده میکنند یا به دلیل مشکل اتصال اینترنت نمیتوانند تصاویر را ببینند، بسیار مهم است.
با رعایت نکات زیر، میتوانید متن جایگزین مناسبی برای تصاویر خود ایجاد کنید:
- ✔
1. مختصر و مفید باشید:
متن جایگزین باید کوتاه و دقیق باشد. سعی کنید در چند کلمه، جوهرهی تصویر را بیان کنید. - ✔
2. تصویر را توصیف کنید:
متن جایگزین باید به طور دقیق محتوای تصویر را توصیف کند. به چه چیزی نگاه می کنیم؟ چه کسی در تصویر است؟ چه اتفاقی دارد می افتد؟ - ✔
3. هدف تصویر را در نظر بگیرید:
اگر تصویر تزئینی است، متن جایگزین را خالی بگذارید (alt=""). اگر تصویر برای توضیح یک مفهوم استفاده میشود، متن جایگزین باید آن مفهوم را توضیح دهد. - ✔
4. از کلمات کلیدی استفاده کنید:
از کلمات کلیدی مرتبط با محتوای صفحه در متن جایگزین استفاده کنید، اما از زیادهروی در بهرهگیری از کلمات کلیدی خودداری کنید. - ✔
5. “تصویر از” یا “عکس از” ننویسید:
نیازی به ذکر این عبارات در متن جایگزین نیست. - ✔
6. برای دکمههای تصویری، عملکرد دکمه را شرح دهید:
به جای توصیف ظاهر دکمه، توضیح دهید که با کلیک روی آن چه اتفاقی میافتد. - ✔
7. متن جایگزین را در کد HTML وارد کنید:
متن جایگزین باید در تگaltنوشته شود. - ✔
8. برای تصاویر پیچیده، از توضیحات طولانیتر (longdesc) استفاده کنید:
اگر تصویر به توضیح مفصلتری نیاز دارد، از ویژگیlongdescبرای ارائه یک لینک به صفحهای با توضیحات بیشتر استفاده کنید. - ✔
9. متن جایگزین را برای آیکونها بنویسید:
آیکونها نیز باید متن جایگزین داشته باشند تا کاربران بدانند چه چیزی را نشان میدهند. - ✔
10. از دستور زبان و املای صحیح استفاده کنید:
متن جایگزین باید از نظر دستور زبان و املا صحیح باشد. - ✔
11. برای تصاویر با متن، متن را تکرار کنید:
اگر تصویر حاوی متن است، متن جایگزین باید آن متن را تکرار کند. - ✔
12. به زمینه توجه کنید:
ارتباط بین تصویر و محتوای اطراف آن را در نظر بگیرید. - ✔
13. آزمایش کنید:
با بهرهگیری از صفحه خوانها، بررسی کنید که آیا متن جایگزین شما به درستی خوانده میشود و اطلاعات کافی را ارائه میدهد یا خیر. - ✔
14. متن جایگزین را بهروزرسانی کنید:
اگر تصویر را تغییر میدهید، حتماً متن جایگزین آن را نیز بهروزرسانی کنید.
با عمل کردن به این موارد ساده، میتوانید به بهبود دسترسیپذیری وبسایت خود کمک کنید و تجربه کاربری بهتری را برای همه کاربران فراهم آورید.
در ضمن، این نکات به موتورهای جستجو کمک می کنند تا تصاویر شما را بهتر درک کنند و رتبه سایت شما را در نتایج جستجو ارتقا دهند.
14 نکته کلیدی درباره متن جایگزین عکس (Alt Text) برای سئو و دسترسپذیری
متن جایگزین چیست و چرا مهم است؟
متن جایگزین یا Alt Text، توضیحی متنی است که به تصاویر در صفحات وب اضافه میشود. این متن به موتورهای جستجو کمک میکند تا محتوای بصری تصویر را درک کنند و به کاربران با اختلالات بینایی یا کسانی که به هر دلیلی نمیتوانند تصویر را ببینند، محتوای تصویر را ارائه میدهد.
1. مختصر و مفید باشید
متن جایگزین نباید طولانی و پیچیده باشد. سعی کنید در چند کلمه یا یک جمله کوتاه، محتوای اصلی تصویر را توصیف کنید. از به کار بردن عباراتی مانند “تصویری از” یا “عکس” خودداری کنید، زیرا این موارد اضافی هستند و ارزشی به متن جایگزین اضافه نمیکنند.
2. توصیفی دقیق ارائه دهید
جزئیات مهم تصویر را ذکر کنید، اما از توضیحات اضافی و نامربوط خودداری کنید.
3. از کلمات کلیدی مرتبط استفاده کنید
اگر تصویر با کلمات کلیدی خاصی مرتبط است، سعی کنید این کلمات را به طور طبیعی در متن جایگزین خود بگنجانید. این کار به سئو کمک میکند. با این حال، از پر کردن متن جایگزین با کلمات کلیدی (Keyword Stuffing) خودداری کنید، زیرا این کار میتواند تاثیر منفی داشته باشد.
4. برای تصاویر تزئینی متن جایگزین خالی بگذارید
اگر تصویری صرفاً جنبه تزئینی دارد و محتوای مهمی را منتقل نمیکند، متن جایگزین را خالی بگذارید. به این صورت: alt=""این کار به کاربران با صفحه خوان (Screen Reader) اطلاع میدهد که تصویر مهم نیست و نیازی به خواندن توضیحات آن نیست.
5. به زمینه صفحه توجه کنید
متن جایگزین باید با محتوای صفحه مرتبط باشد. سعی کنید متن جایگزینی بنویسید که با متن اطراف تصویر همخوانی داشته باشد. در نظر بگیرید که تصویر چه نقشی در انتقال مفهوم کلی صفحه ایفا میکند.
6. از غلط املایی و نگارشی پرهیز کنید
قبل از انتشار صفحه، متن جایگزین تصاویر خود را بررسی کنید.
7. از زبان طبیعی استفاده کنید
سعی کنید متن جایگزین را به زبان طبیعی و روان بنویسید. از بهرهگیری از عبارات پیچیده و تخصصی خودداری کنید. هدف این است که متن جایگزین برای همه کاربران قابل فهم باشد.
8. برای دکمههای تصویری متن جایگزین مناسب بنویسید
اگر از تصاویر به عنوان دکمه استفاده میکنید، متن جایگزین باید عمل دکمه را به طور واضح توصیف کند. مثلا “ارسال فرم” یا “خرید محصول”.
9. در صورت وجود متن در تصویر، آن را در متن جایگزین تکرار کنید
اگر تصویر حاوی متن است (مانند یک اینفوگرافیک)، متن جایگزین باید متن موجود در تصویر را نیز شامل شود. این کار به کاربران با صفحه خوان کمک میکند تا تمام اطلاعات موجود در تصویر را دریافت کنند.
10. از ابزارهای تست دسترسپذیری استفاده کنید
برای اطمینان از اینکه متن جایگزین تصاویر شما به درستی نوشته شده است، از ابزارهای تست دسترسپذیری وب استفاده کنید. این ابزارها میتوانند مشکلات مربوط به متن جایگزین را شناسایی کنند. بسیاری از مرورگرها و افزونهها، ابزارهای تست دسترسپذیری را ارائه میدهند.
11. به نیازهای کاربران مختلف توجه کنید
در هنگام نوشتن متن جایگزین، به نیازهای کاربران مختلف، از جمله کاربران با اختلالات بینایی، کاربران با سرعت اینترنت پایین و کاربران با دستگاههای مختلف، توجه کنید. متن جایگزین باید برای همه این کاربران مفید باشد.
12. تصاویر پیچیده را با توضیحات طولانیتر یا متنی جایگزین با لینک به توضیحات تکمیلی همراه کنید
اگر تصویر بسیار پیچیده است و نمیتوان محتوای آن را در یک متن جایگزین کوتاه توضیح داد، میتوانید از یک متن جایگزین طولانیتر استفاده کنید یا یک لینک به صفحهای حاوی توضیحات تکمیلی اضافه کنید. این کار به کاربران اجازه میدهد تا اطلاعات بیشتری در مورد تصویر دریافت کنند.
13. به طور مرتب متن جایگزین تصاویر خود را بررسی و بهروزرسانی کنید
محتوای وبسایت شما ممکن است تغییر کند و متن جایگزین تصاویر شما نیز باید با این تغییرات همگام شود. به طور مرتب متن جایگزین تصاویر خود را بررسی و در صورت نیاز آنها را بهروزرسانی کنید. این کار به اطمینان از صحت و مرتبط بودن متن جایگزین کمک میکند.
14. از رباتهای تولید متن جایگزین با احتیاط استفاده کنید
ابزارهای خودکار تولید متن جایگزین میتوانند مفید باشند، اما نباید به طور کامل به آنها اعتماد کرد. این ابزارها ممکن است همیشه نتوانند محتوای تصویر را به درستی درک کنند و متن جایگزین مناسبی تولید کنند. همیشه متن جایگزین تولید شده توسط رباتها را بررسی و ویرایش کنید.
