Problem SEO i framework NextJS

Kiedy tworzymy stronę internetową, ważne jest, aby zrozumieć, czy będziemy promować tę stronę w wyszukiwarkach. Przez wyszukiwarki rozumie się wyspecjalizowane strony takie jak Google lub Yandex, w których użytkownik szuka potrzebnych mu informacji.

Jeśli nasza strona będzie wyświetlana na pierwszych pozycjach dla określonego zapytania, zapewni jej to ciągły strumień odwiedzających. I za tych odwiedzających nie będziemy musieli nic płacić, w przeciwieństwie do odwiedzających, którzy przychodzą z reklamy.

I tu czai się problem: strony internetowe opracowane w React nie będą promowane w wyszukiwarkach. Chodzi o to, że zawartość stron takiej witryny jest generowana dynamicznie w przeglądarce za pomocą JavaScript. Wyszukiwarki na razie nie potrafią przetwarzać takich stron. Odpowiednio taka strona nie będzie mogła w pełni się wyświetlać w wynikach wyszukiwania.

Aby wyszukiwarki mogły w pełni pracować z naszą stroną, teksty jej stron muszą być tworzone po stronie serwera i wysyłane do przeglądarki w postaci gotowego kodu HTML.

Ten problem rozwiązuje framework NextJS. Pozwala on pisać kod JSX po stronie serwera. Serwer przekształca ten JSX w normalny HTML i dostarcza go do przeglądarki. W ten sposób po stronie klienta będzie wysyłany kod HTML, potrzebny do poprawnej pracy wyszukiwarek z naszą stroną.

W jaki dokładnie sposób to się robi, będziemy się uczyć w ramach tego tutoriala.

Należy powiedzieć, że wyszukiwarki już uczą się rozpoznawać wygenerowaną za pomocą JavaScriptu zawartość. Kiedy w pełni się tego nauczą, cały rozwój stron internetowych zmieni się radykalnie. I frameworki takie jak NextJS albo nie będą w ogóle potrzebne, albo staną się zupełnie inne pod względem swoich zasad.

A więc, ruszamy:)