27/05/2021
A już było tak pięknie. Twoje najważniejsze frazy w TOP3 Google. A teraz co, znowu jakaś zmiana algorytmu? Cała praca nad SEO na nic?!
Pewnie słyszałeś o planowanych zmianach w algorytmach Google? Mogą one spowodować, że Twoja strona nie będzie tam, gdzie jest teraz.
Na pewno obiło Ci się o uszy takie hasło jak ▶ Core Web Vitals. ◀ Co to jest i co możesz zrobić, żeby Twoja strona była przygotowana na wejście nowego algorytmu Google?
Już tłumaczę. W tej chwili Google bierze pod uwagę te parametry, które ważne są od lat:
🔹 treść strony,
🔹 optymalizacja techniczna
🔹 linki zewnętrzne.
Dodatkowo algorytm w obecnej postaci uwzględnia takie rzeczy jak:
🔹 szyfrowane połączenie do strony,
🔹 dostosowanie do użytkowników mobilnych,
🔹 brak nachalnych reklam,
🔹 brak złośliwego kodu w Twojej witrynie.
📣 Co się zmieni? Dojdą trzy nowe wskaźniki, związane z wrażeniami użytkownika.
🔶 LCP - Largest Contentful Paint,
czyli czas wyświetlania największego elementu na Twojej stronie.
Związany jest z ładowaniem strony. Czas oczekiwania użytkownika na wyświetlenie nie powinien być dłuższy niż dwie i pół sekundy.
🔶 FID - First Input Delay. Mierzy on czas, w jakim strona odpowie na kliknięcie użytkownika.
Związany jest z interaktywnością. Czyli przykładowo klikasz w Menu i system mierzy, po jakim czasie strona przejdzie do wyświetlania kolejnej podstrony. Ta interakcja powinna trwać krócej niż 0,1 sekundy.
🔶 CLS - Cumulative Layout Shift, czyli skumulowane przesunięcie elementów na stronie.
Związany jest z wrażeniami użytkownika po wejściu na stronę, a wyraża się w przesunięciach elementów, które użytkownik widzi na stronie. Na pewno tego doświadczyłeś nie raz, kiedy wchodzisz do jakiegoś serwisu, chcesz coś kliknąć, pojawiają się reklamy i klikasz zupełnie inną rzecz, niż pierwotnie miałeś zamiar, ponieważ one się poprzesuwały. Google mierzy właśnie te przesunięcia. Nie ma tutaj konkretnej miary w sekundach ani w centymetrach, ani w pikselach, natomiast Google posługuje się swoją skalą i to przesunięcie powinno być mniejsze niż 0,1.
🔍 Jak sprawdzić, czy Twoja strona jest gotowa na te nowe wskaźniki? Mamy tutaj kilka prostych metod.
⚙ Web Vitals
to wtyczka do przeglądarki, która pokazuje Ci tylko i wyłącznie samą wartość wskaźnika. Świeci się na zielono lub czerwono i pokazuje cyferki. Najprostsza metoda.
⚙ Lighthouse,
czyli latarnia morska. To wtyczka, która uruchamia osobny program w przeglądarce, który już dogłębnie testuje wszystkie parametry i jest Ci w stanie dokładnie pokazać, które elementy Twojej strony powodują problemy z osiągnięciem dobrych wyników.
⚙ PageSpeed Insights
od Google to bardzo popularny system. Jest zupełnie darmowy. Podajesz adres testowanej strony i system sprawdza te najważniejsze parametry, wyświetla Ci również informację, które z parametrów nie mieszczą się w ramach wyznaczonych przez Google i co najprawdopodobniej jest przyczyną błędów.
⚙ Search Console
bardzo popularny system, w którym Google komunikuje się z webmasterami. Tam możesz znaleźć sekcje podstawowe wskaźniki internetowe. Jeśli któreś z Twoich podstron nie spełniają tych kryteriów, to zobaczysz stosowną informację. Zobaczysz tam również przykłady podstron, które nie spełniają danego wskaźnika, żebyś mógł poddać je dogłębnej analizie i poprawić te elementy, które sprawiają tam problem.
📈 Co możesz zrobić, żeby poprawić te parametry?
Przede wszystkim zrób kopię swojej strony. To jest mega ważne, zanim zaczniesz robić cokolwiek innego, bo bardzo łatwo popsuć stronę, doprowadzić do stanu, w którym będzie ona zupełnie nieużyteczna.
❓ Co możesz zrobić, żeby przyspieszyć czas ładowania?
▶ Zmień serwer, na taki, który ma dyski SSD. Poczytaj oferty firm hostingowych, od razu zauważysz, że wyróżniają one serwery z tymi dyskami SSD jako te wyraźnie lepsze.
▶ Odinstaluj zbędne dodatki, jeśli używasz WordPressa. To jest balast, który jest niepotrzebny, który ciągnie Twoją stronę w dół w wynikach wyszukiwania.
▶ Przeskaluj obrazki, jeśli masz na górze strony, jakiś baner, duże obrazki przeskaluj je przed wrzuceniem na stronę do takich rozmiarów, jakie fizycznie są na stronie. Nie wrzucaj bardzo dużego obrazka, bo wtedy on jest fizycznie ściśnięty, ale ma pełny rozmiar oryginału i ładuje się bardzo długo.
▶ Skompresuj obrazki w tle, one nie muszą być dobrej jakości, bo to jest tylko tło, które nie będzie i tak zbyt wyraźne.
▶ Usuń niepotrzebne skrypty JavaScript albo arkusze stylów. Są narzędzia, które pozwalają zdiagnozować, co faktycznie jest na stronie używane, a co nie. I tam możesz dokładnie sprawdzić, co wolno usunąć, a co lepiej zostawić tak jak jest.
❓ Co możesz zmienić, żeby poprawić czas odpowiedzi strony na reakcję użytkownika?
▶ Usuń zewnętrzne skrypty. Skup się na usunięciu zbędnych dodatków, które ładujesz do swojej strony. To są wszelkie skrypty śledzące Pixel Facebooka, Google Analytics, tagi remarketingowe, to są systemy takie jak Hotjar, Mouseflow, Yandex Metrica, które śledzą, co robią użytkownicy na stronie. W pewnym momencie to jest niezbędne, ale być może już czas, żeby się z nimi pożegnać? Może już wiesz, co robią użytkownicy na Twojej stronie i możesz je po prostu wyłączyć. Jeśli tak, to wyłącz.
▶ Zastosuj asynchroniczne ładowanie niektórych plików. Pewnie nie wiesz, o co chodzi, ale programista powinien wiedzieć.
❓ Co możesz zrobić, żeby to poprawić stabilność wizualną?
▶ Rozmiar w HTML.
Tutaj również główna rola Twojego programisty, musi on przede wszystkim w kodzie strony wpisać na sztywno wielkości poszczególnych elementów, żeby przeglądarka nie musiała czekać, aż załadują się obrazki, żeby określić, ile miejsca zajmą, tylko żeby miała to bezpośrednio wpisane w kodzie HTML. Dotyczy to wszelkich innych miejsc, gdzie ładowana jest dynamiczna treść, czyli np. reklamy serwowane przez Google, też to miejsce musi mieć na sztywno zadany rozmiar.
▶ Usuń preloader.
Chodzi o dodatki do strony, które powodowały, że w czasie ładowania kręciło się kółeczko i nie było widać właściwej treści. W tym momencie Google może to interpretować jako przesunięcie elementów strony, bo najpierw widać duży biały ekran z kręcącym się kółeczkiem, a za chwilę to wszystko przeskakuje, znika i widać właściwą treść. To będzie mega duże przesunięcie treści i dostaniesz tutaj kolejne ujemne punkty od algorytmu Google.
▶ Użyj wstępnego ładowania czcionek.
Na naszych stronach bardzo często używane są czcionki internetowe, które ładowane są z zewnętrznych serwerów. Jeśli nie zostaną wstępnie załadowane przed wyświetleniem treści, to najpierw wyświetli się cała treść strony wyrenderowana za pomocą takiej domyślnej czcionki systemowej, a dopiero za chwilę pojawi się ta właściwa czcionka i całość się zacznie przesuwać. Będziemy mieć znowu te przesunięcia treści, które są negatywnie odbierane przez Google.
Powiedziałem Ci o najważniejszych rzeczach, takich, które możesz zrobić sam lub z programistą. Przymierz się do tego, zanim będzie za późno, zanim Google wprowadzi cały algorytm w życie. Twoja strona może na tym bardzo dużo stracić!
