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

لطفا سوالات و نظرات خود را در این زمینه برای ما در بخش نظرات سایت مطرح نمایید.

روش های بهینه سازی تصاویر سایت
روش های بهینه سازی تصاویر سایت

“یک عکس ارزش هزاران کلمه را دارد”

این یک ضرب المثل قدیمی است که اهمیت آن در این شرایط کاملا مشخص است؛

اهمیت عکس آنقدر زیاد است که هر کلمه کلیدی را که در گوگل جست و جو کنید حداقل ۵ عکس برای آن موجود است

خیلی از عزیزان در مورد بهینه سازی تصاویر سایت از آکادمی آموختن و آقای امجد سوالاتی پرسیدند…

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

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

تصاویری که در سایت قرار داده می شود هم می‌تواند باعث بهبود سئو سایت شود و افزایش رضایت کاربران…

هم می تواند باعث این شود که رتبه شما به شدت افت کند و کاربران نیز از شما ناراضی باشند.

ناراضی بودن کاربران به این دلیل اتفاق می افتد که عملیات بهینه سازی تصاویر سایت درست اجرا نشده است!

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

روش های بهینه سازی تصاویر سایت
روش های بهینه سازی تصاویر سایت

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

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

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

حتی اگر زیباترین عکس ها را هم در سایت بگذارید اما آن ها را بهینه نکنید می تواند ضرر سنگینی به شما بزند.

تازه زمانی متوجه این می‌شوید که چندین مقاله و صدها عکس گذاشته اید و مجبور می شوید دوباره از اول آن ها را درج کنید!

پس از شما خواهش می کنم بهینه سازی تصاویر سایت را جدی بگیرید چرا که مزایای زیادی دریافت خواهید کرد.

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

۱) سبک شدن سایت

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

پس شما هم اگر می خواهید سئو سایت را ارتقاء دهید و ورودی بیشتری بگیرید باید در صفحات و … عکس آپلود کنید.

حالا خودتان حساب کنید که مثلا ۱۰۰ صفحه دارید و در هر صفحه ۴ عکس که هیچ کدام عملیات بهینه سازی انجام نداده اند!

دوست من افزایش حجم تصاویر، باعث می شود تا فضای هاست شما بسیار مصرف شود.

این موضوع هم برای سایت شما مشکلات فنی ایجاد می کند به طوریکه واقعا از سایت زده می شوید.

و همچنین باعث میشود تا شما ده ها برابر هزینه بیشتر کنید تا هاست تان را ارتقاء دهید تا پاسخگوی نیازهایتان باشد.

(یکی از دلایلی که یک کاربر که سایت سنگین دارد از یک هاستینگ خوشش می آید و یک کاربر با سایت معمولی خوشش نمی‌آید همین مورد است!)

اما دوست من تو خیلی راحت می تونی با بهینه سازی تصاویر سایت هاست خودت رو بسیار سبک کنی و از تمام مشکلات سایتت رو حفظ کنی؛

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

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

ما عکس در سایت می گذاریم که توجه کاربران را جلب کنیم نه چیز دیگر…!

وجود تصاویر بهینه شده در سایت و باکیفیت باعث ماندگاری مخاطبان خواهد شد.

همین الان وقتشه بخونی:  تاثیر شبکه های اجتماعی بر سئو و دگرگونی سایت چیست؟

در نهایت وقتی افراد از سایت شما خوششان بیاید باعث افزایش نرخ تبدیل سایت شما نیز خواهد شد.

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

۳) افزایش چشم گیر سرعت سایت و رابطه مستقیم با سئو

روش های بهینه سازی تصاویر سایت
روش های بهینه سازی تصاویر سایت

تمام موتور های جست و جو تمرکز بسیار زیادی روی سرعت سایت ها دارند؛

در اصل سرعت ساعت یکی از فاکتور های مهم در سئو وب سایت است.

پس این نتیجه را می گیریم که سرعت سایت هر چقدر بهتر باشد ما نسبت به رقبا رتبه بهتری خواهیم داشت؛

موتور های جست و جو گر تا حدود بسیار زیادی مطابق نظرات مخاطبان هستند.

این به این معناست که اگر سرعت سایت شما برای گوگل مهم است برای مردم هم مهم است.

دوست من طبق تحقیقاتی که ما جدیدا انجام داده‌ایم… کاربران برای وقتشان ارزش بسیار زیادی قائل هستند؛

شما فقط بین ۳ تا ۶ ثانیه وقت دارید تا سایت تان را کامل به کاربر نشان دهید…

خیلی از سایت ها که واقعا خوب کار کرده اند به خاطر سرعت پایین لود سایت باعث خروج کاربران می شوند.

و این یعنی یک “نرخ پرش” فوق العاده بد برای سایت شما که می تواند شما را لبه پرتگاه برساند.

هر چقدر این عمل تکرار شود شما رتبه بدتری خواهید گرفت و مدام در حال کاهش رتبه خواهید بود.

پیشنهاد می کنم اگر سرعت سایت تان پایین است، مقاله «افزایش سرعت سایت با چند کلیک ساده» را از دست ندهید…

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

بهینه سازی عکس ها یعنی کم کردن سایز عکس تا زمانی که کیفیتش را از دست ندهد!

به صورت کلی هدف ما از بهیه سازی تصاویر سایت برای سئوی آن است؛

حالا ممکن است سوالات زیر برایتان پیش آمده باشد:

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

ما در ادامه مقاله آرام آرام به تمام سوالات مطرح شده پاسخ خواهیم داد.

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

اما دوست من بهینه سازی تصاویر سایت بحثی نیست که فقط با چند ابزار کمکی بتوان آن را عملی کرد.

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

حال ما در ادامه, ۷ قدم فوق العاده مهم برای بهینه سازی تصاویر سایت را در اختیار شما عزیزان قرار می دهیم:

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

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

حال با توجه به این موضوع، باید یک فرمت مناسب برای تصاویری که قرار است در سایت قرار دهید پیدا کنید.

در حال حاضربهترین فرمت ها عبارتند از:

PNG: اگر قصد استفاده از تصاویر باکیفیت با حجم کم دارید، فرمت PNG بهترین فرمت برای شماست.

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

مثلا ما پیشنهاد می کنیم برای تصویر لوگو سایت، از پسوند png آن استفاده کنید.

JPEG: کیفیت تصاویری که با پسوند .jpeg هستند، نسبت به تصاویر png، کیفیت کمتری دارند.

همین الان وقتشه بخونی:  آموزش کسب درآمد اینترنتی با ایده های کسب درآمد از اینترنت

اما حجم بهینه تری دارد و خیلی بهتر است که از تصاویری با پسوند jpeg استفاده کنید.

به همین علت است که jpeg پر استفاده ترین پسوند در سایت های اینترنتی است.

GIF: برای تصاویر متحرک، از این فرمت استفاده می شود.

علاوه بر این ۳ فرمت، یک فرمت دیگر به نام webP وجود دارد که خیلی از سایت های خارجی از آن استفاده می کنند.

فرمت webP از تمام پسوند ها (فرمت ها) حجم کمتری دارد اما ۲۵% مروگر ها توانایی شناسایی این نوع تصاویر را ندارند.

بنابراین شما باید اولویت اصلی تان برای استفاده از عکس به ترتیب زیر باشد:

تا جایی که ممکن است از فرمت JPEG استفاده کنید بعد PNG و در آخر GIF؛

۲٫ بهینه سازی ابعاد تصویر

یکی از مهم ترین مشکلاتی که باعث کاهش سرعت سایت می شود تغییر سایز تصاویر است.

منظورم این است که مثلا ممکن است سایز مناسب برای تصاویر محصولات ۳۰۰×۳۰۰ باشد اما شما عکس ۳۰۰×۳۰۰ آپلود کنید.

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

۳٫ بهینه سازی عکس با کاهش حجم

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

آموزش کاهش حجم عکس

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

اما یک نکته مهم که باید به آن توجه کنید این است که اگر کاهش حجم و کاهش کیفیت با هم اتفاق بیفتد تاثیر منفی روی سایت خواهد گذاشت.

به همین جهت در ادامه بهترین راه ها جهت کاهش حجم تصاویر را به شما ارائه می دهم:

از فتوشاپ کمک بگیرید: از نظر من بهترین راه برای کاهش حجم تصاویر استفاده از فتوشاپ است.

برای اینکه بخواهید حجم تصاویر را در فتوشاپ کم کنید، دو راه پیش روی شماست؛

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

راهی که در بالا نوشتیم اصلا و ابدا پیشنهاد نمی شود و تاثیر منفی روی سایت دارد.

اما راهکار دوم این است که از گزینه save as web هنگام خروجی استفاده نمایید.

با استفاده از کلید میانبر CTRL + SHIFT + ALT + S و مواجهه شدن با صفحه ای که برایتان باز می‌شود، می توانید انتخاب کنید که تصاویر با فرمت خاص تا چقدر کاهش حجم پیدا می کنند.

استفاده کردن از این شیوه، روش پیشنهادی من هست چرا که حجم عکس ها بدون تغییر کیفیت، کاهش می یابد.

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

محبوب ترین آن ها tinypng است که می توانید ۲۰ تصویر را با هم بارگذاری کنید و نتیجه مناسب بگیرید.

پس اگر حاضر نیستید سختی کار با فتوشاپ را بکشید، برای بهینه سازی تصاویر سایت از tinypng استفاده نمایید.

حالا ممکن است برایتان سوالی پیش بیاید که این ابزارها چطور بدون کاهش کیفیت، حجم را کم می کند، در ادامه به شما توضیح می دهیم:

دو روش بهینه سازی تصاویر سایت (کاهش حجم تصاویر)

به صورت کلی، برای بهینه سازی تصاویر سایت و کاهش حجم تصاویر بدون افت کیفیت، دو راه وجود دارد:

  • Lossless
  • Lossy

در روش اول یا همان Lossless، تصاویر با کاهش حجم تصاویر، کیفیت آن ها نیز کاهش می یابد.

همین الان وقتشه بخونی:  مقاله سئو شده چه خصوصیاتی دارد و چگونه بنویسیم؟

اما در روش دوم یا همان Lossy، کم شدن حجم عکس ها با استفاده از حذف اطلاعات اضافی از آن انجام می شود!

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

تمام این مواردی که من گفتم و خودتان هم می دانید، چندین خط کد را درون هر تصویر ذخیره کرده است.

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

۴٫ استفاده از متن جایگزین یا alt

روش های بهینه سازی تصاویر سایت
روش های بهینه سازی تصاویر سایت

گوگل در حال حاضر، روی یکی از مواردی که بسیار مانور می دهد، متن جایگزین تصاویر یا alt تصاویر است.

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

این مورد هم به سئو سایت شما کمک می کند و هم باعث می شود، رتبه شما زودتر رشد کند.

علاوه بر متن alt، نام فایل تصویر نیز مانند متن جایگزین تاثیر خوبی در سئو وب سایت و بهینه سازی تصاویر سایت دارد.

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

۵٫ فعال سازی قابلیت Lazy Load

بعضی از صفحات و مقالات سایت هستند که ممکن است دارای تصاویر زیادی باشد.

به طور مثال ممکن است صفحه دسته بندی مقالات سایت شما بیشتر از ۳۰۰ تا عکس داشته باشد.

یا مثلا صفحه دسته بندی محصولات موبایل، بیش از چند صد عکس داشته باشد…

دوست من حتی اگر تصاویر شما در بهینه ترین حالت باشد باز هم لود شدن آن ها طول می کشد.

چرا که مروگر کاربر باید عکس ها را تک تک دانلود کند و وقتی عکس ها باشد خیلی طول می کشد.

(به خصوص اگر سرعت اینترنت و … برای خیلی ها کند باشد مسلما از سایت شما خارج می شوند)

پس پیشنهاد می کنم که حتما برای بهینه سازی تصاویر سایت گزینه بارگذاری تنبل یا Lazy Load را فعال نمایید.

۶٫ فعال سازی کش سایت

احتمالا می دانید که بین ۳۰ تا ۵۰% افرادی که وارد سایت شما می شوند، برای بار دوم یا بیشتر است که وارد سایت شما می‌شوند (کاربران بازگشتی)

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

کش یا Cache اینطوری عمل می کند که بعد از اولین مراجعه کاربر به سایت اطلاعات سایت را روی کامپیوتر آن ذخیره می کند.

بنابراین وقتی بار بعدی به سایت مراجعه کرد، نیازی به دانلود دوباره نیست.

سخن آخر…

می خواهم یک ابزار جامع به نام “GT Metrix” به شما معرفی کنم.

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

ممکن است بعد از اینکه در جی تی متریکس وارد شدید، سایت شما دچار شرایط بدی باشد.

به همین جهت باید مواردی که برای بهبود سئو وب سایت مشاهده می کنید را رعایت نمایید.

امیدوار هستم از این مقاله استفاده کافی را کرده باشید…

ممنون می شوم سوالات، نظرت و پیشنهادات خود را در بخش نظرات برای ما مطرح نمایید.

در آخر نیز به شما پیشنهاد می کنم مقاله «سیر تا پیاز سئو سایت» را بخوانید تا با سئوی سایت به صورت کامل آشنا شوید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *