تجربه ثابت کرده است تصاویر بهویژه اگر همراه با تگ Alt باشند، تأثیر بسیار زیادی بر روی جذب مخاطب برای وبسایتها میگذارند. در حقیقت، پژوهشهایی صورت گرفته که نشان میدهد 65% انسانها یادگیرندگان بصری هستند. همچنین دانشگاه MIT تحقیقاتی انجام داده است که طبق آن مغز انسان قادر است تصاویر را در کمتر از 13 میلیثانیه پردازش کند. همانطور که اشاره شد برای تأثیرگذاری بیشتر باید از تگ Alt برای تصاویر استفاده شود. اما این تگ Alt چیست؟ و چطور از آن استفاده کنیم؟ همراه ما باشید تا در یک مقاله دیگر از الیت دیزاین به این سؤالات پاسخ دهیم.
تگ Alt چیست؟
احتمالاً تابهحال برایتان پیشآمده است، زمانی که نشانگر موس خود را بر روی تصویری در فضای اینترنت میبرید، متنی در کنار نشانگر موس ظاهر میشود. این متن جایگزین میتواند بهعنوان یک راهنما استفاده شود و یا کاربر را به انجام عملی تشویق کند. حال این عمل میتواند خرید محصول جدیدی که در بخش فروشگاه وبسایت خود قرار دادهاید باشد و یا به آنها پیشنهاد دهید که صفحه شما را در شبکههای اجتماعی دنبال کنند. همچنین اگر از تصویر برای گزینه ثبتنام، ورود و یا جستجو استفاده میکنید، ضروری است که متنی جایگزین برای عملی که قرار است انجام شود قرار دهید.
در نگاهی دقیقتر، تگ Alt یکی از تگهای HTML است و به شما این امکان را میدهد که یک متن جایگزین برای تصاویر ایجاد کنید. توجه داشته باشید که متن انتخابی باید تا حد زیادی توصیفکنندۀ مطلبی باشد که از تصویر برداشت میشود.
کد زیر مثالی از تگ Alt است:
<img src=”image.png” alt=” someone reading book”>
چرا تگ Alt مهم است؟
ممکن است تا به حال به اینکه اصلا اهمیت تگ Alt چیست، توجه زیادی نکرده باشید. اما دلایلی برای استفاده از آن وجود دارد که در ادامه به دو مورد مهم میپردازیم و ضرورت وجود این متن جایگزین در تک تک تصاویر موجود را بیان میکند:
کمک به درک موضوع تصویر
دلیل وجود تگ Alt، ارائۀ یک توضیح کوتاه از تصاویر برای بازدیدکنندگانی است که به هر دلیلی قادر به دیدن آنها نیستند. گاهی ممکن است مرورگر تصاویر را مسدود کند و یا به دلیل اینترنت ضعیف تصاویر بارگذاری نشوند. همچنین این شامل کاربرانی می شود که بینایی ضعیفی دارند یا قادر به شناسایی و دیدن تصاویر نیستند و از سرویسی استفاده میکنند که مطالب به صورت صوتی از روی متن برای آنها خوانده میشود. وجود متن جایگزین در تصاویر تضمین میکند که همه کاربران، صرفنظر از مشکلاتی همانند اینترنت ضعیف، میتوانند از محتوای وبسایت شما استفاده کنند.
سئوی تصاویر
استفاده از تگ Alt بر روی تصاویر، یکی از مهمترین گامها برای سئو کردن وبسایت است. زیرا با اینکه در طی سالهای گذشته عملکرد موتورهای جستجو برای تشخیص تصاویر بسیار بهبود یافته است، اما رباتهایی که مسئول پردازش صفحات وبسایتها هستند، هنوز همانند انسان توانایی درک دقیق تصاویر را ندارند. بنابراین اصلا اقدام درستی نیست که تفسیر را به عهده آنها بگذاریم.
اگر آنها به درستی مفهوم تصویر را متوجه نشوند، یا اشتباه متوجه بشوند، ممکن است شما برای کلمات کلیدی ناخواسته رتبهبندی شوید و در جستجوی نامرتبط وبسایت شما نمایش داده شود.
اگر وبسایت شما در جستجوی نامرتبط نمایش داده شود و نیاز کاربران را رفع نکند، امتیاز منفی برای شما ثبت میشود و امکان دارد وبسایت شما از نتایج بهکلی حذف شود.
بنابراین درصورتیکه بهدرستی عنوان تصاویر و متن جایگزین را نامگذاری کنید، علاوه بر تجربه کاربری خوبی که ایجاد کردهاید، به شما در بهبود وضعیت سئوی وبسایتتان کمک میکند و در نتیجه رتبه بهتری خواهید داشت.
چگونه یک تگ Alt خوب بنویسم؟
1- تصویر را تاحدیکه امکان دارد دقیق توصیف کنید. همانطور که در بخشهای قبلی مقاله اشاره شد، تگ Alt طراحی شده است تا هم کاربرانی که نمیتوانند تصاویر را ببینند موضوع را بفهمند، و هم موتورهای جستجو آنها به خوبی پردازش کنند. پس رعایت این مورد برای رضایت مخاطب و سئوی وبسایت امری ضروری است.
2- از کلمات کلیدی خود در تگ Alt استفاده کنید. متن جایگزین امکان خوبی برای قرار دادن کلمه کلیدی موردنظر در صفحات وبسایت خود مخصوصاً در مقالات است. با این کار به موتورهای جستجو کمک میکنید که بیشتر از موضوع صفحه شما اطلاع بیابد و آن را در نتیجه جستجوی کاربران به آنها نشان دهد. اگر درحالیکه دارید تصویر را توصیف میکنید، کلمه کلیدی خود را میتوانید در متن جایگزین حداقل یکی از تصاویر جای دهید حتما از این موقعیت استفاده کنید.
3- از پرکردن کلمات کلیدی خودداری کنید. درست است که استفاده از کلمات کلیدی در متن جایگزین یک فرصت است، اما اگر تعداد آن از حد بگذرد و یا باعث شود متن جایگزین توصیف درستی از تصویر نباشد، این به ضرر وبسایت شما تمام میشود و به مشکل میخورید.
4- تگ Alt را کوتاه نگه دارید. معمولاً اگر متن جایگزین بیشتر از 125 کاراکتر باشد، ادامه آن نمایش داده نمیشود. بنابراین توصیه میشود آن را همین تعداد و یا کمتر نگه دارید.
5- از longdesc=”” برای متنهای جایگزین طولانی استفاده کنید. اگر به هر دلیلی میخواهید از متن طولانی برای تصاویر استفاده کنید، تگ longdesc=”” برای همین منظور ایجاد شده است.
تگ Alt در وردپرس
هنگامی که یک تصویر را در وردپرس آپلود میکنید، میتوانید یک عنوان و یک تگ Alt تعیین کنید. پس از آپلود تصویر خواهید دید که وردپرس همان نام فایل تصویر را در جایگاه عنوان و جایگاه تگ Alt قرار میدهد. شما باید زمان کافی صرف کنید و یک متن جایگزین مناسب برای هر تصویر در نظر بگیرید.
با این حال اگر متنی برای متن جایگزین ندارید میتوانید از همان عنوان استفاده کنید. البته استفاده از عنوان در متن جایگزین را پیشنهاد نمیکنیم اما این بهتر از خالی گذاشتن آن است.
نتیجهگیری
در این مقاله دانستیم که تگ Alt چیست و چطور کار می کند. بنابراین شاید بهظاهر تگ Alt مهم جلوه نکند و تابهحال به آن توجه ویژهای نکرده باشید، اما این را بدانید که قراردادن متن جایگزین خوب (که یکی از مراحل بهینهسازی تصاویر است)، تأثیر بسیاری بر روی سئوی سایت شما میگذارد و ترافیک سایت شما را افزایش میدهد. اگر تابهحال زمانی را برای این کار اختصاص ندادهاید، حال دیگر وقت آن است که وبسایت خود را بهینهتر کنید و شاهد افزایش ترافیک باشید.
اگر میخواهید وبسایت تان به بهترین شکل بهینه شود و رتبه بهتری در گوگل بگیرد، الیت دیزاین گزینهای بسیار مناسب برای سئو و بهینهسازی وبسایت شما است. کافی است وبسایتتان را به ما بسپارید و شاهد پیشرفت آن باشید.