تگ Alt تصاویر و تاثیر آن روی سئو

ترجیح می‌دهم که این مطلب را با اهمیت تگ Alt آغاز نکنیم. می‌خواهیم کمی به عقب بازگردیم؛ به اهمیت تصاویر در یک مقاله آنلاین. شما اغلب برای جذاب شدن، بهتر خوانده شدن و گاهی برای کوتاه کردن مطالب، از تصاویر استفاده می‌کنید. تصاویر در فهم بهتر مطالب توسط کاربران اینترنتی نقش مؤثری دارند اما کاربرد آنها تنها به همین مورد خلاصه نمی‌شود.

تصاویر یکی از راه‌های مؤثر در بهبود سئوی وب‌سایت شما محسوب می‌شوند. استفاده از تصاویر جذاب نه تنها به خوانده شدن مطالب شما توسط کاربر کمک می‌کند، بلکه می‌تواند ترافیک خوبی را نیز به سمت سایت شما روانه کند.

یکی از نکات مهم در بهینه سازی تصاویر سایت، استفاده از ویژگی Alt برای آنها است. تگ Alt و تگ عنوان در تقویت جایگاه مطالب در نتایج موتورهای جستجو و بهبود دسترسی کاربران اینترنتی به وب‌سایت شما تاثیرگذارند. در این نوشتار تلاش کرده‌ایم تا تمام نکات پیرامون تگ Alt و تگ عنوان و شیوه بهینه‌سازی آنها را با بیانی ساده شرح دهیم.

بنابراین اگر دوست دارید با تگ Alt و چگونگی بهینه سازی آن آشنا شوید، این مقاله را تا انتها دنبال کنید.

تگ Alt چیست؟

در تمام تصاویر به کار رفته در یک وب‌سایت، تگ Alt توصیف‌کننده موضوعی است که از تصویر استنباط می‌شود. این تگ می‌تواند به عنوان متنی جایگزین برای تصاویر به هنگام خطا در بارگذاری نیز مورد استفاده قرار گیرد تا کاربران در صورت عدم نمایش تصویر، از مفهوم و عملکرد آن باخبر شوند.

افزون بر این، مرورگرها قابلیتی دارند که معمولاً افراد نابینا یا دارای اختلال بینایی برای شنیدن مطالب آنلاین از آن استفاده می‌کنند. خواندن این تگ‌ها توسط مرورگر، انتقال مفهوم و محتوای تصاویر را برای این افراد امکان‌پذیر می‌کند. اما این تنها کاربرد تگ Alt نیست!

کد زیر نمونه یک تگ تصویر HTML کامل است:

همانطور که مشاهده می‌کنید در کد بالا 3 قسمت وجود دارد که در زیر کاربرد هر کدام را بررسی می‌کنیم:

• img src: این بخش، مرتبط با آدرس تصویر است. برای آنکه تصویری را در محتوای سایت خود قرار دهید، باید آدرس تصویر در محلی که ذخیره شده است را در این قسمت قرار دهید.
• alt: این بخش مرتبط با تگ alt است. در بین علامت نقل قول، باید تگ Alt مورد نظر خود را قرار دهید.
• title: این بخش در حقیقت عنوان تصویر شماست. در این بخش باید برای تصویر خود عنوان مناسب قرار دهید.

ویژگی‌های عنوان و Alt در یک تصویر، گرچه از لحاظ تکنیکی واقعاً تگ محسوب نمی‌شوند اما با نام تگ عنوان و تگ Alt شناخته می‌شوند. تگ Alt مفهوم و کاربرد تصویر را توصیف می‌کند. بنابراین، اگر شما از یک تصویر به عنوان یک دکمه برای خرید کالای X استفاده کرده‌اید، تگ Alt آن باید چیزی شبیه به دکمه خرید کالای X باشد.

هنگامی که نشانگر موس را روی تصاویر می‌کشید، تگ عنوان ظاهر می‌شود. این تگ در حقیقت می‌تواند یک راهنمای ساده درباره عکس یا یک پیشنهاد جذاب برای تشویق کاربران به کلیک بر روی عکس باشد. بنابراین، در مورد مثال تصویر دکمه خرید کالا، تگ عنوان می‌تواند یک ابزار فراخوان برای عمل (یا اصطلاحاً Call-to-Action) مانند خرید کالای X تنها با 20 هزار تومان باشد.

به طور معمول، تصاویر وب‌سایت برای بهتر دیده شدن توسط موتورهای جستجو به تگ Alt نیاز دارند. معمولاً تصاویری که به منظور طراحی و تزئین وب‌سایت استفاده می‌شوند، باید در بین کدهای CSS قرار گیرند نه در میان کدهای HTML. با این وجود اگر امکان این تغییر وجود ندارد، همانند تصویر زیر به راحتی می‌توانید تگ Alt را خالی بگذارید تا مرورگرها و موتورهای جستجو از خواندن‌شان صرف نظر کنند.

تاثیر تگ Alt بر سئو سایت

گوگل برای تگ‌های Alt تصاویر، ارزش نسبتاً بالایی در نظر گرفته است. این ارزش‌گذاری به دلیل فهم آسان‌تر تصاویر و تعیین موضوع محتوای پیرامون آنها صورت می‌گیرد. همانطور که قبلاً بارها اشاره کردیم این ارزش‌گذاری به قدری جدی است که گوگل سرویس Google Image را به آن اختصاص داده است. همچنین، افزونه Yoast SEO محتوای وب‌سایت را پیش از بارگذاری بررسی کرده و معمولاً توصیه می‌کند که حداقل یک تصویر به همراه تگ Alt (متشکل از کلمه کلیدی) باید در محتوا وجود داشته باشد. به این ترتیب، در صورت نبود تصویر در محتوا یا استفاده نکردن از تگ Alt، به شما اطلاع می‌دهد.

با این حال، افزونه Yoast تنها یک ماشین پردازش است و از مفهوم محتوای شما آگاهی ندارد. وجود کلمه کلیدی در تگ‌های Alt اگرچه الزامی است، اما به معنای استفاده بیش از اندازه آن‌ها در تمام تگ‌ها نیست. شما به عکس‌هایی مناسب، باکیفیت و مرتبط با محتوای خود نیاز دارید که در تگ‌های توصیفی‌شان به نوعی از کلمات کلیدی استفاده کنید. با این حال، گاه محتوای تصویر به قدری به جزئیات می‌پردازد که اجازه استفاده از کلمات کلیدی کوتاه و کلی را به شما نمی‌دهد. با این وجود استفاده از تگ‌های Alt طولانی و توصیفی هم شانس استفاده بهتر از کلمه کلیدی را افزایش می‌دهد و هم در فهم تصویر و محتوا برای موتورهای جستجوگر مؤثر است.

تگ Alt و تگ عنوان در وردپرس

اگر از وردپرس برای مدیریت محتوای وب‌سایت و وبلاگ خود استفاده می‌کنید، می‌توانید از قابلیت‌های در نظر گرفته شده برای تگ عنوان و تگ Alt تصاویر بهره گیرید. وردپرس به طور پیش‌فرض نامی که تصاویر با آن ذخیره می‌شوند را برای تگ عنوان یا نام تصویر در مطلب در نظر می‌گیرد که در صورت عدم ارتباط آن با محتوا می‌بایست این نام را تغییر دهید.

همچنین، تصاویر ذخیره‌شده در دوربین‌های عکاسی نیز با نام‌هایی نظیر DCMIMAGE10.jpg ذخیره می‌شوند که نام آنها باید متناسب با محتوای شما تغییر کنند. پس از تنظیم عنوان، اگر هیچ متن مناسبی برای تگ Alt در نظر ندارید، بهتر است همان عنوان عکس را در قسمت متن جایگزین (همان تگ Alt) کپی کنید. اگرچه این کار چندان توصیه نمی‌شود، اما بهتر از خالی گذاشتن این قسمت است.