RE-III
Astro · · 8 мин

Astro 5: полное руководство по SEO-оптимизации

Как получить 100 баллов в Lighthouse и топовые позиции в Google с помощью Astro 5, семантической вёрстки и Schema.org.

Astro 5: полное руководство по SEO-оптимизации

Почему Astro — лучший выбор для SEO

Astro изначально заточен под статическую генерацию и минимальный клиентский JavaScript. Это даёт преимущества в скорости загрузки, которую Google учитывает при ранжировании.

Основные шаги

  1. Используйте output: 'static' и astro:assets для изображений.
  2. Настройте sitemap и robots.txt.
  3. Добавьте JSON-LD разметку для Person, BreadcrumbList и FAQ.
  4. Подключите префетчинг внутренних ссылок.
  5. Оптимизируйте шрифты: preload, font-display: swap.

Schema.org

Структурированные данные помогают поисковикам понимать содержание страницы. В Astro JSON-LD можно встроить прямо в <head>:

<script type="application/ld+json" set:html={JSON.stringify(schema)} />

Итог

При правильном подходе Astro 5 позволяет достичь 95–100 в Lighthouse и улучшить видимость сайта в поиске.