WordPress: как добавить мета-теги для социальных сетей

Автор: Лев Попов | Опубликовано: 02.12.2025

Мета-теги для социальных сетей — это специальные теги, которые помогают контролировать, как ваши страницы отображаются при публикации ссылок в Facebook, Twitter, LinkedIn и других платформах. Без них ссылки могут выглядеть неинформативно или некрасиво, что снижает вовлечённость и количество переходов.

Почему важно добавлять мета-теги социальных сетей в WordPress

Каждая соцсеть использует собственные стандарты мета-тегов, но большинство поддерживает протокол Open Graph (OG), разработанный Facebook, и Twitter Cards для Twitter. Если эти теги отсутствуют, соцсети попытаются автоматически собрать информацию, что часто приводит к неправильному заголовку, описанию или отсутствию изображения.

Добавление мета-тегов улучшает:

Визуальную привлекательность ссылок;
Увеличение кликабельности;
Контроль над тем, что именно видят пользователи;
SEO-оптимизацию, так как некоторые поисковики учитывают OG-теги.

В WordPress по умолчанию таких тегов нет, поэтому нужно добавлять их вручную или с помощью плагинов.

Добавление мета-тегов через плагины: лучшие решения

Yoast SEO: универсальный плагин с поддержкой Open Graph и Twitter Cards

Yoast SEO — один из самых популярных SEO-плагинов, который автоматически добавляет необходимые мета-теги для социальных сетей. Чтобы активировать эту функцию:

Установите и активируйте плагин Yoast SEO.
Перейдите в раздел «SEO» → «Социальные сети» в админке WordPress.
Включите опции Open Graph и Twitter Cards.
Заполните параметры по умолчанию — название сайта, описание и изображение.

Преимущества:

Автоматическое добавление тегов без необходимости писать код.
Поддержка настройки для каждой записи и страницы.
Интеграция с другими функциями SEO.

Недостаток — некоторый функционал доступен только в премиум-версии.

Другие плагины для мета-тегов соцсетей

Social Warfare — больше ориентирован на социальные кнопки, но также добавляет мета-теги.
WPSSO Core — мощный инструмент для расширенного управления мета-данными, включая Open Graph и Twitter Cards.
Schema Pro — позволяет добавлять структурированные данные и мета-теги, улучшая SEO и соцсети.

Ручное добавление мета-тегов в WordPress через functions.php

Если вы хотите обойтись без плагинов, можно добавить мета-теги напрямую в заголовок сайта через файл functions.php вашей темы. Вот пример базового кода, который добавляет Open Graph и Twitter Cards для главной страницы и отдельных записей:

function wpsocial_add_social_meta_tags() {
  if (is_singular()) {
    global $post;
    $title = get_the_title($post->ID);
    $description = get_the_excerpt($post->ID);
    $url = get_permalink($post->ID);
    $image = get_the_post_thumbnail_url($post->ID, 'full');
  } else {
    $title = get_bloginfo('name');
    $description = get_bloginfo('description');
    $url = home_url();
    $image = ''; // Можно указать дефолтное изображение
  }

  echo "<meta property=\"og:title\" content=\"" . esc_attr($title) . "\" />\n";
  echo "<meta property=\"og:description\" content=\"" . esc_attr(wpsocial_trim_text($description, 160)) . "\" />\n";
  echo "<meta property=\"og:url\" content=\"" . esc_url($url) . "\" />\n";
  echo "<meta property=\"og:type\" content=\"article\" />\n";
  if ($image) {
    echo "<meta property=\"og:image\" content=\"" . esc_url($image) . "\" />\n";
  }

  // Twitter Cards
  echo "<meta name=\"twitter:card\" content=\"summary_large_image\" />\n";
  echo "<meta name=\"twitter:title\" content=\"" . esc_attr($title) . "\" />\n";
  echo "<meta name=\"twitter:description\" content=\"" . esc_attr(wpsocial_trim_text($description, 160)) . "\" />\n";
  if ($image) {
    echo "<meta name=\"twitter:image\" content=\"" . esc_url($image) . "\" />\n";
  }
}
add_action('wp_head', 'wpsocial_add_social_meta_tags');

function wpsocial_trim_text($text, $max_length) {
  if (strlen($text) > $max_length) {
    $text = substr($text, 0, $max_length);
    $text = substr($text, 0, strrpos($text, ' ')) . '...';
  }
  return $text;
}

В этом коде:

Функция wpsocial_add_social_meta_tags выводит мета-теги Open Graph и Twitter Cards.
Используется заголовок и описание текущей записи или сайта.
Для описания применяется обрезка текста до 160 символов через вспомогательную функцию wpsocial_trim_text.
Если у записи есть миниатюра, она используется как изображение.

Этот подход даёт полный контроль, но требует знаний PHP и аккуратности, чтобы не сломать тему.

Отладка и проверка мета-тегов социальных сетей

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

Facebook Sharing Debugger — https://developers.facebook.com/tools/debug/
Twitter Card Validator — https://cards-dev.twitter.com/validator

Вставьте URL вашей страницы, чтобы увидеть, какие данные соцсети получают и как отображается карточка. Эти инструменты помогут выявить ошибки и обновить кэш.

Выводы и рекомендации по добавлению мета-тегов

Для большинства сайтов на WordPress проще всего использовать плагин, например, Yoast SEO — он решает задачу быстро и надёжно. Если же вы хотите лёгкий и кастомный способ, ручное добавление кода — отличный вариант.

Обязательно тестируйте отображение в соцсетях и обновляйте кэш после изменений. Также учитывайте, что качественные изображения и лаконичные описания повышают кликабельность и вовлечённость.