تصویر خوب فقط صفحه را زیباتر نمیکند؛ مفهوم دشوار را سریعتر منتقل میکند، نتیجه جستوجوی تصویری میسازد و اعتماد کاربر را بالا میبرد. اما همان تصویر اگر با نام نامفهوم، حجم زیاد و Alt تکراری بارگذاری شود، هم سرعت را کم میکند و هم زمینه کافی برای فهم موتور جستوجو ندارد.
هر تصویر باید یک وظیفه روشن داشته باشد
پیش از انتخاب فایل بپرسید تصویر چه چیزی را بهتر از متن توضیح میدهد. تصویر شاخص باید موضوع مقاله را در اندازه کوچک قابل تشخیص کند. اسکرینشات باید مرحله یا وضعیت مشخصی را نشان دهد و نمودار باید نتیجهای قابل خواندن داشته باشد. تصاویر تزئینی تکراری نه ارزش آموزشی دارند و نه صفحه نتیجه تصویر را متمایز میکنند.
نام فایل پیش از آپلود
نامی کوتاه، لاتین، توصیفی و دارای خط تیره انتخاب کنید؛ مانند wordpress-image-optimization.webp. شماره دوربین یا عبارت عمومی image-final کمکی به مدیریت رسانه نمیکند. پس از انتشار، تغییر نام فایل میتواند نشانی تصویر را عوض کند؛ بنابراین همان ابتدا تصمیم درست بگیرید.
Alt خوب، توصیف صادقانه در متن همان صفحه است
متن جایگزین برای کاربری است که تصویر را نمیبیند. آنچه تصویر نشان میدهد و ارتباطش با مقاله را کوتاه بنویسید. کلیدواژه را فقط وقتی طبیعی است استفاده کنید. عبارتهایی مانند «تصویر» یا فهرست چند کلیدواژه لازم نیست؛ مرورگر و صفحهخوان از قبل میدانند عنصر یک تصویر است.
- ضعیف: «سئو، وردپرس، سرعت، عکس، گوگل»
- بهتر: «تبدیل تصویر بزرگ به نسخههای سبک و واکنشگرای وردپرس»
فرمت و ابعاد را متناسب با کاربرد انتخاب کنید
برای عکس و تصویر پیچیده، WebP یا فرمتهای فشرده مدرن معمولاً حجم مناسبی میدهند. SVG برای لوگو و شکل برداری قابل اعتماد است، نه هر فایل ناشناس. تصویر ۳۰۰۰ پیکسلی را برای کارت ۴۰۰ پیکسلی ارسال نکنید. وردپرس با srcset اندازه مناسب را پیشنهاد میدهد، به شرط آنکه قالب از توابع استاندارد تصویر استفاده کند.
فشردهسازی را با مشاهده کیفیت کنترل کنید
هدف کوچکترین فایل ممکن نیست؛ لبههای محو، نوشته ناخوانا و Artifact شدید اعتبار محتوا را کم میکند. خروجی را در اندازه واقعی کارت و نمایشگر موبایل بررسی کنید. متادیتای غیرضروری را حذف کنید و فایل اصلی قابل ویرایش را خارج از رسانه عمومی نگه دارید.
بارگذاری درست در جای درست
برای تصویر اصلی بالای صفحه، ابعاد ثابت و اولویت مناسب در نظر بگیرید و آن را Lazy Load نکنید. تصاویر پایینتر میتوانند تنبل بارگذاری شوند. از جایگزینی تصویر با background CSS برای محتوای معنادار پرهیز کنید، چون Alt و ساختار معنایی را از دست میدهد.
زمینه، کپشن و صفحه مقصد
عنوان مقاله، متن نزدیک تصویر، کپشن مفید و داده ساختاریافته به فهم موضوع کمک میکنند. تصویر باید در صفحهای با محتوای اصلی و مرتبط قرار بگیرد و نشانی آن برای خزنده قابل دسترس باشد. نقشه سایت و لینکهای داخلی مناسب نیز کشف صفحه را آسانتر میکنند.
سئوی تصویر از پرکردن Alt با کلیدواژه شروع نمیشود؛ از ساخت تصویر مفید، فایل سبک و زمینه روشن آغاز میشود.
