Відвідувач вводить запит у пошуковий рядок сайту і... нічого. Порожня сторінка. Або гора посилань, у яких незрозуміло як орієнтуватися: заголовки обрізані, дати перемішані, релевантність нульова. Людина йде. А вона ж уже виявила інтерес, сама прийшла і сама ввела запит.

Стандартний пошук WordPress працює за мінімальним принципом: шукає збіги в заголовках і контенті записів, виводить простирадло результатів і на цьому заспокоюється. Друкарська помилка? Порожній екран. Запит із двох слів? Логіка «І» замість гнучкого часткового збігу. Ні підсвічування термінів, ні підказок, ні живого пошуку.

Проблема вирішується за годину-півтори. П'ять точкових доопрацювань перетворюють пошук із технічного рудимента на інструмент утримання аудиторії. Розбираємо покроково: конкретні плагіни, код, налаштування та сценарії під різні задачі.

💡 Швидкий огляд:

• Показати пошуковий запит на сторінці результатів
• Додати підсвічування шуканих термінів у видачі
• Увімкнути підказки при друкарських помилках із «Можливо, ви мали на увазі»
• Вивести блок рекомендованих сторінок і пошукову форму
• Впровадити живий AJAX-пошук із випадними підказками

Що таке сторінка результатів пошуку і навіщо її налаштовувати

Коли читач вводить слово або фразу у вбудований пошук сайту, WordPress формує сторінку з переліком матеріалів, що відповідають запиту. Це і є Search Results Page, сторінка результатів пошуку.

На відміну від Google, внутрішній пошук індексує тільки контент вашого сайту. Але очікування в користувачів ті самі: релевантні результати, зрозуміла навігація та миттєвий зворотний зв'язок. Не отримуючи цього, йдуть. Статистика wpbeginner.com показує: відвідувачі, які скористалися внутрішнім пошуком, конвертуються в підписників і покупців у 2-3 рази частіше за тих, хто просто гортає сторінки. Але тільки якщо пошук працює.

WordPress дозволяє доопрацювати пошук без глибокого програмування. П'ять кроків нижче, п'ять конкретних покращень. Кожне можна впровадити окремо або зібрати повний стек за один підхід.

5 Кроків до розумного пошуку WordPress

Перед будь-якими змінами зробіть резервну копію сайту. Робота з search.php і functions.php не складна, але обережність не завадить.

1. Показуємо пошуковий запит на сторінці результатів

🔗 Search & Filter на WordPress.org

Перше, що бачить користувач Google після пошуку,, рядок із підтвердженням: «Результатів: приблизно стільки-то за запитом "..."». Це не прикраса, а сигнал: система зрозуміла ввід і відпрацювала. Якщо результат порожній, видно, що проблема у формулюванні, а не в поломці сайту.

Скопіюйте цю механіку. Виводьте над результатами рядок на кшталт «Знайдено 15 результатів за запитом: ваш пошуковий запит». Два шляхи реалізації:

Через плагін Search & Filter. Безплатний, працює поверх стандартного пошуку WordPress. У налаштуваннях вмикається відображення пошукового запиту над видачею. Заодно плагін дає відвідувачу сортування результатів: у безплатній версії за датою та заголовком, у Pro, за кастомними полями й таксономіями.

Вручну через search.php. Створіть дочірню тему (детальний посібник, у нашій статті зі створення дочірньої теми WordPress). Скопіюйте search.php із батьківської теми в дочірню. Замініть заголовок на:

1
<h1 class="search-title">
2
<?php echo $wp_query->found_posts; ?> <?php _e( 'Search Results Found For', 'locale' ); ?>: "<?php the_search_query(); ?>"
3
</h1>
4

Після збереження сторінка результатів відкривається рядком «Знайдено X результатів за запитом:...». Користувач одразу розуміє контекст, менше шансів, що піде роздратованим.

2. Додаємо підсвічування пошукових термінів

🔗 Highlight Search Terms на WordPress.org

Коли людина сканує поглядом результати пошуку, їй потрібно за частку секунди зрозуміти: цей результат релевантний чи ні. Підсвічування шуканих слів жовтим маркером, як у Google, вирішує завдання миттєво. Око чіпляється за кольорову пляму, рішення ухвалено.

Плагін Highlight Search Terms робить саме це. Жодних налаштувань: встановили, активували, запрацювало. Під капотом: обгортає знайдені терміни в <mark class="hilte term-N">. Підтримує клік-через-підсвічування (highlight зберігається під час переходу всередину поста), сумісний із WooCommerce, bbPress, BuddyPress і Search & Filter Pro.

Єдиний нюанс, CSS. Щоб підсвічування відображалося в усіх браузерах, додайте в Customizer (Appearance → Customize → Custom CSS) правило:

1
.hilte { background-color: #FFF176; }

Для просунутих: кожному слову в пошуковій фразі присвоюється окремий клас: term-0, term-1 і term-2. Можна стилізувати різні слова різними кольорами, якщо цього вимагає дизайн.

3. Вмикаємо захист від одруківок із «Можливо, ви мали на увазі»

🔗 Relevanssi на WordPress.org

Помилка в пошуковому запиті, і стандартний пошук WordPress розводить руками: нуль результатів. Відвідувач не знає, в чому річ. Найімовірніше, йде.

Relevanssi, один із найстаріших і найнадійніших пошукових плагінів для WordPress, із понад 100 000 активних встановлень. Він повністю замінює стандартний механізм пошуку та додає частковий збіг: запит «кешування» знаходить сторінки з «кеширование», «cache», «caching». А головне, виводить блок «Did you mean...» із пропозицією виправленого написання, коли точних збігів немає.

Що ще вміє безплатна версія:

• Індексує коментарі, шорткоди, кастомні поля й таксономії
• Сортує результати за релевантністю, а не за датою
• Підтримує пошук за тегами й категоріями

У преміум-версії більше тонких налаштувань індексації, але для типового сайту вистачає безплатної. Встановлення стандартне: Plugins → Add New → «Relevanssi» → Install → Activate. Після активації зайдіть у Settings → Relevanssi та натисніть «Build Index» для початкової індексації контенту.

4. Рятуємо відвідувача від порожньої видачі

🔗 Better Search на WordPress.org

Найприкріше: відвідувач ввів запит, отримав порожню видачу і... все. Глухий кут. Ані підказки, що робити далі, ані пошукового рядка, щоб спробувати інше формулювання. Закрив вкладку, ви втратили людину.

Better Search вирішує проблему порожньої видачі. Це легкий плагін-заміна стандартного пошуку з двома корисними функціями:

• Теплова карта популярних запитів: віджет або шорткод показує, що найчастіше шукають на сайті. Працює як навігаційний хаб.
• AJAX Live Search: результати з’являються в міру введення, налаштовується опціонально.

Плагін використовує MySQL FULLTEXT-індекси для швидкого пошуку, товаришує з кешувальними плагінами й не потребує правлення коду. Безплатна версія охоплює заголовки, контент, excerpt-поля, мета-поля, авторів, теги, таксономії та коментарі.

🔗 Ivory Search на WordPress.org

Якщо у вашій темі немає пошукової форми на сторінці результатів, додайте її явно. Ivory Search (раніше Add Search To Menu) робить це парою кліків: встановили → Ivory Search → Menu → позначили «Add to Navigation Menu». Пошуковий рядок з’являється в меню та на сторінці видачі.

Безплатна версія Ivory Search включає: AJAX-пошук, пошук за WooCommerce-товарами, кастомними типами записів і медіафайлами, виключення окремих сторінок із видачі, кастомізацію зовнішнього вигляду через Customizer і пошукову аналітику.

Два плагіни, Better Search для якості видачі плюс Ivory Search для форми, закривають сценарій «порожня видача» повністю: відвідувач бачить популярні запити й може одразу ввести новий.

5. Впроваджуємо живий AJAX-пошук

🔗 Ajax Search Lite на WordPress.org

Живий пошук — це коли результати з’являються випадним списком одразу під рядком, у міру введення. Жодних переходів на окрему сторінку, жодних «Enter → чекати → дивитися → назад». Користувач вводить «кеш» і вже бачить «Кешування WordPress з W3 Total Cache», «Як виправити помилку кешу» та ще 5 релевантних сторінок.

Ajax Search Lite, популярний безплатний плагін живого пошуку для WordPress з оцінкою 4.5★ на основі сотень відгуків. Можливості:

• Пошук за заголовками, контентом, excerpt-полями, категоріями, тегами та кастомними полями
• Фільтри за категоріями й типами записів прямо у випадному списку
• 10+ вбудованих тем оформлення з налаштуванням кольорів
• Кешування результатів для швидкої повторної видачі
• Інтеграція з Google Analytics, події пошуку
• Мобільна адаптація

Встановлення: Plugins → Add New → «Ajax Search Lite» → Install → Activate. Після активації замініть стандартний пошук через Ajax Search Lite → Compatibility Settings → «Replace default search». Виберіть тему оформлення під дизайн сайту, і живий пошук працює.

🔗 Toolset Search на сайті розробника

Якщо сайт побудований на Toolset і ви використовуєте кастомні типи записів з нетривіальною структурою полів, розгляньте Toolset Search. Це комерційне рішення, заточене під екосистему Toolset: пошук із фільтрами за кастомними полями, видача у вигляді сітки, списку або на карті, пагінація, AJAX-оновлення результатів і геолокаційні фільтри.

Для більшості сайтів Ajax Search Lite повністю й безплатно закриває потребу в живому пошуку. Toolset Search має сенс, коли пошук, стрижнева функція сайту: каталоги, бази знань, дошки оголошень.

⁉️🤔 Часті запитання

Чи варто редагувати search.php вручну чи краще плагінами?

Плагінами в більшості випадків. Ручне редагування search.php виправдане, якщо потрібно щось вузькоспецифічне: кастомне верстання видачі або інтеграція з нестандартною темою, і у вас є доступ до розробника. Для типових покращень плагіни дають той самий результат без ризику зламати тему під час наступного оновлення. Search & Filter, Highlight Search Terms і Better Search не конфліктують між собою, кожен вирішує своє завдання.

Як зрозуміти, що пошук справді став кращим?

Увімкніть пошукову аналітику. Ajax Search Lite та Ivory Search мають вбудовані лічильники запитів. Better Search показує статистику популярних запитів в адмінці. Порівняйте дві метрики до та після впровадження покращень: відсоток відвідувачів, які скористалися пошуком, і відсоток виходів із порожньої сторінки видачі. Якщо перша зростає, а друга падає, ви на правильному шляху.

Чи сповільнюють пошукові плагіни сайт?

Якісні, ні. Ajax Search Lite кешує результати, Better Search використовує MySQL FULLTEXT-індекси, Relevanssi будує власний індекс під час активації та оновлює його інкрементально. Помітне сповільнення можливе лише на дуже великих сайтах (100 000+ записів) під час першої побудови індексу, і то разово. На стандартному хостингу з 5 000-10 000 записів різниця у швидкості завантаження сторінки з плагіном і без, у межах похибки вимірювання.

Чи можна обійтися одним плагіном для всього?

Найближче до «комбайна», Ivory Search: форма, AJAX, кастомні фільтри, винятки, аналітика. Але жоден безплатний плагін не закриває одночасно підсвічування термінів, «Did you mean» і живу видачу. Практика показує: зв’язка Ivory Search (форма + базова видача) + Highlight Search Terms (підсвічування) + Relevanssi (розумний пошук із підказками) дає результат, близький до Google-пошуку, і повністю безплатно.

Чи потрібно налаштовувати пошук, якщо на сайті менше ніж 50 сторінок?

Так. На малих сайтах пошуком користуються рідше, але ті, хто користуються,, найбільш мотивовані відвідувачі. Вони шукають конкретику: «контакти», «ціна», «доставка». Якщо пошук не знаходить сторінку «Контакти» за запитом «контакти» — це не технічний збій, а втрачений лід. Базове налаштування одним плагіном на кшталт Better Search займає 10 хвилин і окупається з першого врятованого відвідувача.

Що ставити під вашу задачу: три сценарії

Не намагайтеся впровадити все одразу. Ось три сценарії під різні задачі та бюджети часу:

Мінімум, 10 хвилин. Better Search замінює стандартний пошук на релевантний і додає теплову карту запитів. Підходить для блогів і невеликих сайтів, де пошук, не основна функція, але хочеться, щоб він працював гідно.

Оптимум, година. Better Search + Highlight Search Terms + Ajax Search Lite. Якісна видача, підсвічування термінів і живий пошук в одному флаконі. Золота середина для контентних проєктів і medium-сайтів.

Максимум, 2-3 години. Relevanssi (замість Better Search) + Ivory Search (форма + аналітика) + Highlight Search Terms + Ajax Search Lite. Рівень комерційного сайту або інтернет-магазину, де пошук безпосередньо впливає на продажі.

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