تگ ALT تصویر چیست و چرا برای سئو سایت اهمیت دارد؟

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

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

تگ ALT تصویر ( متن جایگزین ) چیست؟

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

چرا استفاده از تگ ALT برای تصاویر مهم است؟

تگ آلت تصویر سه کاربرد عمده و مهم دارد:

• اضافه کردن متن جایگزین تصویر، آن‌ را در سراسر وب دسترس‌پذیر می‎کند کاربرانی که از ابزارهای کمکی برای نابینایان و کم‌بینایان استفاده می‌کنند نیز می‌توانند متوجه تصاویر موجود در صفحه و موضوع تصاویر شوند.
• ویژگی alt تصاویر، زمانی که عکس نتواند لود شود به جای عکس نمایش داده می‌شود؛ به این صورت کاربر با مشاهده نوشته جایگزین عکس می‌تواند متوجه شود در این جای خالی لود نشده، چه عکسی بوده است.
• alt تصاویر باعث ایندکس تصاویر در موتور جستجو می‌شود در واقع توصیفی از عکس برای خزنده‌های گوگل و.. فراهم می‌کند تا بتوانند به درستی عکس را فهرست کنند.

اصول نوشتن Alt Text مناسب برای تصاویر

اگر دنبال آن هستید که از یک آلت تکست Alt Text یا تگ آلت Tag Alt  ایده‌آل برای تصاویر خود بهره ببرید؛ روش‌های زیر را به کار گیرید:

• تگ Alt با طول مناسب بنویسید : بهتر است متن جایگزینی که برای تصاویر انتخاب می کنید، جزئیات کامل آن تصویر را بیان کند؛ به عنوان مثال اگر تصویر یک پیراهن مردانه است، بهتر است طرح، اندازه و رنگ آن در تگ آلت گفته شود از طرفی متن جایگزین اگر بیش از حد طولانی باشد توسط مرورگرهای مخصوص نابینایان خوانده نمی شود؛ بهترین طول متن جایگزین تصویر باید کمتر از 125 کاراکتر باشد.
• از کلمات کلیدی استفاده کنید: همانطور که استفاده از کلمات کلیدی در محتوا کمک می‌کند توسط ربات های جستجوگر بهتر دیده شود و به کار بردن بیش از حد کلمات کلیدی در محتوا نیز شما را دچار کیورد استافینگ می‌کند؛ استفاده از کلمات کلیدی در ALT تصاویر نیز این امکان را فراهم می‎کند تا سیگنال‎هایی برای موتورهای جستجو ارسال شود فقط دقت کنید که تصویر و متن جایگزین باید از نظر معنایی با یکدیگر مرتبط باشند.
• تصاویر را جایگزین متن نکنید: تا حد امکان از ارائه متن در قالب تصویر بپرهیزید زیرا گوگل توانایی خواندن متن روی تصاویر را ندارد داشتن اینفوگرافیک در محتوا، کمک زیادی به خوانایی محتوا می‌کند اما نباید شما از متن کاسته و تصاویر را جایگزین کنید اگر مجبور به این کار شدید، به کمک تگ alt تصویر توضیح کاملی درباره عکس بدهید.
• از کلمات کلیدی بیهوده استفاده نکنید: همانطور که گفتیم می‌توانید از کلمات کلیدی به عنوان متن جایگزین استفاده کنید؛ اما استفاده بیهوده و بی ارتباط از کلمات کلیدی به عنوان تگ آلت شما را به دردسر می‌اندازد پس از عبارات توصیفی درست استفاده کنید.
• از دکمه ها استفاده بهینه کنید: اگر در صفحات مختلف سایت خود از فرم استفاده کرده‌اید، حتما برای دکمه‎های آن یک تصویر هر چند کوچک در نظر بگیرید؛ شما باید به کمک tag alt این تصاویر به گوگل بگویید کاربرد اصلی این دکمه‌ها چیست؟ به عنوان مثال: می‌توانید از عبارات زیر برای گزینه‌ها استفاده کنید: جستجو (search)، ثبت‎نام (Sign Up)، ورود (Log In) و اعمال (Apply Now)

نحوه افزودن تگ ALT به تصاویر در وردپرس

اگر سایتی وردپرسی دارید و می‌خواهید از تگ alt تصاویر وردپرس استفاده مراحل زیر را دنبال کنید:

• از منوی قسمت راست به بخش رسانه > کتابخانه وارد شوید.
• تصویر مورد نظر را انتخاب کنید.
• در سمت چپ تصویر بخشی را مشاهده خواهید کرد که در آن عبارت «متن جایگزین» نوشته شده است این همان تگ alt عکس است در کادر مقابل آن متنی که به خوبی توصیف کننده تصویر باشد را بنویسید؛ همچنین وقتی که تصویری را در وردپرس آپلود می‌کنید، به طور مستقیم وارد بخش کتابخانه خواهید شد همان‌جا در سمت چپ تصویر می‌توانید متن جایگزین را وارد نمایید.

نحوه افزودن تگ ALT از طریق HTML

اگر از سایت وردپرسی استفاده نمی‌کنید لازم است ویژگی alt تصاویر سایت خود را با کدهای HTML مشخص کنید برای این کار از کد زیر استفاده کنید:

<img scr=”https://sample.com/image.jpg” alt=”

درخت زینتی سرو فری با برگ‌های فلسی “> title=” درخت سرو فری”

این کد، یک کد کامل بوده که شامل سه بخش زیر است:

• آدرس تصویر: همان طور که مشاهده می‌کنید، در بخش اول کد HTML با استفاده از عبارت imgscr  آدرس تصویر را مشخص کرده‌ایم، بعد از نوشته img scr یک علامت مساوی قرار داده و سپس آدرس را در گیومه وارد کنید.
• ویژگی Alt متن جایگزین: بعد از نوشتن آدرس، نوبت به تگ Alt می‌رسد در این بخش از کد  HTML  با نوشتن واژه alt و قرار دادن یک مساوی، متن جایگزین را داخل گیومه وارد می‌کنیم.
• ویژگی title: اگر بخواهید تگ title را نیز در کد HTML وارد کنید، آن را بعد از تگ Alt در گیومه قرار دهید؛ تفاوت تگ ALT و Title تصویر این است که تایتل یا عنوان برای تجربه کاربر بوده اما برچسب‌های تصویر (alt) برای خوانندگان صفحه و خزندگان موتور جستجو هستند.

چگونه تصاویر به کمک تگ ALT سئوی سایت را ارتقا می‌دهند؟

استفاده از ویژگی alt برای تصاویر سایت علاوه بر اینکه توضیحات تصویر برای نابینایان را در بر داشته و تجربه کاربری بهتری برای افراد کم‌بینا یا نابینا ایجاد می‌کند، برای سئو تصویر نیز مزایایی خواهد داشت که در ادامه به آنها می‌پردازیم:

• دیده شدن هنگام سرچ تصاویر: همان‎طور که قبلاً گفتیم، موتورهای جستجو قادر به دیدن تصاویر نیستند تگ alt باعث بهینه‌سازی تصاویر برای سئو شده و محتوای تصویر را برای خزنده‌های گوگل و دیگر موتورهای جستجو تفسیر می‌کند؛ از این رو برای اینکه تصاویر وب‌سایت شما بتوانند در فهرست نتایج سرچ تصویری موتورهای جستجو ایندکس شوند نیاز به تگ alt دارند.
• ارتباط بیشتر محتوای صفحه با کلیدواژه: با بارگذاری عکس‌های مرتبط با متن در صفحه وب به موتورهای جستجو می‌گوییم که صفحه ما هم از لحاظ نوشتاری و هم تصاویر استفاده شده در راستای کلمه کلیدی اصلی صفحه قرار گرفته‌ است در نتیجه صفحه در نتایج سرچ وب نیز رتبه بهتری خواهد گرفت؛ در واقع نقش تگ ALT در رتبه‌بندی سایت را نمی‌توان نادیده گرفت.
• ارتباط تگ alt تصویر با متن اطراف: تصویری که در متن به کار می‌رود باید با نوشته‌های اطراف آن مرتبط باشد به همین دلیل گوگل به واژه‌هایی که در تگ alt تصویر برای توصیف آن‌ها استفاده می‌شود و واژه‌هایی که در نوشته‌های محتوای اطراف آن مشاهده می‌شود توجه ویژه‌ای دارد؛ مرتبط بودن این واژه‌ها نشان می‌دهد عکس در مناسب‎ترین جا قرار گرفته و ارتباط معنایی آن با متن اطرافش حفظ شده است.

نکاتی برای بهینه‌سازی ALT تصاویر

برای سئو تصاویر در گوگل و سئو محتوا لازم است از تکنیک‎های سئو کلاه سیاه استفاده کنیم در ادامه نکات لازم در رابطه با بهینه سازی متن جایگزین عکس را بررسی می‌کنیم:

• برخی مواقع در متن جایگزین تصاویر از کلمه کلیدی استفاده کنید.
• تنها به استفاده از کلمات کلیدی اصلی اکتفا نکنید و کلمات مرتبط را نیز در alt تصاویر بکار ببرید.
• در متن جایگزین پشت سر هم از کلمات کلیدی استفاده نکنید.
• در image alt تصویر محصول، اطلاعاتی همچون مدل، سایز و.. را نیز ذکر کنید.
• از کلمه کلیدی در تمامی تصاویر سایت استفاده نکنید.
• بهتر است در تگ alt تصویر شاخص محتوا یا سایت خود از کلمه کلیدی استفاده کنید.

سخن آخر

لازم است بدانید که قرار دادن تگ alt تصویر، تاثیر بسیار خوبی روی وضعیت سئو و ترافیک سایت شما دارد تصور کنید کاربری به دنبال تصویر خاصی در نتایج جستجوی گوگل است که ناگهان تصاویر جذاب سایت شما را مشاهده می‌کند و از طریق همان تصویر وارد سایت شما شده و به یک مشتری (یا خواننده) تبدیل می‌شود؛ اگر در سایت خود تصاویری دارید که دارای هیچ گونه تگ و عنوانی نیستند بهتر است برای نوشتن عناوین و تگ‌های Alt مناسب برای آنها اقدام کنید چرا که این کار نه تنها وقت کمی از شما می‌گیرد، بلکه باعث بهبود ترافیک از طریق  Gogle Images  شده و به وضعیت شما در نتایج موتورهای جستجو کمک می‌کند لازم به ذکر است که در انتخاب ویژگی alt تصاویر باید دقت لازم را داشته باشید تا متن تایپ شده هم برای کاربران نابینا و کم‌بینا تجربه کاربری خوبی را فراهم کند و هم برای کاربرانی که از جستجو با عکس استفاده می‌کنند در سرچ کلمات کلیدی مرتبط نمایش داده شود.

سوالات متداول

در نوشتن تگ ALT چه نکاتی باید رعایت شود؟

تصویر را دقیق و با جزئیات توصیف کنید، مختصر بنویسید، از کلید واژه‌ها در ویژگی Alt استفاده کنید، در تگ alt تصاویر از کلماتی مثل «تصویری از» و مانند آن استفاده نکنید.

آیا ویژگی ALT تصاویر در سئو تأثیرگذار است؟

بله. گوگل از متن جایگزین عکس برای رتبه بندی نتایج در بخش تصاویر خود استفاده می‎کند بنابراین بهتر است تگ Alt دارای کلمه کلیدی باشد.

فواید استفاده از alt عکس چیست؟

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

بهترین روش برای استفاده از تگ Title و تگ alt تصویر چیست؟

برای تگ Alt، بهتر است توضیحی دقیق و مرتبط با محتوای تصویر بنویسید که شامل کلمات کلیدی باشد؛ تگ Title هم باید کوتاه و مختصر باشد و اطلاعات تکمیلی را ارائه دهد یعنی محتوای تگ Alt را بدون اینکه تکراری باشد؛ تکمیل نماید.