We współczesnym cyfrowym świecie reklama online to istotny element bezpłatnego internetu, z którego korzystamy wszyscy. Źle zaimplementowane reklamy mogą jednak spowalniać przeglądanie, frustrować użytkowników i obniżać ich zaangażowanie. Dowiedz się, jak skutecznie wczytywać reklamy bez wpływu na szybkość strony, dbać o wygodę użytkowników i maksymalizować przychody właścicielom witryn.
Witryny w dużej mierze opierają się na reklamach online jako głównym źródle przychodów. Jednak obecność reklam w witrynach może czasami negatywnie wpływać na wrażenia użytkowników i ogólną skuteczność strony. Dlatego kluczowe jest zachowanie równowagi między generowaniem przychodu a skutecznością dla właścicieli witryn i reklamodawców oraz komfortem użytkowników.
Weźmy pod uwagę witrynę, na której w swoich treściach bardzo często umieszcza się reklamy, mające na celu generowanie wysokich przychodów. Jednak ogromna liczba reklam irytuje użytkowników, co przekłada się na złe wrażenia użytkowników i wysoki współczynnik odrzuceń. Pomimo możliwości osiągnięcia znacznych przychodów z reklam, porzucenia poważnie pogarszają sukces witryny.
Z drugiej strony możesz rozważyć witrynę bez reklam. Brak reklam to środowisko, które przyciąga dużą liczbę użytkowników dzięki szybkiemu czasowi wczytywania i bezproblemowemu przeglądaniu. Jednak bez strategii generowania przychodów strona ma trudności z generowaniem przychodów, co może utrudnić jej długoterminowy zrównoważony rozwój i rozwój.
Oba scenariusze pokazują, jak ważne jest zachowanie równowagi między generowaniem przychodu, użytkownikami i skutecznością.
Wykorzystanie podstawowych wskaźników internetowych
Osiągnięcie podstawowych wskaźników internetowych jest konieczne, aby można było wczytywać reklamy bez pogarszania szybkości strony. Podstawowe wskaźniki internetowe, obejmujące takie dane jak największe wyrenderowanie treści (LCP), skumulowane przesunięcie układu (CLS) i interakcja z następnym wyrenderowaniem (INP), to dane dotyczące wrażeń użytkowników, które mierzą jakość wrażeń użytkowników w Twojej witrynie.
Największe wyrenderowanie treści (LCP)
Skupienie się na optymalizacji LCP jest kluczowe, ponieważ ten wskaźnik mierzy czas potrzebny do pojawienia się największego elementu treści w widocznym obszarze. Dzięki minimalizacji czasu wczytywania treści reklamy i traktowaniu priorytetowo technik wczytywania asynchronicznego właściciele witryn mogą obniżyć LCP i skrócić czas renderowania najbardziej widocznych elementów treści na stronie.
Od interakcji do kolejnego wyrenderowania (INP)
Po drugie, poprawa wartości INP ma kluczowe znaczenie dla wygody użytkowników elastycznych. INP mierzy czas oczekiwania na każde kliknięcie, dotknięcie i interakcję z klawiaturą w całym cyklu życia strony. Otrzymana wartość to najczęściej interakcja, której wykonanie trwała najdłużej, i reprezentuje ogólną zdolność strony do szybkiego reagowania na interakcje użytkownika.
Reklamy, które opóźniają interakcje użytkowników, mają negatywny wpływ na wartość INP. Może to frustrować użytkowników, ponieważ sprawiają, że treści są powolne, a w ekstremalnych przypadkach nawet całkowicie uszkodzone. Stosowanie leniwego ładowania reklam i opóźnianie niekrytycznego wykonania kodu JavaScript może pomóc w zmniejszeniu wartości INP strony i w efekcie poprawić jej ogólną responsywność.
Skumulowane przesunięcie układu (CLS)
I wreszcie CLS mierzy stabilność wizualną strony, mierząc liczbę nieoczekiwanych przesunięć układu, które mają miejsce podczas wczytywania strony. Reklamy, które dynamicznie ładują się lub zmieniają rozmiar, mogą powodować niestabilne układy, co może negatywnie wpływać na wygodę użytkowników i obniżać ich położenie na stronie. Mogą oni nawet niechcący kliknąć niewłaściwe elementy z powodu nieoczekiwanych przesunięć układu. Aby temu zaradzić, właściciele witryn powinni zoptymalizować CLS, by mieć zarezerwowane miejsce na reklamy i uniknąć przesunięć układu. Rozmiary reklam powinny być zoptymalizowane w taki sposób, aby unikać nagłych zmian układu treści.
Tworzenie struktury strony internetowej w osobnych blokach treści
Tworzenie struktury strony internetowej za pomocą bloków treści zarówno tekstowych, jak i graficznych i reklamowych oraz używanie właściwości CSS content-visibility:
, może znacznie poprawić ogólny czas renderowania w nowoczesnych przeglądarkach.
Strategicznie stosując właściwość content-visibility:
w tych blokach treści, optymalizujesz proces renderowania tekstu, obrazów i treści reklamy. Gwarantuje to, że tylko treść w widocznym obszarze zostanie w pełni wyrenderowana, co przyspieszy wstępne wczytywanie strony i ułatwi interakcje użytkowników. Zwiększenie skuteczności jest szczególnie przydatne w przypadku stron, które są długie lub zawierają wiele reklam.
Nadaj priorytet ważnym boksom reklamowym
Nie wszystkie boksy reklamowe są takie same. Na przykład boksy reklamowe w części strony widocznej na ekranie są zwykle bardziej wartościowe niż te znajdujące się w części strony widocznej po przewinięciu, jeśli chodzi o widoczność i przychody. Dzieje się tak, ponieważ reklamy w części strony widocznej na ekranie są lepiej widoczne dla użytkowników, ponieważ są widoczne bez przewijania w pierwszym widocznym obszarze. Reklamy w części strony widocznej po przewinięciu stają się widoczne, gdy użytkownik przewinie stronę w dół na tyle, żeby można je było zobaczyć.
Reklamy w części strony widocznej na ekranie
![Wizualna reprezentacja części strony widocznej na ekranie koncepcją reklamy.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-3.png?authuser=9&hl=pl)
Boksy reklamowe w części strony widocznej na ekranie to część strony internetowej, która jest widoczna bez przewijania i ma znaczącą wartość w kontekście reklamy cyfrowej. Te najlepsze miejsca docelowe są uważane za wartościowe z kilku powodów:
- Reklamy umieszczone w części strony widocznej na ekranie są widoczne od razu po wczytaniu strony internetowej. Użytkownicy z większym prawdopodobieństwem zauważą i wejdą z nimi w interakcję, co przekłada się na wyższy współczynnik klikalności.
- Reklamodawcy często uważają górną część strony internetowej za najcenniejszą nieruchomości. To pierwsze wrażenie, jakie odnotowują użytkownicy odwiedzający witrynę, dlatego ma kluczowe znaczenie dla prezentowania skutecznych i wysokiej jakości reklam.
- Reklamy w części strony widocznej na ekranie mają najwyższy współczynnik widoczności, ponieważ są widoczne dla użytkownika. Dzięki temu większość użytkowników strony zobaczy te reklamy bez konieczności jej przewijania.
Gdy korzystasz z boksów reklamowych w części strony widocznej na ekranie w widoku początkowym, musisz zachować równowagę między generowaniem przychodu a wrażeniami użytkowników. Oto kilka najważniejszych kwestii, które należy wziąć pod uwagę.
- Boksy reklamowe na pierwszym ekranie powinny ładować się jak najszybciej w pierwszym widocznym obszarze użytkownika. Wolno ładujące się reklamy mogą negatywnie wpływać na wrażenia użytkowników i zwiększać współczynniki odrzuceń. Optymalizacja czasu wczytywania reklam ma kluczowe znaczenie dla zapewnienia wygody użytkowników i bezproblemu z przeglądaniem internetu.
- Miejsca docelowe w części strony widocznej na ekranie są wartościowe, ale pamiętaj, by nie przeciążać tej strony zbyt dużą liczbą reklam. Nadmierne reklamy zaśmiecają stronę, pogarszają czytelność treści i pogarszają wrażenia użytkownika. Zachowaj równowagę między zarabianiem a utrzymaniem przejrzystego i przyjaznego dla użytkownika układu strony.
- Upewnij się, że boksy reklamowe w części strony widocznej na ekranie są zgodne z różnymi rozmiarami ekranów i na różnych urządzeniach. Sprawdzone metody projektowania responsywnego pomagają zachować spójny i atrakcyjny wizualnie układ niezależnie od rozmiaru ekranu użytkownika.
Reklamy w części strony widocznej po przewinięciu
![Wizualna reprezentacja „części strony widocznej po przewinięciu” koncepcją reklamy.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-4.png?authuser=9&hl=pl)
Boksy reklamowe w części strony widocznej po przewinięciu – czyli reklamy umieszczone w tej części strony internetowej, która staje się widoczna dopiero po przewinięciu w dół – również mają sporą wartość w świecie reklamy cyfrowej. Te miejsca docelowe mają wyjątkowe zalety, które uzupełniają miejsca docelowe w części strony widocznej na ekranie.
Reklamy umieszczone w części strony widocznej po przewinięciu są atrakcyjne dla użytkowników, którzy przewijają stronę, by zobaczyć więcej treści. Te miejsca docelowe przyciągają uwagę zaangażowanych użytkowników, którzy aktywnie poszukują dodatkowych informacji. Dlatego są wartościowe dla marek, które chcą przekazać bardziej złożone komunikaty lub narracje.
- Boksy reklamowe, które nie są początkowo widoczne, mogą dopasować się do treści obok nich, co zwiększa trafność kontekstową. Takie dopasowanie może zwiększyć zaangażowanie użytkowników, gdy użytkownicy odkrywają reklamy związane z treściami, które przeglądają.
- Reklamy w części strony widocznej po przewinięciu płynnie integrują się z otaczającą ją zawartością, sprawiając, że reklamy w części strony widocznej po przewinięciu nie przeszkadzają użytkownikom. Ta integracja – nazywana też reklamą natywną – może zapewnić bardziej spójne wrażenia użytkowników.
- Miejsca docelowe reklamy, które wymagają przewijania, są bardziej kreatywne i dają większą elastyczność formatów, a także dużą przestrzeń i swobodę eksperymentowania. Reklamy wideo, elementy interaktywne i większe obrazy mogą być ładowane leniwie, aby przyciągnąć uwagę użytkownika bez zakłócania jego działania.
Pamiętaj jednak o tych kwestiach związanych z miejscami docelowymi reklam w części strony widocznej po przewinięciu:
- Miejsca docelowe reklamy w części strony widocznej po przewinięciu mogą być skuteczne, ale warto zadbać o zachęcenie użytkowników do ich przewinięcia. Stosowanie wskazówek wizualnych lub zajawek może zachęcać użytkowników do dalszego odkrywania treści, co zwiększa prawdopodobieństwo widoczności reklamy.
- Miejsca docelowe reklam w części strony widocznej po przewinięciu nie powinny wpływać na jakość ani czytelność treści. Utrzymywanie równowagi między reklamami a treścią w celu uniknięcia przytłoczenia użytkowników i zapewnienia im pozytywnych wrażeń.
- W przeciwieństwie do miejsc docelowych w części strony widocznej na ekranie reklamy w części strony widocznej po przewinięciu mogą nie być wczytywane od razu. Opóźnienie wczytywania tych reklam, aż zbliżą się do obszaru widocznego dla użytkownika, może poprawić ogólną szybkość wczytywania strony i skrócić czas jej renderowania.
Strategiczne użycie, reklamy w części strony widocznej na ekranie mogą uzupełniać reklamy w części strony widocznej na ekranie, zapewniając platformę dla formatów reklam i trafności kontekstowej. Optymalizacja widoczności, równoważenie treści i zarządzanie czasem wczytywania reklam to jednak kluczowe elementy, które należy wziąć pod uwagę w celu zapewnienia użytkownikom pozytywnych wrażeń.
Obecne sprawdzone metody dotyczące tagów wydawcy Google (GPT):
- Ogólne sprawdzone metody
- Sprawdzone metody dotyczące reklam
- Minimalizuj przesunięcie układu
- Monitorowanie skuteczności
- Unikanie częstych błędów implementacji
Leniwe ładowanie reklam (w odpowiednich przypadkach)
![Wizualizacja leniwego ładowania i jego pozostałych zasobów. Gdy zasoby są ładowane leniwie, przepustowość jest zachowywana podczas wczytywania strony, a zasoby są odraczane do punktu, w którym użytkownik jest najbardziej skłonny je zobaczyć.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-5.png?authuser=9&hl=pl)
Leniwe ładowanie to technika, która opóźnia wczytywanie niekrytycznych zasobów, dopóki nie będą potrzebne. Stosowanie leniwego ładowania w przypadku reklam, które nie są od razu widoczne (czyli reklam w części strony widocznej po przewinięciu), gwarantuje, że będą ładowane tylko wtedy, gdy pojawią się na stronie. Pozwala to zaoszczędzić przepustowość i zwiększyć ogólną szybkość działania strony. Przeglądarki obsługują teraz natywne leniwe ładowanie elementów iframe z atrybutem loading=lazy
.
Dzięki zastosowaniu leniwego ładowania reklamy są pobierane dynamicznie, gdy znajdują się w widocznym obszarze użytkownika. Skraca to początkowy czas wczytywania i całkowity czas blokowania (TBT) (który jest silnie powiązany z INP) w głównym wątku na tym kluczowym etapie cyklu życia strony. Zmniejsza to negatywny wpływ na wrażenia użytkownika.
Odświeżanie reklam bez odświeżania strony
![Wizualizacja reklam odświeżających się na stronie bez odświeżania strony najwyższego poziomu.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-6.gif?authuser=9&hl=pl)
Dodatkową techniką, która pozwala zrównoważyć wydajność strony z wczytywaniem reklam, jest możliwość odświeżania reklam co 30–240 sekund1 bez ponownego wczytywania całej strony. Ta metoda umożliwia dynamiczne aktualizowanie treści reklamy bez zakłócania wrażeń użytkownika ani powodować niepotrzebnych opóźnień.
W przypadku aplikacji mobilnych odświeżanie reklam w dotychczasowych widokach witryny zapewnia większą skuteczność niż ponowne załadowanie całej strony lub ponowne tworzenie komponentów WebView, ponieważ minimalizuje obciążenie ilości danych i zasobów, co przekłada się na szybsze aktualizacje treści i wygodniejsze korzystanie z aplikacji bez opóźnień związanych z początkowaniem od początku.
Dzięki asynchronicznemu odświeżaniu reklam właściciele witryn mogą zachować treść strony, a jednocześnie bezproblemowo aktualizować je na miejscu i w czasie rzeczywistym. Nie tylko przyspiesza to działanie strony, ponieważ eliminuje konieczność ponownego ładowania całej strony, ale zapewnia też, że wyświetlane reklamy są trafne i atrakcyjne. Dzięki tej technice właściciele witryn mogą osiągnąć równowagę między generowaniem przychodu a skutecznością, przesyłając aktualne i angażujące treści reklamowe, minimalizując jednocześnie negatywny wpływ na wrażenia użytkowników.
Odświeżanie boksów reklamowych jest szczególnie przydatne na stronach, na których użytkownicy spędzają więcej czasu, np. na stronach z przepisami, samouczkami typu „zrób to sam” lub w innych witrynach o dużej ilości treści. Na przykład w przypadku strony przeznaczonej dla majsterkowiczów, na której użytkownicy mogą poświęcić dużo czasu na oglądanie samouczków, strategiczne odświeżanie boksów reklamowych w przerwach między krokami lub oglądanie galerii obrazów może zwiększyć wygodę użytkowników i przychody z reklam. Podobnie jest w przypadku strony z przepisem, odświeżanie boksów reklamowych po tym, jak użytkownicy przewiną listę składników lub instrukcje, by utrzymać zainteresowanie.
Nadaj priorytet ładowaniu asynchronicznemu
Jedną z najskuteczniejszych strategii zwiększania szybkości wyświetlania reklam podczas wyświetlania reklam jest ładowanie asynchroniczne. Ładowanie asynchroniczne wczytuje reklamy niezależnie od treści głównej strony internetowej, dzięki czemu strona może kontynuować renderowanie i interaktywna bez oczekiwania na pełne wczytanie reklam. Znacznie skraca to widoczny czas wczytywania, co zwiększa zadowolenie użytkowników.
Dodaj atrybut async
do definicji tagu skryptu. Na przykład:
AdSense:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
AdSense (reklamy automatyczne):
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Tag wydawcy Google:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
Optymalizacja rozmiarów, pozycji i formatów reklam
![Ilustracja przedstawiająca urządzenia o różnych rozmiarach widocznego obszaru. Miejsca docelowe reklam są oznaczone jako zielone pola, a każde z nich ma napis „Reklama”.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-7.png?authuser=9&hl=pl)
Rozmiar, położenie i format reklam mogą mieć znaczący wpływ na szybkość strony. Reklamy o dużym rozmiarze mogą spowalniać wczytywanie stron, co może irytować użytkowników. Aby temu zapobiec, właściciele witryn powinni ściśle współpracować z reklamodawcami, aby optymalizować rozmiary i formaty reklam. Zachęcanie do korzystania ze skompresowanych formatów obrazów i efektywnego projektowania kreacji reklamowych pomaga zmniejszyć rozmiar plików bez negatywnego wpływu na jakość obrazu. Te optymalizacje nie tylko przyspieszają działanie stron, ale też minimalizują ilość danych przesyłanych przez użytkowników o ograniczonej przepustowości.
Better Ads Standards
Wyświetlanie reklam zgodnie z zasadami Better Ads Standard jest kluczowe, ponieważ nie tylko zwiększa komfort użytkowników, ponieważ ogranicza uciążliwe i uciążliwe formaty reklam, ale też pozytywnie wpływa na pozycję wyświetlania reklam i czas wczytywania strony.
Dzięki przestrzeganiu tych standardów reklamy z większym prawdopodobieństwem będą umieszczane w miejscach, które nie przeszkadzają użytkownikom i ich uciążliwe, co może zwiększyć zaangażowanie użytkowników i współczynnik klikalności.
Stosowanie się do tych wskazówek może też przyspieszyć wczytywanie stron, ponieważ preferowane są lżejsze formaty reklam, które nie wymagają dużych nakładów pracy, co poprawia ogólną skuteczność witryny i zadowolenie użytkowników.
Strategiczna ocena sieci reklamowych i dostawców
Nie wszystkie sieci reklamowe i dostawcy są sobie jednakowi pod względem skuteczności. Aby zapewnić optymalną szybkość stron, właściciele witryn powinni starannie ocenić skuteczność różnych sieci reklamowych, implementacji określania stawek przez kod w nagłówku i dostawców.
Nawiązanie współpracy z dostawcami, którzy traktują priorytetowo szybkość i wykazujemy się doświadczeniem w efektywnym dostarczaniu lżejszych treści reklamowych, może znacznie zwiększyć wydajność strony i poprawić wrażenia użytkowników.
Podsumowanie
Osiągnięcie równowagi między generowaniem przychodu a skutecznością jest kluczowe dla właścicieli witryn, którzy chcą zapewnić użytkownikom wyjątkowe wrażenia, a jednocześnie zmaksymalizować przychody z reklam online.
Dzięki takim technikom jak ładowanie asynchroniczne, leniwe ładowanie, optymalizowanie formatów i rozmiarów reklam, wykorzystywanie inteligentnego buforowania oraz staranne ocena sieci reklamowych, określania stawek przez kod w nagłówku i dostawców właściciele witryn mogą skutecznie poradzić sobie z wyzwaniami związanymi z wczytywaniem reklam bez obniżania wydajności stron. Priorytetowe traktowanie skutecznego wyświetlania reklam zapewnia podział użytkowników, zwiększenie zaangażowania i stabilne generowanie przychodów.
Przypisy
- W przypadku serwerów reklam mogą obowiązywać ograniczenia i wymagania. Na przykład w usłudze Ad Manager wydawcy muszą zadeklarować odświeżane zasoby reklamowe w interfejsie. Niektórzy kupujący wymagają deklaracji odświeżania o długości co najmniej 240 sekund. Ogólnie im dłuższy okres między odświeżeniami, tym bardziej atrakcyjne są Twoje zasoby reklamowe dla kupujących. więcej informacji