Schița de curs

Sesiunea 1: Strategia de rendering

  • Problema: De ce Googlebot adesea eșuează să „veadă” conținutul JavaScript.

  • Soluția: Configurarea nuxt.config.ts pentru Rendering hibrid. Vom stabili reguli specifice de rută (ISR vs SWR) pentru a ne asigura că paginile produselor sunt servite ca HTML static pentru boturi.

  • Rezultat: Sursa unei pagini navigabile verificată prin Curl.

Sesiunea 2: Metadate și vizibilitate

  • Problema: Aplicațiile cu o singură pagină (SPA) adesea împart un tag de titlu pentru întreaga site.

  • Soluția: Implementarea useSeoMeta și useServerSeoMeta pentru a genera titluri, descrieri și canonical-uri dinamice în mod programatic.

  • Soluția socială: Depanarea tagurilor Open Graph (OG) defecte pentru a face ca linkurile să arate corect pe WhatsApp/LinkedIn.

Sesiunea 3: Fundamenta tehnică și indexarea

  • Problema: Pagini orfane pe care motoarele de căutare nu le pot găsi.

  • Soluția: Instalarea și configurarea @nuxtjs/sitemap pentru a genera automat sitemap-uri XML pentru rute dinamice.

  • Soluția de performanță: Implementarea <NuxtImg> și definirea dimensiunilor explicite pentru a rezolva deplasarea cumulativă a layoutului (CLS) și a accelera indexarea.

Sesiunea 4: Audit, apărare și hidratare

  • Analiza adâncă: Depanarea „Divergențelor de hidratare” — cea mai mare eroare în Nuxt care ucide performanța.

  • Auditul: Executarea unui audit Lighthouse live pe proiectul corectat.

  • Schema.org: Injecția datelor structurate JSON-LD pentru „Rich Snippets” (stele/recenzii în rezultatele de căutare).

Cerințe

  • Participanții trebuie să aibă cunoștințe de lucru cu Vue.js și noțiunile de bază ale Nuxt.

PUBLICUL TINUT

  • Dezvoltatori
 7 ore

Numărul de participanți


Prețul pe participant

Mărturii (5)

Cursuri viitoare

Categorii înrudite