اگر در گوگل یا پینترست برای یافتن عکسی جستجو میکنید یا تجربه ی استفاده از توییتر یا اینستاگرام را داشته باشید، بی شک اسم اسکرولِ بی نهایت را دیده اید. شما با اسکرول کردن میتوانید اطلاعات بیشتری دریافت کنید و محتوای بیشتری ببینید. با بیشتر شدن محتواها به صورتِ روزانه، طراحان سعی میکنند با روش هایی جذاب محتوای خود را برای مخاطبان به اشتراک بگذارند. اینگونه تجربه ی کاری بهتری را خواهند داشت و هم میزان خرید، تعداد لید، اگاهی از برند و …. افزایش می یابد. یکی از این روش های جدید که به تازگی فراگیر شده اسکرول بی نهایت می باشد. اما اسکرول بی نهایت چیست؟ چه استفاده ای دارد؟
مفهوم اسکرول بی نهایت یا infinitie scroll و ویژگی های آن
بهترین و ساده ترین تعریفی که میتوان از اسکرول بی نهایت ارائه داد این است که آن را یک تکنیک طراحی وب نامید. در این روش محتوا با کمترین دخالت کاربر بارگذاری میشود ودر واقع برای دیدن نتایج بیشتر، نیاز نیست کاربران روی اعداد صفحه بندی کلیک کنند، بلکه تنها کافی است اسکرول کنند تا نتایج بیشتری به نمایش در آید.
اسکرول بی نهایت باعث میشود کاربر در جریانی بی وقفه از داده و اطلاعات غرق شود ومدت بیشتری را در صفحه ی شما بگذراند. درواقع این عمل مربوط به استراتژی و تکنیک های سئو تکنیکال است.
ویژگی اسکرول بی نهایت را میتوانید در پلتفرم هایی مانند اینستاگرام، توییتر، پینترست و … مشاهده کنید. این روش برای کسب و کارهای دیگر هم مناسب است.
مزایای اسکرول بی نهایت
روش و تکنیک های زیادی برای بهبود تجره کاری در دنیای وب وجود دارد که هرکدام از این موارد مزایای مخصوص به خود را دارند. اگر با مزایا و معایب این روش ها آشنا شوید، مسیر انتخاب برای شما ساده تر میشود. در ادامه برخی از مزایای تکنیک اسکرول بی نهایت را بیان کرده ایم:
- تکنیک صفحات بی پایان و بارگذاری خودکار محتوا باعث میشود مخاطب درگیر پیدا کردن شماره صفحات یا لینک‌های مختلف نباشد؛ در نتیجه توجه او به محتوای صفحه حفظ میشود.
- مدت زمان حضور مخاطب در صفحه بیشتر میشود زیرا با کمترین عکس العمل بیشترین محتوا را دریافت می‌کند.
- برای کاربرانی که از موبایل یا تبلت استفاده میکنند، تجربه کاربری بهتری رقم می‌زند.
- روش مناسبی برای نمایش‌دادن حجم زیاد محتوا است.
- برخی افراد تصور میکنند Infinite scroll، باعث کند شدن سرعت بارگذاری محتوا میشود. خوب است بدانید این تکنیک نه تنها سرعت بارگذاری محتوا را کم نمی‌کند، بلکه میزان پاسخ‌دهی FIDسایت را افزایش می‌دهد و باعث تعامل بیش تر کاربر میشود.
- اسکرول بی‌نهایت، روش خوبی برای بارگذاری محتوا در لحظه است.
معایب اسکرول بی نهایت
- جست و جوی هدفمند دشوار است
- دسترسی به فوتر ها حذف میشود
- بازداشتن کاربر از اقدام
- گم شدن کاربر در میان نتایج جست و جو
- استفاده از کد های جاوا اسکریپت فراوان
- نامفهوم بودن برای موتور های جستجو
افزودن اسکرول نامحدود به سایت
این کار بسیار ساده است. فقط کافی است از طریق افزونه ها، اسکرول بی نهایت را در صفحات دلخواه خود پیاده سازی کنید. برخی از قالب های وردپرسی به صورت خودکار این قابلیت را دارند، بنابراین پیش از اینکه افزونه را نصب کنید، قالب خود را بررسی کنید. برای این کار باید تابعی تعریف کنید که با استفاده از آن میتوانید تعدادی عکس یا محتوا که میخواهید را بارگذاری کنید.
از طریق ویژگی های زیر میتوانید وضعیت اسکرول انجام شده توسط کاربر را ارزیابی کنید.
- window.scrollHeight: ارتفاع کل فایل را نشان می‌دهد
- window.scrollY: نشان می‌دهد که صفحه چقدر از بالای صفحه اسکرول شده است
- window.innerHeight: ارتفاع بخش قابل مشاهده صفحه را نشان می‌دهد
افزون اسکرول بی نهایت برای سایت های وردپرسی
پیاده‌سازی اسکرول بی نهایت در وردپرس مانند بسیاری از کارهای دیگر آسان و سرراست است. برای این کار شما نیاز به نصب افزونه‌های اسکرول بی نهایت برای وردپرس خواهید داشت، در ادامه بهترین افزونه های وردپرسی را به شما معرفی میکنیم.
- افزونه Ajax Load More؛ با استفاده از این افزونه اژ اسکرول بی نهایت و قابلیت‌هایی مانند Lazy Load بهره مند میشوید
- افزونه Catch Infinite Scroll؛ این افزونه جزوی از افزونه های محبوب اسکرول نامحدود است که با استفاده از نسخه رایگان آن میتوانید به قابلیت‌های زیادی دسترسی داشته باشید
- Jetpack؛ یک افزونه همه کاره وردپرس می باشد و اسکرول بی نهایت تنها یکی از امکانات آن است، همچنین قابلیت های دیگری مانند AMP، گرفتن بک‌آپ، افزایش امنیت و … نیز دارد.
- YITH Infinite Scrolling؛ این افزونه ی محبوب برای اسکرول بی نهایت است.
نکات مهم در پیاده‌سازی صفحات Infinite Scroll
- باید برای هر دسته از محتواها، URL جدیدی در صفحه تعریف شود؛ یعنی با اسکرول به پایین و بارگیری دسته جدیدی از محتوا ها آدرس متفاوتی به صفحه اختصاص داده شود و با برگشت به بالای هم دوباره URL تغییر کند.
- در صفحات خود از محتوای تکراری استفاده نکنید
- هر بخش از صفحه ی خود را شماره گذاری کنید.
- در صورت فراخوانی شماره صفحه‌ای خارج از اسکرول بی نهایت، حتما اخطار 404 را تعریف کنید.
- از تگ کنونیکال برای جلوگیری از تشخیص تکراری بودن محتوای این صفحه سایت حتما استفاده کنید.
سخن پایانی
در این مقاله سعی کردیم با گفتن مزایا و معایب استفاده از اسکرول بی نهایت، و نکاتی که باید به آن ها بپردازید، جلوی رخ دادن هرگونه اشتباهی را بگیریم. پیش از استفاده از این خصوصیت دقت کنید که سایت شما به آن نیاز دارد یا خیر، درصورتی که تصمیم گرفتید از اسکرول بی نهایت استفاده کنید، توصیه های گوگل را در نظر بگیرید تا خدمات سئو برای سایت شما هر چه بهتر نتیجه دهد.