Nuxt 3 i SEO: podstawy optymalizacji
Dowiedz się, jak skonfigurować projekt Nuxt 3 pod kątem SEO z wykorzystaniem SSR, meta tagów i danych strukturalnych.

Dlaczego SSR ma znaczenie
Renderowanie po stronie serwera (SSR) znacząco skraca czas do interakcji i pozwala robotom wyszukiwarek szybciej zrozumieć strukturę strony. W przypadku Nuxt 3 zyskujemy SSR "out of the box", jednak wciąż warto zwrócić uwagę na poprawną konfigurację app.head
oraz generowanie kanonicznych adresów.
Kluczowe meta tagi
- Tytuł – nie dłuższy niż 60 znaków.
- Opis – około 155 znaków, zawierający słowa kluczowe.
og:type
,og:image
itwitter:card
– spójne grafiki.
W Nuxt 3 warto centralizować SEO w jednym komponencie, aby uniknąć duplikacji.
Dane strukturalne
Google oczekuje JSON-LD. Użycie komponentu odpowiedzialnego za wstrzykiwanie application/ld+json
ułatwia dodanie schematów WebSite, Blog i BlogPosting.
useHead({
script: [
{
type: 'application/ld+json',
children: JSON.stringify(schema)
}
]
})
Checklist
- SSR aktywny
- Meta tagi w jednym miejscu
- Og:image z właściwym ALT
- BreadcrumbList w JSON-LD
Na koniec pamiętaj o regularnym monitoringu w Google Search Console, który wskaże potencjalne problemy indeksacji.