как добавить форму поиска в wordpress

Как сделать поиск по сайту на WordPress? Три основных метода

Привет!
Сегодня расскажу, как сделать форму поиска для сайта. В статье будут описаны три варианта установки поиска: с помощью кода (без плагина), с плагином и форма поиска Яндекса. Это будет еще одна статья из серии, как добавить на сайт элемент и визуализировать его в стиле своего сайта. Читайте, например, об оформлении формы обратной связи для WordPress.

Стандартный WordPress поиск в виджете

Проверяйте, форма появилась на сайте. Конечно в дизайн она пока совсем не вписывается, поэтому чуть ниже я расскажу, как оформить ее с помощью css-стилей.

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

Продолжим рассматривать стандартный поиск, который уже встроен в движок WordPress. Но этот способ нужен, если вы хотите что-то изменить в содержании формы, например, текст в поле поиска или на кнопке. Или же хотите вставить форму не в сайдбар, а, скажем, в шапку.

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

Вот образец кода, который будет отображать на сайте форму поиска с кнопкой «Найти»

Русские фразы в этом коде мы можете заменить на свои. Не забудьте прописать адрес своего сайта в action.

Теперь нужно определиться, где на сайте разместить данную форму. К примеру, вы решили поместить форму в сайдбаре, для этого созданный нами код помещаем в файл sidebar.php после тега

Для того чтоб поменять внешний вид формы поиска WordPress, нужно будет внести изменения в стилевой файл шаблона style.css.

Чтобы получить такой вид формы:

Нужно добавить в style.css такой код:

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

В данном примере описана самая простая, стандартная форма поиска для сайта WordPress.

Плагин поиска для WordPress: какой выбрать?

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

Вот далеко не полный перечень плагинов поиска для WordPress:

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

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

Выбирайте тот плагин поиска Вордпресс, который вам подойдет лучше.

А теперь перейдем к установке поиска Яндекс.

Как установить поиск Яндекса на сайт?

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

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

Есть лишь одно предостережение по поиску от Яндекса: если ваш сайт медленно индексируется в данной ПС, новые посты будут отсутствовать в поиске.

Для того чтоб установить поиск, переходите по ссылке — https://site.yandex.ru/ и нажмите «Установить поиск».

Если вы не зарегистрированы в сервисах Яндекса, нужно создать аккаунт.

Для начала нужно установить область поиска

Здесь главное указать url сайта.

Следующий шаг – это дизайн поисковой формы:

Далее нужно настроить то, каким образом будут показаны результаты поиска:

В примере на картинке выбран вариант «Показывать результаты на моей странице». Тут вам нужно указать страницу, на которой мы разместим впоследствии код от Яндекс. К примеру, ее название будет search. Также на этой странице вы можете выбрать цвет фона, шрифт, кол-во результатов на страницу, сортировку результатов (по дате или по релевантности).

Теперь вы можете проверить, как будет выглядеть форма поиска на WordPress-сайте и как она работает:

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

Соответственно размещаем на ней второй код «Код результатов поиска» в html-режиме и публикуем новую страницу.

Первый код «Код формы поиска» вставляем в sidebar.php или header.php, как это было описано в первом разделе статьи.

Красивое оформление поисковой формы

Форму от Яндекса мы таже можем вписать в дизайн своего сайта, как это сделано на моем блоге:

Для этого используйте следующий css-код:

Таким образом я просто убираю всевозможные фоны и рамки, поиск получается прозрачным. И под него подкладывается Фоновая картинка, она у меня едининая для всей шапки. Главное здесь, после каждого оператора добавлять «!important;», который поставит более высокий приоритет для ваших стилей по сравнению со стилями Яндекса.

Теперь можно проверить, как работает установленная форма поиска.

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

Источник

Как настроить результаты страницы поиска в WordPress

Когда вы выполняете поиск в обычной поисковой системе, такой как Google, маловероятно, что вы не получите никаких результатов (если только вы не ищете что-то совершенно бессмысленное, но даже тогда…). Однако это может происходить чаще, чем хотелось бы, при использовании функции внутреннего поиска веб-сайта WordPress.

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

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

В этом посте мы обсудим, что такое страницы результатов поиска и почему они важны. Затем мы расскажем, как настроить страницу результатов WordPress, чтобы включить в нее функции, которые ожидают увидеть ваши читатели. Давайте начнем!

Что такое страницы результатов поиска WordPress (и почему они имеют значение)

Пример результатов поиска по запросу «поиск»

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

Страница результатов внутреннего поиска важна для любого сайта с текстовым содержимым, доступного через стандартные поисковые системы. Как правило, когда кто-то заходит на ваш сайт из обычного поиска в Интернете, происходит одно из трех. Они сразу найдут то, что ищут, воспользуются встроенным поиском, чтобы найти информацию, либо покинут ваш сайт. Таким образом, ваш шанс удержать читателей на вашем сайте зависит от их способности быстро находить то, что они ищут. Предоставление посетителям возможности поиска и просмотра результатов на вашем сайте – один из самых простых способов продлить их присутствие.

Почему вам следует настраивать страницы результатов поиска WordPress

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

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

Если все сделано правильно, страница пользовательских результатов предлагает несколько дополнительных преимуществ. Оно может:

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

Как настроить страницы результатов поиска WordPress

Универсальность WordPress позволяет легко настраивать результаты поиска. Вы можете использовать код, например, для изменения файла search.php, или вы можете использовать плагин. Мы рекомендуем последний подход, поскольку большинству пользователей WordPress проще устанавливать и поддерживать плагины.

Есть несколько вариантов, которые вы можете использовать для настройки страниц результатов внутреннего поиска. Хотя вы всегда можете погрузиться в код search.php (хотя это лучше оставить опытным пользователям, знакомым с кодированием PHP и CSS), есть несколько плагинов, которые вы можете использовать для реализации аналогичных изменений. Выбор наиболее подходящей функциональности будет зависеть от вас и вашего сайта. Небольшие личные сайты могут выиграть от бесплатных плагинов, в то время как для более крупных сайтов может потребоваться решение премиум-класса.

Как всегда, мы также рекомендуем сделать резервную копию своего сайта WordPress перед внесением каких-либо обновлений или изменений. Давайте нырнем!

1 Включите или выделите поисковый запрос как напоминание об исходном поиске.

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

Search & Filter – бесплатный плагин, который работает с функцией поиска по умолчанию для WordPress. Это позволит пользователям выполнять поиск на каждой незащищенной паролем странице вашего сайта. Кроме того, он предлагает функциональные возможности, которые позволяют размещать поисковый запрос в верхней части страниц результатов или даже предоставлять пользователям возможность упорядочить результаты поиска (обратите внимание, что это есть в версии Pro).

Включите поисковый запрос на страницы результатов поиска

Чтобы сделать это вручную, вам нужно будет начать с создания дочерней темы (если вы не знаете, как это сделать, ознакомьтесь с нашим руководством по созданию дочерней темы WordPress ).

Затем создайте файл search.php в своей новой дочерней теме и скопируйте код из своей старой темы (вы можете найти его, открыв файлы темы на своем сервере через FTP или на панели инструментов WordPress в разделе Внешний вид> Редактор> Search.php ). Теперь вы можете заменить заголовок по умолчанию в search.php вашей дочерней темы следующим:

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

Выделите поисковый запрос в результатах

Еще одна вещь, которую вы, возможно, захотите сделать, – это выделить поисковый запрос в результатах поиска. Таким образом, когда посетителям вашего сайта предоставляются результаты поиска, их поисковый запрос выделяется в отдельных результатах. Плагин Highlight Search Terms хорошо выполняет эту роль. Это просто, но может помочь направить посетителей более конкретно к тому, что они ищут.

2 Добавьте предлагаемые варианты написания в случае опечаток

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

Relevanssi – один из самых популярных плагинов WordPress для поиска с более чем 100 000 активных установок. Хотя Search Everything работает с функциональностью WordPress по умолчанию, Relevanssi полностью заменяет функцию поиска. Его бесплатные услуги идеально подходят для небольших или личных сайтов, в то время как премиум-версия предлагает потрясающую функциональность для крупных и многосайтовых менеджеров. В дополнение к предлагаемой функции правописания этот плагин предоставляет множество опций, включая возможность поиска тегов, комментариев и категорий.

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

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

Если вы ищете функциональность поиска, которая ведет себя так же, как Amazon или eBay, мы рекомендуем простой вариант – плагин Better Search. После установки вы можете вставить тепловую карту для наиболее популярных поисковых запросов в виде виджета. Это обеспечит посетителям множество вариантов того, куда идти дальше.

4 Добавьте окно поиска

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

Вы также можете добавить поле поиска прямо на любую страницу (через вашу дочернюю тему, как упоминалось выше), используя основную функцию WordPress «get_search_form();».

Это отобразит поисковую форму, как определено в файле темы searchform.php, или, если таковой не существует, WordPress выведет HTML для стандартной формы поиска. Вы можете узнать больше на CODEX.

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

5 Ajax Your Search

Последний вариант, который мы хотим упомянуть сегодня, чтобы удержать внимание читателей к вашему сайту, – это добавить результаты поиска Ajax, чтобы ваши читатели могли использовать «живой» поиск. Бесплатный плагин Ajax Search Lite позволяет пользователям искать на вашем сайте результаты, обновляемые по мере ввода. Плагин включает дополнительные параметры для фильтра категорий, автозаполнения Google и предложений ключевых слов.

Для получения дополнительных возможностей рассмотрите возможность обновления до Ajax Search Pro. В премиум-версии плагина добавлена ​​поддержка bbPress, BuddyPress, WooCommerce и JigoShop, поэтому пользователи могут искать все ваши пользовательские типы сообщений. Плюс есть функции для кеширования, настраиваемые поля, более 100 тем оформления, 4 макета и многое другое.

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

Заключение

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

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

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

Источник

Поиск по сайту wordpress

Всем привет, сегодня хочу поговорить с вами о форме поиска в wordpress и результатах поиска.

Чем полезен поиск по сайту wordpress

Для пользователей поиск по сайту wordpress полезен:

Для СЕО оптимизации поиск по сайту wordpress улучшает поведенческие факторы, увеличивает число просматриваемых страниц, а также удерживает пользователя на сайте.

Для вас, как владельцу сайта, поиск wordpress позволяет:

WordPress форма поиска

к менюСамостоятельно сделать форму поиск в wordpress довольно не сложно, но есть несколько вариантов:

Его можно добавить в область виджетов, вот так:

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

В этом нет ничего сложного, вам достаточно закинуть в тему вот такой код:

Этот код можно закинуть в любое место темы, будь то это шапка сайдбар или футер.

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

Это самая простая wordpress форма поиска, если вам нужно настроить ей красивый вид или сделать ее в pop up нужно создать и настроить стили CSS. Этот момент я сейчас упускаю, возможно вернемся к нему когда то по позже.

Как вариант, форма поиска wordpress может выглядеть вот так:

Результаты поиска wordpress

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

Настройка поиска wordpress: исключаем страницы

к менюБывает такая ситуация, что нужно исключить из поиска страницы (page), посты (post) или пользовательские / произвольные типы. Для этого можно воспользоваться волшебным кодом для изменения цикла WP и удаления страниц, постов и т. д. из результатов поиска.

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

Важно: вставлять этот код нужно до вызова цикла, конкретно перед этим кодом в файле поиска search.php

Плагин поиска для wordpress

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

Настройки этого плагина я постараюсь описать в ближайшее время. Вкратце опишу только возможности этого плагина:

От себя хочу добавить, что в своих проектах я использую именно этот плагин поиска для wordpress, хотя до этого перепробовал их уйму. Не поленитесь один раз настроить этот плагин и вы получите отличные результаты. Более подробно плагин поиска для wordpress (откроется в новом окне) описан по ссылке.

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

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

Доброго времени суток! Как сделать так чтобы поиск выдавал только определенные результаты на определенных страницах? Например, поиск на странице «Новости» выдавал статьи из рубрики новости.

Всем здравия. Вот ради спортивного интереса). Может кто-нибудь подскажет как поиск посадить не на кнопку( Евгений :

Странно,надпись в комментариях не отобразилась, там надпись со второй строки кода, начиная со знака вопрос

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

Есть ли у кого-либо статьи в которых сказано где искать файлы в которых выполняются запросы, в которых формируются страницы а не где редактируется внешний вид страницы?

используя хук pre_get_posts можно менять поиск как угодно

Источник