Как удалить или изменить метатеги Open Graph в WordPress с помощью YoastSEO

Диагностика проблемы с метатегами Open Graph в WordPress

Метатеги Open Graph (OG) критичны для правильного отображения страниц сайта при шаринге в соцсетях. Однако YoastSEO по умолчанию генерирует стандартные OG-теги, которые не всегда подходят под нужды проекта. Например, может понадобиться изменить изображение, заголовок или описание, либо полностью удалить OG-теги с определённых страниц.

Проверить, какие OG-теги выводит сайт, можно через инструменты разработчика браузера или специальные сервисы, например, Facebook Sharing Debugger. Если OG-теги не соответствуют требованиям, нужно искать способ их изменить или отключить.

Как отключить вывод OG-тегов YoastSEO на отдельных страницах

YoastSEO не предоставляет в интерфейсе опции полного отключения OG-тегов на конкретных страницах. Для этого потребуется добавить код в functions.php вашей темы или в кастомный плагин.

Вот пример кода, который отключит OG для страниц с определённым ID:

add_filter('wpseo_opengraph', function($value) {
    if (is_page(42)) { // ID страницы
        return false; // отключить вывод OG
    }
    return $value;
});

Этот фильтр прерывает генерацию OG на указанной странице. Подставьте нужный ID или используйте условные теги (например, is_singular('product') для WooCommerce).

Изменение отдельных OG-тегов через фильтры YoastSEO

Для изменения отдельного OG-тега используется фильтр wpseo_opengraph_{property}, где {property} — имя OG-тега без префикса og:.

Пример: изменить описание OG для поста:

add_filter('wpseo_opengraph_desc', function($desc) {
    if (is_single()) {
        return 'Новое описание для OG тега на этой странице';
    }
    return $desc;
});

Аналогично можно изменить title, image, url и другие OG-теги.

Пошаговое решение: полный контроль над OG-тегами

1. Определите страницы или посты, где нужно изменить или убрать OG-теги.
2. Используйте фильтр wpseo_opengraph для полного отключения вывода.
3. Для выборочного изменения тегов применяйте фильтры вида wpseo_opengraph_title, wpseo_opengraph_desc, wpseo_opengraph_image.
4. Добавьте необходимый код в functions.php вашей дочерней темы или в отдельный плагин.
5. Очистите кэш сайта и кэш плагинов кэширования.
6. Проверьте результат с помощью Facebook Sharing Debugger или подобных инструментов.

Проверка результата после внесения изменений

После внесения кода зайдите на страницу, где были изменения, и откройте исходный код в браузере (Ctrl+U). Найдите теги <meta property="og:title"> и другие OG-теги. Они должны соответствовать вашим изменениям или отсутствовать, если вы отключали вывод.

Для более точной проверки воспользуйтесь инструментами соцсетей:

• Facebook Sharing Debugger — показывает, какие OG-теги видит Facebook.
• Twitter Card Validator — проверка для Twitter.

Частые ошибки и как их исправить

• Код не работает, OG-теги не изменились
  Проверьте, добавлен ли код в правильный файл (лучше в functions.php дочерней темы). Убедитесь, что нет конфликтов с другими плагинами, которые тоже управляют OG (например, AIO SEO).
• OG-теги продолжают выводиться на страницах, где должны быть отключены
  Проверьте правильность условий в фильтре (например, ID или тип поста). Возможно, условие is_page(42) не срабатывает, используйте var_dump для отладки.
• Кэш мешает увидеть изменения
  Очистите кэш сайта, плагинов (например, WP Rocket, W3 Total Cache) и CDN (Cloudflare и др.).

Практические советы по безопасности и производительности

• Добавляйте кастомный код только в дочернюю тему или отдельный плагин, чтобы не потерять изменения при обновлении.
• Минимизируйте количество хуков и фильтров для OG, чтобы не замедлять генерацию страниц.
• Регулярно проверяйте корректность OG-тегов после обновлений YoastSEO и WordPress.

Сравнение вариантов управления OG-тегами в WordPress с YoastSEO

add_filter('wpseo_opengraph', fn($val) => false);

add_filter('wpseo_opengraph_title', fn($title) => 'Новый заголовок');