بخش Vip سئو نود

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

جزئیات بیشتر
آموزش یکبار برای همیشه
جشنواره قربان تا غدیر 20% تخفیف برای همه محصولات با کد Gorbann

از فرمت webp استفاده کنیم یا خیر ؟!؟

مقالات سئو

استفاده از تصاویر با فرمت webp چه تاثیری در سئو و بهینه سازی سایت شما دارد ؟ بایدها و نبایدها درمورد این فرمت فوق العاده تصویر را در این مقاله بخوانید !

0 87
از فرمت webp استفاده کنیم یا خیر ؟!؟
مطالعه : 10 دقیقه

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

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

به این دلیل که با توجه به وجود این تکنولوژی‌ها قالب سایت شما بسیار سبک شده و در نتیجه سرعت بارگذاری سایت شما نیز بسیار بالاتر خواهد رفت . از آنجایی که سرعت یکی از فاکتورهای مهم و تاثیرگذار به شکل مستقیم در سئوی سایت شما است به همین دلیل باید تمامی المان‌هایی که در بهبود سرعت سایت تاثیرگذار هستند بهینه شوند که قالب وب سایت تنها یکی از این المان‌ها است .

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

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

مورد سوم که از همه مهمتر است فرمت تصاویر می‌باشد فرمت‌هایی که شاید شما بیشتر با آنها آشنا هستید فرمت jpg و فرمت png است که بسته به نوع عکس و محل استفاده از آن فرمت تصویر را تعیین خواهیم کرد .

امروزه با دو فرمت جدید به نام avif و همچنین webp مواجه هستیم . سوالی که برای بسیاری از کاربران و علاقمندان به حوزه سئو ممکن است پیش آمده باشد این است که با توجه به ظهور فرمت avif و webp آیا لازم است که ما نیز از این دو فرمت در داخل سایت استفاده کنیم یا نه !

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

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

برای اینکه دلیل این کار را بدانیم ابتدا بهتر است در مورد فرمت webp چند نکته مهم را بدانیم  :

  • اول اینکه فرمت webp در حال حاضر بهترین فرمت برای تصاویر است
  • به این دلیل که این فرمت در گام اول و در نگاهی ساده تماماً شبیه به فرمت jpg است که فرمت jpg صرفاً برای تصاویری است که بک گراند آنها شفاف نیست این فرمت تمام ویژگی‌های فرمت jpg را پوشش می‌دهد
  • در گام دوم فرمت webp امکان این را دارد که همانند تصاویر png بصورت بک گراندهایی به حالت شفاف نیز باشد یعنی شما تمام ویژگی‌های فرمت png را در فرمت webp نیز خواهید داشت
  • مورد سوم که بسیار جالب است امکان ایجاد تصاویر متحرک همانند فرمت گیف در داخل تصاویر با فرمت webp است پس فرمت webp خاصیت گیف را نیز ساپورت می‌کند
  • مورد چهارم کیفیت بشدت بالای تصاویر با فرمت webp است
  • ویژگی نهایی فرمت webp حجم بسیار پایین آن است یعنی شما اگر سه عدد تصویر را با فرمت png و jpg و webp در ابعاد یکسان و البته برای یک تصویر با هم مقایسه کنید فرمت webp به میزان ۵۰ تا ۷۰ درصد حجم کمتری خواهد داشت

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

به این دلیل که هم کیفیت تصویر با فرمت webp بسیار بالا است و هم اینکه حجم آن پایین‌تر است .

چرا سایت‌هایی همچون دیجی کالا فرمت webp را جدی نگرفته است ؟!

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

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

تصاویر اسلایدر دیجی کالا با فرمت webp

به همین دلیل زمانی که این تصاویر با فرمت webp ایجاد می‌شوند کیفیت آنها همچنان به میزان دلخواه حفظ شده و حجم نیز بسیار کاهش پیدا خواهد کرد اما اگر فرمت webp تمامی این ویژگی‌ها را دارد پس چرا سایت‌هایی مثل دیجی کالا تمامی تصاویر خود را به این فرمت تغییر نمی‌دهند ؟

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

اما اینکه چرا سایت‌هایی مثل دیجی کالا تمام تصاویر را به این نوع فرمت تغییر نمی‌دهند باید گفت که تغییر فرمت تصاویری که قبلاً در داخل سایت قرار گرفتند از لحاظ زمانی و نیروی انسانی بهینه نیست .

اما اگر به تصاویری که برای محصولات جدیدتر در داخل این وب سایت قرار می‌گیرند توجه کنید خواهید دید که فرمت webp برای این تصاویر در حال استفاده شدن است .

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

البته که فرمت webp بهترین فرمت در حال حاضر برای تصاویر خصوصاً در داخل وب سایت است اما ناچار هستیم تا مدت کوتاهی صبر کنیم اگر علاقمند هستید تا از این فرمت استفاده کنید.

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

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

امید قدیمی

امید قدیمی هستم ، 8 سال است که در زمینه طراحی و برنامه نویسی وب سایت فعالیت می کنم . توسعه دهنده فرانت اند ، طراح و برنامه نویس انواع وب سایت های وردپرسی ، فعال در زمینه تولید محتوا و سئو وب سایت

اشتراک گذاری محتوا

نقشه راه فرانت

اگر قصد دارید تا یک طراح ماهر باشید ، ما درست ترین مسیر را برای شما فراهم کردیم و فقط کافیست همراه ما باشید

نقشه راه وردپرس

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

شاید این مطالب نیز برای شما جالب باشد
کد اسکیما برای Breadcrumb و مسیر راهنما در سئو
مطالعه : 6 دقیقه 2
امید قدیمی امید قدیمی
۱۴۰۲-۰۲-۲۲
تفاوت Noindex و Nofollow و Disallow
مطالعه : 10 دقیقه 2
امید قدیمی امید قدیمی
۱۴۰۳-۱۱-۲۰
جدیدترین آپدیت سئو در سپتامبر 2023
مطالعه : 11 دقیقه 4
امید قدیمی امید قدیمی
۱۴۰۲-۰۷-۰۹
نظرات و پرسش
توجه کامنت های انگلیسی تایید نخواهند شد در صورت داشتن مشکل ، قبل از ارسال دیدگاه نظرات سایر دوستان را نیز مطالعه فرمائید توجه داشته باشید که دیدگاه یا پرسش صحیح شما کمک شایانی به سایر علاقمندان به این مطلب یا محصول خواهد داشت
اشتراک دیدگاه تکمیل تمامی فیلدها الزامی است
captcha

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