Как оптимизировать соотношение текста к HTML для SEO, разделив HTML на несколько файлов?

Содержание

Вопрос или проблема
Ответ или решение
1. Понимание Проблемы
2. Минимизация Избыточного HTML
3. Разделение HTML на Несколько Файлов
4. Использование Плагина для Оптимизации HTML
5. Анализ и Тестирование
Заключение

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

Я столкнулся с проблемой на своем сайте WordPress/Elementor и надеюсь, что у вас есть советы.

Я провел аудит сайта с помощью Semrush, и, как оказалось, соотношение текста к HTML составляет всего 1-2%, но для оптимизации SEO оно должно быть хотя бы 10%.

У моего сайта уже довольно мало текста, потому что он просто направляет пользователей к моим услугам. Я посмотрел исходный код и заметил, что многие из моих плагинов добавляют ненужные HTML-классы и скрипты. После отключения большинства этих плагинов и очистки кэша соотношение все равно остается слишком низким.

Я думаю, что основная проблема сейчас в том, что Elementor добавляет много HTML-классов к каждому элементу, из-за чего соотношение нарушается. Поскольку мои страницы созданы с помощью Elementor, я не могу от этого избавиться.

Существуют ли какие-либо инструменты или плагины, которые очищают HTML-код сайтов WordPress/Elementor? Может быть, путем разделения HTML на несколько файлов (особенно элементов)? Честно говоря, я не знаю, что делать, поэтому был бы признателен за ваши рекомендации.

Сайт: https://nurenoveren.nl/

Правка: Я уже включил настройки плагина Autoptimize, но без успеха.

Elementor действительно добавляет много дополнительного HTML-разметки. Вы не можете сделать много чего, кроме как воссоздавать HTML без Elementor. Если вы используете Elementor и создаете секцию, затем вставляете HTML в виджет HTML, вы можете обойти всю лишнюю разметку. Вы также можете создать шорткод, чтобы обойти редактор Elementor, затем хранить ваш HTML в файле и включать его в ваш шорткод. Также не вложите контейнеры слишком сильно в Elementor, это может добавить много HTML-разметки.

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

Оптимизация соотношения текста к HTML (Text to HTML ratio) является важной частью SEO, особенно когда речь идет о сайте, построенном на платформе WordPress с использованием конструктора страниц Elementor. Для достижения оптимального соотношения, которое рекомендуется на уровне не менее 10%, стоит рассмотреть несколько шагов, включая разделение HTML-кода на несколько файлов.

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

Согласно вашим данным, текущее соотношение текста к HTML составляет 1-2%. Это может происходить из-за избыточного HTML-кода, генерируемого элементами Elementor и плагинами. Условно, если ваш сайт содержит мало текста, тогда лишние HTML-классы и скрипты могут гораздо более негативно влиять на соотношение.

2. Минимизация Избыточного HTML

Прежде всего, стоит внедрить следующие методы:

Деактивация Ненужных Плагинов: Отключите плагины, которые вы не используете. Каждый плагин добавляет свой код, который может увеличивать объем HTML и, следовательно, ухудшать рейтинги в SEO.
Упрощение Структуры Elementor: Старайтесь минимизировать количество контейнеров и вкладок. Чем меньше вложенность, тем меньше сгенерируется HTML.
Использование HTML-Виджетов: При создании секций в Elementor, старайтесь использовать виджет HTML для размещения кастомного HTML-кода. Это позволит вам вручную контролировать то, что выводится на странице, и значительно уменьшит количество вставляемого HTML.

3. Разделение HTML на Несколько Файлов

Чтобы улучшить соотношение текста и HTML, вы можете рассмотреть разделение HTML-кода на несколько файлов. Это можно сделать с помощью следующих методов:

Создание Шорткода: Разработайте шорткод, который будет подключать ваш HTML из отдельного файла. Это может быть реализовано с помощью функции в functions.php вашей темы. Пример кода:
```
function custom_html_shortcode() {
  ob_start();
  include 'path/to/your/file.php'; // Укажите путь к вашему HTML файлу
  return ob_get_clean();
}
add_shortcode('custom_html', 'custom_html_shortcode');
```
Постоянное Использование Шорткодов: Используйте ваш шорткод в редакторе Elementor вместо добавления HTML непосредственно, таким образом, вы сократите объем генерируемого HTML.

4. Использование Плагина для Оптимизации HTML

Существует несколько плагинов, которые могут помочь оптимизировать ваш HTML-код. Например:

WP Rocket: Кеширование, минимизация CSS и JS-кода, а также оптимизация HTML.
Autoptimize: Оптимизирует HTML, CSS и JavaScript, убирает ненужные пробелы и комментарии.

5. Анализ и Тестирование

После внесения изменений:

Проведите новый аудит SEO с помощью того же инструмента, который использовали ранее, например, Semrush, чтобы проверить соотношение текст к HTML.
Анализируйте изменения. Если изменения не привели к заметному результату, повторите диагностику, чтобы выявить потенциальные источники проблемы.

Заключение

Оптимизация соотношения текста к HTML всегда требует комплексного подхода. Если ваш сайт сильно зависит от Elementor, средства для снижения избыточности HTML являются важной частью общей стратегии SEO. Ключевыми рекомендациями будут упрощение структуры, использование шорт-кодов, а также регулярный аудит HTML для выявления и устранения избыточного кода.