تصاویر Progressive چیست و چرا برای سئو سایت اهمیت دارد؟

محتوایی که دارای تصویر باشه ۹۴ درصد بیشتر از صفحات و پست های متنی بازدید خواهد داشت. به علاوه، ۶۵ درصد از افراد از طریق دیدن تصاویر موضوعات رو یاد میگیرند، یعنی که مشتریان احتمالاً سایت شما رو در صورتی که دارای تصاویری جذاب باشه به خاطر میسپارند.

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

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

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

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

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

فهرست:

• تصاویر Progressive چیست؟
• کاربران در مورد تصاویر Progressive چه نظری دارند؟
• چگونه تصاویر Progressive تجربه کاربری وب سایت را بهبود می بخشند؟
• روش ایجاد تصویر Progressive
• جمع بندی

تصاویر Progressive چیست؟

تصاویر Progressive در ابتدا با وضوح پایین بارگیری میشن. سپس با بارگیری کامل وب سایت، وضوح‌شون افزایش پیدا میکنه.

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

وقتی که تصاویر سایت Progressive هستش کاربر میتونه فوراً محتوا رو ببینه و دیگه نیازی نیست منتظر بمونه تا زمانی که تصاویر به طور کامل بارگذاری بشن.

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

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

اما در تصاویر Progressive، کاربران کل تصویر رو یه جا با هم میبینند.

هر دوی این تصاویر تا ۷۰ درصد بارگذاری شدند:

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

تغییر تصاویر سایتتون به Progressive نسبتا آسونه. وقتی که تو فتوشاپ میخواید عکستون رو ذخیره کنید میتونید اون رو Progressive کنید. وقتی گزینه Progressive رو انتخاب می‌کنید، می‌توانید تعداد اسکن یا «گذر» روی تصویر رو هم که برای نمایش صحیحش لازمه انتخاب کنید.

کاربران در مورد تصاویر Progressive چه نظری دارند؟

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

از نظر ایشون یکی از اصلی‌ترین نکات مثبت در مورد تصاویر Progressive «زمان بارگذاریِ درک شده» یا مدت زمانیه که کاربران فکر می‌کنند بارگذاری یه صفحه طول میکشه. هنگامی که صفحه ای تار لود میشه و به آرامی واضح میشه، کاربران زمان بارگذاری رو نسبت به زمانی که صفحه خالی هستش و یهویی محتوا نمایش داده میشه سریعتر میدونند.

او این ایده رو با تصویر زیر نشون میده:

اگرچه این تصویر کاملاً فرضی هستش، اما پیش بینی میشه که کاربر فکر میکنه ورژن B تجربه بهتری هستش، حتی اگر زمان بارگذاری دو صفحه دقیقاً یکسان باشه.

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

مانوئل پرز همچنین نظراتِ کاربرانی که بارگذاری Progressive تصویر رو دوست نداشتند به اشتراک گذاشت. این کاربران دیدن تصاویر تار را دوست نداشتند. چند نفر هم گفتند تا زمانی که صفحه به طور کامل بارگیری بشه، به صفحه نگاه نمیکردند.

چگونه تصاویر Progressive تجربه کاربری وب سایت را بهبود می بخشند؟

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

سرعت بارگذاری افزایش می‌دهد

تصاویر Progressive تا ۱۰ درصد کوچکتر از JPEG هستند. بنابراین، سایت شما اطلاعات کمتری برای بارگذاری داره و میتونه کل صفحه رو سریعتر بارگذاری کنه. بنابراین این گزینه میتونه سرعت بارگیری شما رو چند هزارم ثانیه افزایش بده. ممکنه زیاد به نظر نرسه، اما زمان برای کاربران مهمه و روی سئو سایتتون تاثیر میذاره.

تجربه موبایلی بهتری دارند

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

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

تجربیات بهتر کاربر منجر به رتبه های بالاتر می شود

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

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

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

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

روش ایجاد تصویر Progressive

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

در کنار تجربه بصری بهتر، تصاویر Progressive تا ۱۰ درصد در مقایسه با تصاویر استاندارد کوچکتر هستند. استفاده از چنین تصاویری به این معنیه که:

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

روش های مختلفی برای ایجاد تصویر Progressive وجود داره. اما، تو این مقاله، راحت ترین راه رو باهاتون به اشتراک میذارم که استفاده از Adobe Photoshop هستش.

مراحل ایجاد تصویر Progressive در فتوشاپ:

• Adobe Photoshop را باز کنید.
• تصویر مورد نظر را باز کنید
• به File >Export>Save for web بروید یا Alt+Shift+Ctrl+S را بزنید.

• JPEG را از منوی فرمت بهینه سازی انتخاب کنید.
• سطح فشرده سازی را با انتخاب یک گزینه کیفیت (کم، متوسط یا زیاد) انتخاب کنید. توصیه می‌کنم آن را بالا نگه دارید تا تصویری با جزئیات بیشتر و بهینه‌تر داشته باشید.
• Progressive را انتخاب کنید تا تصویر به تدریج در مرورگر وب نمایش داده شود.

• برای ذخیره تصویر بهینه شده خود، روی Save کلیک کنید.

جمع بندی

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

در این مقاله در مورد تصاویر Progressive چیست و چرا برای سئو سایت اهمیت دارد صحبت کردیم. ممنون که تا انتهای مقاله همراه من بودید در صورتی که حس میکنید مطلبی هست که گفته نشده حتما در قسمت نظرات با ما به اشتراک بگذارید. در صورت داشتن هرگونه سوال با تیم پشتیبانی پارس اوستا در ارتباط باشید.