Podstawowe wskaźniki internetowe Google i co musisz zrobić, aby uniknąć utraty ruchu

Widziałeś nagły spadek ruchu w witrynie w ciągu ostatniego roku? Prawdopodobnie winowajcą jest aktualizacja Core Web Vitals firmy Google.

Po aktualizacji wyszukiwarki latem 2021 r. wiele witryn odnotowało dramatyczny spadek ruchu w witrynie. Takiego ruchu nie widzieli od tego czasu, pozostawiając spoconych dłoni menedżerów marketingu w poszukiwaniu pomysłów.

Brzmi znajomo? Czytaj dalej, jeśli to opisuje twoje wrażenia lub jeśli chcesz chronić swój ruch sieciowy przed karaniem przez przyszłe aktualizacje Core Web Vitals (CWV).

Ten artykuł jest oparty na jednym z naszych popularnych webinariów. Obejrzyj wideo i pobierz slajdy:

Jak aktualizacja Core Web Vitals firmy Google zmieniła grę w SEO

Jeśli chodzi o SEO, jest wiele rzeczy, których nie możesz kontrolować. Nie możesz kontrolować Google. Nie możesz kontrolować, kto wchodzi na Twoją witrynę ani na jakie strony przechodzą.

Ale możesz kontrolować architekturę, inżynierię i szybkość swojej witryny.

Co to są kluczowe wskaźniki internetowe?

Core Web Vitals (CWV) to sposób Google na mierzenie tego, co według wyszukiwarki jest ważne w odniesieniu do wydajności witryny, co oznacza szybkość i responsywność. Są trzy elementy:

1. Największe wyrenderowanie treści (LCP) — Ile czasu zajmuje wczytanie strony? Zwykle mierzone w sekundach lub, jeśli Twoja witryna jest wyjątkowo wolna, dziesiątkach sekund.
2. Opóźnienie pierwszego wejścia (FID) — po jakim czasie witryna reaguje na kliknięcie lub interakcję użytkownika? Zwykle mierzone w milisekundach.
3. Kumulatywne przesunięcie układu (CLS) — jak bardzo zmienia się witryna podczas ładowania? Zwykle mierzone w sekundach.

Google mierzy te elementy na dwa sposoby. Dane laboratoryjne , w których wprowadzasz swoją stronę internetową do oprogramowania lub narzędzia testowego (więcej o tym później). Oraz dane terenowe , które są oparte na rzeczywistych działaniach użytkowników w Twojej witrynie.

Google nie będzie dysponować danymi pola ani ich używać dla każdej strony, ale określi, co mierzy, na podstawie natężenia ruchu. Im wyższy wolumen, tym bardziej prawdopodobne, że będą rzeczywiste dane z pola. Ponadto Google może agregować te dane w całej witrynie. Ta agregacja może spowodować duże pogorszenie. Czemu? Jeśli masz wielu odwiedzających od osób o słabej łączności, takich jak telefony komórkowe z połączeniami 3G lub miejsca na świecie, w których nie ma jeszcze światłowodów, ten ruch może zniekształcić dane. Tak więc Google może wydawać się, że Twoja witryna działa wolno, nawet jeśli dla innych użytkowników jest w porządku, a dane laboratoryjne pokazują, że masz witrynę o wysokiej wydajności.

Dlaczego CWV mają znaczenie?

To jest przykład witryny, która została trafiona przez aktualizację CWV i straciła połowę ruchu w ciągu trzech miesięcy. Auć. Te dane pochodzą z Google Search Console (więcej o tym później).

Google karze powolne witryny, ponieważ użytkownicy nie lubią powolnych witryn. To, co Google próbuje zrobić z CWV, to uczynić sieć bardziej zorientowaną na użytkownika, co jest dobrą rzeczą. Doświadczenie użytkownika ma znaczenie, gdy sprzedajesz rzeczy. Współczynniki konwersji spadają za każdą dodatkową sekundę czasu ładowania do pięciu sekund, a następnie spadają o 4,42 procent. Krótko mówiąc, jeśli Twoja witryna ładuje się w ciągu sześciu sekund, a witryna konkurenta ładuje się w ciągu jednej sekundy, uzyskają oni lepszy współczynnik konwersji niż Ty.

Aktualizacja Core Web Vitals po prostu nadała tym czynnikom priorytet, jeśli chodzi o grę SEO. Jeśli chcesz grać dalej, musisz zaakceptować, że zmieniły się zasady. Następnie dostosuj się.

Jak mierzyć kluczowe wskaźniki internetowe swojej witryny?

Dostrzeżenie problemu to pierwszy krok do rozwiązania problemu. Niestety, nie ma jednego narzędzia, które rozwiąże wszystkie Twoje problemy związane z pomiarem i optymalizacją CWV.

To, co próbujesz zrobić, to przetestować, czy modyfikacja czegoś w Twojej witrynie ma jakikolwiek wpływ na ruch, prawda? Wprowadzasz więc zmianę, poczekaj, aż rzeczywiste dane użytkowników gromadzą się w ciągu miesiąca lub dwóch (dane laboratoryjne mogą tylko tyle przewidzieć), a następnie poczekaj, aż Google to zauważy.

Aby uzyskać pełny obraz, musisz spojrzeć na problem z różnych perspektyw. Oznacza to wiele narzędzi. Po wielu próbach i błędach polecamy ten zestaw narzędzi:

1. Konsola wyszukiwania Google

Google Search Console**** jest darmowym narzędziem, którego absolutnie musisz użyć, jeśli chcesz uzyskać prawdziwe dane na temat CWV w całej witrynie. Ile stron ma dobre wyniki? Ile potrzeba poprawy? Ilu z nich ma słabe punkty? Zielony, żółty, czerwony. To jedyne miejsce, w którym możesz uzyskać własny raport Google na tym poziomie.

Możesz poprosić Google o formalne sprawdzenie Twojej witryny, klikając przycisk „Ponowna weryfikacja”, a Google będzie zbierał lub sprawdzał dane z pól przez kilka tygodni. Mówią, że zajmuje to do 28 dni.

Tak, dobrze słyszałeś. Odświeżenie danych zajmuje miesiąc. To bardzo powolna pętla sprzężenia zwrotnego.

2. Kliknięcie

Clickio zapewnia dane zbliżone do danych w czasie rzeczywistym w Core Web Vitals, które możesz uzyskać. Wymaga to umieszczenia w witrynie modułu śledzącego, który, jak na ironię, dodaje trochę wagi strony, ale jest na tyle przydatny, że jest tego wart, o ile działasz na danych, które z niej uzyskujesz.

Clickio będzie informować Cię o zmianach w czasie. Jakie jest skumulowane przesunięcie układu na wszystkich naszych stronach internetowych wyświetlanych na urządzeniach mobilnych w danym kraju w ciągu ostatniego miesiąca? Jaki procent użytkowników otrzymuje w tym kwartale największe treściowe malowanie trwające dłużej niż cztery sekundy z naszych blogów na urządzeniach stacjonarnych? Możesz pokroić i pokroić dane na wiele sposobów, aby uzyskać potrzebne informacje.

Ostrzeżenie zdrowotne: narzędzie pokazuje interpretację danych Google przez Clickio. NIE pokazuje tego, co widzi Google. To najlepszy znaleziony przez nas wskaźnik wiodący, który pozwala rozwiązać potencjalne problemy związane z CWV bez konieczności oczekiwania miesiącami na otrzymanie opinii, i zapewnia dużą szczegółowość , na przykład dane z podziałem na kraje. Ale to nie są rzeczywiste dane Google. A ponieważ są to dane w czasie rzeczywistym , musisz poświęcić trochę czasu na zgromadzenie wystarczającej ilości znaczących danych, zanim będziesz mógł z całą pewnością stwierdzić, czy wprowadzona zmiana zadziałała, czy nie. To nie jest natychmiastowe, ale nie musisz też czekać przez cały miesiąc, aż się odświeży.

3. Google Analytics

Google Analytics pobierze kilka reprezentatywnych punktów danych i z czasem wyświetli na tej podstawie statystyki skuteczności strony , dzięki czemu możesz zobaczyć, gdzie ruch spada lub wzrasta. Jeśli nie masz wielu odwiedzających, te dane prawdopodobnie nie będą dla Ciebie zbyt przydatne, ale jest to dobry sposób na śledzenie tych informacji w czasie i wyróżnianie wolnych stron, które wymagają Twojej uwagi.

4. Studio danych Google

Studio danych Google pokazuje procent wydajności w Twojej witrynie dla każdego z kluczowych wskaźników internetowych. Zasadniczo jest to historia zmian w czasie. Ulepszenia, najlepiej.

To byłoby niesamowite, gdyby odbywało się to w czasie rzeczywistym. Gdybyś mógł spojrzeć na ostatnie 28 dni w sposób ciągły, praca wykonana, po prostu wiedziałbyś, że to, co robisz, ma wpływ. Niestety Google aktualizuje ten miesiąc z opóźnieniem w połowie kolejnego miesiąca. To jeszcze wolniejsza pętla sprzężenia zwrotnego niż Google Search Console. Dlatego jest to migawka danych retrospektywnych. Przydatne do monitorowania postępów, ale powolne.

5. Web.dev - Latarnia morska

Web.dev, witryna należąca do Google, udostępnia narzędzie typu open source o nazwie Lighthouse. To narzędzie udostępnia dane laboratoryjne na poszczególnych stronach. Wprowadzasz adres URL, który poinformuje Cię o dostępności wydajności, najlepszych praktykach, wyniku SEO itd. – możesz zobaczyć więcej danych, klikając „Wyświetl mapę drzewa” w aplikacji.

Istnieje pewna zmienność danych, ponieważ dane mogą się nieco zmieniać w zależności od przeglądarki, pory dnia, pamięci podręcznej lub innego rodzaju „pogody internetowej”. Jednak nadal jest całkiem nieźle.

6. Web.dev — PageSpeed ​​Insights

Google PageSpeed ​​Insights to miejsce, w którym uzyskasz dane dotyczące pól na poziomie strony. Ponownie wpisujesz adres URL, który daje dane pola dla LCP, CLS, FID i tak dalej. Potrzebujesz jednak określonego natężenia ruchu na stronie, aby uzyskać przyzwoite dane dotyczące pola.

7. GTmetrix

GTmetrix dekonstruuje stronę internetową i mówi, jak duży jest każdy z plików, ile rzeczy jest ładowanych, jak jest zaprojektowany i tak dalej. Jest to świetne narzędzie dla programistów do stron kontroli jakości i sprawdzania, czy nie dodali dużego pliku obrazu lub nadętego widżetu, który spowolni czas ładowania.

Sugerujemy używanie tego narzędzia i narzędzi web.dev w połączeniu z pomiarem, jakie zmiany zadziałały na poszczególnych stronach.

8. Debuguj Niedźwiedź

DebugBear pobiera listę stron i raportów dotyczących podstawowych wskaźników internetowych oraz kilku innych wskaźników. Jest to przydatne jako narzędzie do monitorowania kondycji, a nie narzędzie diagnostyczne. Za jego pomocą można monitorować około 20 stron „kanarka w kopalni”. Więc jeśli jakieś działania dodają wagi Twojej witrynie, możesz to zobaczyć tutaj.

Jak zoptymalizować swoją witrynę, aby ulepszyć Core Web Vitals

Porozmawiajmy teraz o działaniach, które możesz wykonać, aby ulepszyć Core Web Vitals. Z powyższych narzędzi uzyskasz wiele informacji o tym, gdzie występują problemy, więc to tylko niektóre z rzeczy, które zrobiliśmy dla siebie i klientów, i które, jak wiemy, miały wpływ.

1. Zrehostuj swoją witrynę

To nie jest przebudowa ani przeprojektowanie Twojej witryny. Po prostu przenosi go w inne miejsce. Zazwyczaj widzimy około 30 procent poprawy wydajności witryn, które przenosimy z WordPressa do HubSpot.

Jeśli trzymasz się WordPressa, przeniesienie witryny do dedykowanej firmy hostingowej, takiej jak WP Engine, która faktycznie wie o wydajności, może mieć naprawdę dużą różnicę.

Przenosząc swoją witrynę na HubSpot (lub WP Engine), zyskasz:

• Buforowanie - dzięki temu strony ładują się szybciej po pierwszej wizycie. Ogólna witryna WordPress będzie wymagała wtyczki do buforowania, ale HubSpot ma ją wbudowaną.
• Sieć dostarczania treści (CDN), np. Akamai - dostarcza pliki do użytkownika z lokalnego serwera, nawet jeśli Twoja witryna jest hostowana gdzie indziej.
• CloudFlare DNS - w zasadzie pomaga to przyspieszyć działanie serwera nazw domen.

2. Wyłącz kod udostępniania społecznościowego HubSpot

Jeśli jesteś już na HubSpot, najszybszą wygraną numer jeden jest wyłączenie kodu udostępniania społecznościowego HubSpot na swoim blogu. HubSpot pozostawia te przyciski domyślnie włączone, irytująco. Spowoduje to usunięcie około 450 kilobajtów kodu JavaScript z każdej strony Twojego bloga.

Zrób migawkę przed i po szybkości strony i czasu ładowania w GTmetrix i web.dev. To naprawdę satysfakcjonujące.

3. Kompresuj obrazy

Kiedy po raz pierwszy uruchomiłeś swoją witrynę, twoi programiści mogli uniknąć używania ogromnych obrazów. Mamy nadzieję. Mamy nadzieję, że stosowali leniwe ładowanie obrazów, jako ogólną zasadę.

Ale później, mając dobre intencje marketerzy dodadzą polecane obrazy do blogów i stron i nagle. Bam. Twoja witryna jest spowolniona przez plik obrazu o wielkości 40 MB, który może zdobić bok odrzutowca.

Kompresuj obrazy do <250KB, najlepiej <100KB. Konwertuj obrazy na jpg lub używaj svgs, gdy tylko jest to możliwe. Zachowaj szczególną ostrożność w przypadku logo, zwłaszcza logo w stopce, ponieważ znajdują się one na każdej stronie Twojej witryny.

Ponownie, jeśli masz HubSpot, Articulate stworzył narzędzie o nazwie Fizz + Ginger do kompresji obrazów w postach na blogu i stronach internetowych w HubSpot.

4. Unikaj osadzania

To jest zrzut ekranu ze strony w naszej witrynie, która zawierała wbudowaną prezentację, osadzone wideo z YouTube, wyskakujące okienko, obrazy i niektóre media społecznościowe na żywo. Wszystkie te rzeczy dały do ​​sześciu megabajtów po prostu… rzeczy. Usunięcie jak największej ilości tego spowodowało, że strona ładowała się znacznie szybciej. Na przykład zastąpiliśmy osadzone filmy miniaturami, do których prowadzą linki.

5. Uprość swoje narzędzia marketingowe

Narzędzia marketingowe zwiększają wagę strony. Rzeczy takie jak Hot Jar lub Lucky Orange, które monitorują wykorzystanie strony, śledzone wezwania do działania lub Menedżer tagów Google – posiadanie tych narzędzi w witrynie jest przydatne, ale wiąże się z kosztami. Kosztem jest wydajność. Musisz więc używać ich oszczędnie i rozsądnie.

6. Włącz AMP

Istnieje standard od Google o nazwie przyspieszone strony mobilne lub AMP. Dzięki AMP otrzymujesz błyskawiczne czasy ładowania. Jeśli użytkownik kliknie wynik wyszukiwania w przeglądarce Google, wyświetli mu wersję AMP strony z serwerów Google.

Ale w tym procesie tracisz kontrolę nad tym, kto obsługuje tę stronę i jak ona wygląda. Usuwają go z powrotem do absolutnego minimum pod względem stylizacji. To kompromis.

7. Zoptymalizuj swój kod

To długa, trudna droga optymalizacji strony internetowej. Nie możesz tego po prostu podłączyć i grać. Musisz zoptymalizować swój kod. W tym celu musisz mieć wysokiej jakości zespół doświadczonych programistów, którzy zaimplementują takie rzeczy jak:

• Minimalizacja JavaScriptu i CSS
• Opóźnione ładowanie Javascript
• Domyślnie leniwe ładowanie
• Self-AMPification (np. brak wyświetlania polecanych obrazów na blogu na urządzeniach mobilnych)
• Dobre praktyki kodowania w ramach procesu rozwoju
• Minimalne użycie wtyczek i kodu zewnętrznego

Doświadczenie użytkownika jest wyznacznikiem przyszłości witryny

W nadchodzących latach Core Web Vitals będzie tylko rosło na znaczeniu. Firmy muszą teraz dostosować swoje witryny internetowe pod kątem wydajności i wygody użytkownika, aby uniknąć kary w następnej dużej aktualizacji.

Oczywiście z przyjemnością zaoferujemy nasze usługi SEO i tworzenia witryn internetowych, aby pomóc Ci dotrzeć tam, gdzie chcesz. Wiele się dowiedzieliśmy o Core Web Vitals i uwzględniliśmy tę wiedzę w naszych procesach, dzięki czemu nasze witryny są wysoce zoptymalizowane i lekkie.

Skontaktuj się z nami, aby otrzymać witrynę, której życzą sobie Twoi użytkownicy.