پلفترم سئو
به تعویق انداختن بارگذاری محتوای غیر بحرانی یا غیرقابل مشاهده، که معمولاً به عنوان “لیزی لودینگ” نیز شناخته می شود، بهترین عملکرد و تجربه کاربری رایج است. برای اطلاعات بیشتر، به منابع web.dev در مورد تصاویر و ویدیوها با لیزی لودینگ مراجعه کنید. با این حال، اگر این تکنیک به درستی اجرا نشود، می تواند به طور ناخواسته محتوا را از گوگل پنهان کند. این سند توضیح می‌دهد که چگونه می‌توان مطمئن شد Google می‌تواند محتوای بارگذاری‌شده Lazy را بخزد و فهرست کند.
وقتی محتوا در ویوپورت قابل مشاهده است بارگیری کنید
برای اطمینان از اینکه Google تمام محتوای صفحه شما را می‌بیند، مطمئن شوید که اجرای لیزی لودینگ شما همه محتوای مرتبط را هر زمان که در ویوپورت قابل مشاهده باشد بارگیری می‌کند. در اینجا چند روش برای اجرای Lazy-loading وجود دارد:
- مرورگر تعبیه شده در لیزی لودینگ برای تصاویر و iframe
- IntersectionObserver API و polyfill
- یک کتابخانه جاوا اسکریپت که از بارگیری داده ها هنگام ورود به viewport پشتیبانی می کند
روش‌های ذکر شده برای بارگیری محتوا به اقدامات کاربر مانند پیمایش یا کلیک کردن متکی نیستند، زیرا جستجوی Google با صفحه شما ارتباط برقرار نمی‌کند.
لیزی لودینگ را به محتوایی اضافه نکنید که احتمالاً وقتی کاربر صفحه ای را باز می کند بلافاصله قابل مشاهده است. این ممکن است باعث شود محتوا برای بارگذاری و نمایش در مرورگر بیشتر طول بکشد، که برای کاربر بسیار قابل توجه خواهد بود.
حتما اجرای خود را تست کنید.
پشتیبانی از بارگذاری صفحه بندی شده برای اسکرول بی نهایت
در سطح بالا، اسکرول بی نهایت تکنیکی است که محتوای بیشتر و صفحات متمایزتر را بارگیری می کند، همانطور که کاربر یک صفحه طولانی را به پایین اسکرول می کند. این می تواند یک مقاله طولانی باشد که به چند تکه تقسیم شده است، یا مجموعه ای از مواردی که به طور مشابه به تکه ها تقسیم می شوند. برای پیاده‌سازی اسکرول بی‌نهایت به روشی قابل فهرست‌سازی، مطمئن شوید که وبسایت شما از بارگذاری صفحه‌بندی شده این تکه‌ها با انجام کارهای زیر پشتیبانی می‌کند:
- به هر بخش نشانی اینترنتی ثابت و منحصر به فرد خود بدهید.
- اطمینان حاصل کنید که محتوای نشان داده شده در هر URL هر بار که در یک مرورگر بارگیری می شود یکسان باقی می ماند. یکی از راه هایی که می توان این کار را انجام داد استفاده از اعداد مطلق صفحات در URL است، برای مثال با استفاده از
?page=12به عنوان یک پارامتر پرس و جو - از استفاده از عناصر نسبی مانند
?date=دیروزدر این آدرس ها این به موتورهای جستجو و کاربران اجازه می‌دهد تا به طور مداوم محتوای یکسانی را در یک URL مشخص پیدا کنند، و ایندکس کردن صحیح محتوا را برای موتورهای جستجو آسان‌تر می‌کند و به کاربران امکان می‌دهد آن قسمت از محتوای شما را به اشتراک بگذارند و دوباره با آن ارتباط برقرار کنند. - به طور متوالی به URL های جداگانه پیوند دهید تا موتورهای جستجو بتوانند URL ها را در یک مجموعه صفحه بندی شده کشف کنند.
بهترین روش ها هنگام اجرای صفحه بندی. - هنگامی که یک تکه صفحه جدید در پاسخ به پیمایش کاربر بارگیری می شود و به عنصر اصلی قابل مشاهده برای کاربر تبدیل می شود، URL نمایش داده شده را با استفاده از این به کاربر اجازه می‌دهد تا URL فعلی نمایش داده شده در مرورگر را بازخوانی، اشتراک‌گذاری و پیوند دهد.
تست کنید
پس از تنظیم پیاده سازی، مطمئن شوید که به درستی کار می کند. می توانید از ابزار بازرسی URL در کنسول جستجو استفاده کنید تا ببینید آیا تمام محتوا بارگذاری شده است یا خیر. با جستجوی آن در URL Inspection Tool، HTML رندر شده را بررسی کنید تا مطمئن شوید محتوای شما در HTML رندر شده است. اگر نشانی‌های اینترنتی تصویر یا ویدیوی شما در ویژگی src در عناصر <img> یا <video> در HTML ارائه‌شده ظاهر می‌شوند، تنظیمات شما به درستی کار می‌کند.