SEO pentru site-uri Next.js și React, cu randarea și metadatele făcute de noi în cod

SEO Factory face SEO pentru site-uri și aplicații construite în Next.js și React și implementează singură reparațiile. Face randarea pe server sau generează paginile la publicare, ca pagina să plece gata scrisă de la server, nu să se construiască în browser. Scrie titlul și descrierea pe fiecare pagină, sitemap-ul (lista paginilor, pentru Google), redirecturile (trimiterile automate de la adresele vechi la cele noi) și codurile de răspuns corecte. Echipa de dezvoltare din TheFactory scrie aplicații React, deci lucrăm direct în codul tău.

Discută cu un specialist Next.js

Ce ține de obicei un site în React departe de primele rezultate

Un site în React arată bine în browser și poate fi aproape gol pentru un motor de căutare. Diferența dintre ce vede omul și ce vede botul e primul lucru pe care îl verificăm.

Boții (programele care citesc automat site-urile) primesc o pagină goală.

O aplicație React construită doar pentru browser trimite un fișier HTML aproape gol și un pachet de JavaScript care desenează pagina. Google rulează JavaScript, dar mai târziu, într-o a doua etapă. Boții asistenților AI nu îl rulează deloc. Același lucru se întâmplă și pe Next.js, când datele se încarcă în componente de browser, după afișare.

Ce facem: mutăm conținutul în HTML-ul trimis de server, prin randare pe server, prin pagini generate la publicare sau, pe o aplicație existentă, prin prerandarea fiecărei pagini.

Toate paginile au același titlu.

Pe o aplicație React fără Next.js, titlul și descrierea vin dintr-un singur fișier și sunt identice pe toate paginile, sau se schimbă abia după ce rulează JavaScript. Pe Next.js, paginile fără metadate proprii moștenesc titlul de pe prima pagină.

Ce facem: scriem titlul, descrierea, adresa canonică (adresa principală, arătată lui Google) și datele structurate (informațiile despre pagină, marcate în cod pentru Google) pentru fiecare tip de pagină, generate din conținut, nu copiate.

Linkurile nu sunt linkuri.

Butoanele care schimbă pagina din JavaScript, fără o adresă reală în cod, arată ca linkuri pentru om, dar nu și pentru Google, care urmează doar linkurile cu adresă.

Ce facem: înlocuim navigarea din JavaScript cu linkuri reale, pe care Google și Bing le pot urma până la ultima pagină.

Paginile care nu există răspund „în regulă”.

O aplicație React răspunde des cu codul 200 la orice adresă, chiar și la una greșită, și afișează abia apoi mesajul de eroare. Google vede mii de pagini „valide” cu același conținut.

Ce facem: facem ca serverul să răspundă cu 404 (pagină inexistentă) la paginile inexistente și cu 301 (mutare permanentă) la cele mutate.

Prea mult JavaScript la încărcare.

Pachetul mare de JavaScript întârzie prima afișare și face pagina să răspundă greu la primul click, ceea ce Google măsoară în Core Web Vitals (notele lui Google pentru viteza și stabilitatea paginii).

Ce facem: împărțim codul pe pagini, mutăm pe server componentele care nu au nevoie de browser, optimizăm imaginile și fonturile și măsurăm înainte și după.

Lipsesc sitemap-ul, robots.txt (fișierul care spune ce pagini pot fi citite automat) și redirecturile.

Pe un site scris de la zero, nimeni nu le-a cerut în specificație, iar la fiecare schimbare de rută adresele vechi dispar fără redirect.

Ce facem: generăm sitemap-ul și robots.txt din rutele aplicației, ținem redirecturile în cod, lângă rute, și le trimitem în Google și Bing.

Cu echipa ta de produs

Lucrăm lângă echipa care construiește aplicația: îi dăm specificațiile sau facem noi modificările în cod.

De la plan la cod, fără o a doua echipă

Pe un site în Next.js sau React, aproape orice reparație de SEO e o schimbare în cod. Un audit care spune „activați randarea pe server” fără să o facă lasă clientul cu o problemă de arhitectură în brațe. La noi, cine scrie lista lucrează lângă cine scrie codul: SEO, dezvoltare și găzduire sunt în aceeași companie, TheFactory.

În cod

Randare pe server sau la publicare, metadate pe fiecare pagină, date structurate, linkuri reale, coduri de răspuns corecte, sitemap și robots.txt generate din rute. Lucrăm prin git, pe o ramură separată, cu revizie înainte de publicare.

Pe server și la publicare

Configurăm găzduirea pe care o folosești (Vercel, un server Node sau găzduirea noastră), cache-ul, redirecturile 301 și regulile pentru boți. Dacă site-ul e găzduit la noi, intervenim direct.

În Google și Bing

Search Console și Bing Webmaster Tools (rapoartele gratuite de la Google și Bing despre site-ul tău), sitemap-uri trimise, verificarea paginilor așa cum le vede botul, cereri de reindexare după fiecare schimbare mare.

Ai deja o echipă care scrie aplicația? Îi dăm specificații tehnice exacte, cu exemple de cod, și revizuim modificările înainte să ajungă în producție.

Cine lucrează pe site-ul tău Next.js sau React

Aceiași trei oameni, ajutați de asistentul AI, din aceeași echipă, de la plan până la modificarea făcută.

Specialistul SEO

Face planul, scrie sau verifică textele, urmărește lunar Google, Bing și asistenții AI și e omul cu care vorbești.
Dezvoltatorul

Face modificările în temă și în cod, pe platforma ta.
Administratorul de server

Se ocupă de viteză, cache, securitate și boți, direct pe server.
Asistentul AI

Cel mai nou coleg. Analizează date, face verificările care se repetă și pregătește rapoartele. Nu decide nimic singur: fiecare rezultat e verificat și asumat de un specialist din echipă.

Folosim AI la analize, verificări și rapoarte. Fiecare rezultat e verificat de un specialist. Cum lucrăm cu AI

Cunoaște echipa

Treci pe Next.js sau refaci aplicația fără să pierzi trafic

Mutarea unui site de pe WordPress pe Next.js, sau trecerea unei aplicații React la randare pe server, schimbă de obicei rutele, titlurile și structura paginilor. Dacă redirecturile și metadatele nu sunt pregătite înainte, traficul scade în primele săptămâni. Facem harta de redirecturi 301 înainte de lansare, comparăm ce vede botul pe site-ul vechi și pe cel nou și urmărim indexarea 30 de zile după, adică intrarea paginilor noi în lista lui Google.

Vezi serviciul de migrare fără pierderi de trafic
Vezi problema „Traficul a scăzut după migrare”

Ce vede ChatGPT când îți deschide site-ul

Pe un site în React, problema cu asistenții AI e mai mare decât cea cu Google. Un studiu Vercel și MERJ din decembrie 2024 a arătat că boții OpenAI, Anthropic și Perplexity descarcă paginile fără să ruleze JavaScript. Dacă textul tău apare doar după JavaScript, pentru ei pagina e goală, oricât de bine ar arăta în browser. Verificăm pagina exact cum o primesc acești boți, mutăm conținutul în HTML și apoi măsurăm rata de citare (în câte răspunsuri AI apari) pe întrebările din domeniul tău.

Nu apari în ChatGPT? Vezi de ce

Întrebări despre SEO pe Next.js / React

Google indexează site-urile făcute în React?

Da, dar în doi pași: întâi citește HTML-ul trimis de server, apoi, mai târziu, rulează JavaScript și vede restul paginii. Conținutul care apare doar după JavaScript e indexat mai lent și uneori incomplet. Boții asistenților AI nu fac al doilea pas deloc.

Trebuie să rescriu site-ul în Next.js?

Nu neapărat. Pe o aplicație React existentă putem genera la publicare câte o pagină HTML completă pentru fiecare rută. Next.js merită când site-ul are mult conținut care se schimbă des sau mii de pagini, iar asta ți-o spunem după prima analiză.

Site-ul meu a fost făcut cu Lovable sau cu alt generator AI. Se poate face SEO pe el?

Da. Aceste generatoare produc de obicei o aplicație React randată în browser, cu exact problemele de mai sus: pagina goală pentru boți și același titlu peste tot. Le reparăm în codul exportat din generator.

Lucrați și pe Vue, Nuxt sau Angular?

Problemele sunt aceleași și le verificăm la fel: ce primește botul înainte de JavaScript. Pentru reparațiile în cod, confirmăm după prima analiză dacă lucrăm noi sau îi dăm specificațiile echipei tale.

Cât durează până se vede efectul?

După ce conținutul ajunge în HTML, Google reindexează de obicei paginile importante în 2 până la 6 săptămâni. Creșterea din conținut și din mențiuni externe vine în 3 până la 6 luni. După prima analiză îți spunem ce poți aștepta pentru site-ul tău.

Lucrăm pe site-ul tău Next.js / React

Spune-ne ce site ai și ce vrei să obții. Un specialist îți propune primii pași, iar reparațiile le facem noi, în cod.

sau sună la 031 401 4100