1. Wiedza
  2. Pojęcia
  3. SEO stron JavaScript (JavaScript SEO)

Artykuł główny · pojęcie · Pojęcia · Pozostałe

SEO stron JavaScript (JavaScript SEO)

także: javascript seo · seo javascript · renderowanie javascript

Praktyki, które pozwalają Google zaindeksować treść generowaną przez JavaScript: renderowanie, linki w `<a href>`, kody HTTP i canonical.

Grawerunek symboliczny hasła wiedzy AION

Rozszerzona definicja

SEO stron JavaScript to zestaw praktyk, które pozwalają Google zaindeksować treść generowaną przez JavaScript. Google renderuje strony w Chromium, ale robi to w trzech fazach — crawlowanie, renderowanie, indeksowanie — i nie każda treść przechodzi przez nie bez strat1.

Jak to działa

Googlebot kolejkuje strony do crawlowania i renderowania; po pobraniu HTML trafia on do renderera, który wykonuje JavaScript i zwraca wyrenderowany HTML do indeksowania1.

Renderowanie może być opóźnione. Dlatego serwerowe renderowanie lub prerender nadal mają sens — są szybsze dla użytkownika i crawlera, a nie każdy bot wykonuje JavaScript2.

Dlaczego to ważne

Jeśli treść istnieje tylko po wykonaniu JavaScriptu, a renderowanie się nie powiedzie, Google widzi pustą stronę. To jedna z typowych przyczyn sytuacji „strona jest, ale nie ma jej w indeksie”1.

Jak wdrożyć

  • Renderuj po stronie serwera to, co ważne dla SEO: treść, tytuł, opis, canonical2.
  • Linki buduj jako `<a href>`, nie jako `onclick` czy `routerLink` — tylko wtedy Google je odczyta4.
  • Ustawiaj prawdziwe kody HTTP (404, 301) zamiast „soft 404” w SPA3.
  • `noindex` możesz wstawić JavaScriptem — Google renderuje stronę przed indeksacją. Uwaga: jeśli `noindex` jest już w HTML, Google może pominąć renderowanie, więc nie licz na to, że JS go zdejmie56.

Częste błędy i mity

  • Mit: Google „i tak sobie poradzi” z każdym JS-em. Radzi sobie, ale z opóźnieniem i nie zawsze2.
  • Błąd: router oparty na fragmentach (`#/produkty`) — Google nie odczyta takich adresów niezawodnie4.
  • Błąd: traktowanie `noindex` w HTML jako tymczasowego. Google może pominąć renderowanie i nie zobaczyć późniejszej zmiany6.

Powiązane hasła

Źródła i odwołania

  1. Understand the JavaScript SEO basics

    developers.google.com ·

    Google processes JavaScript web apps in three main phases: Crawling, Rendering, Indexing.

  2. Understand the JavaScript SEO basics

    developers.google.com ·

    Keep in mind that server-side or pre-rendering is still a great idea because it makes your website faster for users and crawlers, and not all bots can run JavaScript.

  3. Understand the JavaScript SEO basics

    developers.google.com ·

    Googlebot queues all pages with a 200 HTTP status code for rendering, unless a robots meta tag or header tells Google not to index the page.

  4. Understand the JavaScript SEO basics

    developers.google.com ·

    Google can only discover your links if they are <a> HTML elements with an href attribute.

  5. Understand the JavaScript SEO basics

    developers.google.com ·

    You can use JavaScript to add a robots meta tag to a page or change its content.

  6. Understand the JavaScript SEO basics

    developers.google.com ·

    When Google encounters the noindex tag, it may skip rendering and JavaScript execution, which means using JavaScript to change or remove the robots meta tag from noindex may not work as expected.

Każde zdanie powyżej odsyła do dosłownego cytatu ze źródła. Daty to daty publikacji lub pobrania źródła.

Źródła faktów

  • Google przetwarza aplikacje JavaScript w trzech fazach: crawlowanie, renderowanie, indeksowanie. — web
  • web