سئو تصاویر به معنای کمک به کاربران و موتورهای جستوجو برای یافتن، فهمیدن و بارگیری مناسب عکسهای یک صفحه است. این کار تنها به نوشتن alt یا کاهش حجم محدود نیست؛ کیفیت محتوا، قابلیت کشف تصویر، دسترسپذیری و تجربه کاربر اهمیت دارند. هیچ حجم فایل یا تعداد کاراکتر ثابتی تضمینکننده رتبه نیست.
چکلیست اصولی سئو تصاویر
۱. تصویر مرتبط، دقیق و با حق استفاده روشن انتخاب کنید
عکس اختصاصی، نمودار اصیل یا تصویر آموزشی میتواند تجربه و ارزش افزوده ایجاد کند؛ اما صرف اختصاصی بودن عکس تضمین افزایش رتبه گوگل نیست. عکس باید واقعاً به موضوع صفحه کمک کند. از انتشار تصاویر بدون حق استفاده یا تصاویر گمراهکننده پرهیز کنید.
۲. تصویر محتوایی را با HTML قابل کشف کنید
برای عکسهای مهم از عنصر <img src="..." alt="..."> یا <picture> همراه با تصویر جایگزین src استفاده کنید. گوگل تصاویر درجشده صرفاً به شکل background-image در CSS را برای Google Images ایندکس نمیکند؛ پس CSS برای عکس تزئینی مناسبتر است.
۳. alt را برای انسان بنویسید
متن جایگزین تصویری باید دقیق و متناسب با نقش عکس در آن صفحه باشد؛ محدودیت رسمی ثابت ۱۵۰ کاراکتری وجود ندارد. مثال مناسب برای تصویر محصول: «گردنبند نقره طرح برگ با زنجیر ظریف روی زمینه سفید». انباشت کلیدواژه، کپی عنوان طولانی صفحه یا عبارت «عکسِ…» معمولاً کمکی نمیکند. برای تصویر کاملاً تزئینی از alt="" استفاده کنید؛ تصویر دارای عملکرد مانند دکمه باید توصیف عملکرد داشته باشد.
۴. فرمت و فشردهسازی را با توجه به نوع تصویر انتخاب کنید
JPEG، WebP و AVIF برای بسیاری از عکسها گزینههای مناسبی هستند؛ PNG برای موارد نیازمند شفافیت یا گرافیک بدون افت، و SVG برای لوگو/آیکون برداری کاربرد دارد. GIF برای حرکت کوتاه ممکن است مناسب باشد، ولی ویدیو در موارد طولانیتر اغلب بهصرفهتر است. فرمت مناسب را با سازگاری مرورگر و کیفیت بصری واقعی انتخاب کنید. عبارت «هر تصویر باید زیر ۱۵۰ کیلوبایت باشد» قانون علمی عمومی نیست؛ یک عکس اصلی بزرگ و یک آیکون کوچک بودجه یکسان ندارند.
۵. ابعاد درست و نسخههای واکنشگرا ارائه کنید
عرض فایل باید متناسب با ابعاد نمایش و تراکم پیکسل باشد؛ قانون یکسان ۱۵۰۰ یا ۲۰۰۰ پیکسل برای همه سایتها وجود ندارد. برای عکسها از srcset و sizes و آدرس پشتیبان src استفاده کنید. تعیین width و height یا نسبت تصویر مناسب میتواند از جابهجایی چیدمان (CLS) جلوگیری کند.
۶. تصویر اصلی صفحه را برای LCP اولویت دهید
اگر تصویر بالای صفحه عنصر LCP است، آن را بیدلیل lazy load نکنید. در شرایط مناسب میتوان از fetchpriority="high" و preload با ارزیابی واقعی استفاده کرد. برای تصاویر خارج از دید اولیه، loading="lazy" مفید است. انتخاب بهینه را با PageSpeed Insights و داده کاربران ارزیابی کنید؛ اعمال همگانی fetchpriority بالا نتیجه را بدتر میکند.
۷. نام فایل، کپشن و متن مجاور را توصیفی نگه دارید
نام کوتاه و مرتبط مانند silver-leaf-necklace.webp بهتر از نام نامفهوم است، اما صرف تغییر نام معجزه نمیکند. متن صفحه، عنوان و توضیح کنار عکس نیز در فهم موضوع مؤثرند. متن ضروری را فقط داخل تصویر قرار ندهید.
۸. دسترسی خزنده و نقشه سایت را بررسی کنید
تصویر نباید با robots.txt یا محدودیتهای دسترسی ناخواسته از دید خزنده پنهان شود. Sitemap مخصوص تصاویر برای کشف فایلهایی که در پیمایش عادی پیدا نمیشوند میتواند مفید باشد؛ وجود آن تضمین نمایش یا رتبه نیست. در صورت استفاده از CDN آدرسهای پایدار، سیاست کش و قابلیت دسترسی را بررسی کنید.
۹. داده ساختاریافته را فقط در موارد مرتبط اضافه کنید
برای صفحات محصول، دستور پخت یا محتوای دیگر از Schema متناسب و معتبر استفاده کنید؛ چیزی به نام «Image Schema اجباری برای همه تصاویر» وجود ندارد. og:image به اشتراکگذاری و انتخاب تصویر نماینده کمک میکند اما جایگزین alt یا سایر اصول سئو نیست.
نمونه HTML یک تصویر استاندارد
<img src="/images/product-800.webp" srcset="/images/product-400.webp 400w, /images/product-800.webp 800w" sizes="(max-width:600px) 100vw, 800px" width="800" height="600" alt="دستبند نقره زنجیری روی زمینه سفید">
در پروژه واقعی تصاویر قابل انتخاب، نسبت ابعاد، کش و اولویت بارگذاری را مطابق جایگاه هر تصویر تنظیم کنید.
اشتباههای رایج
- تحمیل حداکثر حجم ثابت به همه تصاویر
- نوشتن alt تکراری و پر از کلیدواژه
- قرار دادن تصاویر مهم فقط در CSS
- lazy load کردن تصویر LCP
- آپلود عکس بسیار بزرگ برای نمایش کوچک
- ادعای تضمین رتبه با عکس انحصاری
جمعبندی
هدف سئو تصاویر، دسترسپذیری، فهم موضوع، قابلیت کشف و تجربه سریع است. برای سایتهای فروشگاهی، کیفیت و دقت عکس محصول را قربانی کمکردن افراطی حجم نکنید.
منابع معتبر
- Google Search Central: Image SEO best practices
- web.dev: Optimize Largest Contentful Paint
- web.dev: Learn Images
- W3C WAI: Images Tutorial
متن بسیار خوبی بود.