Чи є вагомі аргументи на користь налаштування багатьох частин WordPress, але сторінка результатів пошуку тут до чого? Яка має бути причина, щоб змінити? Як ця сторінка може бути іншою?
Правда в тому, що сторінка результатів пошуку WordPress спочатку не дуже цікава. А хочеться виділити статті, на які краще звернути увагу, і зробити сторінку кориснішою.
Навіщо налаштовувати результати пошуку WordPress?
Почнемо з причин, з яких слід внести зміни на сторінку результатів пошуку сайту, і з того, що можна налаштувати.
Призначення сторінки результатів пошуку
Якою є функція сторінки результатів? Пошук повинен допомогти користувачам знайти контент, який вони шукають. З цією метою вони можуть ввести запит у поле Search (сподіваюся, він присутній на вашому сайті – докладніше про це нижче).
Потім WordPress відобразить на сторінці результатів все, що можна знайти на цей запит.
Виникає резонне питання: чому потрібно дбати про це, якщо WordPress робить це автоматично? Тому що сторінка результатів може вплинути на дії користувачів, особливо на веб-сайтах електронної комерції.
За даними EconsultancyДо 30% відвідувачів електронної комерції використовують внутрішній пошук по сайту. Відомо, що через підвищений рівень купівельного наміру шукачів їх конверсія в 5–6 разів вища, ніж середній відвідувач, який не виконує пошук по сайту.
Чи має сенс його поліпшити, чи не так? Просто подумайте про те, як часто користуєтеся цією функцією під час здійснення покупок в Інтернеті. Але навіть сайти WordPress без функцій електронної комерції можуть отримати вигоду з налаштування сторінки результатів пошуку.
Що можна покращити у пошуку WordPress
По-перше, донедавна не існувало некодового способу настроїти зовнішній вигляд сторінки результатів. Якщо не зналися на PHP, CSS і редакторі коду, то просто потрібно було вірити, що ваша тема добре справляється з відображенням пошуку.
По-друге, рідна функція WordPress не завжди хороша у тому, що вона робить. І часто не повертає відповідних результатів.
Крім того, він може бути дещо повільним. У старій манері PHP пошук WordPress вимагає перезавантаження сторінки для відображення результатів, що не є найшвидшим способом виконання завдань.
Як наслідок, це залишає наступні області для покращення:
- Дизайн - Далі розглянемо, як керувати зовнішнім виглядом сторінки результатів WordPress, а також елементами, що на ній відображаються.
- Результати пошуку - уПереконайтеся, що результати, які відвідувачі отримають, є релевантними і задовольняють вас.
- Призначений для користувача досвід — покращіть швидкість виконання запиту, зробіть його зручнішим у використанні та додайте деякі функції, до яких звикли відвідувачі з Google або інших пошукових систем.
Додати форму пошуку на свій сайт WordPress
Звичайно, робота зі сторінкою результатів у WordPress має сенс лише в тому випадку, якщо дасте своїм користувачам можливість отримати доступ до неї. Це означає, що має бути форма пошуку десь, де вони можуть вводити свої запити.
Для цього WordPress пропонує вбудований віджет, який можна розмістити у будь-якому місці шаблону сторінки та частини шаблону. Останнє — особливо гарна ідея, якщо використовуєте один і той самий заголовок на кожній сторінці. У цьому випадку вам потрібно відредагувати частину шаблону лише один раз, і ваші зміни будуть відображатися скрізь.
Як правило, рекомендується додавати форму пошуку у верхній, бічний або нижній колонтитули – елементи, що з'являються на кожній сторінці. Таким чином, відвідувачі мають можливість шукати те, що вони шукають, де б вони не опинилися в межах сайту.
Як зробити так, щоб поле Search відображалося на сайті, залежить від того, чи використовується блокова чи класична тема.
Використання блокової теми та редактора сайту
Якщо ви використовуєте блокову тему, наприклад Twenty Twenty-Two, то можете виконати цю дію через редактор сайту. Перейдіть до розділу «Зовнішній вигляд» > «Редактор».
На початковому екрані можна редагувати домашню сторінку. Натиснувши на логотип у верхньому лівому кутку, отримайте доступ до меню «Шаблони» та «Частини шаблонів».
Наприклад, потрібно додати форму пошуку до заголовка теми за промовчанням. Для цього перейдіть до «Частини шаблону» (Template Parts) та натисніть «Заголовок» (Header (Dark, small)).
З'явиться екран:
Тут додати форму пошуку досить просто, зробити це можна декількома способами.
Використовуйте знак плюс у верхньому лівому куті, знайдіть віджет Search і перетягніть його в потрібне місце.
Або створіть порожній елемент у редакторі (наприклад, за допомогою "Вставити до" або "Вставити після" для існуючого елемента), клацніть знак "плюс" на сторінці редактора і знайдіть віджет або введіть /search, щоб додати його безпосередньо.
Будь-який з цих методів змусить форму пошуку з'явитися у вашій темі, яку можна налаштувати за допомогою параметрів блоку праворуч і панелі налаштувань вгорі.
Збережіть зміни, і вони з'являться на сторінці.
Той самий процес у класичній темі
Якщо сайт виконаний у класичній темі, то можете додати віджет у будь-яку область віджетів, яку він пропонує. Щоб дізнатися, які параметри існують, перейдіть до «Зовнішній вигляд» > «Віджети».
Додавання віджету працює так само, як і в Редакторі сайту. Натисніть на значок плюса у верхньому лівому куті або в одній із областей віджетів. Потім знайдіть віджет Search і введіть його в область віджетів.
Якщо ви не задоволені своїм вибором, то можете додати до своєї теми додаткові області віджетів.
В якості альтернативи також можна додати форму безпосередньо до шаблонів сторінок за допомогою коду. Вставте наведений нижче фрагмент там, де хочете, щоб він відображався.
<php get_search_form( true ); ?>
Тут також має сенс використовувати частину шаблону, таку як ваш заголовок, щоб вам не доводилося робити це для кожного шаблону окремо. Однак майте на увазі, що потрібно вносити подібні зміни до файлів у дочірній темі.
Змінити дизайн сторінки результатів пошуку
Тепер, коли у вас є форма пошуку, настав час налаштувати зовнішній вигляд сторінки результатів WordPress. Цей процес багато в чому залежить від вашої теми.
Використання редактора сайту
Зовнішній вигляд сторінки результатів пошуку WordPress контролюється шаблоном сторінки. Той, який ми шукаємо в редакторі сайту, називається «Search» (хто міг би подумати), і знайдете його у вищезгаданому меню «Шаблони».
Натисніть на нього, щоб потрапити до редактора шаблонів.
Тут можна зробити всі необхідні зміни. Наприклад, так за замовчуванням виглядає сторінка результатів у Twenty Twenty-Two:
Одна з найпростіших речей, яку можна зробити, щоб змінити зовнішній вигляд, це замінити блок Query Loop за замовчуванням шаблоном блоку. Після цього в результаті виходить ось так:
Зовсім інше.
Налаштування сторінки результатів пошуку за допомогою коду
Якщо не використовуєте тему WordPress, яка дає змогу візуально налаштовувати сторінку результатів, то можете зробити це за допомогою коду. Для відтворення сторінки тема буде або використовувати search.phякщо вона присутня, або повернутися на index.php.
Після створення дочірньої теми скопіюйте в неї батьківську тему search.php або зробіть копію index.php, перейменуйте її в search.phpта помістіть у дочірню тему. Після цього відкрийте його у своєму улюбленому редакторі коду та налаштуйте під свої потреби.
Звичайно, якщо ви використовуєте класичну тему і не знаєте коду, можете використовувати плагін для створення сторінок.
Параметри плагіна для покращення результатів пошуку WordPress
Після того, як ми розібралися з дизайном сторінки результатів, настав час поговорити про те, як налаштувати її вміст. Для цього зосередимося на параметрах плагіна. По-перше, тому що є кілька хороших, по-друге, тому що налаштування результатів пошуку за допомогою коду просто виходить за межі того, що описується в цій статті.
Relevanssi
Цей плагін повністю замінює стандартну функцію пошуку WordPress та вносить наступні зміни:
- Впорядковує результати за релевантністю, а не за датою.
- Включає нечітку відповідність, що означає, що також показує часткові збіги з пошуковим запитом.
- Підтримує використання модифікаторів запитів AND та OR, а також лапок для запиту з точною відповідністю.
- Можливість пошуку за таксономіями, коментарями, полями, що настроюються, включаючи SKU WooCommerce і вміст розширених полів, що настроюються.
- Пошукові підказки, коли немає результату («ви мали на увазі…?»).
Безкоштовна версія пропонує багато функцій, а преміум-версія ще більша. Просто будьте обережні: Relevanssi потрібно багато місця в базі даних для свого індексу, тому переконайтеся, що воно є на вашому хостингу, перш ніж встановлювати плагін.
Пошук слонової кістки
Однією з основних функцій Ivory Search є те, що дозволяє створювати необмежену кількість пошукових форм і відображати їх у будь-якому місці. Доступні позиції включають верхній та нижній колонтитули сайту, області віджетів, навігацію та будь-яке місце, де можна розмістити шорткод. Можна створювати та налаштовувати форми в міру необхідності або використовувати шаблони, що додаються. Крім того, можете налаштувати, який саме контент шукатиме кожен шаблон.
Плагін покращує функціональність такими способами:
- Найшвидший пошук через пошукову систему на основі індексу.
- Шукає зображення, файли та вкладення, шорткоди, продукти WooCommerce та багато іншого.
- Функціональність живого пошуку.
- Шукає певний контент або виключає контент із результатів.
- Відслідковує запити на сайті у пошуковій аналітиці.
- Багатомовний пошук.
Доступна безкоштовна та преміум-версія з додатковими функціями.
Кращий пошук
Цей плагін також замінює стандартну функцію WordPress. Він дає результати відповідно до заголовка і змісту постів, сторінок і типів користувача записів. Також можна контролювати, де плагін шукає запит, включаючи мета поля, авторів, таксономії і навіть коментарі.
Більш того, Better Search показує результати по релевантності та дозволяє налаштовувати результати пошуку, надавати більшу вагу заголовку або змісту, а також пропонує інші фільтри та дії. Нарешті, можете відображати найпопулярніший пошуковий контент у вигляді віджета і налаштовувати результати за допомогою власного шаблону та CSS.
Платні плагіни
Крім перерахованих вище плагінів, є ще купа платних пропозицій:
- WP Найшвидший пошук на сайті — хоч і знаходиться в каталозі WordPress, насправді це платний плагін із 14-денним пробним періодом. Єдина безкоштовна частина – функція голосового пошуку, корисна для мобільних пристроїв. Крім цього, він поставляється з налаштуваннями інтерфейсу користувача без коду, пошуком PDF і зображень, синонімами і автозаповненням, і багатьом іншим.
- SearchWP - Сортує результати залежно від того, де вони знайдені. Плагін може виконувати пошук у полях, продуктах і деталях електронної комерції, категоріях, тегах та інших таксономіях, змісті документів на сайті (наприклад, PDF, docx) та багато іншого. Можна налаштувати важливість, що надається різним атрибутам та виключити таксономії. Ця ж компанія також робить безкоштовне розширення для живого пошуку.
- YITH WooCommerce AJAX Search - розроблений спеціально для покращення пошуку на сайтах WooCommerce. Дозволяє шукати у певній категорії, за постачальником або SKU (за товарами в наявності). Він може відображати результати ціни і має різні макети форм пошуку, в тому числі повноекранні.
Інші пошукові плагіни
І ще кілька плагінів, які вносять невеликі зміни до функціональності WordPress:
- Пошук і фільтр - Безкоштовний плагін, який дозволяє шукачам уточнювати свій запит, вибираючи категорії, теги або типи записів. Він також відображає їх запит у верхній частині сторінки пошуку. Таким чином, користувачі можуть бути впевнені, що запит виконаний навіть якщо результат виявиться порожнім.
- Highlight Search Terms - Невеликий і легкий плагін, який робить тільки одну річ. Він виділяє пошуковий запит у результатах пошуку, а також на сторінках, що він знайшов після переходу. Також сумісний з BuddyPress/bbPress.
У статті представлені причини, з яких варто налаштувати сторінку результатів пошуку WordPress, та варіанти, як це зробити. Сподіваємося, що ви використовуєте наведену вище інформацію для покращення цієї життєво важливої частини веб-сайту WordPress.
Джерело: torquemag.io
Коментарі до запису: 0