کامل‌ترین آموزش بهینه‌سازی تصاویر در وردپرس (آپدیت ۱۴۰۳)

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

یکی از راه‌های ساده و مؤثر برای بهبود سرعت سایت، بهینه‌سازی تصاویر در وردپرس است. اگر از وردپرس استفاده می‌کنید، خوشبختانه تکنیک‌ها و افزونه‌های متعددی برای کاهش حجم تصاویر و بهینه‌سازی آن‌ها وجود دارد که بدون افت کیفیت تصاویر آن‌ها را از نظر حجم بهینه‌سازی می‌کند.

در این مقاله می‌خواهیم تکنیک‌هایی که باید برای سئو تصاویر انجام دهید را یادتان بدهیم.

چرا بهینه‌سازی تصاویر در وردپرس مهم است؟

به ۴ دلیل بهینه‌سازی تصاویر در وردپرس خیلی مهم است:

۱) افزایش سرعت بارگذاری صفحات

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

پیشنهاد خواندنی: بهترین افزونه‌های افزایش سرعت سایت وردپرسی (معرفی ۷ افزونه برتر)

۲) بهبود تجربه کاربری

انتظار بیشتر از حد برای بارگذاری یک صفحه تجربه خوشایندی برای بازدیدکنندگان سایت‌تان نیست! صادقانه بگوییم اگر لود سایت‌تان بیشتر از ۳ ثانیه طول بکشد درصد قابل‌توجهی از بازدیدکنندگان بدون اینکه کاری در سایت‌تان انجام دهند آن را ترک می‌کنند و این‌طوری نرخ پرش سایت‌تان بالا می‌رود که اصلاً سیگنال خوبی برای گوگل نیست!

۳) کسب رتبه بهتر در نتایج جست‌وجو

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

پیشنهاد خواندنی: بهینه‌سازی نرخ تبدیل یا CRO چیست و چرا خیلی مهم است؟

۴) صرفه‌جویی در فضای دیسک

هر چه تصاویری که روی سایت بارگذاری می‌کنید کم‌حجم‌تر و بهینه‌تر باشد، منابع و فضای کمتری از هاست‌تان را اشغال می‌کند و دست‌تان باز است که از فضای هاست‌تان برای اضافه کردن فایل‌ها و محتواهای بیشتر استفاده کنید.

هاست وردپرس لیموهاست

با بهترین عملکرد میزبان سایت وردپرسی شما هستیم. بهینه‌سازی شده برای بالاترین سطح سرعت!

شروع قیمت از
۱۹۸ هزار تومان

خرید هاست وردپرس

پیشنهاد خواندنی: وردپرس چیست؟

چک‌لیست بهینه‌سازی و سئو تصاویر

بهینه‌سازی تصاویر در وردپرس خیلی راحت است؛ کافی‌ست دستورالعمل‌هایی که در ادامه می‌گوییم را روی تصاویر سایت‌تان اعمال کنید.

۱. انتخاب فرمت مناسب برای تصاویر سایت

تصاویر وب‌‌سایت عموماً با سه فرمت WEBP ،JPEG و PNG و Gif بارگذاری می‌شوند.

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

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

فرمت WEBP از به سرقت رفتن تصاویر یونیک سایت جلوگیری می‌کند و کیفیت بالاتری را ارائه می‌کند. به‌طور میانگین این فرمت نسبت‌به PNG چیزی نزدیک به ۲۵ درصد بیشتر قابلیت فشرده‌سازی دارد و کیفیت را بیشتر حفظ می‌کند. اما تمام تصاویر سایت نیازی به این فرمت ندارند و بیشتر برای تصاویر بزرگ صفحه اصلی استفاده می‌شوند.

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

۲. تصاویر وردپرس را فشرده کنید

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

بنابراین همواره تعادل بین فشرده‌سازی و کیفیت را درنظر داشته باشید.

در نمونه زیر تصویر اول از منبع اصلی با حجم ۲.۶مگابایت، به دو روش بهینه‌سازی شده است. تصویر اول فشرده‌سازی کمتر و کیفیت بالاتری دارد. در  تصویر دوم فشرده‌سازی بیش از حد، کیفیت را تحت تاثیر قرار داده است.

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

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

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

افزونه‌های بهینه‌سازی تصویر در وردپرس

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

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

• Imagify
• Smush WP
• EWWW Cloud
• ShortPixel
• Lazy Loading

مهم‌ترین فاکتوری که در انتخاب افزونه بهینه‌سازی تصاویر باید مد نظر داشته باشید، این است که افزونه انتخابی‌تان تصاویر را خارج از سرور بهینه‌سازی کند؛ چون این کار حجم سایت شما را کاهش می‌دهد. تمامی افزونه‌هایی که در بالا معرفی شدند، این ویژگی را دارند.

۴. تغییر اندازه تصاویر

یکی دیگر از راه‌های بهینه‌سازی تصاویر در وردپرس، تغییر اندازه پیکسل آن‌ها است. خوشبختانه این ویژگی در هسته وردپرس تعبیه شده است و خیلی راحت می‌توانید در خود وردپرس تصاویرتان را ری‌سایز کنید.

به‌طور پیش‌ فرض، وردپرس چهار اندازه مختلف برای بارگذاری یک تصویر ارائه می‌کند که می‌توانید هر کدام را که بخواهید انتخاب کنید:

• تصویر کوچک (۱۵۰ x 150 پیکسل)
• متوسط ​​(تا ۳۰۰ x 300 پیکسل)
• بزرگ (تا ۱۰۲۴ x 1024 پیکسل)
• اندازه کامل (اندازه اصلی تصویر)

۵. کتابخانه رسانه سایت‌تان را پاک‌سازی کنید

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

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

نکات تکمیلی برای بهینه‌سازی تصاویر در وردپرس

SVGها می‌توانند جایگزینی عالی برای تصاویر باشند. ما در لیموهاست تا حدممکن از وکتور به جای تصویر استفاده می‌کنیم چرا که با وجود کیفیت مطلوب، حجم بسیار پایین‌تری دارند. و همانطور که می‌دانید که سرعت سایت ما کم نظیر است. باور ندارید؟ کافی است دامنه ما را در Gmetrix تست کنید!

در این مقاله با روش‌های بهینه‌سازی تصاویر در وردپرس آشنا شدید و تکنیک‌هایی آموختید. اگر هنوز سوالی در ذهن دارید می‌توانید از بخش نظرات زیر همین پست از کارشناسان ما بپرسید و پاسخ بگیرید.

منابع: hostinger