W świecie cyfrowym reklamy online są istotną częścią bezpłatnej sieci, którą wszyscy lubimy. Jednak niewłaściwie zaimplementowane reklamy mogą spowolnić przeglądanie, frustrować użytkowników i zmniejszyć zaangażowanie. Dowiedz się, jak skutecznie wczytywać reklamy bez wpływu na szybkość strony, zadbać o wygodę użytkowników i zmaksymalizować przychody dla właścicieli witryn.
Reklamy internetowe w dużym stopniu stanowią główne źródło przychodów dla witryn. Obecność reklam w witrynach może się jednak czasami odbić kosztem wygody użytkowników i ogólnej wydajności strony. Dlatego tak ważne jest znalezienie równowagi między zarabianiem i skutecznością reklam dla właścicieli witryn i reklamodawców a wygodą użytkowników.
Weźmy witrynę, która intensywnie umieszcza reklamy w treści, aby generować wysokie przychody. Przytłaczająca liczba reklam frustruje jednak użytkowników, co przekłada się na słabość ich wrażeń i wysoki współczynnik odrzuceń. Pomimo tego, że reklamy mogą generować znaczne przychody, porzucenie witryny znacząco negatywnie wpływa na sukces witryny.
Z drugiej strony przyjrzyjmy się witrynie bez reklam. Brak reklam w tym środowisku przyciąga znaczną liczbę użytkowników ze względu na krótki czas wczytywania i płynne przeglądanie. Jednak bez strategii zarabiania strona ma trudności z generowaniem przychodów, co może negatywnie wpływać na jej długoterminowy rozwój i zrównoważony rozwój.
Oba scenariusze pokazują, jak ważne jest zrównoważenie przychodów, użytkowników i skuteczności.
Wykorzystanie podstawowych wskaźników internetowych
Osiąganie podstawowych wskaźników internetowych jest niezbędne, aby wczytywać reklamy bez negatywnego wpływu na szybkość strony. Podstawowe wskaźniki internetowe, które obejmują dane takie jak największe wyrenderowanie treści (LCP), skumulowane przesunięcie układu (CLS) i interakcja z kolejnym wyrenderowaniem (INP), to dane służące do pomiaru wygody użytkowników Twojej witryny.
Największe wyrenderowanie treści (LCP)
Skupianie się na optymalizacji LCP ma kluczowe znaczenie, ponieważ dane te pozwalają zmierzyć czas, po którym największy element treści staje się widoczny w widocznym obszarze. Dzięki minimalizacji czasu wczytywania treści reklamy i skoncentrowaniu się na technikach asynchronicznego wczytywania właściciele witryn mogą obniżyć wartość LCP i skrócić czas renderowania najciekawszych elementów strony.
od interakcji do kolejnego wyrenderowania (INP)
Po drugie poprawa wartości INP ma kluczowe znaczenie dla wygody użytkowników. INP mierzy opóźnienie każdego kliknięcia, dotknięcia i interakcji z klawiaturą w całym okresie aktywności strony. Wynikowa wartość to najczęściej interakcja, która trwała najdłużej, i reprezentuje ogólną zdolność strony do szybkiego reagowania na interakcje użytkowników.
Reklamy, które opóźniają interakcje użytkowników, negatywnie wpływają na INP. Może to frustrować użytkowników, ponieważ sprawia, że funkcje są powolne, a w skrajnych przypadkach całkowicie nie działają. Stosowanie leniwego ładowania reklam i opóźnienie niekrytycznego wykonywania kodu JavaScript może pomóc w zmniejszeniu wartości INP strony i w konsekwencji poprawić jej ogólną responsywność.
Skumulowane przesunięcie układu (CLS)
I wreszcie, CLS mierzy wizualną stabilność strony, mierząc liczbę nieoczekiwanych przesunięć układu, które mają miejsce podczas jej wczytywania. Reklamy, które dynamicznie wczytują się wczytywane lub zmieniają rozmiar, mogą powodować niestabilność układu. Z tego powodu użytkownicy tracą zorientowanie się, w którym miejscu strony się znajdują, a nawet przypadkowo klikają niewłaściwe elementy z powodu nieoczekiwanych przesunięć układu. Aby temu zapobiec, właściciele witryn powinni zoptymalizować CLS, aby mieć w reklamach zarezerwowane miejsce, co pozwoli uniknąć zmian układu, a także zoptymalizować rozmiary reklam, aby uniknąć nagłych zmian układu treści.
podział strony internetowej na odrębne bloki treści,
Utworzenie struktury strony internetowej za pomocą bloków treści dla tekstu, obrazów i treści reklam oraz zastosowanie właściwości CSS content-visibility:
może znacznie poprawić ogólny czas renderowania w nowoczesnych przeglądarkach.
Strategiczne stosowanie właściwości content-visibility:
w tych blokach treści pozwala zoptymalizować proces renderowania tekstu, obrazów i treści reklam. Dzięki temu tylko treści znajdujące się w widocznym obszarze zostaną w pełni wyrenderowane, co przyspieszy początkowe wczytywanie strony i usprawni interakcje użytkowników. Zwiększenie skuteczności jest szczególnie przydatne w przypadku długich reklam lub stron z wieloma reklamami.
Nadaj priorytet ważniejszym boksom reklamowym
Nie wszystkie boksy reklamowe są sobie równe. Na przykład boksy reklamowe w części strony widocznej na ekranie są zwykle bardziej wartościowe pod względem widoczności i generowania przychodu niż te, które znajdują się w części strony widocznej po przewinięciu. Dzieje się tak, ponieważ reklamy w części strony widocznej na ekranie są bardziej 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ę na tyle daleko, aby je zobaczyć.
Reklamy w części strony widocznej na ekranie
![Wizualna reprezentacja koncepcji reklamy w części strony widocznej na ekranie.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-3.png?authuser=6&hl=pl)
Boksy reklamowe w części strony widocznej na ekranie to część strony internetowej, która jest widoczna bez przewijania i ma dużą wartość w przypadku reklam cyfrowych. Takie miejsca docelowe są uznawane za wartościowe z kilku powodów:
- Reklamy umieszczone w części strony widocznej na ekranie są widoczne dla użytkownika od razu po wczytaniu strony internetowej. Użytkownicy bardziej zauważą te reklamy 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ść. To pierwsze wrażenie, jakie odnotowują użytkownicy odwiedzający witrynę, a tym samym kluczowy obszar wyświetlania skutecznych i najlepszych reklam.
- Reklamy w części strony widocznej na ekranie mają najwyższe współczynniki widoczności, ponieważ to, co widzą użytkownik, są bezpośrednio widoczne. Dzięki temu większość użytkowników, którzy odwiedzają tę stronę, zobaczy te reklamy bez konieczności jej przewijania.
Ważne jest jednak zachowanie równowagi między zarabianiem a wrażeniami użytkownika podczas korzystania z boksów reklamowych w części strony widocznej na ekranie w pierwszym widoku. Oto kilka najważniejszych kwestii.
- Boksy reklamowe na pierwszym ekranie powinny ładować się jak najszybciej w początkowym obszarze widocznym dla użytkownika. Wolno ładujące się reklamy mogą negatywnie wpływać na wygodę użytkowników i zwiększać współczynniki odrzuceń. Optymalizacja czasu wczytywania reklam jest kluczowa dla zapewnienia płynności interakcji użytkowników i przeglądania stron.
- Miejsca docelowe reklamy w części strony widocznej na ekranie są wartościowe, ale ważne jest, aby nie przeciążać tej przestrzeni zbyt dużą liczbą reklam. Zbyt duża liczba reklam zaśmieca stronę, pogarsza czytelność treści i utrudnia korzystanie z aplikacji. Zadbaj o równowagę między zarabianiem a utrzymaniem przejrzystego i przyjaznego dla użytkowników układu strony.
- Sprawdź, czy boksy reklamowe w części strony widocznej na ekranie są zgodne z różnymi rozmiarami ekranów i urządzeniami. Sposoby projektowania elastycznego mogą pomóc w utrzymaniu spójnego i atrakcyjnego wizualnie układu niezależnie od rozmiaru ekranu użytkownika.
Reklamy w części strony widocznej po przewinięciu
![Wizualna reprezentacja koncepcji reklamy w części strony widocznej po przewinięciu.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-4.png?authuser=6&hl=pl)
Boksy reklamowe w części strony widocznej po przewinięciu, czyli reklamy umieszczone w tej części strony, która staje się widoczna dopiero po przewinięciu strony, również mają dużą wartość w świecie reklam cyfrowych. Te miejsca docelowe mają wyjątkowe zalety, które uzupełniają miejsca docelowe w części strony widocznej na ekranie.
Reklamy w części strony widocznej po przewinięciu są bardziej przydatne, jeśli użytkownik przewinie stronę w dół, by zobaczyć więcej treści. Te miejsca docelowe przyciągają uwagę zaangażowanych użytkowników, którzy aktywnie szukają dodatkowych informacji, dzięki czemu są wartościowe dla marek, które chcą przekazywać bardziej złożone komunikaty lub narracje.
- Boksy reklamowe, które na początku nie są widoczne, mogą dopasować się do sąsiadujących treści, co zwiększa dopasowanie do kontekstu. Takie dopasowanie może zwiększać zaangażowanie użytkowników, gdy odkrywają reklamy związane z treścią, którą przeglądają.
- Starannie zaprojektowane reklamy znajdujące się w części strony widocznej po przewinięciu mogą płynnie integrować się z otaczającą ją zawartością, dzięki czemu nie są uciążliwe dla użytkowników. Integracja ta, zwana też reklamą natywną, może zapewnić użytkownikom większą wygodę.
- Miejsca docelowe reklamy wymagane do przewijania zapewniają większą elastyczność tworzenia i formatu reklam, a także wystarczającą ilość miejsca i swobodę eksperymentowania. Reklamy wideo, elementy interaktywne i większe obrazy można ładować leniwie, aby przyciągać uwagę użytkowników bez zakłócania wrażeń użytkownika.
W przypadku miejsc docelowych reklamy w części strony widocznej po przewinięciu należy pamiętać o tych kwestiach:
- Miejsca docelowe reklamy w części strony widocznej po przewinięciu mogą być skuteczne, ale ważne jest, by użytkownicy zachęcali użytkowników do przewijania strony w dół. Umieszczając wskazówki wizualne lub zwiastuny treści, możesz zachęcić użytkowników do dalszego odkrywania treści, co zwiększa prawdopodobieństwo wyświetlenia reklamy.
- Umiejscowienie reklam w części strony widocznej po przewinięciu nie powinno pogarszać jakości ani czytelności treści. Zachowanie równowagi między reklamami a treścią, aby uniknąć przytłoczenia użytkowników i zapewnić im pozytywne wrażenia.
- W przeciwieństwie do miejsc docelowych reklam w części strony widocznej po przewinięciu reklamy w części strony widocznej po przewinięciu nie muszą ładować się od razu. Opóźnienie wczytywania tych reklam do momentu, gdy znajdą się blisko obszaru widocznego dla użytkownika, może poprawić ogólną szybkość wczytywania strony i skrócić początkowy czas renderowania strony.
Strategiczne użycie reklam w części strony widocznej po przewinięciu może stanowić uzupełnienie reklam w części strony widocznej na ekranie i zapewniać platformę dla kreatywnych formatów reklam oraz dopasowania do kontekstu. Jednak optymalizacja widoczności, zrównoważenie treści i zarządzanie czasem wczytywania reklamy to kluczowe kwestie, które mają na celu zapewnienie użytkownikom pozytywnych wrażeń.
Sprawdzone metody dotyczące tagów wydawcy Google:
- Ogólne sprawdzone metody
- Sprawdzone metody dotyczące reklam
- Minimalizowanie przesunięcia układu
- Monitorowanie skuteczności
- Unikanie częstych błędów implementacji
Leniwe ładowanie reklam w odpowiednich miejscach
![Wizualizacja leniwego ładowania w porównaniu z zasobami nieleniwym ładowaniem. Gdy zasoby są ładowane leniwie, przepustowość jest zachowywana podczas wczytywania strony, a zasoby są odkładane do momentu, w którym użytkownik najprawdopodobniej je zobaczy.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-5.png?authuser=6&hl=pl)
Leniwe ładowanie to technika, która opóźnia wczytywanie niekrytycznych zasobów do momentu, gdy będą potrzebne. Zastosowanie leniwego ładowania w przypadku reklam, które nie są od razu widoczne (czyli tych w części strony widocznej po przewinięciu), pozwala na ładowanie ich tylko wtedy, gdy je zobaczymy. Pozwala to ograniczyć przepustowość sieci i poprawić ogólną szybkość działania strony. Przeglądarki obsługują teraz natywne leniwe ładowanie elementów iframe z prostym atrybutem loading=lazy
.
Dzięki zastosowaniu leniwego ładowania reklamy są pobierane dynamicznie, gdy znajdują się w widocznym obszarze, co skraca początkowy czas wczytywania i skraca całkowity czas blokowania (TBT) (który silnie koreluje z INP) w głównym wątku w tym kluczowym wątku, co minimalizuje negatywny wpływ na wrażenia użytkownika.
Odśwież reklamy bez odświeżania strony
![Wizualizacja reklam, które są odświeżane 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=6&hl=pl)
Dodatkową techniką, która pozwala zrównoważyć wydajność strony z wczytywaniem reklam, jest odświeżanie reklam co 30–240 sekund1 bez ponownego wczytywania całej strony. Takie podejście umożliwia dynamiczne aktualizowanie treści reklamy bez zakłócania wrażeń użytkownika przeglądania i powodowania niepotrzebnych opóźnień.
W przypadku aplikacji mobilnych odświeżanie reklam w istniejących widokach witryny zapewnia większą skuteczność niż ponowne załadowanie całej strony lub ponowne tworzenie komponentów WebView, ponieważ zmniejsza nakład pracy związany z danymi i zasobami, co przekłada się na szybsze aktualizacje treści i płynniejsze wrażenia użytkownika bez konieczności rozpoczynania od zera.
Dzięki asynchronicznemu odświeżaniu reklam właściciele witryn mogą zadbać o to, aby ich zawartość pozostała bez zmian, a jednocześnie płynnie aktualizować treść reklamy w miejscu i w czasie rzeczywistym. Nie tylko zwiększa to szybkość strony, eliminując konieczność jej ponownego ładowania, ale także zwiększa trafność i atrakcyjność wyświetlanych reklam. Dzięki tej metodzie właściciele witryn mogą znaleźć równowagę między zarabianiem a wynikami, wyświetlać w odpowiednim czasie i wciągające treści reklamowe, a jednocześnie zminimalizować negatywny wpływ na wrażenia użytkownika.
Odświeżanie boksów reklamowych jest szczególnie przydatne w przypadku stron, na których użytkownicy spędzają więcej czasu, takich jak strony z przepisami, samouczki dla majsterkowiczów czy inne witryny zawierające wiele treści. Na przykład w przypadku strony typu „zrób to sam”, na której użytkownicy mogą spędzać sporo czasu na zapoznawaniu się z samouczkami, strategicznie odświeżać boksy reklamowe w przerwach między etapami lub oglądając galerie obrazów, może to poprawić zarówno wrażenia użytkowników, jak i przychody z reklam. Podobnie na stronie z przepisem odświeżanie boksów reklamowych po tym, jak użytkownicy przewiną listę składników lub instrukcji, może utrzymać zainteresowanie użytkowników.
Priorytetowe wczytywanie asynchronicznego
Jedną z najskuteczniejszych strategii zwiększania szybkości stron podczas wyświetlania reklam jest ładowanie asynchroniczne. Ładowanie asynchroniczne wczytuje reklamy niezależnie od treści strony głównej, co umożliwia dalsze renderowanie strony i staje się interaktywną bez oczekiwania na pełne wczytanie reklam. Znacznie skraca to 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>
Zoptymalizuj rozmiary, pozycję i formaty reklam
![Ilustracja przedstawiająca urządzenia o różnych rozmiarach widocznego obszaru, z miejscami docelowymi reklamy oznaczonymi zielonymi polami i tekstem „Reklama”.](https://web.developers.google.cn/static/articles/loading-ads-page-speed/image/fig-7.png?authuser=6&hl=pl)
Rozmiar, pozycja i format reklam mogą mieć duży wpływ na szybkość strony. Duże reklamy mogą spowalniać wczytywanie strony, powodując frustrację użytkowników. Aby temu zaradzić, właściciele witryn powinni ściśle współpracować z reklamodawcami i optymalizować rozmiary i formaty reklam. Wykorzystanie skompresowanych formatów obrazów i efektywne zaprojektowanie kreacji reklamowej pomaga zmniejszyć rozmiar plików bez pogorszenia jakości obrazu. Te optymalizacje nie tylko poprawiają szybkość działania stron, ale także minimalizują użycie danych przez użytkowników z ograniczoną przepustowością.
Better Ads Standards
Przestrzegaj zasad Better Ads Standard, ponieważ nie tylko poprawia to wygodę 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 zgodności z tymi standardami reklamy mogą być częściej umieszczane na pozycjach, które są mniej uciążliwe i przeszkadzające, co może zwiększyć zaangażowanie użytkowników i współczynnik klikalności.
Przestrzeganie tych wytycznych może także przyspieszyć wczytywanie stron, ponieważ preferowane są lżejsze formaty reklam, które wymagają mniej zasobów, co poprawia ogólną skuteczność witryny i zwiększa zadowolenie użytkowników.
Strategiczna ocena sieci reklamowych i dostawców
Nie wszystkie sieci reklamowe i dostawcy są sobie równe pod względem skuteczności. Aby zapewnić optymalną szybkość działania, właściciele witryn powinni starannie ocenić skuteczność różnych sieci reklamowych, implementacji określania stawek przez kod w nagłówku oraz dostawców.
Nawiązanie współpracy z dostawcami, którzy traktują priorytetowo szybkość, a jednocześnie potrafią efektywnie wyświetlać proste treści reklamowe, mogą znacznie zwiększyć wydajność strony i poprawić wrażenia użytkowników.
Podsumowanie
Osiągnięcie równowagi między zarabianiem a skutecznością jest kluczowe dla właścicieli witryn, którzy chcą zapewnić użytkownikom maksymalną wygodę, a jednocześnie zmaksymalizować przychody z reklam online.
Dzięki takim technikom jak asynchroniczne ładowanie, leniwe ładowanie, optymalizacja formatów i rozmiarów reklam, inteligentne buforowanie, staranne ocenianie sieci reklamowych oraz określanie stawek przez kod w nagłówku i określanie stawek przez kod w nagłówku właściciele witryn są w stanie sprostać wyzwaniom związanym z wczytywaniem reklam bez pogarszania skuteczności stron. Priorytetowe traktowanie efektywnego wyświetlania reklam przyczynia się do podziału użytkowników na segmenty, zwiększenia ich zaangażowania i zrównoważonego generowania przychodów.
Przypisy
- W przypadku serwerów reklam mogą obowiązywać ograniczenia i wymagania. Na przykład Ad Manager wymaga od wydawców zadeklarowania zasobów reklamowych, które odświeżają się 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. Dowiedz się więcej