План на курса

Сесия 1: Рендиринговата стратегия

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

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

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

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

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

Сесия 4: Аудит, защита и hidration

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

Изисквания

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

Публика:

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

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


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

Отзиви от потребители (5)

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

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