تگ Alt تصاویر و تاثیر آن بر سئوی سایت چیست؟
برای درک اهمیت وجود تگ ALT تصاویر در وب سایت ها و تأثیر آن بر سئو سایت، بهتر است ابتدا در نظر بگیرید که تصاویر چه نقشی در مطالب وب سایت ها دارند.
تصاویر باعث جذابیت بیشتر مقالات و مطالب اینترنتی می شوند. یک مقاله بلند، هرچه قدر هم که با کیفیت و بی نقص نگارش شده باشد، بدون وجود تصاویر، بعد از دقایقی خسته کننده شده و ممکن است کاربر را به دلیل خستگی از ادامه خواندن منصرف کند.
تصاویر، متن ها و نوشته ها را زینت می بخشند. وجود تصاویر مرتبط با مقاله، توجه خواننده را به ادامه مقاله جلب کرده و باعث فهم بیشتر مطالب می شود.
اما آیا کاربرد تصاویر، تنها ایجاد جذابیت در مطالب است؟
خیر! استفاده درست و به جا از تصاویر مرتبط و با کیفیت، یکی از بهترین راه ها برای بهبود سئو و افزایش ترافیک وب سایت شماست. اما تنها قرار دادن تصاویر در متن، برای این منظور کافی نیست. مهم ترین کار در سئو به وسیله تصاویر، استفاده از تگ Alt تصاویر است.
تگ ALT و هدینگ ها (تگ عنوان) در بهبود سئو و معرفی صفحات سایت شما به موتور های جستجو، نقش بسیار تأثیرگذاری دارند. در این مطلب پیرامون این موضوع بیشتر صحبت می کنیم.
تگ Alt چیست؟
تگ ALT در واقع محتوای تصویر شما را به طور مختصر توصیف می کند.
برای اینکه موتورهای جستجو بتوانند تصاویر وب سایت شما را بهتر پیدا کنند و در فهرست جستجو نمایش دهند، باید برای تصاویر وب سایت خود از تگ ALT استفاده کنید. این تگ ها برای خوانده شدن توسط موتور های جستجو باید در میان کدهای HTML قرار بگیرند.
کاربرد دیگر این تگ، هنگامی است که تصاویر به درستی بارگذاری نمی شوند. در این موارد، اگر تصاویر شما دارای تگ alt باشند، کاربر به جای کادرخالی، متن تگ ALT را مشاهده کرده و متوجه می شود، تصویری بارگذاری نشده، چه مفهومی داشته است.
تگ ALT به افراد نابینا نیز کمک می کند تا با استفاده از نرم افزارهای مخصوص بتوانند محتوای صفحه را مطالعه کنند. برخی مرورگرها می توانند با خواندن تگ ALT تصاویر برای این افراد و پخش صوتی آن، مفهوم صفحه را بهتر به آنان منتقل کنند.
هنگامی که نشانگر موس روی تصویر قرار می گیرد، تگ alt ظاهر می شود و کاربر آن را مشاهده می کند. از این ویژگی در برخی موارد می توان به عنوان فراخوان انجام کار یا call to action بهره برد.
برای مثال هنگامی که شما از تگ alt “خرید این محصول با تخفیف ۵۰ درصدی” برای دکمه خرید محصول استفاده می کنید، کاربر پیش از کلیک کردن روی دکمه، متن تگ alt تصویر را خوانده و به انجام خرید ترغیب می شود.
در این قسمت یک نمونه تگ تصویر HTML را مشاهده می کنید که حاوی سه بخش است:
<img title=”“image” src=”“image.jpg”” alt=”“image” />
حال هر یک از این سه بخش را بررسی می کنیم:
img src : این قسمت مکان آدرس تصویر است. آدرس محلی که تصویر در آن ذخیره شده است را باید در این قسمت قرار دهید.
ALT: این بخش محل تگ ALT است. تگ ALT تصویر را باید بین علامت نقل قول قرار دهید.
Title: این بخش مخصوص عنوان تصویر است. عنوان تصویر را باید بین علامت نقل قول قرار دهید.
نکته: از لحاظ فنی، ویژگی های عنوان و ALT یا alt هیچ یک، تگ محسوب نمی شوند. اما معمولا همه آن ها را با عنوان تگ alt و تگ عنوان می شناسند. گفتیم که تگ ALT محتوای تصویر را توصیف می کند. بنابراین، اگر برای دکمه خرید محصولی از تصویر استفاده کرده اید، تگ ALT آن تصویر می تواند “دکمه خرید محصول” باشد.
نکته: تصاویری که تنها به منظور تزئین و طراحی سایت استفاده می شوند (مثل نوارها و سایر عناصر صرفاً تزئینی)، نیازی به تگ ALT نداشته و باید بین کدهای CSS قرار بگیرند، اما در صورتی که امکان تغییر مکان این کدها به قسمت کدهای CSS وجود ندارد، می توانید تگ alt را خالی بگذارید، تا موتور جستجو، این تصاویر را پیدا نکنند.
گوگل در رتبه بندی سایت ها، ارزش بسیار زیادی برای تگ alt تصاویر قائل است. تنها به وسیله تگ alt است که گوگل می تواند تصاویر مناسب را در جستجوی تصویری سرویس Google Image پیدا کرده و در فهرست نتایج نمایش دهد.
موتور های جستجو، به وسیله تگ alt می توانند مفهوم و محتوای تصویر را تشخیص دهند و به همین دلیل، تگ alt را به عنوان معیاری مهم در رتبه بندی سایت ها، در نظر می گیرند.
سبز شدن چراغ سئو با استفاده از تگ ALT
افزونه سئو Yoast Seo پیش از انتشار مطالب، آن ها را بررسی می کند و مشکلات و نواقصی را که مانع از کسب رتبه خوب در سئو می شوند، یاد آوری می کند. Yoast معمولا پیشنهاد می کند، متن دارای حداقل یک تصویر باشد که تگ ALT آن حاوی کلمه کلیدی باشد.
گرچه استفاده از تگ ALT تصویر که حاوی کلمه کلیدی باشد، برای کسب رتبه بالای گوگل ضروری است، اما استفاده بیش از حد از کلمه کلیدی هم ضرورتی ندارد. برخی تصاویر محتوای پیچیده ای دارند که امکان استفاده ساده از کلمه کلیدی در تگ ALT را به شما نمی دهند.
به عنوان یک پیشنهاد بهتر می توانید از یک متن توصیفی طولانی تر برای این تصاویر استفاده کنید، به این ترتیب می توانید از کلمه کلیدی نیز در تگ ALT تصویر استفاده نمایید و شانس دیده شدن تصویر توسط موتورهای جستجو را بالا ببرید.
تگ ALT و تگ عنوان در وردپرس
در صورتی که مانند بسیاری از وب مستران از سیستم مدیریت محتوای وردپرس استفاده می کنید، باید به ویژگی های خاص آن برای ساخت تگ تصویر توجه نمایید. وردپرس به طور پیشفرض از نام تصویر برای تگ عنوان استفاده می کند. در صورتی که نام تصویر ارتباطی با مفهوم آن ندارد، باید آن را تغییر دهید.
در صورتی که از تصاویر دوربین موبایل یا سایر دوربین های شخصی استفاده می کنید، باید توجه داشته باشید که معمولا این تصاویر با نام هایی مانند DCIM یا IMAGE ذخیره می شوند. از این رو برای استفاده در وب سایت، بایستی نام آنها را تغییر دهید تا تگ عنوان آنها، متناسب با محتوای تصویر باشد.
اگر پس از تنظیم کردن تگ عنوان، عبارت مناسبی برای تگ ALT به ذهنتان نرسید، می توانید همان تگ عنوان را برای تگ ALT نیز استفاده نمایید. البته تنظیم یک تگ ALT اختصاصی برای هر عکس بسیار بهتر است، اما در صورت لزوم، کپی کردن تگ عنوان برای تگ ALT، بهتر از خالی گذاشتن تگ ALT است.
همان طور که مشاهده می کنید، وردپرس برای بهینه سازی تصاویر، امکانات بسیار خوبی در نظرگرفته است. تنظیم درست تصاویر و استفاده از تگ ALT برای سبز کردن چراغ سئو در وردپرس، تنها چند دقیقه زمان می گیرد، اما همین تغییرات اندک باعث بهبود بسیار زیاد سئو سایت شما خواهد شد.
همان طور که مشاهده می کنید، وردپرس برای بهینه سازی تصاویر، امکانات بسیار خوبی در نظرگرفته است. تنظیم درست تصاویر و استفاده از تگ ALT برای سبز کردن چراغ سئو در وردپرس، تنها چند دقیقه زمان می گیرد، اما همین تغییرات اندک باعث بهبود بسیار زیاد سئو سایت شما خواهد شد.
چگونه تگ ALT مناسبی بنویسیم؟
برای اینکه تشخیص دهید، تگ ALT تصویر شما مناسب هست یا نه، بهتر است بدون اینکه به تصویر نگاه کنید، از شخصی بخواهید با صدای بلند متن تگ ALT را بخواند. اگر با شنیدن آن توانستید، تصویر مرتبطی در ذهن خود مجسم کنید، تگ نوشته شده، برای تصویر شما مناسب است.
به عنوان مثال در این تصویر یک بشقاب پنکیک بلوبری دیده می شود. این تصویر دارای چنین تگی است:
<img src=”pancakes.png” alt=”pancakes”>
تگ ALT نوشته شده، نسبتا مناسب است، زیرا دارای عبارت توصیفی پیچیده ای نیست. البته بهتر بود خصوصیات بیشتری از تصویر به صورت خلاصه در این تگ استفاده می شد. مانند این عبارت:
<img src=”pancakes.png” alt=”Stack of blueberry pancakes with powdered sugar”>
این تگ از تگ ساده قبلی بسیار بهتر است، زیرا به صورت مختصر و مفید خصوصیات کافی از تصویر را توصیف کرده است و ما بدون دیدن عکس نیز می توانیم با خواندن تگ ALT، از محتوای تصویر مطلع شویم.
<img src=”pancakes.png” alt=”pancakes”>
تگ ALT نوشته شده، نسبتا مناسب است، زیرا دارای عبارت توصیفی پیچیده ای نیست. البته بهتر بود خصوصیات بیشتری از تصویر به صورت خلاصه در این تگ استفاده می شد. مانند این عبارت:
<img src=”pancakes.png” alt=”Stack of blueberry pancakes with powdered sugar”>
ترجمه: پنکیک بلوبری با پودرقند
این تگ از تگ ساده قبلی بسیار بهتر است، زیرا به صورت مختصر و مفید خصوصیات کافی از تصویر را توصیف کرده است و ما بدون دیدن عکس نیز می توانیم با خواندن تگ ALT، از محتوای تصویر مطلع شویم.
مراقب باشید تگ تصاویر را این طور تنظیم نکنید!
<img src=”pancakes.png” alt=””>
یا
<img src=”pancakes.png” alt=”pancake pancakes pan cake hotcakes
hotcake breakfast food best breakfast top breakfasts breakfast recipes
pancake recipe”>
در تگ اول مشاهده می کنید که قسمت مخصوص تگ ALT به طور کاملا خالی رها شده است.
در تگ دوم مشاهده می کنید که تعداد زیادی از کلمات کلیدی نسبتا مرتبط با موضوع تصویر، در تگ ALT به کار رفته است. این تگ بیش از حد طولانی است. علاوه بر این، چنین استفاده افراطی از کلمات کلیدی به هیچ وجه توصیه نمی شود.
آیا تگ ALT تصویر حتما باید به انگلیسی نوشته شود؟
لزومی ندارد که حتما از زبان انگلیسی برای نوشتن تگ ALT استفاده نمایید. اگر مخاطبان شما فارسی زبان هستند، بهتر است از زبان فارسی و عبارت های قابل فهم و مصطلح برای فارسی زبانان برای نوشتن تگ ALT استفاده کنید.
مثلا تگ ALT فارسی مناسب برای تصویر بالا می تواند چنین باشد:
<img src=”pancakes.png” alt=”پنکیک بلوبری با تزئین پودر قند”>
