تگ alt

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

تگ Alt چیست :

به شرح یا متنی که موضوع تصویر را در سایت توضیح می‌دهد، تگ Alt گفته می‌شود. اگر در هنگام بارگذاریِ صفحه‌ای از یک سایت، به هر دلیلی مثل سرعت پایین اینترنت، اشکال در آدرس تصویر و ... تصویر موجود در آن لود نشود، توضیح موجود در تگ Alt به‌عنوان جایگزین تصویر، مفهوم و عملکرد تصویر را به کاربر نشان می‌دهد. به همین سبب نام Alt یا  متن جایگزین (Alternative text) را برای آن در نظر گرفته‌اند. همچنین این ویژگی با عناوین دیگری مانند «Alt attribute» و « Alt text» و «Alt description» نیز شناخته می‌شود.
بعضی از مرورگر ها قابلیتی دارند که برای افراد نابینا استفاده میشوند و در واقع کار این مرورگر ها این است که مطالب را بصورت آنلاین بازگویی میکنند .با استفاده نمودن از این تگ به مرورگر ها کمک خواهید نمود تا مفهوم تصاویر استفاده شده در وبسایتتان را به کاربران بهتر ارائه دهند .

نحوه استفاده از تگ :

کد زیر نمونه یک تگ تصویر HTML کامل است:
<img title=”“image” src=”“image.jpg”” alt=”“image” />
همان‌گونه که در بالا مشاهده کردید 3 قسمت در کد Html وجود دارد که در زیر کاربرد هر کدام از آن‌ها را بررسی خواهیم نمود:
 src : این قسمت مربوط به ادرس تصویر به‌کاررفته است.برای این که تصویر در محتوای سایت خود قرار دهید باید آدرس تصویر در محلی ذخیره گشته شده را در این بخش قرار دهید.
Alt : این قسمت مربوط به تگ Alt است.در بین علامت نقل‌قول باید تگ Alt مورد نظر خود را قرار دهید.
Title : این قسمت در واقع عنوان تصویر شما است.در این بخش برای تصویر که استفاده می‌کنید عنوان مناسب بنویسد.
ویژگی‌های عنوان و Alt در یک تصویر، گرچه از لحاظ تکنیکی واقعاً تگ محسوب نمی‌شوند اما با نام تگ عنوان و تگ Alt شناخته می‌شوند. تگ Alt مفهوم و کاربرد تصویر را توصیف می‌کند. بنابراین، اگر شما از یک تصویر به عنوان یک دکمه برای خرید کالای X استفاده کرده‌اید، تگ Alt آن باید چیزی شبیه به دکمه خرید کالای X باشد.

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

از نظر موتور جستجوی گوگل تگ Alt تصاویر دارای اهمیت بالایی می‌باشند. زیرا باعث فهم راحت تر و راحتی تعیین موضوع محتوای آن‌ها صورت می‌گیرد.میزان اهمیت تگ Alt به اندازه ای جدی می‌باشد که  google image بر پایه آن تگ alt ساخته شده است .
و همچنین اگر از سیستم وردپرس استفاده می‌کنید و از افزونه یوآست سئو (Yoast seo) برای سایت خود استفاده میکنید این پلاگین محتوای وبسایت را قبل از بارگذاری مورد بررسی قرار میدهد و سفارش می‌کند که یکی از تصاویر به همراه تگ Alt که دارای کلمه کلیدی است در محتوای وجود داشته باشد.و در صورت عدم وجود تصویر در محتوا استفاده نکردن از تگ alt به شما اعلام می‌کند که می‌بایست از این تگ استفاده نمایید.

کاربرد تگ Alt :

اولین هدف و کاربرد تگ Alt تصاویر، افزودن یک متن به تصاویر در وب سایت می باشد. با تعریف Alt attribute به تگ <img> یکی از قوانین در دسترس بودن (Accessibility) وب سایت را اجرا کرده ایم. به عنوان مثال هنگامی که یک کاربر توسط دستگاه های صفحه ‌خوان (Screen Reader) یک صفحه وب را مورد پیمایش قرار می دهد، این متن جایگزین برای تصاویر خوانده می شوند.
در مواقعی که تصاویر به هر دلیلی لود نشوند تگ Alt بجای تصاویر به کاربر نمایش داده خواهند شد.
تگ Alt تصاویر به خزنده های موتور جستجو کمک می کند تا مفهوم و توضیح تصاویر را راحت تر index کنند.
 
نکات استفاده از تگ Alt :

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

متن را کوتاه و ساده نگه دارید :
بهترین گزینه این است که از یک متن Alt تصویر کوتاه و دقیق استفاده کنید. اگر از تصویری استفاده می‌کنید که مربوط به متن مقاله شماست، بهتر است از تگ توصیفی تر استفاده کنید.

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

دکمه‌های فرم ها را نادیده بگیرید :
اگر در سایت خود از فرم ها استفاده می‌کنید و از تصاویر برای مثال دکمه ارسال submit استفاده می‌کنید.حتماً از تگ های Alt برای توصیف کامل نتیجه استفاده کنید.پس نوشتن عباراتی مانند جستجو,ثبت‌نام،ورود، خروج در متن Alt این دکمه‌ها ضروری است.

از تصاویر به جای متن استفاده نکنید :
 موتورهای جستجو نمی‌توانند متن نوشته‌شده در تصاویر را بخوانند. بنابراین، از این کار پرهیز کنید. اگر ناچار به انجام آن هستید، هر آنچه در تصویر توضیح دادید را در تگ Alt تصویر قرار دهید.

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