آموزش بهینه سازی تصاویر ؛۱۰نکته مهم در بهینه سازی تصاویر سایت

منتشرشده توسط فرزین اعتماد در تاریخ

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

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

۱۰ نکته مهم در رتبه بندی و سئو تصاویر

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

  • چرا وقتی در گوگل محصول فروشگاه خودم را جستجو میکنم هیچ تصویری از محصول را نشان نمیدهد؟
  • باید برای عکس های محصول برچسب اضافه کنم؟
  • فرق بین JPEG , GIF و PNG چیه؟ باید از همشون استفاده کنم؟

 

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

 

۱_اسم تصویر رو بصورت توصیفی و به زبان ساده فارسی یا انگلیسی بنویسید :

 

بنظر کار راحتیه که یه دوربین دستتون بگیرین ، صدتا عکس از محصول موردنظرتون (با اسم پیش فرض) تو وب سایتتون بزارین !
ولی این ایده ، چنان هم خوب نیست.

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

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

 

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

 

برفرض عکس بالا توسط دوربین شخصی شما گرفته شد . میتونین موقع اضافه کردن این عکس به وب سایتتون همون اسم پیش فرض عکس یعنی DCMIMAGE10.jpg استفاده کنین ولی خیلی بهتره که اسم این فایل رو بنویسین : ۲۰۱۲-Ford-Mustang-LX-Red.jpg

بخاطر داشته باشید همیشه الگوها و کلماتی که مشتریان و خریداران توی گوگل سرچ میکنند رو در نظر بگیرین ، تو این مثال خریدارا ممکنه اصطلاحات و کلمات زیر رو جستجو کنن :

  • ۲۰۱۲ Red Ford Mustang LX
  • Ford Mustang LX Red 2012
  • Red Ford Mustang LX 2012

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

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

۲_ بهینه سازی برچسب Alt بصورت هوشمندانه

seo تصاویر سایت

برچسب های Alt در مرورگرها ، بهترین جایگزین برای متن عکس ها به حساب می آید البته به شرطی که مرورگر شما بتونه به راحتی کار رندر (Render) رو انجام بده زمانی که یه عکس به درستی رندر میشه براحتی میتونین متن برچسب Alt ایجاد شده هر عکس رو ببینین (البته باز هم به تنظیمات مرورگر بستگی داره )

ویژگی برچسب Alt همینطور باعث میشه تا سئو خوبی به وب سایت شما اضافه بشه و در رتبه بندی وبسایت شما در موتورهای جستجو تاثیر گذاره.

به این برچسب Alt خوب توجه کنین :

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

به یکسری از قوانین ساده در اینباره توجه کنین :

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

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

و در نهایت اینکه هرچند وقت یکبار وبسایت رو بررسی و تجزیه تحلیل کنید و مطمئن شوید از پسوند Alt به درستی استفاده کرده اید.

۳_ استراتژی ابعاد و زوایای تصاویر محصولات

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

  • عکس از زوایای داخلی
  • عکس از عقب ماشین
  • عکس از سوپاپ های بزرگ چرخ ها
  • عکس از کناره های ماشین

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

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

۴_ حجم فایل های تصاویر رو کاهش بدین

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

همیشه این مورد را در نظر داشته باشین که برای بارگیری یک سایت در نسخه کامپیوتری ۳ ثانیه زمان لازم میباشد و برای تلفن همراه حدود ۵ ثانیه

سایت آمازون اینروزها به این نتیجه رسیده است که اگر صفحات وبسایت به مدت ۱ ثانیه دیرتر باگذاری شود چیزی حدود ۱٫۶میلیارد در سال از دست میدهد گوگل همیشه زمان بارگذاری را به عنوان یک الگوریتم در رتبه بندی های خود استفاده میکند

اگر تصاویری تو وبسایتتون دارین که سنگینن و باعث طولانی شدن پروسه بارگیری سایت شما تا ۱۵ ثانیه میشن بهتره با مشتریاتون خدافظی کنین!

پس الان تکلیف چیه باید چیکار کرد؟

میتونین با استفاده از فتوشاپ عکساتونو بصورت Save for Web سیو کنین تا حجم کم و کیفیت بهتری داشته باشه اینطوری کمک شایانی در بارگذاری سریع وبسایت خودتون انجام میدین اگر به فتوشاپ دسترسی ندارین میتونین با مراجعه به سایت photoshop.com بصورت آنلاین اینکار رو انجام بدین یا در سایت tinypng همیشه سعی کنین حجم فایل های عکساتون رو زیر ۱۰۰ کیلوبایت نگه دارین اگر این اصول و قوانین بهینه سازی تصاویر رو رعایت کنین ، بزودی متوجه تغییراتی در تعداد ورودی هاتون از گوگل میشین !

۵_تفاوت فرمت های تصاویر با یکدیگر

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

سه فرمت تصویری داریم که حتما باهاشون سروکار داشتین jpeg , GIF , PNG میخوایم با این فرمت ها بیشتر آشنا بشین.

تصاویر با فرمت JPEG یا JPG که اغلب تصاویر اینترنتی با این فرمت شناخته میشن قابلیت “کمتر کردن حجم و اندازه را بدون تغییر در کیفیت” برای شما فراهم میکنن. تصاویر با فرمت GIF تصاویری با کیفیت خیلی پایینتر از JPEG هستند و بیشتر بصورت انیمیشنی برای تزئین بکار برده میشن ولی باید گفت این تصاویر همیشه دارای جذابیت نیستن و باعث اختلال در بهینه سازی میگردن البته باید این را در نظر گرفت بهره گیری از تصاویر مختلف با تنوع رنگ زیاد در این فرمت بسیار عالیست.ولی PNG محبوب ترین جایگزین برای GIF شناخته میشود زیرا میتوان از تنوع رنگ نسبتا بیشتری استفاده کرد ولی تنها مشکل این فایل ها حجم بیشتر در مقابل JPEG هاست.

برای اکثر وبسایت های تجاری JPEG بهترین نوع فرمت بحساب میرود.زیرا همانطور که گفته شد داری بهترین کیفیت با کمترین حجم هستند هیچوقت از فرمت GIF برای عکس های بزرگتر استفاده نکنین این فرمت بیشتر برای تزئین به کار گرفته میشه و معمولا ایندکس نمیشوند . فرمت PNG هم میتواند جایگزین مناسبی برای GIF  و JPEG  باشند ولی بهتره از PNG-8 و PNG24  استفاده کنین زیرا حجم کمتری دارن که همین هم باعث برتری این نوع فرمت شده است.

۶_ بهینه سازی تصاویر بند انگشتی

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

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

۷- از نقشه سایت در وبمسترتولز تصاویرتون رو ثبت و بررسی کنید .

سایت مپ تصاویر سایت

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

افزونه Google Sitemaps کمک میکنه تا تصاویرتون اطلاعات بیشتری را به گوگل ارائه کنه ، اینکار باعث میشه عکساتون در گوگل بیشتر به چشم بیاد.

۸- تصاویر تزئینی سایتتان را مدیریت کنید.

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

  • برای تصاویری که از الگوهای ساده تشکیل شدن از فرمت های PNG-8 یا GIF استفاده کنین تا کیفیت بهتری با صد بایت حجم داشته باشین.
  • در صورت امکان بجای استفاده از تصاویر از CSS استفاده کنین تا بتونین زمینه های رنگی ایجاد کنین.
  • به تصاویر زمینه با دقت نگاه کنید اگر فایل ها حجم بالایی داشتند سعی کنین بدون کاهش کیفیت حجم آنها را پایین بیاورید.

 

۱۰_ از هاست دانلود اختصاصی و با سرعت بالا استفاده کنید.

هاست دانلود با سرعت تمام در حال تبدیل شدن به مکانی فوق العاده برای میزبانی تصاویر و سایر فایل های رسانه ای (محتوای ویدیویی ، محتوای پادکست و … ) هستن  و میتونن زمان بارگذاری صفحه ی شما رو را افزایش بدهند و به حل مسائل پهنای باند کمک کنند.

نکته اول درباره استفاده از هاست دانلود :

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

نکته دوم :

اگر در سایتتون از محتوای رسانه ای ( ویدیو ، عکس ، پادکست و… ) بصورت زیاد و مداوم استفاده نمیکنید ، هاست دانلود برای شما پیشنهاد نمیشه ، همچنین اگر سایتتون آمار بالایی نداره ، ترجیحا این کار رو انجام ندید.

۱۰_ تصاویر خود را تست کنید.

تا الان برای بهینه سازی تصاویر ، نحوه کاهش حجم ، نحوه قرار گرفتن در موتور های جستجوگر و خیلی چیزای دیگه آموزش دادیم . همونطور که میدونین یک وبسایت خوب زمانی مورد توجه قرار میگیرد که دارای عکسهای جذابی باشه
استفاده از عکس هایی که دارای حجم کمتر و کیفیت بهتری هستند باید اولویت شما باشن ! نسبت به کسب و کارتون سعی کنین عکسایی که وارد میکنین داخل یه دسته بندی با رده های کیفیت ۱۰ ,۲۰ ,۵۰ ,۱۰۰ تست کنین تا ببینید بهترین عکس برای جذب مشتری و خرید محصولاتتون چیه.

 

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


فرزین اعتماد

درود من فرزین اعتماد هستم - متخصص سئو محتوا و سئو سایت / مدرس دوره های سئو و بازاریابی محتوا / +متخصص وبمسترتولز (کنسول گوگل) و گوگل آنالیتیک (سرتیفیکیت گوگل) / بخشی از مطالبی که قرار میدم دستخط خودمه و بخشی دیگه از سایت های بزرگ و معتبر سئو گرفته و ترجمه شده/ توی اینستاگرامم همیشه ریز نکات سئو و جدیدترین اخبار بهینه سازی رو قرار میدم. https://instagram.com/farzinetemad / باعث افتخاره که مهمانم هستید / ♥ وب اپراتور ♥

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

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

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.