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

در این مقاله، تمام نکات مهم درباره ی تگ ALT تصاویر را یاد میگیری، از تعریف تا بهینه سازی حرفه ای این تگ را برای شما نوشتم. در پایان هم یک نکته طلایی برات آوردم که ارزشش چند برابر از یک تگ ساده است!

چرا گوگل به تگ ALT نیاز دارد؟

موتور های جستجو مثل انسان ها نمیتوانند تصویر را “ببینند”، بلکه باید آن را “بفهمند”. تگ ALT همان متنی است که توضیح میدهد در تصویر چه چیزی وجود دارد تا خزنده های گوگل بتوانند مفهوم آن را درک کنند.  میتوان گفت موتور های جست و جو مثل یک آدم نابینا هستند که ما برایشام میگوییم در تصویر چه قرار دارد.

همچنین دیدن خود تصویر برای ربات موتور های جست و جو بسیار هزینه بر است، پس ترجیح آن ها این است که عکس را بخوانند و درک کنند.

نقش ALT در دیده شدن تصاویر در Google Images

وقتی تصویرت دارای ALT مناسب باشد، احتمال دیده شدن آن در بخش Google Images بسیار بیشتر میشود. هرچه توضیح دقیق تر و مرتبط تر باشد، شانس تو برای جذب کلیک از جستجوی تصویری بالاتر است. کاربران زیادی از طریق بخش تصاویر گوگل به سایت ها وارد میشوند. نوشتن ALT اصولی یعنی باز کردن یک مسیر جدید برای ورود کاربران بدون نیاز به تبلیغات. (حدود 10 تا 30 درصد از ورودی های یک پیج میتواند از طریق یک تصویر باشد.)

یک تصویر حرفه ای و بهینه سازی شده (از نظر نام فایل، تگ alt، و کیفیت بصری) میتواند به تنهایی عامل اصلی کلیک یا بازدید صفحه باشد.

تعریف ویژگی آلت تصاویر

این ویژگی کمک میکند موتور های جست و جو مثل گوگل از متن ALT برای درک مفهوم تصویر استفاده میکنند ارتباط بین تصویر و موضوع صفحه برای ربات های تحلیلی! روشن تر شود. در عین حال، باعث میشود، در شرایط خاص (مثل عدم بارگذاری تصویر یا استفاده از صفحه خوان ها) حفظ گردد. ، چون خود تصویر را «نمیبینند»، بلکه آن را از طریق این متن میفهمند.

همچنین، ابزارهای کمکی برای افراد نابینا (Screen Reader ها) از همین متن برای توصیف محتوای تصویر با صدای بلند استفاده میکنند؛ به همین دلیل نوشتن ALT دقیق و مرتبط هم از نظر سئو و هم از نظر دسترس پذیری (Accessibility) اهمیت زیادی دارد.

مفهوم واژه ALT و کاربرد آن در HTML

کلمه ی ALT در واقع مخفف Alternative Text یا همان «متن جایگزین» است، یعنی یک متنی که میتواند جایگزین عکس یا همان فایل تصویری ما باشد. این ویژگی در کدنویسی HTML برای هر تصویر تعریف میشود تا توضیح کوتاهی از محتوای آن ارائه دهد. اگر تصویر به هر دلیلی بارگذاری نشود (مثل کندی اینترنت یا خطای فایل)، این متن جایگزین به جای تصویر نمایش داده میشود.

نمونه ساختار HTML تگ ALT

مثال، شما تصور کن یک تصویر گربه آپلود کردی، اگر تصویر به هر دلیلی نمایش داده نشود، و شما براش توضیح نوشته باشید، این متن جایگزین ظاهر خواهد شد. یا هر متن دیگری که شما برای توصیف تصویرتون ازش استفاده کردین.

تایتل تصویر چیست و چه کاربردی دارد؟

تایتل تصویر در واقع مثل یک یادداشت کوتاه روی عکس عمل میکند. وقتی ماوس را روی تصویر نگه داری، متنی کوچک ظاهر میشود که میتواند توضیح، پیام یا دعوت به اقدام باشد؛ مثلا بنویسی «با ۵۰٪ تخفیف بخرید» یا «برای دیدن جزئیات کلیک کنید».

برخلاف تگ ALT که برای گوگل و دسترس پذیری اهمیت دارد، تایتل بیشتر برای راهنمایی کاربر و بهبود تجربه ی کاربری به کار میرود. البته نوشتن تایتل ضروری نیست، چون در بعضی دستگاه ها مثل موبایل نمایش داده نمیشود؛ اما اگر به درستی استفاده شود، میتواند تعامل کاربر با محتوای تصویری را افزایش دهد.

تفاوت بین ویژگی ALT و TITLE در تصاویر

• ALT: برای توصیف تصویر و درک محتوا توسط موتور جستجو و کاربران نابینا
• TITLE: برای نمایش پیغام هنگام نگه داشتن نشانگر ماوس روی تصویر (اختیاری)

در واقع ALT برای «درک» است، TITLE برای «تعامل».

نحوه عملکرد ALT

1. چگونه مرورگر از ALT استفاده میکند: وقتی مرورگر به هر دلیلی نتواند تصویر را نمایش دهد، متن ALT را به عنوان جایگزین نشان میدهد تا تجربه کاربر قطع نشود.
2. زمانی که تصویر لود نمیشود چه اتفاقی می افتد: در صورتی که لینک تصویر اشتباه باشد یا سرعت اینترنت پایین باشد، به جای فضای خالی، متن جایگزین نشان داده میشود و کاربر میفهمد چه تصویری باید در آنجا باشد.
3. کاربرد ALT برای ابزارهای کمکی نابینایان: افراد نابینا با ابزارهایی به نام Screen Reader از اینترنت استفاده میکنند. این ابزارها متن ALT را با صدای بلند میخوانند و باعث میشوند محتوای تصویری هم برای آن ها قابل درک شود. یعنی علاوه بر سئو، استفاده از این تگ به نوعی احترام گذاشتن به عزیزانی هست که متاسفانه امکان دیدن ندارند.

بخش های کد HTML ویژگی ALT تصاویر

آدرس تصویر (src): آدرس فایل تصویری را در بخش src وارد میکنی تا مرورگر بداند تصویر از کجا باید بارگذاری شود.

ویژگی ALT (متن جایگزین): این قسمت توضیحی کوتاه از محتوای تصویر است:
alt=”درخت سرو سبز با برگ های سوزنی”

ویژگی TITLE (اختیاری – Call to Action): میتوانی برای ایجاد تعامل بیشتر از تگ title استفاده کنی: title=”با 50٪ تخفیف بخرید” اما دقت کن که title اجباری نیست و در موبایل هم معمولا نمایش داده نمیشود.

کاربرد های متن جایگزین تصویر

1. نمایش متن جایگزین در صورت خطا یا لود نشدن تصویر: کاربر حتی بدون دیدن تصویر، متوجه میشود چه چیزی باید در آن مکان باشد.
2. توضیح تصویر برای خزنده های موتور جستجو موتور های جستجو: با خواندن ALT میفهمند موضوع تصویر چیست و آن را در جستجو های مرتبط نشان میدهند.
3. افزایش دسترس پذیری برای کاربران نابینا یا کم بینا: افرادی که از صفحه خوان استفاده میکنند، با شنیدن ALT میتوانند محتوای بصری صفحه را درک کنند.

دلایل نمایش ندادن تصاویر

• مرورگر قدیمی یا ناسازگار
• فعال بودن حالت محافظت از ردیابی
• غیرفعال بودن نمایش تصاویر توسط کاربر
• لینک اشتباه یا تغییر مسیر فایل تصویری
• در تمام این شرایط، متن ALT نجات دهنده ی تجربه کاربری است.

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

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

نکاتی برای نوشتن ویژگی ALT تصاویر مناسب

1) توصیف دقیق و طبیعی تصویر: به گونه ای بنویس که اگر کسی تصویر را نبیند، از روی متن بتواند آن را در ذهنش تصور کند. مثلا: تصور کن تو یک عکس کابینت منتشر کردی، درباره ی جنس و رنگ و کابینت در کجا قرار دارد در کارگاه یا آشپزخونه و براقه یا ماته و.. در متنت بنویس.
2) رعایت محدودیت ۱۲۵ کاراکتر: صفحه خوان ها معمولا بیش از ۱۲۵ کاراکتر را نمیخوانند، پس متن باید کوتاه و مؤثر باشد. اضافه گویی نکن سعی کن خیلی کوتاه آن چیزی که هسترو توصیف کنی.
3) استفاده طبیعی از کلمات کلیدی: اگر کلیدواژه یا همان کیورد با تصویر مرتبط است، خوب میشود که از آن استفاده کنی، اما از آن بزور استفاده نکن یا درحالیکه مرتبط نیست، بزور توی متن توضیحت نیارش.
4) پرهیز از کلمات اضافی مثل «عکسی از–»: مرورگر میداند این متن مربوط به تصویر است، نیازی به این عبارات نیست.
5) نوشتن ALT برای دکمه های تصویری: اگر دکمه هایی مثل «جستجو» یا «افزودن به سبد خرید» تصویری هستند، باید ALT داشته باشند که عملکرد دکمه را توضیح دهد.
6) اجتناب از استفاده از تصویر به جای متن: شاید گوگل بتواند متن روی تصویر را بفهمد اما هیچ گاه بخشی از متن مهم صفحه خود را در قالب تصویر داخل صفحه قرار ندهید به صورت نوشتاری داخل خود صفحه باشد.

نمونه های صحیح و غلط از ALT تصاویر

1) برای مثال شما فرض کنید که تصویر یک کیک تولد را داریم.
ALT خوب: کیک تولد
ALT عالی: کیک تولد پسرانه طرح مینیون با شمع زرد

دومی جزئیات بیشتری دارد و برای کاربر و گوگل ارزشمند تر است.

2) یا برای بهتر درک کردن مطلب شما فرض کنید که عکس یک تابلو نقاشی را داریم
ALT خوب: تابلو نقاشی منظره
ALT عالی: تابلو رنگ روغن منظره پاییزی با دو درخت اثر پوریان

این نسخه هم برای سئو مفید تر است و هم برای کاربر نابینا گویا تر.

بهینه سازی ALT برای سئو

1) افزودن کلمه کلیدی اصلی به صورت طبیعی: اگر موضوع صفحه درباره ی «دوربین عکاسی حرفه ای» است، از همین واژه در ALT استفاده کن.
2) هماهنگی ALT با نام فایل و آدرس صفحه: وقتی نام فایل، آدرس صفحه و ALT هم جهت باشند، گوگل ارتباط معنایی را سریع تر درک میکند.
3) پرهیز از Keyword Stuffing: اگر فقط کلیدواژه ها را پشت سر هم بنویسی، گوگل آن را اسپم در نظر میگیرد. محتوای توصیفی همیشه برنده است.

نباید فراموش کنی که

• هر تصویری باید ALT داشته باشد.
• ALT باید کوتاه، دقیق و توصیفی باشد.
• از تکرار و پرکردن با کلیدواژه ها خودداری کن.
• بین ALT و محتوای اطراف هماهنگی برقرار کن.

نکته طلایی

جمع بندی

بدون تگ ALT، تصویرت برای گوگل و بسیاری از کاربران عملا «نامرئی» است، اما با افزودن یک متن جایگزین دقیق، تصویر معنا، ارزش و شانس دیده شدن پیدا میکند. این تگ نه تنها به گوگل کمک میکند تا محتوای تصویر را درک کند، بلکه کاربران جدیدی را از طریق جستجوی تصویری (Google Images) مستقیما به سایتت می آورد؛ و تو درواقع داری از سئوی تصاویر استفاده میکنی. مسیری ساده اما واقعی برای افزایش ترافیک. نوشتن یک ALT خوب فقط چند ثانیه زمان میبرد، اما تاثیرش ماندگار و قابل اندازه گیری است. در نتیجه که برای تصاویر سایتتان توضیح بنویسید.

درصورت داشتن سوال یا بودن ابهام در مقاله در کامنت ها برام بنویسید؛ خیلی سریع به سوالات شما پاسخ میدهیم “ارادتمند شما ویکی دمی”