کاربران نمیتوانند به مدت زیادی در اینترنت در انتظار باشند,چرا که اطلاعات زیادی نیز هست که زمان برای خواندن آنها وجود ندارد,پس باید وبسایت را تا جایی که میتوان بهینه نمود بهینه سازی تصاویر از مهم ترین گزینه های این پروسه است.
دلایل مهم بودن بهینه سازی تصاویر سایت
اولا دلایل زیادی وجود دارد که باید در مقالات خود از تصاویر استفاده کنیم:
- تصاویر یکی از بهترین راه هایی است که کاربران را دعوت به انجام کار کنیم.با استفاده از تصاویر میتوان بینندگان را دعوت به عضو شدن در خبرنامه سایت,اشتراک گذاری مطالب در شبکه های اجتماعی و یا خرید کردن از سایت دعوت کرد.
- تصاویر موجود در مطلب باعث ارتباط نویسنده مطلب و خواننده مطلب می شود.
- تصاویر این توانایی را دارند که به آسانی مطلب را به بیننده برسانند.
- و …
استفاده کردن از تصاویر برای به خاطر سپردن مطلب مربوطه در ذهن بسیار مهم است.در بیشتر وبسایت ای مدرن حدودا تصاویر ۶۳% از پهنای باند استفاده می کنند پس بهینه کردن آنها برای افزایش سرعت سایت خیلی مهم است.طبق مشاهدات انجام شده حتی اگر از تصاویر مربوطه نیز استفاده کنید اگر در چارچوب لازم و مربوطه آپلود نشده باشند,کاربران توجهی به آنها نخواهند کرد و بهره وری که میتوانستید از طریق این عکس ها بدست آوردید کاهش می یابد.
اشتباهات متداول در بهینه سازی تصاویر
با اینکه بیشتر وبسایت ها از تصاویر خیلی خوبی استفاده می کنند ولی مشکلاتی نیز در آنها دیده می شود که با حل کردن آنها هم سایت را برای کاربران و هم برای موتور های جستجو بهینه می کنیم در ادامه مطلب به 10 مورد از این اشتباهات متداول اشاره می کنیم در این مقاله با ما باشید.
1-استفاده کردن از تصاویر بزرگ
تصور کنید که قصد دارید برای برگه افراد گروه از تصویر های شخصی مربوط به هر نفر استفاده کنید که سایزی که باید داشته باشند ۱۵۰× ۱۵۰ پیکسل است,ولی از تصاویری که حدود ۵ مگابایت حجم را دارا هستند استفاده می کنید.
اکنون مشکل را فهمیدید؟ بعضی از افراد هستند که تصویر های 5 مگابایتی را به صورت مستقیم در سایت قرار می دهند!قالب وردپرس شما همانطور که تصویر را آپلود کرده اید استفاده خواهد کرد و فقط به مرورگر خواهد گفت که آن را در سایز ۱۵۰× ۱۵۰ پیکسل نمایش بده! و در آخر مرورگر مورد فقط ۰٫۰۰۴۵% از عکس اصلی را نمایش خواهد داد.
این کار شما باعث می شود هم پهنای باند خودتان و هم پهنای باند کاربران به صورت بیهوده مصرف شود,که در این حالت باید فضای زیادی را برای وبسایت خود تهیه فرمایید که این مسئله باعث این می شود که قیممت نگه داری سایت شما افزایش یابد و همچنین سرعت لود وبسایت شما پایین می آید و این مورد تا حد زیادی برای کاربران آزار دهنده است,پس تصاویری که میخواهید در سایت آپلود کنید تا حد ممکن برای سایت کوچک کنید.
2-انتخاب کردن ساختار نامناسب برای تصاویر
فرمت یا ساختاری که برای تصاویر وب استفاده می شود نقش بسیار مهمی برای بهینه سازی این مورد دارد,به عنوان قانون برای تصاویری که به صورت وکتور هستند فرمت PNG و برای بقیه تصاویر از فرمت JPG باید استفاده شود و همچنین از فرمت GIF فقط برای تصاویر متحرک هستند مانند بنر های تبلیغاتی مورد استفاده قرار گیرد.
3-استفاده نکردن از حالت Progressive
در حالت پیش فرض تصاویری با فرمت JPG به دو دسته تقسیم می شوند.حالت پایه که تصویر مورد نظر به صورت خطی بارگذاری می شود ولی حالت دوم که گفتیم Progressive نام دارد به صورت متفاوتی نمایش داده می شود در این حالت تصویر مربوطه به صورت تار نشان داده می شود و به تدریج به صورت واضح با کیفیت دیده می شود.به عبارت دیگر تصویر به چند لایه تقسیم شده که هر یک به ترتیب لود می شوند تا تصویر کامل و با کیفیت را نشان دهند.
4-استفاده نکردن از حالت بارگذاری تنبل Lazy Load
منظور از بارگذاری تنبل یا همان Lazy Load نمایش دادن تصویر با تاخیر است به عبارت دیگر در این حالت تصاویر تا وقتی که کاربران به ناحیه تصویر نرفته و اسکرول نکرده اند لود نمی شود این حالت را میتوان یکی از موثر ترین حالت ها دانست که باعث بهینه سازی تصاویر و البته افزایش سرعت سایت می شود این حالت در دیدگاه ها هم استفاده می شود که در یک مقاله آن را به صورت کامل نشان داده ایم برای فعال سازی بارگذاری تنبل یا همان lazy load میتوان از افزونه BJ Lazy Load استفاده کرد.
5-استفاده نکردن از شبکه تحویل محتوا (CDN)
اگر از شبکه های تحویل محتوا (CDN) برای تصاویر وبسایت خود استفاده کنید,تصاویر از نزدیک ترین سرور هایی که وجو دارند برای کاربران لود خواهد شد در این صورت فایل های وبسایت از سرور های دیگر به کاربر ارسال می شوند و به همین خاطر مصرف منابع و همچنین پهنای باند کاهش می یابد و در این صورت سرعت بارگذاری وبسایت افزایش می یابد.استفاده کردن از CDN برای افزایش سرعت سایت به شدت توصیه می شود.
6-استفاده نکردن از ویژگی alt برای تصاویر وبسایت
خصوصیت alt باعث می شود اگر تصویر مورد نظر لود نشد توضیحات مربوط به تصویر به کاربر نمایش داده شود,این مورد برای سئو تصاویر بسیار هم می باشد ولی بیشتر افراد آن را نادیده می گیرند و به همین خاطر است که یشتر ترافیک سایت خود را از دست می دهند توصیه می شود همواره در قسمت alt توضیحات تصویر مربوطه را بنویسید و در این مورد از کلمات کلیدی استفاده کنید.
7-کم حجم نکردن تصاویر سایت
تصاویری که کم حجم می شوند تقریبا از حالت عادی ۴۰% سبک تر می باشید و این به این معناست که پهنای باند شما کاهش سرعت بارگذاری سایت شما افزایش می یابد.ابزار های زیادی برای بهینه کردن تصاویر هستند ولی اگر قصد دارید این کار با استفاده از وردپرس صورت گیرد میتوانید از افزونه هایی که در این زمینه ارائه شده اند مثل WPSmush(که پیشنهاد ما نیز هست) استفاده کنید.
8-تصویر های ریسپانسیو
اگر وبسایتتان ریسپانسیو شده است دیگر نیازی نیست که تصاویر خود را ریسپانسیو یا واکنش گرا کنید زیرا تصاویر نیز خود به خود ریسپانسیو خواهند شد وقتی که شما تصویر را در وردپرس آپلود می کنید سیستم وردپرس آن را به اندازه ها (بند انگشتی، میانه، کامل) تبدیل کنید توجه داشته باشید که قالبی که طراحی مناسب داشته باشد از اندازه میانه استفاده می کند.
برای بهینه سازی تصاویر تگ تازه ای به HTML5 افزوده شده که توسط آن میتوانید تصویر های مختلفی را برای نمایش دستگاه های مختلف آمده کنید لازم به ذکر است که این تگ در مرورگر های مختلف و همچنین سیستم عامل ها به طور کامل پشتیبانی نمی شود و سایت های خیلی کمی وجود دارند که از این تگ برای ریسپانسیو کردن تصاویر خود بهره می برند.
9-توضیح تصویر
نوشتن توضیح تصویر واجب نیست ولی در بعضی از نوشته ها مثل آموزش های تصویری احتیاج است.اگر توضیحات تصاویر را بنویسید کاربران موضوع مورد نظر را بهتر درک می کنند,و همچنین باعث سئو تصاویر هم خواهد شد.
10-اسم فایل تصویر
در اسم فایل تصویر های مربوطه را با استفاده از کلمات کلیدی جانشین کنید,در این مورد بیشترتوسط صاحبین وبسایت از چشم دور نگه داشته می شود شما از این گروه از افراد نباشید و اسم تصاویر را نیز بهینه سازی کنید.با این کار میتوانید بازدید وبسایت خود را از بخش جستجو های تصاویر در موتور های جستجو نیز بیشتر کنید.
ممنون که در این مقاله با ما بودید امیدوارم این مطلب برای شما مفید واقع شده باشد اگر سوالی در این مورد دارید از قسمت نظرات بپرسید همچنین اگر قصد خرید قالب وردپرس را دارید به قسمت قالب وردپرس مراجعه کنید.
