×

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

تاریخ : update ۰۱ دی ۱۴۰۱
Image Optimization
۴.۷/۵ - (۳۲ امتیاز)

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

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

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

برای این کار در ادامه لیستی از سایت هایی را برای شما تهیه کرده ایم که در این امر به شما کمک می کند.

  1. Short Pixel
  2. EWWW Image Optimizer
  3. Imagekit.io
  4. Optimizilla
  5. Image Recycle
  6. Kraken.io
  7. Resize Photos
  8. Trim age

آموزش بهینه کردن عکس ها

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

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

  1. WebPageTest
  2. Pingdom
  3. GTmetrix
  4. WebWait
  5. Google PageSpeed Insights

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

  1. Yoast SEO
  2. ShortPixel
  3. EWWW Image Optimizer
  4. WP Smush
  5. TinyPNG
  6. ImageRecycle
  7. Optimus Image Optimizer

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

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

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

توجه داشته باشید که منظور از بهینه سازی تصاویر تنها کاهش حجم عکس ها نبوده و نکات بیشتری در راستای آن باید رعایت شود .

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

۱- تصاویر جذاب و با کیفیت انتخاب کنید

انتخاب تصویر مناسب یکی از مهمترین مسائل در وب سایت است و در این انتخاب باید هم تجربه کاربری را در نظر بگیرید و هم توصیه های موتورهای جستجوگر.

برای یافتن عکس مناسب خود می توانید از قسمت  Image وب سایت Google.com آن را با هر اندازه و فرمتی پیدا کنید البته وب سایت های محبوب دیگری هم برای این کار وجود دارند مانند وب سایت Freepik.com یا Unsplash.com

تاثیر تصاویر در سئو سایت

۲- از فرمت مناسب استفاده کنید

بعد از زمانی که عکس مناسب خود را انتخاب کردید بایستی تصمیم بگیرید که کدام فرمت برای آن تصویر مناسب است ؟  رایج ترین فرمت ها برای استفاده در وب سایت عبارتند از : JPEG , PNG , GIF

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

GIF  : این فرمت که برای تصاویر ساده بکار می رود فقط ار ۲۵۶ رنگ پشتیبانی می کند و برای بزرگ که کیفیت آنها مهم است اصلا توصیه نمی شود.

PNG  : این فرمت که جایگزین مدرن JPEG , GIF  می باشد از Transparency پشتیبانی میکند و محدوده رنگ گسترده تری دارد. PNG  میتواند توصیف کوتاهی در مورد تصویر در خود ذخیره کند که به بهینه سازی وب سایت شما کمک می کند. حجم آن بیشتر از فرمت های دیگر است و همه جا پشتیبانی نمی شود.

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

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

PhotoShop نیز این کار را برای سایت ها به طور ویژه انجام می دهد. برای استفاده از آن کافیست از منوی فایل گزینه Save For Web را انتخاب کنید. یا از کلیدهای Ctrl+Alt+Shift+S نیز استفاده کنید تا تصویر خود را با فرمت مورد نظر را با کیفیت دلخواه ذخیره نماید.

۴- تصاویر را با اسم مرتبط با محتوای آن ذخیره کنید

نام عکس هایی را که نامربوط و بی معنی هستند مانند Untitle , Unknown را به نامی که عکس را توصیف کند تغییر دهید تا خزنده های موتورهای جستجوگر بتوانند تشخیص دهند این تصویر به چه چیزی مربوط است.

۵- انتخاب Alt تصاویر را فراموش نکنید

Alt Text  که مخفف Alternative text می باشد برای مشخص کردن هویت و محتوای عکس بکار می رود، همچنین زمانی که مشکلی برای لود تصویر به وجود می آید این متن به جای آن نمایش داده می شود.

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

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

بهینه سازی عکس های سایت

۶- Thumbnails ها را از تصویر اصلی مجزا کنید

در حالت ایده آل تصاویر Thumbnail باید تا حد ممکن سبک باشند تا سرعت لود صفحات کند نشود ؛ این بدین معنی است که باید آنها اندازه آنها را تغییر دهید و فشرده سازی کنید. با توجه به اینکه تصاویر در اندازه های بسیار کوچک مورد استفاده قرار می گیرند می توان تا حد زیادی از کیفیت آن صرف نظر کرد.

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

۷- به تصاویری که در هاست های رایگان و نامعتبر هستند اعتماد نکنید.

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

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

 

priority_high سوالات متداول
  • keyboard_arrow_down بهینه سازی تصاویر چه تاثیری بر سئو دارند؟
    امروزه تنها تولید محتوای متنی کافی نیتس و تصاویر که خود نوعی محتوا هستند باید بهینه سازی شوند و تاثیر بسیاری در رتبه های سایت در بخش Image Search و Web Search دارند.
  • keyboard_arrow_down نامگذاری و alt تصاویر چه اهمیتی دارد ؟
    استفاده از کلمات کلیدی در بخش Alt تصاویر باعث میشود گوگل ساده تر ارتباط متن و تصویر را درک کند. همچنین باعث بهبود رتبه در بخش تصاویر گوگل میشود.
edit نویسنده : محمد اسکندری
محمد علی اسکندری سئو
سال 85 وارد دنیای وب شدم، بعدها به SEO علاقه پیدا کرده و بعد از چند تجربه ی ناموفق آژانس وی نت رو در 1392 راه اندازی کردم. در رابطه با سئو تحقیقات زیادی انجام دادم و خوشحالم که در رشد چندین کسب و کار موثر بودم. اینجا هستم تا تحقیقاتم رو با شما به اشتراک بذارم.
question_answer پرسش و پاسخ
  • آذر ۱۵, ۱۳۹۴ at ۱۰:۰۷
    Permalink

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

    Reply
    • آذر ۱۶, ۱۳۹۴ at ۰۲:۲۸
      Permalink

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

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

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