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

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

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

مقاله مرتبط: جدید ترین تکنیک های افزایش سرعت سایت در سال 2020

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

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

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

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

کاهش حجم تصاویر با حفظ کیفیت آنها

استفاده از تصاویر پرحجم به شدت سرعت لود وب سایت شما را کاهش می دهد. کاهش حجم تصویر با حفظ کیفیت آن اولین و مهم ترین تکنیک بهینه سازی تصاویر می باشد. سعی کنید برای بارگذاری تصویر در وب سایت خود از فرمت PNG یا SVG استفاده کنید. در صورتی که از فرمت های دیگری استفاده کردید و قصد بهینه سازی تصاویر خود را دارید می توانید از ابزار های فشرده سازی تصاویر مانند: TinyPNG compresses JPG and PNG Ashampoo Photo Optimizer PunyPNG , Balesio FILEminimizer Pictures, BluBox استفاده کرد.

تنظیم اندازه تصاویر طبق تنظیمات وب سایت

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

برای تصاویر تان نامی مرتبط با موضوع نوشته انتخاب کنید

هنگامی که تصویری را بارگذاری میکنید سعی کنید حتما خاصیت title و alt را به تصاویرتان اضافه کنید. این کار به کاربر این امکان را می دهد تا در صورتی که نتوانست به هر دلیلی تصویر را مشاهده کند از موضوع آن با خبر شود و به موتور های جستجو نیز کمک می کند تا بتوانند راحت تر تصویر بارگذاری شده شما را در دسته بندی های خود جای دهند. نکته مهم در انتخاب نام تصویر این است که سعی کنید حتما نامی مرتبط با محتوای مربوط به آن انتخاب کرده و در نوشتار آن بهتر است به جای فاصله (SPACE) از خط فاصله استفاده کنید.

مقاله مرتبط: تگ آلت (alt) چیست و چگونه بر SEO تاثیر می گذارد؟

از عکس های اختصاصی و طراحی شده استفاده کنید

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

در ادامه این مطلب به بیان نکات ظریفی که به بهینه سازی تصاویر و در نهایت سئو سایت کمک می کند خواهیم پرداخت

برای نوشتن متن بر روی تصاویر از وب فونت‌ها استفاده کنید. (آن‌ها عکس را بهینه تر می‌کنند و امکان تغییر اندازه را در تصاویر و نوشته محیا می‌کنند)

• بخش‌های غیر ضروری تصاویر را حذف کنید.
• بخش‌های سفید تصاویر را پاک کنید و توسط CSS آن‌ها را بسازید.
• تصاویرتان را با استفاده از فشرده سازی Gzip، بهینه سازی کنید.
• از افکت‌های CSS3 تا جای ممکن استفاده کنید.
• در جاهایی که می‌توانید از متد lossy برای فشرده سازی استفاده کنید.
• در صورت نیاز به انیمیشن از GIF استفاده کنید.
• تا جایی که ممکن است از تصاویر وکتور به جای تصاویر PNG و JPEG استفاده کنید.
• از CDN برای افزایش سرعت لود تصاویر توسط کاربران در هرجای جهان استفاده کنید.
• تصاویرتان را با ابعاد خودشان در html و css سایت لود کنید (اشاره به خطای serve scaled images).
• از bit-depth برای کاهش پلات رنگ استفاده کنید.
• اگر بهترین کیفیت و بهترین جزئیات را نیاز دارید از فرمت PNG یا SVG استفاده کنید.
• برای تصاویر اصلی و اسکرین شات‌ها از JPEG استفاده کنید.
• اندازه تصاویر را نسبت به صفحه نمایش تنظیم کنید تا تعداد پیکسل‌ها کاهش یابد.
• هر Metadata غیر ضروری را حذف کنید.
• سعی کنید اگر تصاویرتان را در ابزاری مانند photoshop طراحی کرده اید برای استفاده از آنها در وب سایت از خروجی Save for Web آن استفاده کنید.

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