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.

Ekran z kodem HTML i wykresami SEO
Ekran z kodem HTML i wykresami SEO

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

  1. Tytuł – nie dłuższy niż 60 znaków.
  2. Opis – około 155 znaków, zawierający słowa kluczowe.
  3. og:type, og:image i twitter: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.