Twój ostateczny przewodnik po JavaScript SEO

Nie jest tajemnicą, że SEO jako całość przeszło ostatnio w kierunku używania różnych języków front-endu. Korzystanie z Menedżera tagów Google (GTM) wymaga podstawowej znajomości HTML i (czasami) Vanilla JavaScript.

Mówiąc o JavaScript, niedawno toczyła się dyskusja na temat tego, dlaczego i jak roboty indeksujące Google czytają JavaScript. Pojawia się kilka istotnych pytań:

• Czy Google czyta JavaScript?
• Co dokładnie powinienem zmienić, jeśli moja witryna w dużym stopniu korzysta z języka JavaScript?
• Co to jest renderowanie po stronie serwera?
• Czy powinienem używać go dla każdego frameworka JavaScript w mojej witrynie?

Przeanalizowaliśmy te pytania poniżej i staraliśmy się szczegółowo odpowiedzieć na każde z nich:

Krótkie wprowadzenie do współczesnego języka JavaScript stosowanego w SEO

Jeśli nie jesteś doświadczony w programowaniu front-end, JavaScript jest renderującym językiem programowania, który (dziś) jest używany do celów animacji za pośrednictwem tak zwanych metod DOM. W bardziej wyrafinowanej formie służy do tworzenia natywnych aplikacji internetowych z wykorzystaniem frameworków takich jak React i Vue. Podczas gdy React i Vue są bardzo popularne i wiele witryn zaczyna korzystać z tych frameworków, jako profesjonalista SEO, bardziej prawdopodobne jest, że napotkasz starsze architektury, takie jak WordPress, działające z Vanilla i jQuery. Mówiąc ściślej, zastosowanie JavaScript w takich CMS-ach dotyczy głównie pokazów slajdów, akordeonów i innych form animacji tekstu.

Dlaczego JavaScript ma znaczenie dla SEO?

Google oświadcza, że ​​Googlebot może przeszukiwać, indeksować i oceniać każdą treść zawartą w dowolnej formie JavaScript. Jednak w rzeczywistości temat jest o wiele bardziej złożony. Googlebot rzeczywiście może indeksować statyczne języki (tj. HTML i CSS), ale jeśli chodzi o języki programowania obiektowe, zachowuje się inaczej. W 2017 roku technicy SEO zaczęli zwracać uwagę na tak zwaną kolejkę renderowania. Jest to hipotetyczny przedział czasowy używany przez Googlebota do indeksowania dowolnej formy tekstu zawartej w jakimkolwiek kodzie JavaScript po stronie klienta (przejdziemy do tego za chwilę).

Mając to na uwadze, całkiem łatwo zrozumieć, dlaczego JavaScript stał się delikatnym tematem dla SEO. Zablokowanie ważnych treści, ponieważ znajdują się one w tej kolejce renderowania, może natychmiast spowolnić Twoje rankingi. Ten problem jest wyraźny w architekturach CMS, takich jak WordPress, które są bardzo zależne od JavaScript.

Czy to powinien być mój najwyższy priorytet?

Nie, ale jednocześnie tak: powszechnym błędnym przekonaniem jest to, że to, co jest zawarte w JavaScript, jest automatycznie usuwane przez Google, ale to nieprawda. Tylko dlatego, że część treści jest zawarta w JavaScript, nie oznacza to, że nie będzie ona oceniana, może to po prostu zająć więcej czasu. Obecnie kolejka renderowania prostych fragmentów tekstu po pierwszym indeksowaniu oscyluje wokół znaku 72 godzin. Jednak zdarzały się przypadki, w których indeksowanie treści przez Google trwało około pięciu do sześciu tygodni, ponieważ utknęły w akordeonie opartym na jQuery. Więc tak, usuń treść opartą na słowach kluczowych z JavaScript, ale tylko wtedy, gdy masz 100 procent pewności, że kolejka renderowania jest zbyt długa.

Frameworki i szybkość renderowania

JavaScript bardzo ewoluował w niedawnej przeszłości. Wprowadzenie skryptów ECMA w sezonie 2014/15 doprowadziło do wprowadzenia szybszych i wydajniejszych ram. React jest (nadal) najpopularniejszą biblioteką JavaScript dla frameworków UI. Trudno prześledzić, która biblioteka działa lepiej pod względem szybkości renderowania z perspektywy Google. Istnieją dziesiątki zmiennych, które należy uwzględnić; rodzaj używanego CMS, konkatenacja wielu funkcji i inne bardzo techniczne aspekty, które tak naprawdę nie powinny być kojarzone z SEO.

Biorąc pod uwagę najnowsze dane, możemy śmiało powiedzieć, że framework React jest najszybszy pod względem renderowania ze względu na swoją prostotę. Po raz kolejny animacje treści i tym podobne są w większości oparte na jQuery/Vanilla. Technicznemu specjaliście SEO łatwiej byłoby napotkać te frameworki, w przeciwieństwie do architektur React, które są bardziej powszechne w interfejsie użytkownika i aplikacjach natywnych.

W Red Cow zawsze zalecamy korzystanie z komponentów React podczas tworzenia aplikacji internetowych, dlatego jesteśmy najbardziej zaufaną agencją SEO w Manchesterze .

Renderuj/pobieraj jako Google: czy to jest precyzyjne?

Niestety nie. Aby przetestować JavaScript strony i ich kolejkę renderowania, najlepszym podejściem byłoby przeanalizowanie plików dziennika dostępu do witryny. W ten sposób możesz dokładnie ocenić liczbę trafień, które roboty indeksujące trafiają na Twoje strony, a tym samym dowiedzieć się, które strony mają lepszą kolejkę renderowania. Stara funkcja „Pobierz jako Google” w Search Console może być nadal przydatna do sprawdzania hierarchii HTML strony, ale zdecydowanie nie jest precyzyjna, jeśli chodzi o zrozumienie języka JavaScript. Ponadto Search Console nie zawsze rozpoznaje, że poszczególne platformy są hostowane w zewnętrznych sieciach CDN. Lub mówiąc ci, że fragment treści nie jest renderowany z powodu JavaScript, pomija fakt, że taki skrypt jest hostowany zewnętrznie, co jest powszechną praktyką w przypadku PWA i innych form wtyczek opartych na danych.

Najlepszy sposób na uporządkowanie treści za pomocą zasobów JavaScript

Oddzielenie treści od JavaScript jest w pełni wykonalne i zakończone na wiele sposobów. Możesz na przykład poprosić swoich programistów, aby przenieśli wszystkie animacje i funkcje metod DOM do tagów innych niż HTML, aby uwolnić każdą formę treści od JavaScript. W przypadku, gdy JavaScript jest używany w architekturach i silnikach (np. Node, niektóre React, Vue), możesz rozważyć użycie bibliotek renderowania po stronie serwera (SSR), w przeciwieństwie do renderowania po stronie klienta (CSR). Ten proces wykonuje JavaScript i zasoby dynamiczne na Twoim serwerze, a nie w wybranej przez Ciebie przeglądarce. Nie tylko znacznie poprawia to kolejkę renderowania, ale drastycznie przyspiesza ładowanie strony.

Podsumowanie

JavaScript jest sprawą skomplikowaną z punktu widzenia front-endu i znacznie bardziej złożoną w odniesieniu do jego zastosowań pod kątem SEO. Niestety obecnie ponad 90 procent internetu działa w oparciu o JavaScript lub wykorzystuje co najmniej pięć skryptów w swoim kodzie. W stale rozwijającym się sektorze, takim jak SEO, konieczne jest uznanie znaczenia umiejętności analizowania i oceny kodu JavaScript witryny.