SEO-problemet och ramverket NextJS

När vi utvecklar en webbplats är det viktigt för oss att förstå om vi kommer att marknadsföra denna webbplats i sökmotorer. Med sökmotorerna menas specialiserade webbplatser som Google eller Yandex, där användaren söker efter information han behöver.

Om vår webbplats visas på de första positionerna för en viss förfrågan, kommer detta att ge den en kontinuerlig ström av besökare. Och för dessa besökare behöver vi inte betalar någonting, till skillnad från besökare som kommer från reklam.

Och här väntar ett problem på oss: webbplatser utvecklade i React kommer inte att marknadsföras i sökmotorer. Saken är den att innehållet på sidorna på en sådan webbplats genereras dynamiskt i webbläsaren via JavaScript. Sökmotorer kan ännu inte bearbeta sådana sidor. Följaktligen kommer en sådan webbplats inte att kunna visas fullt ut i sökresultat.

För att sökmotorer ska kunna fungera fullt ut med vår webbplats, bör sidornas text skapas på serversidan och skickas till webbläsaren i form av färdig HTML-kod.

Detta problem löses av ramverket NextJS. Det låter dig skriva JSX-kod på serversidan. Servern omvandlar denna JSX till normal HTML och skickar den till webbläsaren. På så sätt kommer HTML-kod att skickas till klientsidan, vilket behövs för att sökmotorerna ska fungera korrekt med vår webbplats.

Hur exakt detta görs kommer vi att studera inom denna handledning.

Det bör sägas att sökmotorer redan lär sig att känna igen JavaScript-genererat innehåll. När de fullt ut lär sig göra detta, kommer all webbplatsutveckling att förändras i grunden. Och ramverk som NextJS kommer antingen inte att behövas alls, eller så kommer de att bli helt annorlunda till sina principer.

Så, låt oss börja:)