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

نحوه بهینه سازی تصاویر در سایت

نحوه بهینه سازی تصاویر در سایت

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

تصاویر در سایت چه ارزشی دارند ؟

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

  1. تصاویر بخشهای محتوای نوشته را میتواند به خوبی مجزا کند

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

   2.تگ alt تصاویر هدف موتورهای جستجوگر گوگل هستند

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

3. استفاده از تصاویر در سایت جذابیت را برای کاربر دو برابر میکند

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

نتیجه گیری

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

نحوه بهینه سازی تصاویر در سایت

  1. از تصاویر با کیفیت استفاده کنید

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

  1. نام فایل پرونده

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

بیایید ابتدا به نام پرونده نگاه کنیم. اگر با دوربین دیجیتال یا تلفن خود عکس بگیرید ، تصاویر دارای نامهای فایلهای عمومی مانند dsc3459.jpg خواهند بود. تصاویر موجود ممکن است نام فایل مانند stock-image-1234567.jpg این نام فایلها به موتورهای جستجو چیزی درباره تصاویر شما نمی گوید. قبل از بارگذاری تصویری در وبلاگ خود ، نام پرونده را به چیزی که مربوط است تغییر دهید. به عنوان مثال ، اگر پست شما در مورد دستور العمل های اسموتی است ، باید نام پرونده را به چیزی مانند smoothie-recipes.jpg تغییر دهید.

  1. تگ  Alt

  • Google برای تعیین آنچه در تصویر است ، و همچنین برای تعیین موضوع متن اطراف ، مقدار نسبتاً بالایی را روی متون alt قرار می دهد.
  • Alt Text همچنین نشان داده شده است که اگر به هر دلیلی ممکن است تصویر به بیننده نشان داده نشود ، به عنوان مثال اگر تصاویر را در مرورگر وب خود خاموش کرده اید یا به دلیل اختلال در بینایی از یک صفحه خوان استفاده می کنید.
  • اگر از WordPress استفاده می کنید ، می توانید هنگام آپلود کردن تصویر ، قسمت Alternative Text را مشخص کنید.
  • در سمت راست شبکه تصویر ، به دنبال جعبه متن در کنار Alt Text باشید.
  • اطمینان حاصل کنید که این توصیفی است و برای اهداف جستجوگرها عبارت کلمه کلیدی خود را درج کنید.

اگر می خواهید متنی alt را برای تصاویری که قبلاً بارگذاری کرده اید اضافه یا تغییر دهید ، می توانید با قرار دادن تصویر در کتابخانه رسانه خود و وارد کردن متن alt در آن ، این کار را انجام دهید.

  1. بهینه سازی سایز تصاویر

  • یک مورد که من  اغلب در راستای بهینه سازی تصاویر در سایت مد نظر قرار میدهد سایز تصاویر است
  • نیازی نیست شما تصاویر با width بیشتر از 1800 px را در سایت قرار دهید
  • کاربران معمولا از نمایشگری با حداقل عرض 470px  و حداکثر  1800 px  استفاده میکنند
  • شما ابتدا باید سایز تصاویر را با نرم افزارهای فتوشاپ بهینه کنید
  • سایز تصاویر را نیز باید نسبت به ارتفاع آن بهینه کنید ( دوره فتوشاپ برای شما الزامی است  )

 5. بهینه سازی حجم تصاویر

چگونه تصاویر را فشرده سازی کنم؟

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

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

  • استفاده از افزونه smush  در ووردپرس
  • ( اگر بتوانید از سایت فشرده سازی معرفی شده در زیر استفاده کنید بهتر است . افزونه smush در نسخه رایگان کاربرد مفیدی ندارد )
  • تصاویر را از سایتهایی مثل  پینترست دانلود کنید که حجم پایینی دارند
  • تصاویر را با فتوشاپ فشرده سازی کنید
  • و یا در سایت  imagecomeressor  به صورت تکی یا گروهی فشرده سازی کنید

 

نکته : حجم تصاویر نباید افت چشمگیر در کیفیت آنها داشته باشند ( مثال زیر )

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

طراح و توسعه دهنده سایت : پارس کمره

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

دیدگاهتان را بنویسید

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