افزونه Compress JPEG & PNG images

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

افزونه ShortPixel

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

افزونه Imagify

پلاگین Imagify توسط تیم معروف افزونه WP Rocket ساخته شده است. پس از نصب و ثبت نام در این افزونه ، با گزینه هایی روبرو خواهید شد. برای بهترین نتیجه ، حالت تهاجمی را انتخاب کنید.

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

افزونه EWWW Image Optimizer

افزونه EWWW Image Optimizer تنها افزونه ای بود که در نصب آن ممکن است دچار مشکل شوید. بعد از نصب آن خطاهایی به شکل عدم وجود کلید API یا نیاز به exec را ممکن است مشاهده کنید. به هر حال این افزونه نیز مانند WP Smush دارای نشخه Pro است و نسخه رایگان آن چنگی به دل نمی زند. در صورت نیار به فشرده سازی بیشتر می بایست نسخه Pro این افزونه را تهیه کنید.

 

نتایج به دست آمده از مقایسه افزونه های فشرده سازی تصاویر

در زیر می توانید نتایج فشرده سازی حاصل از جمع سه فایل JPEG و یک فایل PNG را مشاهده کنید.

همانطور که مشاهده می کنید ، بهترین پلاگین فشرده سازی در وردپرس برای پرونده های JPEG مطابق با آزمون ما ، پلاگین ShortPixel است. میزان فشرده سازی متوسط ​​این افزونه 84٪ است. پلاگین Imagify با فشرده سازی 70٪ در مکان دوم قرار دارد.

در مورد پرونده های PNG ، بهترین پلاگین Compress JPEG & PNG تصاویر است که توانسته اندازه تصویر PNG ما را تا 56٪ کاهش دهد. البته سایر افزونه ها تفاوت چندانی با آن ندارند و اغلب توانسته اند تصویر PNG ما را تا 50٪ فشرده کنند.

انتخاب فرمت مناسب

در حالت کلی تصاویر موجود در وب اغلب شامل دو فرمت هستند: JPEG و PNG

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

• JPEG: فرمت JPEG بهترین انتخاب برای عکس و دیگر تصاویریست که دارای گستره رنگی زیادی هستند. این تصاویر می توانند فشرده سازی شده و حجم آنها بسیار کاهش یابد.
• PNG: فرمت PNG مناسب گرافیک ها، متن های تصویری و اسکرین شات هاست. این فرمت بر خلاف JPEG از Transparency نیز پشتیبانی می کند. این فرمت از فشرده سازی lossless پشتیبانی کرده، در نتیجه کیفیت عکس بعد از فشرده سازی بالاست، اما حجم نسبتا زیادی خواهد داشت.

اما عواقب انتخاب فرمت اشتباه در سایز تصاویر چیست؟ برای پاسخ این سوال به تست دو سناریو می پردازیم.

سایز اسکرین شاتی که ما از داشبورد وردپرس یک سایت تهیه کردیم، دارای 150kb در فرمت PNG و 259kb در فرمت JPEG بود. به یاد داشته باشید که فرمت PNG برای اسکرین شات ها مناسب تر است و در این تست، حجم فایل JPEG، 75 درصد بیشتر بود.

اما نتیجه تست ما بر روی عکسی که از محیط باز گرفته شده بود، نتیجه معکوس داشت. عکس زیر در فرمت JPEG دارای حجم 1.26mb و در فرمت PNG دارای حجم بسیار زیاد 7.23mb گردید. این مسئله بدین معنیست که حجم نسخه PNG بیش از 550 درصد بیشتر بود.

نتایج این دو تست نشان می دهد که انتخاب فرمت صحیح تصاویر تاثیر به سزایی در سایز نهایی آنها خواهد داشت. به عنوان یک قانون کلی می توانید در نظر داشته باشید که در صورت وجود طیف رنگ های بسیار در تصویر، از فرمت JPEG و در غیر این صورت از PNG استفاده کنید.

اضافه کردن تصاویر به مطالب

با اینکه توانایی گوگل در فهم تصاویر نسبت به گذشته ارتقا یافته، اما نباید به آن خیلی متکی بود. بنابراین بایست محتوای متنی نیز به تصاویر اضافه نمود. حال که تصویر مورد نظر شما انتخاب و سایز آن بهینه شده است، نبایست آن را در هر جایی قرار داد. بهتر است که تصاویر مورد نظر نزدیک به محتوای مرتبط با خود باشند.

تصویر شاخص

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

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

بهتر است که تصویر شاخص هر مطلب یا برگه، کیفیت مناسبی داشته تا کاربران را به کلیک بر روی آیتم مورد نظر ترغیب کند.

کپشن

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

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

متن جایگزین و عنوان عکس

متن جایگزین یا تگ alt عبارت توصیفیست که به تصاویر اضافه شده و در صورتی که آن تصویر به هر دلیلی بارگذاری نشود، نمایش داده می گردد. ویکیپدیا توصیف خوبی از متن جایگزین دارد:

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

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

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

اضافه نمودن داده های ساختار یافته مربوط به تصاویر

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

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

• محصول (Product)
• ویدئو (Video)
• دستور تهیه (Recipe)

گوگل دارای دستورالعمل هایی برای درج بهتر داده های ساختار یافته برای تصایر سایت است. خلاصه آن بدین شکل است که درج توصیف های مرتبط با عکس و قابل پایش و ایندکس بودن آن امری ضروری می باشد.

OpenGraph و Twitter Cards

متا تگهای OpenGraph و Twitter Cards تصاویری را که هنگام اشتراک صفحات انتخاب می کنید نمایش می دهند. این داده ها در قسمت سر صفحه قرار دارد.

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

بسیاری از الگوهای امروزی توانایی درج این متا تگ را دارند و اگر الگوی شما به آن مجهز نباشد می توانید از افزونه های دیگری مانند Yoast SEO استفاده کنید.

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