Руководство по улучшению 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.

Установка 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.