Как наладить поиск по сайту?

07.11.2023

Как наладить поиск по сайту?

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

Важно понимать, что введёная поискова строка будет искаться именно в том виде, в котором она будет введена. Морфология не учитывается. Порядок слов также не будет изменён. Чтобы обойти эти ограничения, можете фразы с другим порядком слов и в других падежах, временах, спряжениях и т.п. указывать в каких-либо скрытых полях, которые не будут видны на сайте. И указать эти поля как те, по которым также должен вестись поиск. Это будет описано ниже...

Создание формы поиска

Форму поиска (обычный HTML-код) можно написать прямо в шаблонах в элементе HTML-код веб-страницы, но это не самый продуманный вариант, если, вдруг, Вам понадобится быстро изменить один и тот же код сразу в нескольких шаблонах. Лучше создать одно редактируемое поле, в котором будет HTML-код формы. И уже это поле можно вставить во всех (нужных) шаблонах. Так в случае изменения кода в форме, он автоматически изменится во всех (нужных) шаблонах.

  1. Перейдите в раздел Контент \ Редактируемые поля (можно в другой подраздел раздела Контент)
  2. Нажмите Добавить новую запись
  3. Укажите любое название, например, Форма поиска
  4. Укажите любой ID, например, search-form (дальше будет ориентироваться именно на такой ID)
  5. Выберите шаблон Многострочное поле без редактора и нажмите Добавить. Если такого шаблона нет (был удалён), то ознакомьтесь с тем, как создать шаблон и вставить в него элемент Многострочное поле без редактора.
  6. Вставьте в поле Содержимое поля без редактора (название может быть другое), код указанный ниже, скорректируйте его под свои нужды и сохраните изменения.

Пример кода:

<form method="post" action="/search/">
  <input placeholder="Поиск..." type="text" name="search" value="{plugin:current_SearchText}" />
  <input type="submit" value="Найти">
</form>

Для тега form, можно изменить следующее:

  • method - может быть, как post, так и get. Во втором случае поисковый запрос будет доступен в адресной строке браузера
  • action - здесь должен быть указан адрес страницы, на которой будут располагаться результаты поиска. В нашем случае это страница с ID search. Далее будем ориентироваться именно на него, хотя ограничений на ID страницы с результатами поиска нет.

Поле, в котором будет вводиться поисковый запрос, обязательно должно иметь значение search в свойстве name. Изменить можно следующее:

  • type - может быть любым, подходящим в Вашем случае, например, number. Но в большинстве случаев лучше оставить text или search.
  • value - можно оставить пустым или написать любой другой текст, который сразу же будет отображаться в поле для ввода поискового запроса. Чтобы автоматически отобразить здесь только что введённый поисковый запрос, напишите {plugin:current_SearchText}

Других ограничений или обязательных требований нет. Для отправки формы можете использовать, как <input type="submit"><input type="image"><button type="submit"></button>, так и любой другой, допустимый в HTML, вариант.

Естественнно, код формы нужно оформить в стиле Вашего сайта, если он сильно выделяется на фоне других элементов интерфейса wink

Код формы поиска, например, имеющей вид {plugin:content;id:search-form;value:multistringfield_1_value}, будет виден ниже поля Содержимое поля без редактора (название может быть другое). Скопируйте его и вставьте в элемент HTML-код веб-страницы во всех нужных шаблонах. Если код формы не виден, то на панели инструментов нажмите кнопку Подсказки и помощники по вставке плагинов и свойств: показать.

Создание списка результатов поиска

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

  1. Перейдите в раздел Навигация \ Варианты оформления меню нажмите Добавить новую запись
  2. Нажмите Добавить новую запись
  3. Укажите любое название, например, Результаты поиска
  4. Укажите любой ID, например, search-results (дальше будет ориентироваться именно на такой ID) и нажмите Добавить

Далее в самом простом случае достаточно заполнить только поле HTML-код обычной записи, например, таким кодом:

<p>
  <a href="{content_url_value}">{content_name}</a>
</p>

Чуть более сложный вариант, в котором также будет отображён путь к найденным страницам при условии, что вариант меню с ID path существует (не было удалён):

<p>
  <a href="{content_url_value}">{content_name}</a>
  <br />
  {plugin:menu;id:path;select:path;factor:{content_id}}
</p>

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

  • HTML-код до списка подстраниц: <p><a href="{menu_subpage_firsturl}" title="В начало списка">«</a>
  • HTML-код после списка подстраниц: <a href="{menu_subpage_lasturl}" title="В конец списка">»</a></p>
  • HTML-код обычного элемента списка подстраниц: <a href="{menu_subpage_url}">{menu_subpage}</a>
  • HTML-код активного элемента списка подстраниц: <a href="{menu_subpage_url}">{menu_subpage}</a>

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

Осталось только вставить код для вызова списка результатов поиска в основной текст страницы c ID search (либо с другим ID, который указан в форме поиска), либо в HTML-код её шаблона.

Код может быть, например, таким:

{plugin:menu;id:search-result;search:{plugin:current_SearchText};inlist:20;maxsubpages:10;factor:.;select:children-all;sort:name}

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

  • id: должен быть равен ID списка (меню), созданного для отображения результатов поиска
  • types: здесь можно через запятую перечислить типы, записи, которых Вам нужны. Например, если нужны новости и товары, то напишите news,goods. Если ничего не указывать, то поиск будет вестись по записям всех типов.
  • select: в большинстве случаев больше других вариантов подойдёт all (поиск будет вестись по всей струтуре сайта). Также часто может быть полезен вариант children (для поиска только по непосредственным подразделам того, что указано в factor). И также может быть полезен вариант children-all (для поиска по всем подразделам того, что указано в factor). Последний вариант даёт самую высокую нагрузку на веб-сервер, поэтому не является предпочтительным, если другие варианты дают схожий результат.
  • search: здесь должна быть указана поисковая фраза. Чтобы автоматически указать здесь то, что было введено в форме поиска, напишите {plugin:current_SearchText}.
  • search-cols: здесь через запятую можно указать поля, по которым будет вестись поиск. По умолчанию используется такое значение: id,name,seo_title,seo_description,seo_keywords,maintext_value. Вы также можете добавить в этот список другие поля, в том числе те скрытые поля, про которые написано в начале данной статьи.
  • factor: не будет иметь значение, если в select указано all. Для других, описанных выше, вариантов здесь можно указать ID той страницы, подразделы которой нам важны в поиске, например, catalog для поиска товаров и их категорий. Если нужно указать самый верх структуры (для поиска по всем её подразделам), укажите точку - .
  • inlist: позволит не выводить огромное количество результатов поиска на одной странице, а разбить список на несколько подстраниц, ограничив каждую максимально допустимым, указанным здесь количеством записей
  • maxsubpages: позволит ограничить количество подстраниц с результатами поиска на случай, если их будет слишком много
  • sort: даст возможность организовать один из вариантов сортировки

 


CMS Zion WebEngine является бесплатной системой. Развивается за счёт рекламы, помощи веб-студии #webZion и других спонсоров.

 

Будем рады, если Вы поддержите нас любой суммой, а также поделитесь идеями на счёт каких-либо улучшений и доработок для CMS...

 

Заранее, большое, спасибо

 

Блог обновлений

Zion WebEngine 24.04.25
  • Доработаны классы для управления базой данных, пользователями и проектом, а также страницы ошибок:
    • Улучшена интеграция с Рекламной сетью Яндекса
  • Доработан настраиваемый модуль для работы с Атол Онлайн:
    • Доработана интеграция с веб-сервисом онлайн-кассы
  • Доработан элемент Файл (спасибо Киокушин Online):
    • Реализован функионал, который можно использовать в том числе в нестандартных компонентах для загружки файлов

Zion WebEngine Zion Pub Hub Zion Export База данных/Таблицы данных Доступы/Пользователи Классы Настраиваемые модули Онлайн-касса Реакции на заказ Страницы ошибок Файлы/Папки Элементы Что такое Классы?

Zion WebEngine 24.04.24
  • Доработан элемент Связи (спасибо ТК Кило):
    • Удалён устаревший, более не использующийся функционал

Zion WebEngine Связи Элементы Что такое Элементы?

Zion WebEngine 24.04.23
  • Доработан класс для управления пользователями (спасибо Киокушин Online):
    • Упрощено отображение некоторых свойств пользователей

Zion WebEngine Что такое Свойства? Доступы/Пользователи Классы Свойства

Zion WebEngine 24.04.22
  • Доработан плагин универсального меню (спасибо ЛеоСталь):
    • Устранены недочёты из предыдущего обновления CMS

Zion WebEngine Что такое CMS Zion WebEngine? Меню/Списки/Навигация Обновления CMS Плагины

Zion WebEngine 24.04.17
  • Доработан плагин универсального меню (спасибо Киокушин Online):
    • Теперь более корректно обрабатываются свойства пустых списков

Zion WebEngine Меню/Списки/Навигация Плагины Свойства Плагин Menu

Zion WebEngine 24.04.15
  • Доработаны класс для управления пользователями и элемент Изображение (спасибо Киокушин Online):
    • Устранена опечатки
    • Реализован функионал, который можно использовать в том числе в нестандартных компонентах для загружки изображений

Zion WebEngine Доступы/Пользователи Изображение Классы Элементы Что такое Элементы?

Zion WebEngine 24.04.12
  • Доработан класс для управления экспортом данных в YML (спасибо DeviProf):
    • Реализована обработка множества спецсимволов, недопустимых в Товарах сообществ VK.com и в веб-сервисах Яндекса

Zion Export XML/RSS/1С/YML Импорт/Экспорт Классы Кодировки/Наборы символов Что такое Классы?

Zion WebEngine 24.04.05
  • Доработаны административные JS-скрипты (спасибо ТК Кило):
    • Удалён устаревший, более не использующийся функционал

Zion WebEngine

Zion WebEngine 24.04.03
  • Доработан класс для управления базой данных (спасибо Киокушин Online):
    • Устранена проблема с невозможностью выбора того, между какими разделами нужно вставить новый раздел в форме Добавление новой записи

Zion WebEngine База данных/Таблицы данных Классы Контент/Контентные единицы Формы Как редактировать Контент?

Zion WebEngine 24.04.01
  • Доработан плагин универсального меню (спасибо Moto-Retail18):
    • Теперь в пагинации (в списке подстраниц) ссылки автоматически используют (частичный или полный ЧПУ), что позитивно влияет на SEO-оптимизацию

Zion WebEngine SEO-параметры Адрес (URL)/ЧПУ/Переадресация Меню/Списки/Навигация Пагинация/Подстраницы Плагины Как оптимизировать сайт под поисковые системы?

Zion WebEngine 24.03.28
  • Доработан монитор очистки после обновления CMS (спасибо Киокушин Online):
    • Более корретно реализована автоматическая корректировка шаблонов для учёта обновлений в элементах

Zion WebEngine Что такое система Мониторинга? Мониторинг Обновления CMS Шаблоны контента Элементы

Zion WebEngine 24.03.26
  • Доработан элемент Связи (спасибо MasterProfi):
    • Расширены возможности некоторых плагинов

Zion WebEngine Связи Элементы Что такое Элементы?

Zion WebEngine 24.03.22
  • Доработаны элемент Связи и  административные JS-скрипты (спасибо MasterProfi):
    • Доработана настройка связей между пользователями и контентом:
      • Теперь для связей пользователей с контентом доступен весь функционал, доступный для связей контента с контентом

Zion WebEngine Доступы/Пользователи Контент/Контентные единицы Связи Элементы Как редактировать Контент?

Zion WebEngine 24.03.20
  • Доработан элемент Однострочное поле (спасибо GL Technology):
    • Создан новый плагин stringfield_Replace, позволяющий в указанной строке заменять одну подстроку на другую

Zion Catalog Однострочное поле Плагины Поиск текста Элементы Что такое Плагины?

Zion WebEngine 24.03.19
  • Доработан элемент Связи (спасибо MasterProfi):
    • Устранены недочёты при автоматической корректировке таблиц данных

Zion WebEngine База данных/Таблицы данных Связи Элементы Что такое Элементы?

Zion WebEngine 24.03.18
  • Доработаны элемент Связи, класс для управления пользователями и  административные JS-скрипты (спасибо MasterProfi):
    • Доработана настройка связей между пользователями и контентом:
      • Внешне настройка существующих связей и связей с контентом определённого типа уже выглядит также, как настройка связей контента с контентом:
        • Некоторые возможности будут внедрены в ближайших обновлениях

Zion WebEngine Доступы/Пользователи Классы Контент/Контентные единицы Обновления CMS Связи Элементы Что такое Тип контента?

Zion WebEngine 24.03.14
  • Доработаны элемент Связи и административные JS-скрипты (спасибо MasterProfi):
    • Реализована тонкая настройка связей между пользователями и контентом:
      • Настройка делается для каждой группы пользователей отдельно
      • Теперь здесь доступны все те же настройки, что и в случае связей контента с контентом:
        • Некоторые возможности будут внедрены в ближайших обновлениях

Zion WebEngine Доступ Групп пользователей Доступы/Пользователи Контент/Контентные единицы Обновления CMS Связи Элементы Что такое Контент?

Zion WebEngine 24.03.04
  • Доработан класс для управления импортом данных о товарах из 1С/XML (спасибо Moto-Retail18):
    • За счёт оптимизации уменьшено количество обращений к базе данных

Zion Import XML/RSS/1С/YML Импорт/Экспорт Классы Сайт-каталог Как импортировать данные о товарах из XML

Zion WebEngine 24.02.12
  • Доработаны класс для управления шаблонами и монитор очистки после обновления CMS (спасибо Энерго-Профи):
    • Теперь при обновлении CMS и при открытии на редактирование любого из шаблонов в таблице данных шаблонов автоматически будут созданы все недостающие столбцы, необходимые для работы элементов

Zion WebEngine База данных/Таблицы данных Классы Мониторинг Обновления CMS Связи Шаблоны контента Элементы Что такое Шаблон контента?

Zion WebEngine 24.02.07
  • Доработаны элемент Связи и административные JS-скрипты (спасибо ТК Кило):
    • Удалён устаревший, более не использующийся функционал

Zion WebEngine Связи Элементы Что такое Элементы?