تگ Alt چیست و چه اهمیتی در سئو سایت دارد؟
استفاده از تصاویر در صفحات مختلف سایت، علاوه بر زیبایی می تواند به انتقال بهتر مفهوم محتوای آن صفحه کمک کند. مهم‌تر از ایجاد جذابیت و درک بهتر محتوا برای کاربر، تصاویر می توانند تاثیر زیادی بر بهبود سئو و افزایش ترافیک سایت داشته باشند. به همین خاطر توجه به بهینه‌سازی تصاویر یکی از روش‌های کاربردی در سئو به شمار می‌آید. تگ Alt یکی از ابزارهایی است که استفاده از آن در بهینه‌سازی تصاویر سایت بسیار کارآمد است. از مهم‌ترین مزایای به‌کارگیری تگ Alt و تگ عنوان (title) می‌توان به بهبود رتبه محتوا در صفحه‌ی نتایج و در پی آن دسترسی بهتر کاربر به مطالب سایت اشاره کرد. ما در این مقاله قصد داریم درباره مفهوم تگ Alt و تاثیر آن بر سئو سایت بیشتر بگوییم.
تگ Alt چیست؟
به شرح یا متنی که موضوع تصویر را در سایت توضیح می‌دهد، تگ Alt گفته می‌شود. اگر در هنگام بارگذاریِ صفحه‌ای از یک سایت، به هر دلیلی (سرعت پایین اینترنت، اشکال در آدرس تصویر و ...) تصویر موجود در آن لود نشود، این توضیح (تگ Alt) به‌عنوان جایگزین تصویر، مفهوم و عملکرد تصویر را به کاربر نشان می‌دهد. به همین سبب نام Alt یا متن جایگزین (Alternative text) را برای آن در نظر گرفته‌اند. همچنین این ویژگی با عناوین دیگری مانند «Alt attribute» و « Alt text» و «Alt description» نیز شناخته می‌شود. این تگ به‌عنوان یک ویژگی کاربردی به برچسب تصویر در HTML اضافه می‌شود تا به موتورهای جستجو کمک کند که مفهوم تصاویر را بهتر درک کنند.
جالب است بدانید که این ابزار به افراد نابینا و کم‌بینا هم کمک می‌کند. این افراد معمولا از مرورگرهایی استفاده می‌کنند که دارای قابلیت بازگویی آنلاین مطالب هستند و یا با استفاده از دستگاه‌های صفحه خوان (Screen reader) صفحه‌ای از سایت را بررسی می‌کنند. بدین ترتیب تگ Alt کمک می‌کند تا نابینایان هم مفهوم تصاویر را دریافت کنند.
کد HTML خصوصیت Alt یک تصویر به این صورت نوشته می‌شود:
<img title="“image" src="“image.jpg”" alt="“image" />
بخش های کد HTML خصوصیت Alt
این کد از سه بخش تشکیل‌شده است که هر بخش کاربرد متفاوتی دارد:
img title : عنوان تصویر را نشان می‌دهد. شما هر عنوانی را که برای تصویرتان در نظر گرفته باشید باید در این قسمت از کد بنویسید.
alt : شما باید تگ alt موردنظرتان را در این قسمت از کد و درست بین دو علامت نقل‌قول قرار دهید.
img src : آدرس محل ذخیره‌ی تصویر را باید در این قسمت از کد جای دهید.
هرچند ازنظر تکنیکی، در یک تصویر ویژگی‌هایی مثل Alt و عنوان، تگ محسوب نمی‌شوند اما معمولا با نام «تگ» شناخته می‌شوند. وقتی شما نشانگر موس را روی عکس قرار می‌دهید، می‌توانید تگِ عنوان را مشاهده کنید. این تگ می‌تواند به‌عنوان یک راهنما برای عکس و یا یک پیشنهاد جذاب برای کاربر باشد، پیشنهادی که او را به کلیک روی عکس تشویق کند. در حالت دوم این تگ درواقع به‌عنوان ابزاری برای فراخوان یک عمل (Call to Action) در سایت قرار می‌گیرد.
منبع:وب24