Intrati in legatura

Schița de curs

Sesiunea 1: Strategia de randare

  • Problema: De ce Googlebot eșese adesea să „vadă” conținutul JavaScript.
  • Soluția: Configurarea nuxt.config.ts pentru Randare Hibridă. Vom configura regulile specifice de rută (ISR vs SWR) pentru a asigura ca paginile produselor să fie servite ca HTML static către bot-ii motoarelor de căutare.
  • Rezultat: O sursă a paginii crawlabilă, verificată prin Curl.

Sesiunea 2: Metadata & Vizibilitate

  • Problema: Aplicațiile cu o singură pagină (SPA) au adesea un singur tag de titlu pentru întregul site.
  • Soluția: Implementarea useSeoMeta și useServerSeoMeta pentru generarea programatică a titlurilor dinamice, descrierilor și link-urilor canonice.
  • Soluție socială: Depanarea tag-urilor Open Graph (OG) defecte, astfel încât link-urile să arate corect pe WhatsApp/LinkedIn.

Sesiunea 3: Fundația tehnică & Indexare

  • Problema: Pagini orfane pe care motoarele de căutare nu le pot găsi.
  • Soluția: Instalarea și configurarea @nuxtjs/sitemap pentru generarea automată a hărților XML ale site-ului pentru rute dinamice.
  • Soluția de performanță: Implementarea <NuxtImg> și definirea dimensiunilor explicite pentru a rezolva problema Cumulative Layout Shift (CLS) și a accelera indexarea.

Sesiunea 4: Audit, Apărare & Hidratare

  • Analiza aprofundată: Depanarea „Neconcordanțelor de hidratare” (Hydration Mismatches) — cea mai comună eroare în Nuxt, care reduce performanța.
  • Audit-ul: Executarea unui audit Lighthouse live pe proiectul corectat.
  • Schema.org: Injectarea datelor structurate JSON-LD pentru „Snippet-urile îmbogățite” (Stelee/Recenzii în rezultatele căutărilor).

Cerințe

  • Participanții trebuie să aibă cunoștințe funcționale de bază despre Vue.js și Nuxt.

Audiența țintă

  • Dezvoltatori
 7 Ore

Numărul de participanți


Pret per participant

Mărturii (2)

Cursuri viitoare

Categorii înrudite