СЕО

  • Продвинутые
  • Продвинутые
  • СЕО
  • SEO
Около 4 мин

vuepress-theme-hope обеспечивает улучшения SEO с помощью встроенного vuepress-plugin-seo2open in new window.

Чтобы плагин работал лучше, вам может потребоваться проверить конфигурацию страницы и настроить их правильно.

Инфо

vuepress-theme-hope передает plugins.seo в параметрах темы в качестве параметров плагина vuepress-plugin-seo2.

Плагин сделает ваш сайт полностью поддерживающим Open Content Protocol OGPopen in new window и JSON-LD 1.1open in new window для улучшения SEO сайта.

Если вам не нужен этот плагин, установите для plugins.seo значение false в настройках темы.

Из коробки

Плагин работает из коробки. Без какой-либо конфигурации он будет максимально извлекать информацию из содержимого страницы, чтобы заполнить необходимые теги, требуемые OGP и JSON-LD.

По умолчанию плагин будет читать конфигурацию сайта и внешний вид страницы, чтобы максимально автоматически генерировать теги. Такие как имя сайта, заголовок страницы, тип страницы, дата написания, дата последнего обновления и теги статьи генерируются автоматически.

Ниже приведены теги <meta> и их значения, которые будут внедрены в <head> по умолчанию:

Генерация OGP по умолчанию

Ниже приведены теги <meta> и их значения, введенные в <head> по умолчанию для соответствия требованиям OGP:

Мета-имяЗначение
og:urlthemeConfig.hostname + path
og:site_namesiteConfig.title
og:titlepage.title
og:descriptionpage.frontmatter.description || генерируется автоматически (когда autoDescription имеет значение true в настройках плагина)
og:type"article"
og:imagethemeConfig.hostname + page.frontmatter.image ||первое изображение на странице || fallbackImage в настройках плагина
og:updated_timepage.git.updatedTime
og:localepage.lang
og:locale:alternateДругие языки, в том числе в siteData.locales
twitter:card"summary_large_image" (доступно, только если изображение найдено)
twitter:image:altpage.title (доступно, только если изображение найдено)
article:authorpage.frontmatter.author || themeConfig.author
article:tagpage.frontmatter.tags || page.frontmatter.tag
article:published_timepage.frontmatter.date || page.git.createdTime
article:modified_timepage.git.updatedTime

Генерация JSON-LD по умолчанию

Имя свойстваЗначение
@context"https://schema.org"
@type"NewsArticle"
headlinepage.title
imageизображение на странице || themeConfig.hostname + page.frontmatter.image || siteFavIcon в настройках плагина
datePublishedpage.frontmatter.date || page.git.createdTime
dateModifiedpage.git.updatedTime
authorpage.frontmatter.author || themeConfig.author

Установка тегов напрямую

Вы можете настроить параметр head в шапке страницы, чтобы добавить определенные теги на страницу <head> для улучшения SEO. Например:

---
head:
  - - meta
    - name: keywords
      content: SEO plugin
---

Автоматически внедрит <meta name="keywords" content="SEO plugin" />.

Настроить генерацию

Плагин также дает вам полный контроль над логикой сборки.

Тип страницы

Для большинства страниц есть в основном только два типа: статьи и веб-сайт, поэтому плагин предоставляет опцию isArticle, позволяющую вам предоставить логику для идентификации статей.

Опция принимает функцию в формате (page: Page) => boolean, по умолчанию все не домашние страницы, сгенерированные из файлов Markdown, рассматриваются как статьи.

Заметка

Если страница подходит к «непопулярным» жанрам, таким как книги, музыка и т. д., вы можете справиться с ними, установив три параметра ниже.

OGP

Вы можете использовать опции plugins.seo.ogp в настройках темы. передать функцию для изменения объекта OGP по умолчанию в соответствии с вашими потребностями и вернуть его.

function ogp<
  ExtraPageData extends Record<string | number | symbol, unknown> = Record<
    never,
    never
  >,
  ExtraPageFrontmatter extends Record<
    string | number | symbol,
    unknown
  > = Record<string, unknown>,
  ExtraPageFields extends Record<string | number | symbol, unknown> = Record<
    never,
    never
  >
>(
  /** OGP Object inferred by plugin */
  ogp: SeoContent,
  /** Page Object */
  page: ExtendPage<ExtraPageData, ExtraPageFrontmatter, ExtraPageFields>,
  /** VuePress App */
  app: App
): SeoContent;

Подробную структуру параметров смотрите в Конфигеopen in new window.

Например, если вы используете стороннюю тему и устанавливаете banner на главной странице для каждой статьи в соответствии с требованиями темы, вы можете передать следующий ogp:

({
  ogp: (ogp, page) => ({
    ...ogp,
    "og:image": page.frontmatter.banner || ogp["og:image"],
  }),
});

JSON-LD

Как и в OGP, вы можете использовать параметры plugins.seo.jsonLd в параметрах темы, чтобы передать функцию для изменения объекта JSON-LD по умолчанию в соответствии с вашими потребностями и вернуть его.

function jsonLd<
  ExtraPageData extends Record<string | number | symbol, unknown> = Record<
    never,
    never
  >,
  ExtraPageFrontmatter extends Record<
    string | number | symbol,
    unknown
  > = Record<string, unknown>,
  ExtraPageFields extends Record<string | number | symbol, unknown> = Record<
    never,
    never
  >
>(
  /** JSON-LD Object inferred by plugin */
  jsonLD: ArticleJSONLD | null,
  /** Page Object */
  page: ExtendPage<ExtraPageData, ExtraPageFrontmatter, ExtraPageFields>,
  /** VuePress App */
  app: App
): ArticleJSONLD | null;

Примечание

Обратите внимание, что плагин не генерирует JSON-LD для страниц, не являющихся статьями, поэтому первый параметр функции может быть нулевым.

Каноническая ссылка

Если вы размещаете свой контент на разных сайтах или один и тот же контент по разным URL-адресам, вам может потребоваться установить plugins.seo.canonical в параметрах темы, чтобы предоставить «Каноническую ссылку» для вашей страницы. Вы можете либо установить строку, которая будет добавлена перед ссылкой маршрута страницы, либо добавить пользовательскую функцию (page: Page) => string | null, чтобы при необходимости вернуть каноническую ссылку.

Пример

Если ваши сайты развернуты в папке docs в example.com, но доступны в:

  • http://example.com/docs/xxx
  • https://example.com/docs/xxx
  • http://www.example.com/docs/xxx
  • https://www.example.com/docs/xxx (primary)

Чтобы результаты поисковой системы всегда были приоритетными, вам может потребоваться установить для plugins.seo.canonical значение https://www.example.com/docs/, чтобы поисковая система знала, что четвертый URL-адрес желательно индексировать.

Настроить теги головы

Иногда вам может понадобиться использовать другие протоколы или предоставить соответствующие теги SEO в формате, предоставляемом другими поисковыми системами. В этом случае вы можете использовать plugins.seo.customHead в параметрах темы, тип которых:

function customHead<
  ExtraPageData extends Record<string | number | symbol, unknown> = Record<
    never,
    never
  >,
  ExtraPageFrontmatter extends Record<
    string | number | symbol,
    unknown
  > = Record<string, unknown>,
  ExtraPageFields extends Record<string | number | symbol, unknown> = Record<
    never,
    never
  >
>(
  /** Head config */
  head: HeadConfig[],
  /** Page Object */
  page: Page<ExtraPageData, ExtraPageFrontmatter, ExtraPageFields>,
  /** VuePress App */
  app: App
): void;

Вы должны изменить массив head в этой функции напрямую.

RDFa 1.1

Тема добавляет поддержку мультимедийной структуры в большую часть структуры сайта, следуя RDFa 1.1open in new window.

Совет

Вы можете использовать Инструмент тестирования мультимедийной структуры Googleopen in new window для тестирования этого сайта.

Введение в СЕО

Search engine optimization (SEO) — это процесс улучшения качества и количества трафика на сайт или веб-страницу из поисковых систем. SEO нацелен на неоплачиваемый трафик (известный как «естественные» или «органические» результаты), а не на прямой или платный трафик. Неоплачиваемый трафик может исходить от различных видов поиска, включая поиск изображений, поиск видео, академический поиск, поиск новостей и отраслевые вертикальные поисковые системы.

Как стратегия интернет-маркетинга, SEO рассматривает, как работают поисковые системы, запрограммированные компьютером алгоритмы, которые определяют поведение поисковых систем, что ищут люди, фактические поисковые термины или ключевые слова, введенные в поисковые системы, и какие поисковые системы предпочитает их целевая аудитория. . SEO выполняется, потому что сайт будет получать больше посетителей из поисковой системы, когда сайты занимают более высокое место на странице результатов поисковой системы (SERP). Эти посетители потенциально могут быть преобразованы в клиентов.

Соответствующие документы

Связанные инструменты

Loading...