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

اولین باری که به ترافیک تصویر یک سایت نگاه کردم، چیزی حدود چهار درصد از کل ورودی گوگل از نتایج تصویری بود. چند ماه بعد از بازنویسی alt همه‌ی تصاویر پرترافیک، همان عدد به چهارده درصد رسید. جالب اینجا بود که هیچ ساختار دیگری تغییر نکرده بود. آن تجربه، نقطه شروع بررسی جدی روی یکی از ارزان‌ترین و مظلوم‌ترین فرصت‌های سئو بود: تگ alt. در سال‌هایی که روی پروژه‌های سئوی تصویر کار کرده‌ام، فهمیدم که این تگ، نه فقط برای رتبه در نتایج تصویری مهم است، بلکه یکی از پایه‌های دسترس‌پذیری (Accessibility) است. در این نوشته، همان چیزی را که در پروژه‌های واقعی یاد گرفته‌ام باز می‌کنم. اگر با مفهوم کلی سئوی تصویر چیست آشنایید، ادامه‌ی این مقاله تصویر عملیاتی دقیقی به شما می‌دهد.

تگ alt دقیقاً چیست؟

تگ alt یا متن جایگزین، ویژگی‌ای درون تگ <img> در HTML است که توصیفی متنی از تصویر ارائه می‌دهد. نام alt از کلمه‌ی Alternate (جایگزین) گرفته شده و وظیفه‌ی اصلی آن، جایگزین کردن تصویر در شرایطی است که تصویر بارگذاری نمی‌شود: مرورگرهای متنی، کاربران نابینا با صفحه‌خوان، یا وقتی اتصال اینترنت ضعیف است. ساختار پایه‌اش این‌گونه است:

<img src="product-1.webp" alt="کفش چرم مردانه قهوه‌ای مدل آریا">

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

تگ alt، اولین چیز در HTML نیست که سئو را بهبود می‌دهد؛ اما یکی از کم‌هزینه‌ترین چیزهایی است که می‌تواند تجربه‌ی کاربر و خوانایی سایت را برای گوگل و انسان به‌طور همزمان بهتر کند.

گوگل چطور تصاویر را می‌خواند؟

گوگل تصاویر را به‌شکل مستقیم نمی‌بیند. برای فهم محتوای یک تصویر، از چند سیگنال استفاده می‌کند که alt مهم‌ترین آن‌هاست. سایر سیگنال‌ها شامل نام فایل، متن اطراف تصویر، caption (زیرنویس)، و در موارد پیشرفته‌تر، تحلیل بصری با مدل‌های بینایی ماشین است. اما در نهایت، alt اولین و مهم‌ترین سیگنالی است که گوگل برای فهم معنای تصویر به آن رجوع می‌کند.

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

تأثیر alt روی سئو و ترافیک تصویر

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

در پروژه‌های سئوی تصویر که بررسی کرده‌ام، سه اثر محسوس alt را دیده‌ام:

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

مسیر کامل این اثر را در سئوی تصویر چیست باز کرده‌ام و در بهینه‌سازی تصاویر برای موبایل هم به لایه‌ی فنی این موضوع پرداخته‌ام.

اصول نوشتن متن جایگزین درست

نوشتن alt درست، مهارتی است که با تمرین بهتر می‌شود. در پروژه‌ها، پنج اصل کلیدی را رعایت می‌کنم:

1. توصیف صحنه، نه تکرار کلمه کلیدی: alt باید توضیح دهد تصویر چه چیزی نشان می‌دهد، نه اینکه برای گوگل اسپم بزند.
2. طبیعی و خوانا: alt باید به‌گونه‌ای نوشته شود که اگر کسی آن را بخواند، بفهمد تصویر چه چیزی است.
3. کوتاه اما کافی: بین پنج تا پانزده کلمه معمولاً کافی است؛ کمتر از پنج کلمه، توصیف ناقص است و بیشتر از پانزده کلمه، اضافی.
4. پرهیز از «تصویر» و «عکس» در ابتدای متن: صفحه‌خوان‌ها معمولاً کلمه‌ی «تصویر» را قبل از alt اعلام می‌کنند؛ تکرار آن، اضافی است.
5. یکتا بودن: دو تصویر مشابه در یک صفحه نباید alt یکسان داشته باشند.

نمونه‌ی ساده:

• alt ضعیف: alt="کفش چرم"
• alt قوی: alt="کفش چرم مردانه قهوه‌ای با بند، مدل آریا"

مسیر دقیق‌تر این اصول را در سئوی تصویر چیست باز کرده‌ام و در بهترین فرمت تصویر برای وب هم به لایه‌ی مکمل این موضوع پرداخته‌ام.

تصاویر تزئینی و alt خالی

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

<img src="divider.png" alt="">

تفاوت alt خالی با نبود alt مهم است. alt خالی به صفحه‌خوان می‌گوید این تصویر تزئینی است و نادیده‌اش بگیر. نبود alt، به معنای «نمی‌دانم این چیست» است که صفحه‌خوان را گیج می‌کند و تجربه‌ی کاربر را بدتر می‌کند. مسیر این تفکیک را در اشتباهات رایج در بهینه‌سازی تصاویر باز کرده‌ام.

دسترس‌پذیری و تگ alt

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

در پروژه‌هایی که روی دسترس‌پذیری کار کرده‌ام، سه اصل پایه را در نوشتن alt رعایت می‌کنم:

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

مسیر کامل این لایه را در سئوی تصویر چیست باز کرده‌ام و در تاثیر تصاویر سنگین بر Core Web Vitals هم به لایه‌ی فنی مرتبط پرداخته‌ام.

alt درست، به کاربر نابینا اجازه می‌دهد تجربه‌ای نزدیک به کاربر بینا داشته باشد؛ همین، در سئوی مدرن یک سیگنال جدی کیفیت است.

alt در فروشگاه‌های اینترنتی

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

1. تصویر اصلی محصول: توصیف نام محصول + ویژگی کلیدی متمایزکننده + برند اگر شناخته‌شده است.
2. تصاویر جانبی محصول: توصیف زاویه یا ویژگی خاصی که در آن تصویر نشان داده می‌شود.
3. تصاویر دسته‌بندی: توصیف گروه محصولات به‌شکلی که کاربر در جستجو به آن دسترسی داشته باشد.

نمونه‌های عملی:

• alt ضعیف: alt="محصول ۱"
• alt قوی: alt="کیف چرم زنانه دست‌دوز قهوه‌ای با بند بلند، مناسب استفاده روزمره"

نکته‌ی مهم این است که در فروشگاه‌ها، alt نباید صرفاً تکرار نام محصول در فیلد عنوان باشد. alt باید اطلاعات جدیدی اضافه کند که در جای دیگری نمایش داده نمی‌شود. مسیر این ساختار را در بهترین افزونه‌های بهینه‌سازی تصویر باز کرده‌ام و در WebP یا JPEG برای سرعت سایت هم به لایه‌ی مکمل این موضوع پرداخته‌ام.

نام فایل، title و caption

سه ویژگی دیگر تصویر که در کنار alt نقش دارند و نباید از آن‌ها غافل شد:

• نام فایل: باید معنادار باشد و به موضوع تصویر اشاره کند. نام فایل‌هایی مثل IMG_2847.jpg هیچ سیگنالی به گوگل نمی‌دهند. نام مثل leather-bag-brown-women.webp بسیار بهتر است.
• title: در اکثر مرورگرها به‌عنوان tooltip نمایش داده می‌شود. اهمیت سئویی آن کم است اما برای کاربر مفید است.
• caption (زیرنویس): متن دیده‌شده در زیر تصویر است. متن دیده‌شده، سیگنال قوی‌تری از متن پنهان دارد و به همین دلیل، caption از title مهم‌تر است.

ترتیب اولویت در بهینه‌سازی تصویر، از مهم به کم‌اهمیت: alt، نام فایل، caption، title. مسیر دقیق این اولویت را در سئوی تصویر چیست باز کرده‌ام.

اشتباهات رایج در نوشتن alt

در پروژه‌هایی که بهینه‌سازی alt انجام داده‌ام، پنج اشتباه رایج دیده‌ام:

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

مسیر پرهیز از این اشتباهات را در اشتباهات رایج در بهینه‌سازی تصاویر باز کرده‌ام و در تصاویر ریسپانسیو چیست هم به لایه‌ی مکمل این موضوع پرداخته‌ام.

چگونه تأثیر alt را بسنجیم؟

سنجش تأثیر alt، ساده‌تر از سنجش بسیاری از کارهای سئویی است. سه شاخص کلیدی را در پروژه‌ها پایش می‌کنم:

1. ترافیک نتایج تصویری: در Search Console، بخش Performance و سپس فیلتر Search Type روی Image.
2. کلیک تصویر نسبت به نمایش تصویر: نسبت CTR در نتایج تصویری.
3. لندینگ صفحات از نتایج تصویری: کاربران از کدام صفحات از نتایج تصویری وارد سایت می‌شوند.

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

پرسش‌های پرتکرار درباره تگ alt

آیا alt روی رتبه‌ی کلی صفحه در نتایج معمولی اثر دارد؟

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

alt چقدر باید طولانی باشد؟

بین پنج تا پانزده کلمه معمولاً کافی است. کمتر از پنج کلمه، توصیف ناقص است و بیشتر از پانزده کلمه، اضافی و احتمالاً اسپم محسوب می‌شود. کیفیت توصیف مهم‌تر از کمیت کلمات است.

آیا alt را می‌توان با نام فایل یکسان گذاشت؟

بهتر است کپی نباشد. نام فایل باید معنادار باشد اما alt می‌تواند لایه‌ی توصیفی بیشتری داشته باشد. اگر نام فایل خیلی توصیفی است، alt می‌تواند جنبه‌ی دیگری از تصویر را توصیف کند.

آیا برای تصاویر پس‌زمینه باید alt گذاشت؟

خیر. تصاویر پس‌زمینه که با CSS بارگذاری می‌شوند، امکان alt ندارند و به‌عنوان تصویر تزئینی محسوب می‌شوند. اگر تصویر پس‌زمینه اطلاعات محتوایی مهمی دارد، بهتر است به‌جای CSS با تگ img بارگذاری شود.

آیا استفاده از alt انگلیسی برای سایت فارسی اشکال دارد؟

بستگی به مخاطب دارد. اگر مخاطب اصلی سایت فارسی‌زبان است، alt فارسی انتخاب بهتری است چون گوگل در نتایج فارسی و کاربران فارسی‌زبان به آن واکنش بهتری نشان می‌دهند. اما اگر مخاطب انگلیسی‌زبان هم دارد، می‌توان از alt دوزبانه استفاده کرد.

آیا می‌توان alt را با هوش مصنوعی تولید کرد؟

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

آیا alt خالی برای تصاویر تزئینی به سئو آسیب می‌زند؟

خیر، و در واقع رویکرد درست است. alt خالی به صفحه‌خوان و گوگل می‌گوید این تصویر تزئینی است و نادیده گرفته شود. این رویکرد، کیفیت کد را بالا می‌برد نه اینکه به سئو آسیب بزند.

آنچه alt را از یک تگ ساده به یک مزیت تبدیل می‌کند

اگر بخواهم تجربه‌ی سال‌ها کار با تصاویر را در یک نکته خلاصه کنم، این است: تفاوت میان سایتی که از alt استفاده‌ی مؤثر می‌کند و سایتی که این تگ را جدی نمی‌گیرد، در اندازه‌ی ترافیک تصویر خودش را نشان می‌دهد. alt یک فرصت رایگان است که اکثر سایت‌ها از آن غافل می‌مانند؛ چون کم‌هزینه است و در میان کارهای روزمره گم می‌شود.

سه حرکت عملی که این فرصت را فعال می‌کند:

1. همه‌ی تصاویر محتوایی صفحات پرترافیک را با alt توصیفی بازنویسی کنید.
2. تصاویر تزئینی را با alt خالی علامت‌گذاری کنید تا صفحه‌خوان‌ها آن‌ها را نادیده بگیرند.
3. ترافیک نتایج تصویری را در Search Console هر سه ماه پایش کنید.

آینده‌ی ترافیک تصویری، با رشد جستجوی بصری و AEO در حال تغییر است. مسیر این تحول را در AEO چیست و چه تفاوتی با سئو دارد باز کرده‌ام و در فشرده‌سازی تصاویر سایت هم به لایه‌ی مکمل این موضوع پرداخته‌ام. اگر تجربه‌ی شما در بهینه‌سازی alt متفاوت بوده — مخصوصاً در بخش فروشگاهی یا چندزبانه — در دیدگاه‌ها بنویسید؛ تجربه‌ی واقعی شما برای خواننده‌ی بعدی این مقاله ارزشمندتر از هر توصیه‌ی کلی است. 🖼️