سئوی تصاویر مجموعه اقدام‌هایی است که به موتورهای جست‌وجو و کاربران کمک می‌کند تصویر را بهتر درک کنند و صفحه سریع‌تر و قابل استفاده‌تر باشد. تصویر مناسب می‌تواند مفهوم را روشن کند، محصول یا نمونه‌کار را نشان دهد و تجربه کاربر را بهبود دهد؛ اما عکس سنگین، نام فایل نامفهوم یا متن جایگزین نامناسب ممکن است سرعت و دسترس‌پذیری را کاهش دهد. هدف، افزودن کلمه کلیدی به هر تصویر نیست؛ هدف ارائه تصویر مفید با توضیح درست و حجم مناسب است.
۱. تصویر را بر اساس هدف صفحه انتخاب کنید
پیش از فشرده‌سازی، بررسی کنید آیا تصویر واقعاً به فهم محتوا کمک می‌کند. تصویر نمونه‌کار، نمودار آموزشی یا عکس محصول معمولاً نقش مشخصی دارد؛ تصویر تزئینی تکراری ممکن است فقط وزن صفحه را افزایش دهد. تصاویر واقعی و مرتبط را در اولویت قرار دهید و از استفاده از عکس‌هایی که برداشت نادرست درباره محصول، مکان یا نتیجه خدمت ایجاد می‌کنند پرهیز کنید.
۲. نام فایل را توصیفی و کوتاه بنویسید
نام فایل بهتر است موضوع تصویر را به زبان طبیعی توصیف کند؛ مثلاً «نمونه-طراحی-صفحه-خدمات.webp» از نام‌هایی مانند «IMG_4837.jpg» معنادارتر است. پیش از بارگذاری، فاصله‌های نامنظم و نشانه‌های اضافی را حذف کنید و یک الگوی ثابت داشته باشید. لازم نیست تمام عبارت‌های کلیدی را در نام فایل تکرار کنید یا برای یک عکس چندین نام مشابه بسازید.
۳. متن جایگزین را برای انتقال معنا بنویسید
متن جایگزین یا alt در درجه اول توضیحی برای افرادی است که تصویر را نمی‌بینند یا نمی‌توانند آن را دریافت کنند. اگر تصویر اطلاعاتی دارد، محتوای مهم آن را کوتاه و دقیق توصیف کنید. اگر تصویر فقط تزئینی است و اطلاعات مستقلی منتقل نمی‌کند، معمولاً alt خالی مناسب‌تر است. متن جایگزین نباید فهرستی از کلمات کلیدی یا جمله‌ای تبلیغاتی باشد. برای نمودار، نکته اصلی را در متن اطراف هم توضیح دهید تا اطلاعات فقط در تصویر محصور نماند.
۴. ابعاد و حجم را پیش از بارگذاری تنظیم کنید
از تصویر بزرگ‌ابعاد برای نمایش کوچک استفاده نکنید، مگر اینکه نسخه‌های واکنش‌گرا و انتخاب منبع مناسب به کار گرفته شوند. تصویر را متناسب با بزرگ‌ترین اندازه نمایش واقعی خروجی بگیرید و در صورت نیاز چند اندازه تولید کنید. فشرده‌سازی باید حجم را کاهش دهد بدون اینکه نوشته‌ها، جزئیات محصول یا لبه‌ها به شکل آزاردهنده تخریب شوند. برای هر تصویر یک اندازه ثابت مناسب همه صفحات وجود ندارد؛ عکس قهرمان صفحه، تصویر بندانگشتی و آیکون نیازهای متفاوتی دارند.
۵. فرمت را با نوع تصویر هماهنگ کنید
فرمت‌های مدرن مانند WebP و AVIF می‌توانند در بسیاری از شرایط حجم کمتری داشته باشند، اما باید سازگاری سامانه انتشار و کیفیت خروجی را بررسی کنید. عکس‌های واقعی، تصویر دارای شفافیت و گرافیک‌های ساده ممکن است رفتار فشرده‌سازی متفاوتی داشته باشند. تبدیل گروهی بدون بازبینی می‌تواند باعث افت کیفیت یا مشکلات شفافیت شود؛ چند نمونه را در اندازه واقعی و موبایل بررسی کنید.
۶. بارگذاری تصویر را در صفحه مدیریت کنید
ویژگی‌های واکنش‌گرا به مرورگر اجازه می‌دهند منبع مناسب‌تری برای اندازه نمایش انتخاب کند. بارگذاری تنبل برای تصاویر پایین صفحه می‌تواند مفید باشد، اما تصویر اصلی بالای صفحه که برای نمایش اولیه ضروری است نباید بی‌دلیل به تأخیر بیفتد. در وردپرس، افزونه‌ها یا قالب ممکن است برخی تنظیم‌ها را خودکار انجام دهند؛ پیش از نصب ابزار اضافی، خروجی واقعی صفحه را بررسی کنید تا چند سامانه هم‌زمان یک کار را انجام ندهند.
۷. تصویر را به متن و ساختار صفحه متصل کنید
عنوان و متن اطراف تصویر باید زمینه آن را روشن کنند. برای تصویر نمونه‌کار، توضیح دهید چه چیزی نشان داده می‌شود و چرا برای بحث مرتبط است. برای تصویر محصول، ویژگی‌های قابل تأیید را بیان کنید. اگر تصویر لینک دارد، مقصد لینک باید روشن باشد و متن جایگزین در نقش نام پیوند نیز معنا داشته باشد. زیرنویس زمانی مفید است که توضیح بیشتری از alt ارائه می‌کند، نه اینکه همان جمله را بی‌دلیل تکرار کند.
چطور نتیجه را بررسی کنیم؟
در سئوی تصاویر، هدف فقط حضور در جست‌وجوی تصویری نیست؛ تصاویر بهینه باید به فهم محتوا کمک کنند و مانع بارگذاری سریع صفحه نشوند. بنابراین کیفیت تصویر، دسترس‌پذیری و عملکرد را با هم ارزیابی کنید.
پس از انتشار، حجم فایل‌ها، ابعاد، کیفیت بصری، نمایش موبایل و زمان بارگذاری را بررسی کنید. اگر صفحه کند است، فقط تصویر را مقصر ندانید؛ اسکریپت‌ها، فونت‌ها، کش، سرور و شیوه نمایش نیز ممکن است مؤثر باشند. برای تصاویر مهم، یک فهرست شامل نام فایل، کاربرد، alt، اندازه و وضعیت فشرده‌سازی نگه دارید. این فهرست هنگام بازطراحی یا جابه‌جایی سایت از فراموش شدن تصاویر کلیدی جلوگیری می‌کند.
اشتباهات رایج در سئوی تصاویر
- نوشتن alt یکسان برای تصاویر متفاوت.
- فشرده‌سازی افراطی تا جایی که جزئیات مهم از بین می‌روند.
- بارگذاری عکس چند هزار پیکسلی برای نمایش کوچک بدون نسخه مناسب.
- تأخیر انداختن تصویر اصلی بالای صفحه با بارگذاری تنبل نامناسب.
- استفاده از عکس تزئینی متعدد بدون ارزش اطلاعاتی.
چک‌لیست قبل از انتشار
نکته‌های ویژه برای تصاویر محصول و نمونه‌کار
در صفحه محصول، چند زاویه واقعی می‌تواند به خریدار کمک کند اندازه، جزئیات و حالت استفاده را بهتر درک کند. نام‌گذاری و alt هر عکس باید با همان زاویه یا ویژگی مرتبط باشد؛ برای مثال، اگر تصویر نمای پشت محصول را نشان می‌دهد، توضیح آن نباید صرفاً «محصول» باشد. در نمونه‌کار خدماتی نیز توضیح دهید تصویر چه بخش از پروژه را نشان می‌دهد و از انتشار اطلاعات محرمانه مشتری خودداری کنید. اگر تصویر قبل و بعد استفاده می‌کنید، شرایط مقایسه را منصفانه و روشن توضیح دهید.
تفاوت alt با عنوان و زیرنویس تصویر
این سه مورد وظیفه یکسانی ندارند. alt برای جایگزین متنی و دسترس‌پذیری است؛ عنوان تصویر ممکن است در سامانه مدیریت محتوا برای سازمان‌دهی استفاده شود؛ زیرنویس در صفحه برای همه خوانندگان نمایش داده می‌شود و می‌تواند منبع، زمینه یا توضیح تکمیلی را بیان کند. نیازی نیست این سه متن عیناً یکسان باشند. اگر تصویر اطلاعات مهمی مانند اعداد نمودار دارد، فقط به alt کوتاه تکیه نکنید و داده اصلی را در متن صفحه نیز توضیح دهید.
فرایند پیشنهادی برای کتابخانه تصاویر
برای سایت‌هایی که صدها تصویر دارند، یک بازبینی یک‌باره کافی نیست. هنگام بارگذاری جدید، نام فایل، مجوز استفاده، اندازه، alt و کاربرد تصویر را کنترل کنید. در بازبینی دوره‌ای، فایل‌های بزرگ و تکراری، تصویرهایی که دیگر در صفحه استفاده نمی‌شوند و تصاویر شکسته را پیدا کنید. پیش از حذف فایل قدیمی، بررسی کنید آیا صفحه دیگری به آن وابسته است یا از نشانی آن لینک گرفته شده است. حذف عجولانه می‌تواند تصویرهای صفحات دیگر را خراب کند.
برای هر تصویر بپرسید: آیا لازم است؟ آیا حق استفاده از آن را داریم؟ آیا نام فایل توصیفی است؟ آیا alt معنا را منتقل می‌کند؟ آیا ابعاد و حجم مناسب‌اند؟ آیا تصویر در موبایل درست نمایش داده می‌شود؟ آیا کیفیت پس از فشرده‌سازی قابل قبول است؟ این بررسی ساده را به بخشی از فرایند انتشار محتوا تبدیل کنید. برای ارزیابی اثر تصاویر بر عملکرد صفحه، راهنمای افزایش سرعت سایت وردپرسی را نیز ببینید.
