Добавление микроданных с помощью инструмента разметки структурированных данных HTML

Содержание

Вопрос или проблема
Ответ или решение
1. Понимание проблемы
2. Решение проблемы с помощью функций WordPress
3. Альтернативное решение с плагином
4. Редактирование HTML через cPanel
5. Проверка структуры данных
Заключение

Вопрос или проблема

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

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

Я сгенерировал микро-данные, используя этот инструмент, но я не могу редактировать html. Могу ли я сделать это через cpanel? Я не могу найти, как я могу редактировать html в cpanel.

Как я могу добавить сгенерированные данные на главную страницу?

По умолчанию TinyMCE, (визуальный) редактор WordPress, удаляет схемные микро-данные из ввода. Существуют плагины (пример), которые предотвратят это поведение. Или вы можете сделать это сами, добавив этот фрагмент в ваш functions.php (документация):

function wpse238918_allow_schema ($in) {
    if(!empty($in['extended_valid_elements']))
        $in['extended_valid_elements'] .= ',';
    $in['extended_valid_elements'] .= '@[id|class|style|title|itemscope|itemtype|itemprop|datetime|rel],div,dl,ul,dt,dd,li,span,a|rev|charset|href|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur]';
    return $in;
    }
add_filter('tiny_mce_before_init', 'wpse238918_allow_schema' );

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

Плагин называется: Advanced TinyMCE Configuration

Его конфигурация: @[itemscope|itemtype|itemid|itemprop|content],div,span,h1,h2,h2,h4,h5,h6time[datetime]

Больше информации здесь: https://bghints.blogspot.com/2023/03/stop-wordpress-from-removing-microdata.html

Ответ или решение

Добавление микроразметки с использованием инструмента Structured Data Markup Helper HTML — это важный шаг для повышения видимости вашего сайта в поисковых системах. В данном ответе мы рассмотрим, как правильно добавить схему микроразметки на сайте WordPress, учитывая распространенные проблемы и решения.

1. Понимание проблемы

Как вы отметили, WordPress по умолчанию применяет фильтр к содержимому редактора TinyMCE, из-за чего микроразметка может быть удалена. Это может стать проблемой, если вы пытаетесь вставить код микроразметки непосредственно через редактор. Несмотря на испытания плагинов, вы не наблюдаете желаемых результатов.

2. Решение проблемы с помощью функций WordPress

Вы можете обойти ограничения редактора WordPress, добавив следующий код в файл functions.php вашей темы:

function wpse238918_allow_schema ($in) {
    if (!empty($in['extended_valid_elements'])) {
        $in['extended_valid_elements'] .= ',';
    }
    $in['extended_valid_elements'] .= '@[id|class|style|title|itemscope|itemtype|itemprop|datetime|rel],div,dl,ul,dt,dd,li,span,a|rev|charset|href|lang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur]';
    return $in;
}
add_filter('tiny_mce_before_init', 'wpse238918_allow_schema');

Этот код добавляет необходимые атрибуты для itemscope, itemtype, itemprop и т. д., что позволит вам использовать микроразметку без проблем.

3. Альтернативное решение с плагином

Если вы предпочитаете не редактировать код, вы можете установить плагин, который настроит редактор Classic, чтобы он принимал все метаданные, специфичные для контента. Плагин называется Advanced TinyMCE Configuration. После установки и активации плагина настройте его следующим образом:

@[itemscope|itemtype|itemid|itemprop|content],div,span,h1,h2,h3,h4,h5,h6,time[datetime]

Это позволит вашему редактору корректно обрабатывать схему микроразметки.

4. Редактирование HTML через cPanel

Если у вас есть доступ к cPanel, редактировать HTML можно следующим образом:

Вход в cPanel: Зайдите в вашу учетную запись cPanel.
Файловый менеджер: Найдите и откройте «Файловый менеджер».
Структура файлов: Перейдите к директории вашей темы, например, /wp-content/themes/имя_вашей_темы/.
Редактирование header.php или footer.php: Вы можете вставить вашу сгенерированную микроразметку в нужное место в HTML-коде, например, в файлы header.php или footer.php.

5. Проверка структуры данных

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

Заключение

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