Как легко добавить поле поиска на страницу Elementor (с плагином и без него)

Rifat Элементор Nov 25, 2024

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

Независимо от того, управляете ли вы оживленным сайтом электронной коммерции, блогом с богатым содержанием или корпоративным сайтом, улучшение обнаруживаемости вашего контента может иметь значение. Это всеобъемлющее руководство проведет вас через добавление панели поиска на вашу страницу Elementor, от использования функции поиска по умолчанию до использования мощных сторонних плагинов, таких как SearchWP, для расширенной настройки.

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

Итак, давайте углубимся и узнаем, как легко добавить строку поиска на вашу страницу Elementor и оптимизировать ее с помощью Rank Math, превратив ваш веб-сайт в более удобный для навигации и использования ресурс!

Создавайте потрясающие сайты

С лучшим бесплатным конструктором страниц Elementor

Начать сейчас

Что такое виджет панели поиска?

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

Основные функции виджета панели поиска обычно включают в себя:

  1. Поле ввода: текстовое поле, в котором пользователи могут вводить свои поисковые запросы.
  2. Кнопка поиска: интерактивный элемент, при нажатии на который инициируется поиск.
  3. Значок поиска: часто представляет собой символ увеличительного стекла, визуально указывающий на функциональность поиска.
  4. Настраиваемый внешний вид: возможности настройки стиля виджета, включая цвет фона, цвет границы и размер значка, в соответствии с дизайном вашего веб-сайта.
  5. Замещающий текст: полезный текст в поле ввода, помогающий пользователям определить, что искать.

В Elementor виджет Search Form предлагает простой способ добавления этой функции на ваши страницы. Его можно легко перетащить, вставить в макет и настроить в соответствии с эстетикой вашего сайта.

Виджеты расширенного поиска, часто предоставляемые сторонними плагинами, могут включать в себя дополнительные функции, такие как:

  • Предложения автозаполнения
  • Результаты поиска в реальном времени
  • Параметры фильтрации
  • Аналитика поиска

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

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

Панель поиска — это универсальный инструмент с многочисленными вариантами использования на различных типах веб-сайтов. Вот несколько распространенных сценариев, где панель поиска оказывается бесценной:

  1. Сайты электронной коммерции:
    • Позволяет клиентам быстро находить определенные продукты
    • Помогает пользователям фильтровать большие каталоги продукции
    • Позволяет осуществлять поиск по названию продукта, категории или артикулу.
  2. Блоги с богатым содержанием:
    • Помогает читателям находить статьи по определенным темам
    • Это помогает пользователям находить старый контент, который все еще актуален.
    • Позволяет искать по ключевым словам, тегам или авторам
  3. Новостные сайты:
    • Позволяет читателям находить статьи по определенным событиям или темам.
    • Позволяет осуществлять поиск по дате, категории или журналисту.
  4. Образовательные платформы:
    • Помогает студентам находить определенные курсы или учебные материалы
    • Позволяет осуществлять поиск по предмету, инструктору или уровню сложности.
  5. Сайты с документацией:
    • Помогает пользователям находить конкретные инструкции или информацию
    • Позволяет осуществлять поиск по документации API или руководствам пользователя.
  6. Корпоративные сайты:
    • Помогает посетителям находить определенные услуги или информацию
    • Позволяет осуществлять поиск по объявлениям о вакансиях или новостям компании
  7. Форумы и сайты сообщества:
    • Позволяет пользователям находить определенные обсуждения или темы
    • Позволяет осуществлять поиск по пользовательскому контенту
  8. Сайты с рецептами:
    • Помогает пользователям находить рецепты по ингредиентам, кухне или диетическим требованиям.
    • Позволяет осуществлять поиск по большой базе данных рецептов
  9. Туристические сайты:
    • Позволяет пользователям искать направления, отели или мероприятия
    • Позволяет фильтровать результаты поиска по цене, рейтингу или удобствам.
  10. Библиотечные каталоги:
    • Помогает пользователям находить книги, журналы и другие ресурсы
    • Позволяет осуществлять поиск по названию, автору, ISBN или теме

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

Как добавить поле поиска по умолчанию без плагина

Чтобы начать, перейдите в Страницы > Все страницы в панели управления WordPress. Чтобы начать, перейдите в Страницы > Все страницы в панели управления WordPress.

После этого нажмите «Изменить с помощью Elementor», наведя курсор на страницу, где вы хотите разместить поле поиска.

click Edit with Elementor

Введите «форма поиска» в поле «Виджет поиска» в левой части редактора страниц Elementor.

search for search form

После этого появится виджет «Форма поиска».

find the search form

Перетащите его в нужное место на странице для поля поиска. как добавить поле поиска на страницу Elementor (руководство для начинающих)

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

Поисковый плагин для вашего сайта может значительно улучшить функциональность и удобство использования вашего сайта. Вот почему вам стоит серьезно рассмотреть возможность его внедрения:

  1. Расширенные возможности поиска: Поисковые плагины часто предлагают более сложные алгоритмы поиска, чем поиск WordPress по умолчанию. Они могут предоставлять более точные и релевантные результаты, улучшая обнаруживаемость контента.
  2. Возможности настройки: плагины обычно предлагают обширные возможности настройки, позволяющие адаптировать поиск к конкретным потребностям и эстетике дизайна вашего сайта.
  3. Улучшенный пользовательский интерфейс: плагины могут сделать поиск информации более быстрым и интуитивно понятным для ваших посетителей с помощью таких функций, как автозаполнение, результаты поиска в реальном времени и фасетный поиск.
  4. Лучшая производительность: многие поисковые плагины оптимизированы для повышения производительности, что потенциально обеспечивает более быстрые результаты поиска, чем поиск WordPress по умолчанию, особенно на крупных сайтах.
  5. Гибкость типов контента: плагины расширенного поиска часто могут выполнять поиск по различным типам контента, выходящим за рамки постов и страниц, включая пользовательские типы постов, сведения о продуктах или даже содержимое файлов.
  6. Аналитика и аналитика: некоторые поисковые плагины предоставляют аналитику поведения пользователей при поиске, помогая вам понять, что ищут ваши посетители, и потенциально информируя о вашей контентной стратегии.
  7. Преимущества SEO: Улучшение функциональности внутреннего поиска может потенциально снизить показатель отказов и увеличить время пребывания на сайте, что может положительно повлиять на SEO.
  8. Интеграция с электронной коммерцией: специализированные поисковые плагины могут предлагать функции поиска товаров для интернет-магазинов, такие как фильтрация по цене, категории или атрибутам.
  9. Поддержка нескольких языков: некоторые поисковые плагины предлагают возможности поиска на нескольких языках, если ваш сайт ориентирован на глобальную аудиторию.
  10. Масштабируемость: по мере роста вашего сайта надежный поисковый плагин может обрабатывать растущий объем контента более эффективно, чем поиск по умолчанию.
  11. Интеграция с другими инструментами: многие поисковые плагины хорошо интегрируются с конструкторами страниц, такими как Elementor, и инструментами SEO, такими как Rank Math, что обеспечивает бесперебойный рабочий процесс.
  12. Регулярные обновления: популярные поисковые плагины часто обновляются для обеспечения совместимости с последними версиями WordPress и постоянного улучшения функций.

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

Как добавить интеллектуальное поле поиска с помощью плагина SearchWP

Использование плагина SearchWP — самый простой способ добавить интеллектуальное пользовательское поле поиска на вашу страницу Elementor.

Это самый надежный и удобный поисковый плагин для WordPress.


Его использование может улучшить поиск на вашем сайте и помочь пользователям найти то, что они ищут.

Например, вы можете сделать пользовательские поля доступными для поиска и исключить определенные сайты из результатов поиска с помощью SearchWP.

Более 30 000 владельцев веб-сайтов уже используют WordPress, чтобы предоставлять своим посетителям наиболее релевантные результаты поиска.

Шаг 1: Установите и активируйте SearchWP

Загрузите плагин SearchWP здесь.
перейдите в раздел «Загрузки»

Следующий шаг — войти в свою учетную запись SearchWP. После этого перейдите на вкладку Downloads на панели управления.

press Download SearchWP

После этого нажмите кнопку «Загрузить SearchWP», чтобы начать загрузку плагина.

copy your license key

На той же странице, где загрузка будет завершена, скопируйте лицензионный ключ SearchWP.

Следующим шагом будет установка SearchWP после загрузки ZIP-файла плагина на ваш сайт.

После установки SearchWP вам необходимо активировать его с помощью лицензионного ключа.

Нажмите «Активировать лицензию» после перетаскивания указателя мыши на кнопку SearchWP на верхней панели панели управления WordPress. нажмите Активировать

Скопировав лицензионный ключ на одном из предыдущих шагов, вставьте его в область «Лицензия» и нажмите кнопку «Активировать».

Шаг 2: Добавление и настройка поисковой системы

перейдите на вкладку Двигатели

Для начала в настройках SearchWP выберите вкладку «Поисковые системы».

the list of your search engines

На этой вкладке вы можете управлять текущими поисковыми системами и добавлять новые.

WordPress выполняет поиск в соответствии с набором рекомендаций, найденных в поисковых системах.

С помощью SearchWP вы можете создать несколько поисковых систем и связать их с определенными полями поиска.

Он позволяет вам разрабатывать уникальные поля поиска с уникальными конфигурациями и ограничениями.

В настоящее время существует только одна поисковая система, которая называется Default. После установки SearchWP генерирует ее автоматически.

Поисковая система по умолчанию управляет каждым полем поиска на вашем сайте. Однако вы можете персонализировать способ работы поиска в целом на вашем сайте.

Например, вы можете отфильтровать определенные категории из результатов поиска, сделать множество полезных материалов доступными для поиска и многое другое.

Мы изменим поисковую систему по умолчанию, чтобы сделать все поля поиска на нашем сайте более интеллектуальными.

Начнем с организации списка источников поиска.

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

click Sources and Settings

Нажмите значок «Источники и настройки», чтобы изменить источники, используемые при поиске.

search sources

Во всплывающем окне вы можете выбрать, какие поисковые системы WordPress будет использовать при поиске.

В качестве иллюстрации предположим, что мы хотим ограничить поиск на нашем тестовом сайте только медиафайлами и сообщениями.

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

check search sources you want

На нашем тестовом сайте это выглядит так.

press Done

Нажмите «Готово» после завершения организации источников поиска.

Давайте упростим для ваших посетителей поиск нужных им публикаций.

click Posts

Сначала откройте настройки источника поиска «Публикации», щелкнув по нему.

Список качеств записей, которые WordPress учитывает при проведении поиска, отображается здесь.

Атрибуты — это определенные элементы поста, такие как заголовок, содержание, слаг и отрывок.

applicable post attributes

Мы добавим в этот список больше качеств, чтобы ваши посетители могли быстрее находить нужный им контент.

click Add Remove attributes

Сначала нажмите кнопку Добавить/удалить атрибуты.

Всплывающее окно позволяет добавлять новые атрибуты и изменять существующие.

Самый простой способ повысить интеллектуальность поиска ваших записей — заставить WordPress учитывать пользовательские поля записей.

Нажмите на поле «Пользовательские поля» и введите имя поля с префиксом «_», чтобы сделать его доступным для поиска.

add a custom field

Например, настраиваемое поле _tutorial, которое мы используем на нашем тестовом сайте, будет доступно для поиска:

Кроме того, WordPress может учитывать все уже имеющиеся настраиваемые поля без необходимости вручную добавлять их имена.

Снова щелкните поле «Пользовательские поля» и используйте сочетание клавиш «Любая мета-клавиша», чтобы сделать это.

choose Any Meta Key

Вы можете использовать эту комбинацию клавиш, чтобы сделать пользовательские поля вашего сайта доступными для поиска.

Вы также можете выбрать, какую таксономию WordPress будет учитывать при выполнении поиска.

add a taxonomy

Для этого нажмите на поле «Таксономии».

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

Предположим, например, что мы хотим, чтобы WordPress учитывал категории статей при выполнении поиска.

add the Categories taxonomy

Мы добавим таксономию «Категории» в список свойств записи, щелкнув по ней.

click Done

Нажмите «Готово», чтобы сохранить изменения после изменения свойств записи, доступной для поиска.

adjust the attributes relevance weight

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

WordPress будет меньше фокусироваться на характеристике при поиске, если ее вес меньше.

set the lowest weight

Например, предположим, что мы хотим установить веса свойств Slug и Excerpt равными нулю.

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

Добавьте на свой сайт функцию поиска PDF-файлов и документов.

click on the Media search source

Для этого нажмите на источник поиска медиа.

click Add Remove attributes within the Media source

Установите флажки для содержимого документа и метаданных PDF, чтобы WordPress мог индексировать файлы, которые вы отправляете на свой сайт.

press Done when you're finished

Когда закончите, нажмите «Готово».

После того, как вы будете довольны результатом изменения вашей поисковой системы, вам необходимо сохранить изменения.

click Save Engines

Для этого нажмите кнопку «Сохранить двигатели» в правом верхнем углу.

Вот и все. Теперь вы понимаете, как сделать поиск на вашем сайте более интеллектуальным и соответствующим вашим потребностям.

Последний шаг — добавление вашего нового интеллектуального поля поиска на страницу Elementor.

Шаг 3: Добавление интеллектуального поля поиска на страницу Elementor

Для настройки Elementor не требуется никаких дополнительных действий, поскольку SearchWP легко интегрируется с ним.

Давайте протестируем вашу новую поисковую систему после установки поля поиска.

Например, на нашем тестовом сайте есть страница с названием «ТОП-3 плагина WordPress для электронной коммерции». Термин «витрина» вводится в настраиваемое поле «Тип».

Давайте посмотрим, сможем ли мы найти этот пост, основываясь только на содержимом его настраиваемого поля.

search by a custom field

Как видите, поскольку наш сайт теперь учитывает пользовательские поля при выполнении поиска, мы смогли найти статью.

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

search for a PDF file

Кроме того, мы включили PDF-файл "WordPress User's Guide" на наш тестовый сайт. Посмотрим, сможем ли мы его найти.

we found our PDF file

Теперь наши пользователи могут использовать строку поиска для поиска PDF-файлов и документов, размещенных на нашем веб-сайте.

Заключение

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

Хорошо спроектированная строка поиска может значительно улучшить взаимодействие пользователей, снизить показатели отказов и повысить показатели конверсии. Следуя шагам, описанным в этом руководстве, вы можете легко интегрировать виджет поиска, который соответствует дизайну вашего сайта и отвечает потребностям ваших пользователей. Помните, что в цифровом ландшафте обеспечение легкого доступа к информации является ключом к удовлетворенности пользователей и успеху сайта. Поэтому сделайте прыжок и предоставьте своим посетителям эффективные возможности поиска уже сегодня!

Divi WordPress Theme