Руководство по улучшению SEO: внедрение структурированных данных и OGP на сайте Astro

Введение

Когда люди думают о SEO, они могут представлять «набивание ключевых слов», но современное SEO — это, по сути, точная передача структуры и содержания вашего сайта поисковым системам.

В этой статье описаны меры SEO для реализации на сайте Astro, разделённые на четыре категории. Каждая из них приносит постоянную пользу после настройки.

---

Настройка OGP и мета-тегов

OGP и мета-теги отвечают за внешний вид при шеринге в социальных сетях и доставку информации поисковым системам.

Базовые мета-теги

В компоненте макета Astro выводите следующее для каждой страницы:

• og:title / og:description / og:image — Заголовок, описание и изображение при шеринге в социальных сетях
• twitter:card = summary_large_image — Отображение карточки с крупным изображением в X (Twitter)
• rel="canonical" — Указание канонического URL для дублирующихся страниц
• rel="prev" / rel="next" — Указание связей пагинации

Мета-теги для постов блога

На страницах статей установите следующие дополнительные теги:

• article:published_time / article:modified_time — Даты публикации и обновления
• article:tag — Информация о тегах статьи
• article:section — Категория контента

Советы по реализации

Принимая title / description / image как пропы в компоненте макета и передавая их с каждой страницы, можно обеспечить согласованный вывод мета-тегов на всех страницах. Для og:title главной страницы используйте конкретный заголовок, включающий название сайта и слоган, а не просто «Главная».

---

Внедрение структурированных данных (JSON-LD)

Структурированные данные — это механизм, позволяющий поисковым системам механически понимать содержимое страницы. При правильной реализации в результатах поиска могут появиться расширенные результаты (FAQ, хлебные крошки, информация об авторе и т.д.).

Organization

Передача информации о компании в Google. Может отображаться в панели знаний.

{
  "@type": "Organization",
  "name": "Acecore",
  "url": "https://acecore.net",
  "logo": "https://acecore.net/logo.png",
  "contactPoint": { "@type": "ContactPoint", "telephone": "..." }
}

На странице «О нас» также можно добавить поле knowsAbout для указания сфер деятельности.

BlogPosting

Установите BlogPosting для статей блога. Включение автора, даты публикации, даты обновления и избранного изображения активирует отображение информации об авторе в Google Discover и результатах поиска.

BreadcrumbList

Структурированные данные хлебных крошек должны быть установлены на всех страницах. Важное замечание по реализации: убедитесь, что промежуточные пути (например, страницы-листинги вроде /blog/tags/) реально существуют, и не выводите свойство item для несуществующих путей.

FAQPage

Выводите структурированные данные FAQPage для статей с разделами FAQ. В Astro удобно определить поле faq во frontmatter и обнаруживать/выводить его на стороне шаблона.

WebSite + SearchAction

Если у вас есть поиск по сайту, установка SearchAction может отобразить поле поиска по сайту в результатах поиска Google. В сочетании с поисковым движком вроде Pagefind, реализация механизма автоматического открытия модального окна поиска через параметр ?q= улучшает пользовательский опыт.

---

Оптимизация карты сайта

С помощью плагина Astro @astrojs/sitemap можно автоматически генерировать карту сайта, но настройки по умолчанию недостаточны.

Конфигурация по типам страниц

Используйте функцию serialize() для установки changefreq и priority на основе паттернов URL.

Тип страницы	changefreq	priority
Главная страница	daily	1.0
Посты блога	weekly	0.8
Прочие	monthly	0.6

Установка lastmod

Установите lastmod на дату сборки, чтобы сообщить поисковым системам о свежести контента. Если у поста блога есть поле lastUpdated во frontmatter, используйте его в приоритете.

---

Улучшение RSS-ленты

RSS обычно настраивается по принципу «настроил и забыл», но улучшение качества ленты повышает отображение в RSS-читалках и улучшает опыт подписчиков.

Информация для добавления

• author: включите имя автора для каждой статьи
• categories: добавьте информацию о тегах как категории для улучшения классификации в RSS-читалках

items: posts.map((post) => ({
  title: post.data.title,
  description: post.data.description,
  link: `/blog/${post.id}/`,
  pubDate: post.data.date,
  author: post.data.author,
  categories: post.data.tags,
}));

---

Чек-лист улучшения SEO

В заключение, вот сводка ключевых пунктов для проверки при улучшении SEO сайта на Astro:

1. Установлен ли канонический URL на каждой странице?
2. Подготовлено ли уникальное OGP-изображение для каждой страницы?
3. Валидация структурированных данных: проверьте с помощью Google Rich Results Test
4. Указывают ли промежуточные пути в хлебных крошках на реальные URL?
5. Исключает ли карта сайта ненужные страницы (например, 404)?
6. Включает ли RSS-лента автора и категории?
7. Исключает ли robots.txt поисковые индексы (например, /pagefind/) из обхода?

После настройки всего этого основа вашего SEO создана. Далее позиции в поиске определяются качеством контента и частотой обновлений.

---

Серия статей

Эта статья является частью серии «Руководство по улучшению качества сайта на Astro». Отдельные статьи посвящены улучшению производительности, доступности и UX.