План на курса

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

  • Проблемът: Защо Googlebot често не успява да „вижда“ JavaScript съдържание.

  • Решението: Настройка на nuxt.config.ts за Хибридно Рендиране. Ще зададем специфични правила за маршрути (ISR vs SWR), за да се гарантира, че страниците с продукти се подават като статично HTML за ботовете.

  • Резултат: Проверена с Curl страница, която може да се обхожда.

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

  • Проблемът: Единичните приложения (SPAs) често споделят един tag за заглавие за целия сайт.

  • Решението: Имплементиране на useSeoMeta и useServerSeoMeta за програмно генериране на динамични заглавия, описания и канонически адреси.

  • Социално решение: Дебагване на повредените тагове Open Graph (OG), за да се гарантира, че връзките изглеждат коректно в WhatsApp/LinkedIn.

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

  • Проблемът: Сиромашни страници, които търсачите не могат да намерят.

  • Решението: Инсталиране и настройка на @nuxtjs/sitemap за автоматично генериране на XML съдържателни карти за динамични маршрути.

  • Решение за производителност: Имплементиране на <NuxtImg> и задаване на явни размери, за да се реши проблемът с Кумулативен майчин прескок (CLS) и да се ускори индексирането.

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

  • Глъбоки изследвания: Дебагване на „Мисмачовете при гидратация“ — най-грешката в Nuxt, която убива производителността.

  • Аудит: Провеждане на жив аудит с Lighthouse върху починения проект.

  • Schema.org: Вкарване на JSON-LD структурирани данни за „Богати фрагменти“ (Звездички/Ревюта в резултатите от търсения).

Изисквания

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

Публика

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

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


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

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

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

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