Как создать страницу поиска в WordPress (2 простых способа)

Опубликовано: 2022-06-21

Ищете способ создать страницу поиска в WordPress?

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

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

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

Вот оглавление, которое поможет вам сориентироваться:

  • Зачем создавать страницу поиска в WordPress?
  • Самый простой способ создать более умную страницу поиска
  • Способ 1: создайте страницу поиска с помощью редактора страниц WordPress
  • Способ 2: создать страницу поиска с помощью SeedProd

Давайте начнем!

Зачем создавать страницу поиска в WordPress?

Создание страницы поиска на вашем сайте WordPress имеет много преимуществ:

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

Вы готовы добавить страницу поиска на свой сайт? Давайте посмотрим, как вы можете это сделать ниже.

Самый простой способ создать более умную страницу поиска

Лучший способ создать страницу поиска — использовать такой плагин, как SearchWP.

SearchWP logo

Почему? Потому что это самый мощный поисковый плагин WordPress, которому доверяют более 30 000 владельцев веб-сайтов.

Используя SearchWP, вы можете полностью настроить работу поиска на своем сайте и создать интеллектуальную страницу поиска без необходимости кодирования.

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

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

И это еще не все. Вот краткий обзор других функций SearchWP:

  • Отслеживание поиска . Хотите знать интерес вашей аудитории? SearchWP собирает данные о том, что посетители ищут на вашем сайте, что позволяет вам лучше понять их потребности.
  • Живые результаты поиска . С SearchWP вы можете включить отображение результатов поиска в реальном времени в несколько кликов.
  • Контроль результатов поиска . Этот плагин позволяет вам вручную изменить порядок результатов поиска так, как вы хотите.
  • Несколько поисковых систем . Хотите добавить настраиваемые формы поиска на свой сайт? SearchWP позволяет вам создавать несколько поисковых систем, настраивать их и ссылаться на любые формы поиска на вашем сайте.

Теперь, когда вы знаете, как SearchWP помогает вам создать интеллектуальную страницу поиска, давайте посмотрим, как ее использовать.

Чтобы начать, возьмите свою копию SearchWP здесь.

После этого войдите в свою учетную запись SearchWP и перейдите на страницу « Загрузки ».

go Downloads

Затем нажмите «Загрузить SearchWP» и сохраните ZIP-файл плагина на свой компьютер.

press Download SearchWP

После загрузки скопируйте лицензионный ключ SearchWP на той же странице.

copy your license key

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

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

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

Чтобы начать, перейдите на панель инструментов WordPress и наведите курсор на кнопку SearchWP на верхней панели.

point a cursor over the SearchWP button

Затем выберите пункт « Активировать лицензию » в раскрывающемся меню.

click Activate License

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

click Activate

После того, как вы установите и активируете свою копию SearchWP, она автоматически интегрируется в каждую поисковую форму на вашем сайте, делая ее умнее.

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

Есть 2 способа сделать это. Рассмотрим подробнее каждый из них по порядку.

Способ 1: создайте страницу поиска с помощью редактора страниц WordPress

Первый способ предполагает использование стандартного редактора страниц WordPress.

Шаг 1: Создайте страницу

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

click Pages Add New

Как только вы доберетесь до редактора страниц, введите название своей страницы. Например, мы назовем ее Страница поиска .

enter the title

Шаг 2: Добавьте блок поиска

Затем нажмите кнопку « Плюс », чтобы открыть окно, в котором вы можете выбрать блоки WordPress.

click the Plus button

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

find the search block

Шаг 3: Добавьте текстовый блок

Теперь давайте добавим текст перед формой поиска, чтобы посетители могли ее использовать. Для этого введите все, что хотите, вместо «искать» над формой.

we changed the text

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

we added a heading before the search form

Шаг 4: Добавьте последние сообщения

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

Для этого снова нажмите кнопку « Плюс » и выберите блок « Последние сообщения ».

find the Latest Posts block

Вы можете изменить макет блока « Последние сообщения », нажав эти две кнопки.

change the grid layout

Например, мы изменим его на представление « Сетка ».

change the layout to grid

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

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

we added the text before the recent posts

Шаг 5: Опубликуйте свою страницу

Когда вы довольны тем, как выглядит ваша страница поиска, вы можете опубликовать ее.

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

click Publish

Шаг 6: протестируйте новую страницу поиска

Теперь давайте протестируем нашу новую страницу поиска, улучшенную с помощью SearchWP.

Например, поисковая система WordPress по умолчанию не учитывает теги сообщений при выполнении поиска, поэтому ваши посетители не могут искать сообщения по тегам.

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

Например, у нас есть сообщение на нашем тестовом сайте под названием «7 лучших сервисов электронного маркетинга для малого бизнеса» с тегом «электронная коммерция».

Попробуем поискать.

search for a post by a tag

Как видите, мы успешно нашли пост только по его тегу.

we found the post by its tag

Чтобы узнать, как включить эту функцию на своем сайте, ознакомьтесь с этим полезным постом о том, как искать сообщения по тегам в WordPress.

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

Если вы хотите создать более красивую страницу поиска, вы можете сделать второй способ ниже.

Способ 2: создать страницу поиска с помощью SeedProd

SeedProd — лучший плагин для создания веб-сайтов WordPress с более чем 1 000 000 активных установок.

SeedProd

Он поставляется с простым в использовании и мощным редактором перетаскивания, который позволяет вам создавать различные типы страниц без написания единой строки кода.

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

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

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

Лучшая часть? SeedProd поставляется с множеством готовых шаблонов, так что вы можете сразу начать создавать свою страницу и быстрее развивать свой бизнес. Не нужно быть опытным дизайнером!

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

Шаг 1: Установите SeedProd на свой сайт

Для начала вы можете взять свою копию SeedProd здесь.

Затем установите и активируйте его так же, как SearchWP.

Шаг 2: Создайте новую страницу

После этого перейдите в SeedProd » Landing Pages на левой панели панели инструментов WordPress.

click SeedProd Landing Pages

Затем нажмите кнопку « Добавить новую целевую страницу ».

click Add New Landing Page

На следующем шаге вы можете выбрать один из готовых шаблонов страниц SeedProd.

there are a lot of ready-made templates

В этом уроке мы создадим страницу поиска с нуля.

Чтобы начать, наведите курсор на пустой шаблон и щелкните значок галочки.

click on a template

Появится окно, в котором вы можете назвать свою страницу и указать ее URL или веб-адрес.

fill in your page details

Введите имя и URL-адрес страницы и нажмите « Сохранить и начать редактирование страницы» .

click Save and Start Editing the Page

Шаг 3. Выберите макет страницы поиска

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

choose your page layout

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

click on a layout

Шаг 4: Добавьте заголовок на страницу поиска WordPress

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

Чтобы добавить новый блок на страницу, перетащите его с левой панели. Вы можете увидеть, как мы это делаем ниже:

add a headline

Чтобы настроить заголовок, щелкните его и введите нужный текст.

you can change the text

Например, мы изменим его на «Что вы ищете?».

we added a heading to our page

Шаг 5: Добавьте форму поиска на страницу поиска WordPress

Следующим шагом является добавление формы поиска на страницу поиска.

Сначала найдите поле « Форма поиска » и перетащите его на свою страницу под заголовком.

click on the Search Form

Как видите, форма поиска по умолчанию имеет относительно небольшую ширину.

we added a search form to the page

Чтобы сделать его шире, нажмите на форму поиска и перейдите на вкладку « Дополнительно » на левой панели.

switch to the Advanced tab

Здесь вы можете настроить ширину формы поиска, перемещая ползунок ширины влево или вправо.

adjust the width

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

set the max width

Шаг 6: добавьте последние сообщения на страницу поиска

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

Для начала найдите блок « Сообщения » и перетащите его на страницу поиска.

find the Posts element

Чтобы настроить блок сообщений , нажмите на него.

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

the Posts element settings

Например, мы уменьшим количество постов на нашей странице до 3, чтобы не слишком отвлекать посетителей.

set the number of posts per page

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

add a headline

Затем вы можете изменить текст заголовка на что-то, что привлечет ваших пользователей. Например, мы заменим его на «Еще не решили? Посмотрите наши посты:».

we added a heading

Шаг 7: Добавьте форму подписки на страницу поиска

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

Для начала найдите блок Optin Form на левой панели и перетащите его на свою страницу.

add Optin Form element

Если вы нажмете на блок, вы сможете настроить его поля, стиль, текст кнопки и многое другое.

customize the fields of your form

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

Последний шаг — добавить заголовок над нашей формой подписки. Назовем это «Подпишитесь на нашу еженедельную рассылку».

heading before the sign-up form

Шаг 8: Опубликуйте страницу поиска

Когда вы удовлетворены тем, как выглядит ваша страница поиска, пришло время опубликовать страницу.

Для этого щелкните стрелку вниз рядом с кнопкой « Сохранить » в правом верхнем углу и выберите параметр « Опубликовать ».

press the Publish button

Затем нажмите See Live Page во всплывающем окне.

click See Live Page

Вот как выглядит наша страница поиска, созданная с помощью SeedProd, на нашем тестовом сайте:

how to create a search page in WordPress

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

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

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

Ищете способ настроить страницу результатов поиска? Ознакомьтесь с нашим пошаговым руководством по настройке страницы результатов поиска WordPress.

Используете конструктор страниц Divi на своем сайте? Тогда вам будет полезно узнать, как создать шаблон страницы результатов поиска Divi за несколько простых шагов.