تصاویر: منبع پنهان جذب مشتری که فراموش شده است#
بخش سرچ تصاویر گوگل (Google Images) یکی از دستکم گرفتهشدهترین کانالهای ورود ترافیک ارگانیک به ویژه برای فروشگاههای اینترنتی، دکوراسیون، مد، گردشگری و آموزشهای گامبهگام است.
خیلی از وبمسترها تصور میکنند سئوی عکس یعنی دانلود یک عکس تصادفی از اینترنت و پر کردن کادر «متن جایگزین» با کلمات کلیدی پشت سر هم! در این راهنما با استانداردهای مدرن سئوی تصویر در سال ۲۰۲۶ آشنا میشوید.
راز مهم استاندارد W3C برای تگ Alt: همه تصاویر به متن نیاز ندارند!#
یکی از خطاهای رایج ابزارهای سئو این است که هر عکسی که متن alt نداشت را جریمه میکنند. اما استاندارد رسمی وب (W3C) و راهنمای رسمی گوگل چه میگویند؟
- تصاویر محتوایی (Content Images): عکسی که اطلاعاتی به کاربر منتقل میکند (مثل نمودار، عکس محصول، یا اینفوگرافیک) حتماً باید صفت alt معنادار و توصیفی داشته باشد.
- تصاویر تزیینی (Decorative Images): خطوط جداکننده، آیکونهای گرافیکی فلش، پسزمینهها یا تصاویری که بار معنایی ندارند باید صفت
alt=""(خالی) داشته باشند! اگر برای یک آیکون تزیینی متن بنویسید، نرمافزارهای صفحهخوان نابینایان آن را با صدای بلند میخوانند و تجربه کاربری را تخریب میکنند.
خزشگر پلتفرم ما تصاویر تزیینی دارای
alt=""را به عنوان استاندارد قبول کرده و فقط تصاویری را که صفت alt ندارند جریمه میکند.
۳ اصل طلایی برای بهینهسازی فنی تصاویر#
۱. نامگذاری فایل قبل از آپلود (File Name)
گوگل نام فایل تصویر را میخواند. فایلی با نام IMG_59483.jpg هیچ مفهومی برای موتور جستجو ندارد. قبل از آپلود، نام را به زبان انگلیسی مرتبط و با خط تیره بنویسید:
leather-men-shoes-brown.webp
۲. مهاجرت به فرمتهای نسل جدید (WebP و AVIF)
فرمت قدیمی JPEG و PNG را کنار بگذارید. فرمت WebP بدون افت کیفیت تا ۳۰ درصد، و فرمت مدرنتر AVIF تا ۵۰ درصد حجم فایل را نسبت به JPEG کاهش میدهند. این کاهش حجم اثر مستقیم روی زمان بارگذاری صفحه (LCP) میگذارد.
۳. جلوگیری از پرش چیدمان (CLS) با مشخص کردن ابعاد
اگر در تگ width و height را مشخص نکنید، مرورگر تا زمان دانلود کامل عکس نمیداند چقدر فضا برای آن باز کند. نتیجه این میشود که با لود شدن عکس، تمام متنهای زیر آن به پایین پرتاب میشوند و فاکتور Cumulative Layout Shift (CLS) خراب میشود!
همیشه ابعاد اصلی را صریح در تگ مشخص کنید:
<img src="photo.webp" width="800" height="500" alt="کفش چرم مردانه قهوهای" loading="lazy">لود تنبل (Lazy Loading) نیتیو مرورگر#
با افزودن ویژگی loading="lazy" به تصاویر داخل متن، به مرورگر میگویید تا زمانی که کاربر صفحه را اسکرول نکرده و به آن عکس نرسیده، دانلودی انجام ندهد. این کار سرعت اولیه لود صفحه را چند برابر میکند. البته دقت کنید که تصویر شاخص بالای صفحه (Hero Image) نباید لود تنبل داشته باشد، چون مستقیماً زمان LCP را به تعویق میاندازد.
با یک بررسی سریع در آنالیز رایگان سئو لیست تمام تصاویری که متن جایگزین ندارند را همراه با آدرس دقیق دریافت کنید.
