Свържете се с нас

Съдържание и теми, включени в курса

Сесия 1: Стратегията за рендиране

  • Проблемът: Защо Googlebot често не успява да „види" съдържанието на JavaScript.
  • Решението: Конфигуриране на nuxt.config.ts за Хибридно рендиране. Ще зададем специфични правила за маршрути (ISR спрямо SWR), за да гарантираме, че страниците с продукти се сервират като статичен HTML за ботове.
  • Резултат: Источник на страница, наличен за пълнене, потвърден с Curl.

Сесия 2: Метаданни и видимост

  • Проблемът: Единните странични приложения (SPA) често споделят една заглавна таг за цялото sito.
  • Решението: Внедряване на useSeoMeta и useServerSeoMeta за програмирано генериране на динамични заглавия, описания и канонични линкове.
  • Социално решение: Отстраняване на неизправност в Open Graph (OG) таговете, така че линковете да изглеждат правилно във WhatsApp/LinkedIn.

Сесия 3: Техническа основа и индексиране

  • Проблемът: Сираци страници, които търсещите машини не могат да намерят.
  • Решението: Инсталиране и конфигуриране на @nuxtjs/sitemap за автоматично генериране на XML sitemap за динамични маршрути.
  • Решение за производителност: Внедряване на <NuxtImg> и дефиниране на експлицитни измерения, за да се реши Cumulative Layout Shift (CLS) и да се ускори индексирането.

Сесия 4: Аудит, защита и хидратация

  • Дълбок анализ: Отстраняване на неизправностите при „несъответствия при хидратация“ — грешката №1 в Nuxt, която убива производителността.
  • Аудитът: Изпълнение на жив Lighthouse Аудит върху поправения проект.
  • Schema.org: Инжекциониране на JSON-LD структурирани данни за „Богати фрагменти“ (Звезди/Прегледи в резултатите от търсенето).

Изисквания

  • Участниците трябва да имат работно познаване на Vue.js и основите на Nuxt.

За кого е курсът

  • Разработчици
 7 Часа

Брой участници


Цена за участник

Отзиви от участници (2)

Предстоящи Курсове

Свързани Kатегории