Как добавить мета-заголовок и описание в WordPress без плагинов: Полное руководство

Что такое мета-заголовок и мета-описание и их роль в SEO

Мета-заголовок (title tag) и мета-описание (meta description) — это HTML-теги, которые предоставляют поисковым системам и пользователям краткую информацию о содержании страницы. Они отображаются в результатах поиска (SERP) и играют ключевую роль в привлечении органического трафика.

Саммари статьи

ChatGPT

Google AI

Grok

Perplexity

• Мета-заголовок: Показывает заголовок страницы в результатах поиска. Важен для SEO, поскольку сообщает поисковикам, о чем страница.
• Мета-описание: Краткое описание содержимого страницы, которое отображается под заголовком в результатах поиска. Влияет на CTR (Click-Through Rate) — вероятность того, что пользователь перейдет на ваш сайт.

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

Преимущества добавления метаданных без плагинов

Использование встроенных функций WordPress или ручное редактирование кода для добавления метаданных имеет ряд преимуществ:

• Производительность: Меньше плагинов – меньше нагрузки на сайт, что улучшает скорость загрузки страниц. Это важно для SEO и пользовательского опыта.
• Контроль: Вы получаете полный контроль над метаданными и можете настроить их в соответствии с вашими потребностями.
• Безопасность: Меньше зависимостей от стороннего кода, что снижает риск уязвимостей.
• Обучение и понимание: Понимание как работает WordPress «изнутри».

Ограничения и что нужно учитывать

• Технические навыки: Для редактирования файлов темы требуются базовые знания HTML, CSS и PHP.
• Обновления темы: При обновлении темы ваши изменения в файле functions.php могут быть потеряны. Рекомендуется использовать дочернюю тему.
• Ошибки в коде: Неправильный код может привести к проблемам с отображением сайта. Перед внесением изменений обязательно сделайте резервную копию.
• Масштабируемость: Для больших проектов, плагины могут предложить более удобные инструменты для централизованного управления метаданными.

Способ 1: Использование встроенного редактора WordPress (Gutenberg)

Добавление мета-заголовка и описания в записи и страницы через редактор Gutenberg

Редактор Gutenberg позволяет добавлять мета-заголовок и описание непосредственно в записи или страницу, но эта возможность ограничена. По умолчанию, Gutenberg не имеет встроенных полей для метаданных, но предоставляет поля, которые косвенно влияют на метаданные (например, заголовок записи).

Обычно используют SEO-плагины, но есть косвенные способы влиять на метаданные через Gutenberg:

1. Заголовок записи: Заголовок записи используется как часть мета-заголовка (title tag). Убедитесь, что он релевантен и содержит ключевые слова.
2. Первый абзац: Поисковые системы часто используют первый абзац в качестве мета-описания. Сделайте его кратким и привлекательным.

Настройка видимости метаданных в Gutenberg

Gutenberg не предоставляет прямой настройки видимости метаданных. Эта функциональность обычно реализуется через плагины. Но вы можете влиять на видимость косвенно, оптимизируя контент для поисковых систем, как описано выше.

Пример кода для вывода метаданных (если необходимо)

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

<?php
/**
 * Function to output the meta title based on the current page.
 */
function my_custom_meta_title(): void {
  global $post;

  $title = '';

  if (is_single() || is_page()) {
    $title = get_the_title($post->ID) . ' | ' . get_bloginfo('name');
  } else {
    $title = get_bloginfo('name') . ' | ' . get_bloginfo('description');
  }

  echo '<title>' . esc_attr($title) . '</title>';
}

add_action('wp_head', 'my_custom_meta_title');
?>

Этот код определяет функцию my_custom_meta_title, которая получает заголовок записи или страницы и выводит его в теге <title>. Функция esc_attr используется для экранирования атрибутов HTML, чтобы предотвратить XSS-атаки. add_action используется для подключения функции к хуку wp_head, который отвечает за добавление контента в шапку сайта.

Способ 2: Редактирование файла functions.php вашей темы

Как получить доступ к файлу functions.php (через админ-панель или FTP)

• Через админ-панель WordPress: Перейдите в раздел «Внешний вид» -> «Редактор тем». Выберите файл functions.php вашей темы (рекомендуется использовать дочернюю тему!).
• Через FTP: Используйте FTP-клиент (например, FileZilla) для подключения к вашему серверу. Найдите файл functions.php в папке wp-content/themes/ваша-тема/. Внимание, использовать только в дочерней теме!

Создание пользовательских полей для мета-заголовка и описания

Для создания пользовательских полей (мета-боксов) для мета-заголовка и описания необходимо использовать хуки WordPress. Ниже приведен пример кода, который добавляет мета-боксы в редактор записей и страниц.

Код для добавления мета-боксов в редактор записей/страниц

«`php
<?php
/**

• Adds custom meta boxes for meta title and description.
  */
  function addcustommetaboxes(): void {
  addmetabox(
  ‘custommetabox’,
  ‘SEO Meta Data’,
  ‘rendermetabox’,
  [‘post’, ‘page’],
  ‘normal’,
  ‘default’
  );
  }
  addaction(‘addmetaboxes’, ‘addcustommeta_boxes’);

/**

• Renders the content of the meta box.

• @param WPPost $post The post object.
  */
  function rendermetabox(WPPost $post): void {
  $metatitle = getpostmeta($post->ID, ‘metatitle’, true);
  $metadescription = getpostmeta($post->ID, ‘metadescription’, true);
  wpnoncefield(‘custommetaboxnonce’, ‘metabox_nonce’);

  echo ‘<label for=