بارگذاری مؤثر تبلیغات بدون تأثیر بر سرعت صفحه

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

مارکوس بوردین
Markus Bordihn

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

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

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

هر دو سناریو اهمیت متعادل کردن درآمد، کاربران و عملکرد را نشان می‌دهند.

مهار Core Web Vitals

عبور از Core Web Vitals برای بارگذاری تبلیغات بدون تأثیر منفی بر سرعت صفحه ضروری است. Core Web Vitals، متشکل از معیارهایی مانند Largest Contentful Paint (LCP) ، تغییر چیدمان تجمعی (CLS) و Interaction to Next Paint (INP) ، معیارهای تجربه کاربری هستند که کیفیت تجربه کاربری وب سایت شما را اندازه گیری می کنند.

بزرگترین رنگ محتوایی (LCP)

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

تعامل با رنگ بعدی (INP)

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

تبلیغاتی که تعاملات کاربر را به تأخیر می اندازد، بر INP تأثیر منفی می گذارد. این ممکن است با ایجاد تجربیاتی که احساس کندی می کنند یا حتی در موارد شدید کاملاً شکسته می شوند، کاربران را ناامید کند. اجرای بارگذاری تنبل برای تبلیغات و به تعویق انداختن اجرای غیر بحرانی جاوا اسکریپت می تواند به کاهش INP صفحه کمک کند و بنابراین پاسخگویی کلی صفحه را بهبود بخشد.

تغییر چیدمان تجمعی (CLS)

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

ساختار صفحه وب خود را به بلوک های محتوای مجزا

ساختار صفحه وب خود با بلوک های محتوا برای محتوای متن، تصویر و تبلیغات، در حالی که از ویژگی CSS content-visibility: استفاده می کند، می تواند زمان کلی رندر را در مرورگرهای مدرن به طور قابل توجهی بهبود بخشد.

با استفاده استراتژیک از ویژگی content-visibility: در درون این بلوک‌های محتوا، فرآیند رندر کردن متن، تصویر و محتوای تبلیغات را بهینه می‌کنید. این تضمین می‌کند که فقط محتوایی که در حال حاضر در ویوپورت است به‌طور کامل رندر می‌شود، که منجر به بارگذاری اولیه صفحه سریع‌تر و تعامل نرم‌تر با کاربر می‌شود. این افزایش عملکرد به ویژه در هنگام برخورد با صفحات طولانی یا با تبلیغات زیاد بسیار ارزشمند است.

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

همه جایگاه های تبلیغاتی برابر نیستند. به عنوان مثال، جایگاه‌های تبلیغاتی بالای صفحه معمولاً از نظر قابلیت مشاهده و درآمدزایی، ارزش بیشتری نسبت به مواردی دارند که در پایین صفحه قرار دارند. این به این دلیل است که تبلیغات بالای صفحه بیشتر توسط کاربران دیده می‌شوند، زیرا بدون اسکرول در اولین ویوپورت قابل مشاهده هستند. تبلیغات زیر پس از اینکه کاربر صفحه را به اندازه کافی به پایین پیمایش می کند تا آنها را ببیند قابل مشاهده می شوند.

تبلیغات در بالای صفحه

یک نمایش بصری از مفهوم تبلیغات "بالاتر".

در بالای شکاف های تبلیغاتی تاشو به قسمتی از یک صفحه وب اشاره دارد که بدون پیمایش قابل مشاهده است و ارزش قابل توجهی در تبلیغات دیجیتال دارد. این مکان‌های اصلی به چند دلیل ارزشمند در نظر گرفته می‌شوند:

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

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

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

زیر تبلیغات تاشو

یک نمایش بصری از مفهوم تبلیغات "زیر تاشو".

در زیر شکاف های تبلیغاتی تاشو - یعنی تبلیغاتی که در قسمتی از یک صفحه وب قرار می گیرند که تنها پس از اسکرول کردن به پایین قابل مشاهده می شوند - نیز در دنیای تبلیغات دیجیتال ارزش قابل توجهی دارند. این قرارگیری ها مزایای منحصر به فردی را ارائه می دهند که مکمل بالای قرارگیری تاشو هستند.

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

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

با این حال، ملاحظات زیر باید برای مکان‌های تبلیغاتی زیر در نظر گرفته شود:

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

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

بهترین شیوه های فعلی برچسب ناشر Google (GPT):

بارگذاری تبلیغات تنبل در صورت لزوم

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

بارگذاری تنبل تکنیکی است که بارگذاری منابع غیر بحرانی را تا زمانی که نیاز باشد به تعویق می اندازد. اعمال بارگذاری تنبل برای تبلیغاتی که فوراً قابل مشاهده نیستند (یعنی تبلیغات زیر صفحه) تضمین می کند که آنها فقط زمانی بارگیری می شوند که در معرض دید قرار می گیرند، پهنای باند حفظ می شود و سرعت کلی صفحه بهبود می یابد. مرورگرها اکنون شامل بارگذاری تنبل بومی برای iframe با ویژگی loading=lazy ساده هستند.

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

تبلیغات را بدون رفرش کردن صفحه به روز کنید

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

یک تکنیک اضافی که می‌تواند عملکرد صفحه را با بارگذاری تبلیغات متعادل کند، امکان بازخوانی تبلیغات هر 30 تا 240 ثانیه بدون بارگیری مجدد کل صفحه است. این رویکرد امکان به روز رسانی پویا محتوای تبلیغات را بدون ایجاد اختلال در تجربه مرور کاربر یا ایجاد تاخیرهای غیر ضروری فراهم می کند.

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

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

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

بارگذاری ناهمزمان را در اولویت قرار دهید

یکی از تاثیرگذارترین استراتژی ها برای بهبود سرعت صفحه در حین ارائه تبلیغات، بارگذاری ناهمزمان است. بارگذاری ناهمزمان تبلیغات را مستقل از محتوای اصلی صفحه وب بارگیری می‌کند و به صفحه اجازه می‌دهد بدون انتظار برای بارگیری کامل تبلیغات، به رندر شدن ادامه دهد و تعاملی شود. این به طور قابل توجهی زمان بارگذاری درک شده را کاهش می دهد و رضایت کاربر را افزایش می دهد.

ویژگی async را در تعریف تگ اسکریپت قرار دهید. مثلا:

AdSense:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

AdSense (تبلیغات خودکار):

<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

برچسب Google Publisher:

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

اندازه، موقعیت و قالب تبلیغات را بهینه کنید

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

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

استانداردهای بهتر تبلیغات

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

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

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

ارزیابی استراتژیک شبکه های تبلیغاتی و ارائه دهندگان

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

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

نتیجه

دستیابی به تعادل بین درآمدزایی و عملکرد برای صاحبان وب سایتی که به دنبال ارائه یک تجربه کاربری استثنایی و در عین حال به حداکثر رساندن درآمد از طریق تبلیغات آنلاین هستند، بسیار مهم است.

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

پانویسها و منابع

  1. سرورهای تبلیغاتی ممکن است محدودیت‌ها و الزاماتی داشته باشند. به عنوان مثال، Ad Manager از ناشران می‌خواهد که موجودی خود را که در UI به‌روزرسانی می‌شود، اعلام کنند. برخی از خریداران به اعلان تازه‌سازی بیشتر یا مساوی 240 ثانیه نیاز دارند. به طور کلی، هر چه فاصله بین تازه‌سازی بیشتر باشد، موجودی شما برای خریداران مطلوب‌تر است. ادامه مطلب