5 najważniejszych spostrzeżeń z „Practical Rendering SEO Explained” z Martinem Splittem i Bartoszem Góralewiczem

6 października 2021 r. Bartosz Góralewicz rozmawiał z Martinem Splittem z Google na temat Rendering SEO – tematu, który od dłuższego czasu poruszają i ujawniają społeczności SEO.

Webinarium poprowadził Jason Barnard, a zorganizował Duda.co.

Możesz przeczytać pełną transkrypcję tutaj i obejrzeć nagranie tutaj, ale w tym krótkim artykule chcę opowiedzieć o niektórych rzeczach, które uważam za najbardziej godne uwagi podczas tej rozmowy.

Sprawy renderowania do rankingu

Bartosz otworzył dyskusję od fundamentalnego pytania do wielu SEO, a odpowiedź Martina była całkiem prosta: Tak, jeśli coś pójdzie nie tak, gdy Google próbuje renderować Twoją stronę, może to Ci zaszkodzić.

Renderowanie jest niezbędnym krokiem w procesie indeksowania Google. Składa się głównie z pobierania zasobów i wykonywania JavaScript w celu utworzenia drzewa układu dla danej strony. To drzewo układu jest kluczowym źródłem informacji o tej stronie dla Google – pomaga zrozumieć, gdzie znajduje się główna treść, o czym jest strona i jest używane w dalszych krokach, które prowadzą do wyświetlenia Twojej strony w wynikach wyszukiwania.

Nawet najdrobniejszy błąd w kodzie może prowadzić do nieprawidłowego renderowania części lub nawet całej strony, zarówno w przeglądarkach użytkowników, jak i w usłudze renderowania stron internetowych Google. Konsekwencje tego mogą się różnić, od niezaindeksowania strony, ponieważ Google nie widzi treści, do niektórych części tej treści, które nie są indeksowane, co z kolei może uszkodzić Twoje rankingi.

I niestety, nawet patrząc na niektóre bardzo popularne witryny, można znaleźć wiele błędów i JavaScript, który jest po prostu zbyt ciężki do renderowania – nasze badania sugerują, że za problem częściowego indeksowania często odpowiadają ciężkie skrypty.

Renderowanie to nie tylko JavaScript

Ten punkt jest krytyczny, ponieważ sugeruje, że powinieneś sprawdzić, w jaki sposób Google może renderować Twoją witrynę, niezależnie od tego, czy używasz JavaScript, czy nie (chociaż ośmielam się znaleźć popularną witrynę, która obecnie nie używa JavaScript).

Renderowanie jest często utożsamiane z wykonywaniem JavaScript, ale to nie wszystko — obejmuje wszystkie elementy wizualne Twojej witryny, takie jak menu, karuzele linków, obrazy, filmy, a nawet akapity tekstu.

Chociaż debugowanie JavaScript jest najtrudniejszą częścią renderowania SEO, powinieneś starać się zrozumieć, w jaki sposób Google przetwarza również elementy inne niż JS.

Na przykład możesz ułatwić pracę Google, a tym samym przyspieszyć proces indeksowania, używając wymiarów obrazu dla wszystkich obrazów. Dzięki temu Google może pominąć renderowanie obrazów i użyć dostarczonych wymiarów do wygenerowania drzewa układu. Pomaga również w utrzymaniu budżetu indeksowania, ponieważ pliki graficzne nie będą musiały być pobierane!

Google dba o zużycie procesora podczas renderowania

Bartosz zapytał Martina, jak SEO może ułatwić Google proces renderowania podczas optymalizacji zasobów. Jego odpowiedź była interesująca i myślę, że jest to coś, o czym nie często się wspomina:

„Usługa renderowania Google nie dba o piksele, więc nie malujemy, więc jeśli zobaczysz coś, co kosztuje bardzo dużo farby, nie musisz się tym martwić. Nie używamy żadnych procesorów graficznych do malowania obrazów i nie obchodzi nas nic związanego z farbą.

Drogie układy są trudne, zwłaszcza praca z układami, która ma miejsce w głównym wątku – praca z układami, która powoduje, że czas procesora jest cenny dla Google”.

Możesz więc zminimalizować ilość pracy z głównym wątkiem potrzebną do renderowania twoich stron. Chociaż może to nie odgrywać roli w przypadku małej witryny, jeśli masz miliony stron, koszt procesora sumuje się i może potencjalnie spowolnić proces indeksowania witryny.

Korzystanie z platform CMS wiąże się z zaletami i wadami renderowania

Martin miał fascynującą rzecz do powiedzenia o tym, jak platformy CMS mogą wpłynąć na renderowanie Twojej strony:

„Zaletą platform jest to, że za każdym razem, gdy optymalizują rzeczywistą platformę, otrzymujesz tę optymalizację za darmo. Właściwie nie musisz nic z tym robić, więc to miłe. Jeśli tworzysz swój własny obiekt, musisz wykonać prace optymalizacyjne i nigdy, przenigdy, jakaś optymalizacja nie wpadnie Ci w ręce”.

Ale to ma swoją cenę. Korzystanie z platformy CMS oznacza, że ​​Twoja witryna musi dostarczyć nadmiarowy kod, którego możesz nigdy nie użyć. Platforma może zapewniać gotową funkcję, z której nigdy nie będziesz korzystać, ale może być niemożliwe pozbycie się kodu, który umożliwia tę funkcję.

Renderowanie SEO pomaga zarówno Google, jak i Twoim użytkownikom

Optymalizując renderowanie, często po prostu robisz jaśniejsze strony. Dla Google oznacza to mniejsze zużycie procesora i mniejsze pobieranie zasobów, co jest doskonałe, ponieważ są to rzeczy, które Google wydaje bardzo ostrożnie.

Ale jest równie dobry dla zwykłych użytkowników, zwłaszcza jeśli korzystają z urządzeń z niższej półki ze słabym połączeniem.

Jak to ujął Martin:

„Im droższe, tym gorzej dla nas jako doświadczenie. Wyszukiwarce Google tak naprawdę to nie obchodzi, musimy po prostu zainwestować w potrzebne zasoby i wykonujemy wiele optymalizacji, aby mieć pewność, że marnujemy jak najmniej czasu i energii. Ale oczywiście, jeśli to optymalizujesz, miłym efektem ubocznym jest to, że Twoi użytkownicy prawdopodobnie również będą szczęśliwsi, ponieważ potrzebują mniej baterii, ich stary telefon nadal będzie działał dobrze z tym, co tam umieścisz i będą mogli konsumować Twoje treści internetowe, a może nie konkurentów, ponieważ konkurenci po prostu nie dbają o to i faktycznie produkują coś, co jest mniej wygodne w użyciu na ich telefonach. Więc to nie jest coś, w którym stawiasz Google vs UX, to jest trochę jak ten sam problem lub to samo wyzwanie i wszyscy temu mierzymy, w tym wyszukiwarka Google, więc to miłe”.