Содержание
Структура заголовков H1–H3
На странице должен быть один H1, далее логичная иерархия разделов через H2 и подпунктов через H3. В Elementor указывайте тег заголовка в настройках виджета Heading (не путайте с размером шрифта).
H1 — Заголовок статьи
H2 — Раздел (например, «Структура заголовков»)
H3 — Подраздел (например, «Ошибки и советы»)Семантические секции и колонки
Каждый логический блок делайте отдельной секцией. Внутри — одна колонка, если не нужна сложная сетка. Текст размещайте в Text Editor (генерирует корректные <p>), заголовки — в Heading.
Правильные виджеты
| Задача | Виджет | Почему |
|---|---|---|
| Главный заголовок | Heading (H1) | Сигнал темы страницы для поисковиков |
| Разделы | Heading (H2/H3) | Структура и иерархия |
| Текст | Text Editor | Корректные абзацы <p> |
| Списки | Text Editor | <ul> / <ol> семантика |
| Код | Code Highlight | <pre><code> читаемость |
| Изображения | Image | alt, размеры, lazy-load |
Изображения: alt, размер, lazy-load
- Alt: описательный, с 1–2 ключевыми словами.
- Размер: не грузите больше реального контейнера (OG обложки 1200×630 px).
- Формат: WebP / JPEG; PNG — для прозрачности/лого.
- Lazy-load: по умолчанию в WP 5.5+.
<img src="/images/example.webp" loading="lazy" width="1200" height="630"
alt="Оптимизация изображений в WordPress — пример">Внутренние ссылки
Ссылайтесь на релевантные материалы сайта естественными анкорами. Пример: см. также
как добавить Open Graph в WordPress и
чеклист оптимизации изображений.
FAQ/Article Schema
Добавьте JSON-LD через HTML-виджет для расширенных сниппетов. Пример FAQ ниже.
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "Нужно ли прописывать alt ко всем изображениям?",
"acceptedAnswer": { "@type": "Answer",
"text": "Да. Alt помогает поисковикам понять содержание изображения и улучшает доступность." }
}]
}Скорость и мобильная версия
- Кэшируйте (WP Fastest Cache / LiteSpeed).
- Минимизируйте CSS/JS (Elementor → Performance).
- Сжимайте изображения (WebP, Smush/Imagify/ShortPixel).
- Проверяйте mobile-first в редакторе Elementor.
Чеклист перед публикацией
- ✅ 1×H1, логичные H2/H3
- ✅ У всех изображений есть осмысленный alt
- ✅ Внутренние ссылки добавлены
- ✅ Title/Description заполнены
- ✅ Скорость хорошая (PageSpeed) и верстка адаптивная
- ✅ Добавлена Article/FAQ schema
