Intrati in legatura

Schița de curs

Sesiunea 1: Strategia de randare

  • Problema: De ce Googlebot adesea nu reușește să „vadă” conținutul JavaScript.
  • Soluția: Configurarea fișierului nuxt.config.ts pentru Randare Hibridă. Vom defini reguli specifice pentru rute (ISR vs SWR) pentru a ne asigura că paginile de produse sunt servite ca HTML static pentru bot-ii motoarelor de căutare.
  • Rezultat: O sursă de pagină analizabilă, verificată cu Curl.

Sesiunea 2: Metadate și vizibilitate

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

Sesiunea 3: Fundație tehnică și 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 sitemap-urilor XML pentru rutele dinamice.
  • Soluție de performanță: Implementarea <NuxtImg> și definirea dimensiunilor explicite pentru a rezolva problema Shiftului Cumulativ al Laying (CLS) și a accelera indexarea.

Sesiunea 4: Audit, apărare și hidratare

  • Analiză detaliată: Depanarea „neconcordanțelor de hidratare” (Hydration Mismatches) — eroarea nr. 1 în Nuxt care distruge performanța.
  • Audit-ul: Executarea unui audit Lighthouse live pe proiectul corectat.
  • Schema.org: Injectarea datelor structurate JSON-LD pentru „Snippets bogate” (Stele/Recenzii în rezultatele căutărilor).

Cerințe

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

Audiență

  • Developeri
 7 Ore

Numărul de participanți


Pret per participant

Mărturii (2)

Cursuri viitoare

Categorii înrudite