10 دلیل اهمیت متن جایگزین تصویر در وب سایت (Alt Text)
0 دیدگاه
17 تیر 1401
نویسنده : پشتیبان
دسته بندی : مقاله ها
با سلام به همراهان عزیز. امروز با مقاله ای پیرامون متن جایگزین تصویر در وب سایت ها یا همان Alt Text در خدمتتون هستیم. اگر از یک متن جایگزین معنی دار در پروژه های وب سایت استفاده نمی کنید، در اینترنت مرتکب جرم شده اید. این عنصر کوچک عملکرد بزرگی دارد و تأثیر زیادی بر قابلیت استفاده، خوانایی و دسترسی دارد.
آیا تاکنون فکر می کردید که متن جایگزین تصویر در طراحی وب سایت ها فقط برای اهداف دسترسی است، پس نیاز است دوباره فکر کنید.
متن جایگزین تصویر می تواند به Google کمک کند تا محتوای شما را بهتر درک کند، زمینه مهمی را برای آنچه صفحه شما در مورد آن است فراهم کند و به خوانندگان کمک کند تا در مسیریابی قرار بگیرند.
در اینجا مقاله ی راهنمای ایجاد متن جایگزین در وب سایت ها است که به ایجاد تأثیر بیشتر و تجربه کاربری بهتر در وب سایت شما کمک می کند.
1. متن جایگزین اطلاعاتی را برای تسهیل دسترسی فراهم می کند
برای کاربرانی که نمی توانند تصاویر را در یک وب سایت ببینند، متن جایگزین (Alt Text)، جایگزینی را ارائه می دهد که خوانندگان صفحه می توانند آن را درک کنند تا زمینه ی آن اطلاعات از بین نرود.
به عنوان یک طراح یا توسعه دهنده، مهم است که توضیحاتی کوتاه اما کاربردی برای هر تصویر در وب سایت ارائه دهید.
برای تصویر بالا، متن جایگزین ممکن است چیزی شبیه «دو زن با تخته موج‌سواری در حال راه رفتن به سمت اقیانوس» باشد. در حالی که متن جایگزین لازم نیست در یک جمله کامل باشد یا حاوی علائم نگارشی باشد، باید توصیف معقولی از آنچه در یک تصویر وجود دارد ارائه دهد.
2. متن جایگزین برای موتورهای جستجو خوب است
این ممکن است تمام چیزی باشد که برای متقاعد شدن به استفاده از توضیحات و اطلاعات متن جایگزین در طراحی وب سایت خود باید بدانید:
«گوگل از متن جایگزین همراه با الگوریتم‌های بینایی رایانه و محتویات صفحه برای درک موضوع تصویر استفاده می‌کند» .
تگ‌های Alt یکی از ملزومات بهینه‌سازی موتور جستجو هستند.
3. متن جایگزین توسط انسان و رایانه قابل خواندن است
از دیگر اهمیت های متن جایگزین تصویر در وب سایت اینکه، متن جایگزین فقط چیزی نیست که ماشین ها آن را درک کنند. همه کاربران می‌توانند وقتی ماوس را روی یک تصویر نگه می‌دارند یا محتوای صفحه را بررسی می‌کنند، آن را ببینند و بخوانند.
علاوه بر این، متن جایگزین توسط رایانه ها، صفحه خوان ها و موتورهای جستجو قابل خواندن است.
4. متن جایگزین حاوی اطلاعات اضافی درباره محتوای صفحه است
در حالی که پر کردن محتوای جایگزین با کلمات کلیدی برای موتورهای جستجو بهترین روش نیست ، این توضیحات می‌تواند زمینه بیشتری را در مورد محتوای یک صفحه وب فراهم کند.
این امر استفاده از تصاویر و توضیحاتی را که با محتوای صفحه کار می کنند مهم می کند.
در اینجا یک نکته کوچک دیگر در مورد تصاویر و متن جایگزین تصویر وجود دارد. جفت کردن تصاویر و متن جایگزین برای حداکثر تأثیر.
5.متن جایگزین اطلاعات توصیفی برای تصاویر فراهم می کند
به بافت متفاوت این دو توصیف جایگزین برای یک تصویر فکر کنید:
- مزرعه آفتابگردان زیر آسمان آبی در روز
- نمای نزدیک از یک گل آفتابگردان زرد که بزرگترین در جهان است
اطلاعات جایگزین توصیفی می تواند ارزش و زمینه را به بقیه محتوای صفحه اضافه کند. لازم نیست توضیحات تصویر را با اطلاعات غرق کنید، بلکه یک عنصر بصری است که توضیح می دهد که چرا و چگونه یک عکس مناسب است.
6. متن جایگزین به شما کمک می کند مطالب را سریعتر پیدا کنید
متن جایگزین تصویر به دلیل تأثیری که بر موتورهای جستجو دارد می تواند به شما کمک کند آنچه را که به دنبال آن هستید سریعتر در اینترنت پیدا کنید. اطلاعات و محتوای اضافی فقط یک سیگنال دیگر در مورد یک صفحه و آنچه در آن وجود دارد به موتورهای جستجو ارسال می کند.
در اینجا یک نکته تخصصی وجود دارد: در حالی که زمانی استفاده از برچسب longdesc برای گنجاندن متن جایگزین بیشتر توصیه می شد، این یک ویژگی عمدتا مستهلک شده است که معمولاً استفاده نمی شود و می توان از آن اجتناب کرد.
7. متن جایگزین به ارائه تجربیات کاربری مشترک برای همه کمک می کند
یکی از مهمترین جنبه های استفاده از متن جایگزین تصویر و توضیحات جایگزین در طراحی وب سایت این است که شما بدون در نظر گرفتن توانایی فیزیکی، یک تجربه کاربری مشترک برای همه بازدیدکنندگان ارائه می دهید. متن جایگزین شکاف در درک و بینایی را پر می کند تا همه بدانند در طراحی صفحه چه چیزی وجود دارد.
فراموش نکنید که متن جایگزین را برای عناصری مانند دکمه ها اضافه کنید. ویژگی‌های alt در این عناصر رابط کاربری، باید عملکرد دکمه مانند «ارسال»، «اعمال» یا «جستجو» را توصیف کنند.
8. متن جایگزین به هوش “AI” کمک می کند
به نظر شما رایانه‌ها چگونه «می فهمند» اشکال و تصاویرچه نامیده شده اند؟ متن جایگزین در واقع می تواند به تسهیل هوش مصنوعی و درک کنترل شده کمک کند. تا جایی که به رایانه مجموعه ای از تصاویر آموزشی همراه با برچسب های مربوطه داده می شود و مدلی ایجاد می کند که می تواند برای شناسایی تصاویر مشابه در آینده استفاده شود.
تصویر بالا ممکن است دارای یک برچسب جایگزین “سگ رتریور طلایی” باشد که می تواند این یاد هوش مصنوعی را تسهیل کند.
9. متن جایگزین، زمینه را برای تصاویر از دست رفته فراهم می کند
تقریباً همه با وب سایتی مواجه شده اند که در آن تصاویر به دلایلی رندر نشده اند. خواه سرعت اتصال پایین باشد یا نوع دیگری از خطای فنی، متن جایگزین روی این تصاویر می تواند اطمینان حاصل کند که شما متوجه می شوید چه چیزی در طراحی وجود ندارد.
متن جایگزین تصویر یا توضیحات را به عنوان یک نوع پلان B برای زمانی که همه چیز آنطور که در طراحی وب سایت طراحی شده است پیش نمی رود در نظر بگیرید.
10. متن جایگزین قابل نمایه سازی است
تقریباً ناگفته نماند که ما در اینجا به موتورهای جستجو در رابطه با متن جایگزین ارجاع داده ایم، اما درک این نکته مهم است: برچسب های Alt یا متن جایگزین تصویر توسط موتورهای جستجو نمایه می شوند.
اگر به نظر می رسد هیچ چیز دیگری در مورد استفاده از متن جایگزین طنین انداز نیست، باید این کار را انجام دهید. شما می خواهید وب سایت شما به راحتی به صورت آنلاین پیدا شود و زمانی که افراد به دنبال اطلاعات یا محصولاتی هستند که در وب سایت وجود دارد، ظاهر شود.
متن جایگزین تصویر و توضیحات یکی دیگر از عوامل کمک کننده در الگوریتم بهینه سازی جستجو هستند.
نتیجه
متن جایگزین تصویر و توضیحات عناصر مهم برای هر طراحی وب سایت هستند. این نوع میکروکپی در خط مقدم طراحی نیست، اما یک عملکرد پشت صحنه است که می تواند به شما اطمینان دهد که طرح شما در دسترس است، به راحتی قابل خواندن و درک است، و برای موتورهای جستجو بهینه شده است.
وقتی به نحوه نوشتن alt فکر می کنید، توضیحات را تا حد امکان کوتاه نگه دارید، در عین حال که توصیفی هستند. پر کردن متن یا توضیحات جایگزین با کلمات کلیدی برای “فریب دادن” موتورهای جستجو مفید نیست و در واقع می تواند برای طراحی سایت مضر باشد.
منبع:
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.
آخرین دیدگاه های شما