Элементор SEO означает настройку страниц, которые вы создаете в Elementor, чтобы Google мог сканировать, понимать и ранжировать их. Сам Elementor удобен для SEO, поскольку он выводит простой HTML с правильными тегами заголовков и текстом. Google может сканировать. ранжируется ли страница, зависит от того, как вы ее создаете: структура заголовков, собственные настройки производительности Elementor, основные веб-жизненные показатели, изображения, внутренние ссылки, схемы и контент, отвечающий на поиск.
Это руководство охватывает все это в том порядке, который быстрее всего перемещает рейтинг.Каждый шаг работает в текущих версиях WordPress и Elementor, и ни одна из них не нуждается в коде.
В этом руководстве:
- Подходит ли Elementor для SEO?
- Где живут SEO-настройки Elementor
- 12 лучших практик Elementor SEO
- Лучший SEO-плагин для Elementor по сравнению
- Ошибки SEO Common Elementor
- Контрольный список Elementor SEO
- Часто задаваемые вопросы
Подходит ли Elementor для SEO?
Да. Elementor удобен для SEO. Google индексирует страницу Elementor так же, как индексирует любую другую страницу WordPress, потому что текст, ссылки и заголовки все находятся в HTML, когда страница загружается.Elementor не блокирует рейтинги, и он не повышает их тоже.
Уловка вес. конструктор страниц загружает больше CSS и JavaScript, чем тема с ручной кодировкой, и каждый раздел, который вы вложен, добавляет больше разметки. на дешевом хосте без кэширования и 3 МБ изображений героев, которые отображаются как медленные Core Web Vitals. Недавние версии Elementor закрыли большую часть этого разрыва с настройками, такими как Element Cache, оптимизированная загрузка изображений и более компактная разметка, но большинство из них помогают только в том случае, если вы их включите. для этого и нужна практика #3.
Короче говоря, Elementor так же хорош для SEO, как и ваша установка, и остальная часть руководства проходит через эту настройку.
Вам нужен Elementor Pro для SEO?
Нет. мета-заголовки, описания, карты сайта и схемы приходят из вашего плагина SEO. Заголовки, альтернативный текст, внутренние ссылки и настройки скорости все в бесплатном Elementor.Elementor Pro добавляет инструменты дизайна, как Theme Builder и динамический контент, и ни один из них не меняет, как Google ранжирует страницу.
Где Pro действительно имеет значение косвенно, так это шаблоны. если ваши сообщения в блоге используют макет одной публикации вашей темы по умолчанию, вы управляете H1 и структурируете ее через тему. Если вы хотите разработать этот макет в Elementor, вам нужен конструктор тем. У Elementor Pro есть один, и он тоже Мастер-создатель тем аддонов, который охватывает заголовки, нижние колонтитулы, отдельные сообщения, архивы, результаты поиска и 404 страницы.
Где живут SEO-настройки Elementor
Многие люди ищут настройки “Elementor SEO” и ожидают одну панель Нет одного SEO на сайте Elementor разбросан по пяти местам, и зная, кто из них контролирует то, что экономит много охоты.
| Что вы хотите изменить | Где живет |
|---|---|
| SEO-заголовок, метаописание, ключевое слово фокуса, схема, noindex | Панель вашего плагина SEO (Rank Math, Yoast, SEOPress или AIOSEO - все добавляют вкладку внутри редактора Elementor) |
| Теги заголовков (от H1 до H6) | Каждый виджет Тег HTML опция, на вкладке Содержимое |
| Видимость заголовка страницы (ваш H1) | Настройки страницы Elementor (значок шестеренки) → Скрыть заголовок |
| Настройки скорости: кэширование, загрузка изображений, шрифты | Админ WordPress → Элементор → Настройки → Производительность и Особенности вкладки |
| URL-слизень | Редактор страниц/постов WordPress или быстрое редактирование (не Elementor) |
| Текст альт изображения | Подробности вложения медиатеки (виджет изображения извлекает их оттуда) |
12 лучших практик Elementor SEO
1. Установите один плагин SEO и используйте его внутри элементара
Элементор обрабатывает дизайн. плагин SEO обрабатывает сигналы, которые Google читает еще до того, как он посмотрит на ваш макет: тег заголовка, метаописание, канонический URL-адрес, карту сайта XML, правила роботов, панировочные сухари и схему.
Все четыре основных плагина SEO теперь добавляют свою собственную панель внутри редактора Elementor, так что вы можете редактировать заголовок SEO и проверять ключевое слово фокуса, не покидая страницы, которую вы создаете.Rank Math - это та, которую мы используем на этом сайте. Его мастер настройки обрабатывает карты сайта, граф знаний Организации и шаблоны заголовков по умолчанию за несколько минут.
Какой бы плагин вы ни выбрали, запустите только один. два активных плагина SEO печатают два набора метатегов и два графика схем, и Google должен угадать, какой из них вы имели в виду.
2. Используйте один тег заголовка H1 и Real
Google использует заголовки, чтобы понять, что охватывает каждая часть страницы, а читатели используют их, чтобы решить, оставаться ли. В Elementor уровень заголовка - это настройка, а не размер шрифта. Каждый виджет типа заголовка имеет Тег HTML раскрывающийся список, и это раскрывающееся значение - единственное, что видит Google.
- Н1: тема страницы, ровно один раз.
- Х2: основные разделы.
- От H3 до H6: подточки под их Н2, без пропуска уровней.
Две привычки Элементора вызывают большинство проблем с заголовком:
- Ловушка скрытого названия. Ваша тема печатает название страницы как H1. Включите Скрыть заголовок в настройках страницы, чтобы создать своего собственного героя, и H1 исчезает. то большой текст героя, который вы добавили, обычно является виджетом заголовка по умолчанию, что H2. Результат: страница без H1. Если вы скрываете заголовок, установите свой герой, направляющийся в H1, вручную.Наше руководство по сокрытие или удаление заголовков страниц охватывает безопасные способы сделать это.
- Заголовки, используемые в качестве украшения. Небольшие метки, такие как “Наши услуги” над заголовком раздела, часто получают H2 только потому, что они находятся в виджете заголовка. Установите их в
p,spanилиdivтаким образом, ваш контур остается чистым.
Стильные заголовки из аддонов следуют тому же правилу.The Master Addons Двойной заголовок и Градиентный заголовок оба виджета имеют настройку тега, поэтому вы можете иметь двухцветного героя и при этом выводить правильный H1.
3. Включите настройки производительности Elementor
Множество руководств Elementor SEO пропускают этот шаг, хотя это всего несколько раскрывающихся данных, и это влияет на каждую страницу сайта. Перейти к Элементор → Настройки в вашем администраторе WordPress. The Производительность и Особенности вкладки удерживают переключатели, которые решают, насколько тяжелы ваши страницы.
Вот что делает каждый сеттинг Performance и как мы его задаем:
- метод печати CSS: внешний файл. Elementor записывает CSS страницы в кэшированные файлы вместо того, чтобы вставлять ее в каждую страницу
<head>. Сохраняйте внутреннее встраивание только во время устранения неполадок. - Оптимизированная загрузка изображений: Включить. Добавляет
fetchpriority="high"на изображение LCP иloading="lazy"к изображениям ниже складки Это прямое улучшение LCP. - Оптимизированная загрузка Гутенберга: Включить. Останавливает загрузку стилей редактора блоков на страницах, полностью созданных в Elementor.
- Изображения фона ленивой нагрузки: Включить. Контейнерный и секционный фоны ждут, пока они понадобятся, кроме первого.
- Загрузите шрифты Google локально: включите. Шрифты приходят с собственного сервера вместо Google Это на одно стороннее соединение меньше, и оно помогает с GDPR.
- Кэш элементов: 1 день или дольше. Подает предварительно отрендеренные копии элементов вместо того, чтобы создавать их свежими при каждом посещении.
Тогда откройте Особенности вкладка. Две стабильные функции сокращают вес страницы дальше:
- Значки встроенных шрифтов отображает значки как встроенные SVG, поэтому Elementor пропускает загрузку библиотек Font Awesome и eicons.
- Оптимизированная разметка удаляет дополнительные HTML-оболочки из элементов и виджетов, что уменьшает DOM. Он меняет разметку, поэтому проверьте любой пользовательский CSS или JavaScript, который нацелен на эти оболочки, после его включения.
Проверьте свои главные страницы после каждого изменения. На вкладке Общие, Отключить цвета по умолчанию и Отключить шрифты по умолчанию также стоит отметить, когда ваша тема или комплект уже устанавливает шрифты. Это останавливает Elementor, загружающий второй стек шрифтов.
4. Пропустите основные веб-жизненные показатели (LCP, INP, CLS)
Основные веб-жизненные ресурсы три показателя опыта работы со страницами Google. Они не превзойдут лучший контент, но при близком звонке между двумя хорошими страницами побеждает более быстрая. Вот что каждый имеет в виду на странице Elementor:
| Метрический | Хороший счет | Обычная причина Элементора | Исправить |
|---|---|---|---|
| ЛКП (Самая большая содержательная краска) | Менее 2,5 с | Огромный образ героя, или образ героя, ленивый | Герой WebP в размере дисплея, никогда не лениво загружайте его, продолжайте оптимизировать загрузку изображения |
| ИНП (Взаимодействие со следующей краской) | До 200 мс | Слишком много JavaScript: слайдеры, анимация, виджеты чата, сценарии отслеживания | Вырезайте неиспользуемые виджеты и сторонние сценарии, задерживайте некритическую JS с помощью плагина кэширования |
| КЛС (Кумулятивный сдвиг макета) | Меньше 0,1 | Изображения без размеров, поздняя загрузка шрифтов, баннеры, снижающие контент | Установите ширину и высоту изображения, font-display: swap, зарезервировать место для встраиваемых |
INP заменил первую задержку ввода в марте 2024 года, поэтому старые руководства, рассказывающие о FID, измеряют то, что Google больше не использует. Тестировать с Информация о скорости страницы и посмотрите на поле данные вверху (настоящие пользователи Chrome) перед оценкой лаборатории ниже него. полный шаг за шагом см как ускорить сайты Elementor.
Маяк - это лабораторные данные, поэтому он не может измерить INP. Общее время блокировки - это ближайший лабораторный сигнал для него, и 0 мс есть хороший знак. проверьте данные поля в PageSpeed Insights или Search Console на предмет реального номера INP.
5. Начните с легкой темы и достойного хостинга
Ваша тема загружается на каждую страницу, прежде чем Elementor что-либо сделает Тяжелая многоцелевая тема с собственными слайдерами и конструктором страниц добавляет вес, который вы никогда не будете использовать Когда мы запустили одну и ту же страницу Elementor на 15 темах, оценки Lighthouse mobile варьировались от 93 (Blocksy) до 70 (Phlox).Это 23-балльный отрыв от одной только темы.
Привет, Элементор, Блокси, ГенератПресс и Астра все ли безопасные выборы. Полный тест находится в нашем обзоре легкие темы WordPress для Elementor.
Хостинг устанавливает ваш этаж. если серверу требуется секунда для ответа, ни одна настройка в Elementor не исправляет т.е. Выберите хост с кэшированием на уровне сервера и PHP 8.2 или более новым. хостами на основе LiteSpeed, такими как Хостингер хорошо сочетайтесь с бесплатным плагином LiteSpeed Cache.На других хостах WP Rocket - простой вариант.
6. Оптимизируйте изображения: формат, размер и альтернативный текст
Изображения - наиболее распространенная причина, по которой страница Elementor работает медленно, а альтернативный текст - одна из наиболее часто пропускаемых основ SEO.
- Используйте WebP или AVIF. WordPress поддерживает оба изначально. Ан плагин оптимизатора изображений может конвертировать существующую библиотеку оптом.
- Загрузить с размером дисплея. Фотография 2400px в колонке 600px по-прежнему загружает все 2400px. Используйте настройку размера виджета Image, чтобы WordPress обслуживал нужный.
- Напишите альтернативный текст в медиатеке. Виджет Elementor Image считывает альтернативный текст из вложения, поэтому установите его там и он будет следовать за изображением повсюду. Опишите изображение. Включите ключевое слово только тогда, когда оно подходит.
- Использовать реальные имена файлов.
elementor-pricing-table.webpговорит Google что-то.IMG_2843.jpgне. - Смотреть фоновые изображения. Изображения, установленные в качестве фона раздела или контейнера, не имеют альтернативного текста и не индексируются в Google Images. Если изображение несет смысл, используйте виджет "Изображение".
7. Сохраняйте URL-адреса короткими и описательными
Сравнить example.com/?p=1234 с example.com/elementor-pricing-table/. Второй сообщает Google и читателю, что находится на странице, прежде чем они нажмут. Ваш слизень исходит от WordPress, а не от Elementor, поэтому установите его в редакторе публикаций или Quick Edit.
- Использовать Настройки → Постоянные ссылки → Название сообщения.
- Сохраните основное ключевое слово и опустите слова-заполнители.
- Не меняйте слизень страницы, которая уже ранжируется. Если необходимо, добавьте перенаправление 301 со старого URL-адреса (Rank Math и большинство плагинов SEO имеют менеджер перенаправления).
8. Создайте внутренние ссылки, по которым Google может следовать
Внутренние ссылки сообщают Google, какие страницы имеют значение и как они связаны. Группируйте связанный контент в кластеры: основное руководство, подобное этому, ссылается на сфокусированные сообщения, и они ссылаются назад.Использовать описательный якорный текст, такой как“Точки останова Элементора“, а не “click здесь”.
Один улов, специфичный для Elementor: Google следует только за реальным <a href> ссылки. Некоторые конструкции карт и коробок делают всю карту кликабельной с помощью JavaScript, на который пользователи могут нажать, но Google не может следовать. Главные дополнения Расширение Wrapper Link превращает любой контейнер, раздел или виджет в правильную ссылку с возможностью создания нового окна nofollow и пользовательские атрибуты.
Использовать nofollow (или sponsored за платные и партнерские ссылки) на исходящие ссылки, за которые вы не ручаетесь Оставить внутренние ссылки, по которым следовали.
9. Добавьте оглавление на длинные страницы
На руководствах длиннее, чем около 1500 слов, оглавление помогает читателям перейти к той части, которая им нужна. Это также дает Google чистые якорные ссылки, которые иногда показывают как “Jump to” ссылки под вашим результатом.The Master Addons Виджет "Содержимое" строит список из заголовков H2 в H4 вашей страницы автоматически, что является еще одной причиной правильно получить практику № 2.
Если вы предпочитаете использовать плагин, который работает и вне Elementor, мы сравнили варианты в нашем плагин оглавления облава.
10. Используйте схему того, что еще показывает Google
Разметка схемы говорит поисковикам, что такое страница: статья, продукт, рецепт, местный бизнес, Это помогает с пониманием и дает право на богатые результаты Но список богатых результатов сильно изменился, и более старые советы Elementor SEO не догнали.
- Богатые результаты FAQ показывают только для известных правительственных и медицинских сайтов с августа 2023 г. Схема часто задаваемых вопросов больше не даст нормальному блогу те расширяемые вопросы в поиске.
- В том же году были отменены богатые результаты HowTo Обновление Google.
- Еще стоит добавить: статью (с автором и датами), организацию, список BreadcrumbList, продукт с отзывами о магазинах и местный бизнес для местных сайтов.
Ваш плагин SEO выводит большинство из них автоматически, поэтому задача обычно состоит в том, чтобы заполнить данные Организации, установить правильный тип схемы для каждого типа сообщения и проверить, что не отмечено ничего, что не видно на странице. Google's структурированная галерея данных перечисляет все типы, которые он поддерживает в данный момент.
Чтобы проверить, какую страницу выводит, вставьте ее URL-адрес в Проверка разметки схемы. Вот наша домашняя страница:
Разметка FAQPage там действительна и до сих пор сообщает поисковикам, какой текст - вопрос, а какой - ответ, В результатах Google она не покажет как расширяемые вопросы, по причине выше.
11. Дизайн Мобильный-Первый
Google ранжирует ваш сайт на основе своей мобильной версии. Страница, которая отлично выглядит на рабочем столе и тесна на телефоне, оценивается как тесная. В Elementor переключитесь на просмотры планшета и мобильных устройств в редакторе и проверьте каждый раздел: размеры шрифтов, интервалы, цели касания и героя.
Негабаритный текст заголовка на маленьких телефонах является классической проблемой.Установите адаптивные размеры шрифтов на точку останова. функция Elementor "Дополнительные пользовательские точки останова" добавляет дополнительные мобильные устройства, планшет, ноутбук и широкоэкранный экран поверх значений по умолчанию. Если вам нужны точки останова помимо них, главные аддоны Пользовательское расширение точек останова позволяет добавить свой. также избегайте скрывать важный контент только на мобильном. если он скрыт в версии Google индексы, это не считается.
12. Пишите для людей прежде всего (и ИИ отвечает вторым)
Никакая настройка не компенсирует контент, не отвечающий на поиск Системы Google вознаграждают страницы, на которых отображаются Опыт, Экспертиза, Авторитетность и Доверие (E-E-AT) На практике это означает
- Ответьте первым. Поставьте прямой ответ на главный вопрос в первом абзаце, затем углубитесь.ИИ Обзор и чат помощники тянут эти короткие, ясные ответы тоже.
- Показывать реальный опыт. Ваши собственные скриншоты, результаты тестов и цифры превосходят стоковые фотографии и общие утверждения.
- Добавить настоящего автора с короткой биографией и показывать видимую дату “последнего обновления”.
- Сделайте страницы удобными для чтения инструментами искусственного интеллекта. Чистые заголовки и короткие абзацы ответов помогают и здесь. Элементор 4.3 также имеет Создайте уценку веб-сайта эксперимент (вкладка "Функции", по-прежнему "Альфа"), который предоставляет агентам ИИ версии ваших страниц Markdown. Следите за этим, но не включайте функцию "Альфа" на живом сайте, не протестировав ее предварительно.
- Держите свежим. Пересматривайте важные страницы несколько раз в год. обновляйте скриншоты, номера версий и шаги, которые изменились.
Лучший плагин SEO для Elementor по сравнению
Все четыре из них работают с Elementor и добавляют панель внутри редактора. правильный зависит от того, сколько контроля вы хотите.
| Плагин SEO | Лучший для | Панель редактора Elementor | Схема в бесплатной версии | Перенаправляет в бесплатной версии |
|---|---|---|---|---|
| Ранг Математика | Большинство пользователей Elementor, которым нужно много функций и управляемая настройка | Да | Широкий ассортимент видов | Да |
| Йоаст SEO | Новички, которым нужно простое, самоуверенное руководство | Да | Автоматический граф ядра | Нет (Премиум) |
| СЕОпресс | Агентства и все, кто хочет чистый, безрекламный интерфейс | Да | Типы ядра (подробнее в Pro) | Да |
| Все в одном SEO | WooCommerce и местные бизнес-сайты | Да | Типы ядра (подробнее в Pro) | Нет (Про) |
Для большинства людей, строящих с Элементором, Rank Math дает лучшее сочетание функций за цену Если вы уже запускаете Yoast или SEOPress и он настроен, нет никакой причины для ранжирования переключиться Перемещение плагинов несет больше риска, чем оставаться на месте.
Обычные ошибки SEO Elementor
- Скрытие заголовка страницы и отсутствие H1 или добавление второго.
- Ленивая загрузка образа героя, что вредит LCP.
- Укладка контейнеров глубиной пять уровней, если два делают. Каждый слой - это дополнительная разметка.
- Загрузка каждой библиотеки веса и значков шрифта Google “то только в случае”.
- Использование фоновых изображений для изображений контента, чтобы они не получали альтернативного текста.
- Делаем карты кликабельными с помощью JavaScript вместо реальной ссылки.
- Запуск двух SEO-плагинов одновременно.
- Оставляя “Отбить у поисковых систем желание индексировать этот сайт”, отмеченный после запуска (Настройки → Чтение).
- Публикация тонких страниц без внутренних ссылок, указывающих на них.
Если сам редактор Elementor работает медленно или не откроется, пока вы их исправите, см. наше руководство по Редактор Элементор не загружается.
Контрольный список Elementor SEO
Пробегайте этот список на каждой странице перед публикацией:
- SEO-заголовок и метаописание установлены в вашем плагине SEO
- Ровно один Н1, с Н2 и Н3 по порядку
- Короткий, описательный слизень
- Изображение героя в WebP размером с дисплей, не загруженное лениво
- Альтернативный текст на каждом значимом изображении
- Как минимум 3 внутренние ссылки и несколько ссылок на связанные страницы
- Проверено на мобильном в редакторе Elementor
- PageSpeed Insights: LCP до 2,5 с, INP до 200 мс, CLS до 0,1
- Тип схемы правильный для страницы (Статья, Продукт, Местный бизнес)
- Страница индексируема (без случайного noindex)
Часто задаваемые вопросы
Элементор хорош или плох для SEO?
Элементор хорош для SEO, когда он хорошо настроен. он выводит сканируемый HTML с реальными тегами заголовков, поэтому Google индексирует его, как любую страницу WordPress.Рейтинги страдают только тогда, когда страницы медленны или плохо структурированы, что вы исправляете с помощью настроек производительности Elementor, легкой темы, оптимизированных изображений и чистого контура заголовка.
Элементор замедляет работу моего сайта?
Элементор добавляет некоторые CSS и JavaScript, но настроенный сайт Элементор загружается быстро Включите кэш элементов и оптимизированную загрузку изображений, используйте легкую тему и плагин кэширования, обслуживайте изображения WebP и удаляйте виджеты, которые вы не используете. Аддоны, которые загружают ресурсы только там, где используется виджет, например Мастер Аддоны, помогите тоже.
Какой плагин SEO лучше всего подходит для Elementor?
Rank Math - самый популярный выбор для Elementor из-за интеграции редактора, встроенной схемы и бесплатного менеджера перенаправлений. Yoast SEO, SEOPress и All in One SEO также интегрируются с редактором Elementor. Выбирайте один и не запускайте два сразу, так как дублирующиеся метатеги и схема путают поисковые системы.
Elementor Pro помогает с SEO?
Не напрямую. SEO-сигналы приходят из вашего плагина SEO и как вы строите каждую страницу, и все это работает в бесплатном Elementor. Pro добавляет конструктор тем и динамический контент, которые помогают вам разрабатывать SEO-дружественные шаблоны для сообщений и архивов. сторонний конструктор тем, как тот, что в Master Addons, покрывает ту же потребность.
Могу ли я сделать SEO в Elementor без кода?
Да. все в этом руководстве происходит в визуальных настройках: теги заголовков в каждом виджете, переключатели производительности в настройках Elementor, заголовки и схема в вашем плагине SEO, и альтернативный текст в Библиотеке СМИ Вам нужен только код для крайних случаев, как пользовательские типы схем ваш плагин SEO не поддерживает.
Заключительные мысли
Elementor SEO - это короткий список, который вы просматриваете по страницам: чистый контур заголовка, переключение производительности Elementor, передача основных веб-жизненных объектов, размер изображений с альтернативным текстом, реальные внутренние ссылки, правильная схема и контент, отвечающий на вопрос. Начните со страницы, которая получает больше всего впечатлений в консоли поиска, исправьте ее, затем перейдите к следующей.
Элементор дает вам макет. Более 80 виджетов и расширений Master Addons, используется на более чем 30 000 сайтах, заполните такие фрагменты, как оглавления, ссылки на сканируемые карты и пользовательские точки останова.
Некоторые ссылки ниже являются партнерские ссылки, Если вы покупаете через них мы можем заработать комиссию, без дополнительных затрат для вас.
Связанное чтение
- Как ускорить работу веб-сайтов Elementor: пройти основные веб-жизненные показатели, влияющие на рейтинг.
- Точки останова Элементора: исправление проблем с адаптивным дизайном: правильно индексируйте мобильную связь.
- Лучшие плагины оптимизатора изображений WordPress: подавайте WebP и уменьшайте вес страницы.
- Лучшие плагины для оглавления для WordPress: зарабатывайте ссылки в Google.
