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

15.07.2024

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

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

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

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

Форму поиска (обычный 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 25.01.21
  • Доработан класс для управления базой данных (спасибо ПромСтройПанель):
    • Устранены проблемы с отображением заголовков некоторых таблиц в административном интерфейсе

Zion WebEngine Что такое Административный интерфейс и Гостевой интерфейс? Административный интерфейс База данных/Таблицы данных Классы

Zion WebEngine 25.01.20

Zion WebEngine Что такое CMS Zion WebEngine?

Zion WebEngine 25.01.12
  • Доработан плагин TimeMashine (спасибо Киокушин Online)
    • Добавлен новый параметр skivoid, который при любом непустом значении вернёт пусую строку, если для параметра value указано пустое/нулевое значение:
      • Иначе (как и раньше) плагин продолжит работать с текущей временной меткой в качестве параметра value

Zion WebEngine Дата/Время/TimeMashine Плагины Что такое Плагины?

Zion WebEngine 25.01.04
  • Доработан класс для управления проектом:
    • Внедрены новые стандарты CMS

Zion WebEngine Что такое CMS Zion WebEngine? Классы

Zion WebEngine 24.12.29
  • Доработан класс для управления импортом данных о товарах из YML-фида со строннего веб-сайта (спасибо Docke Prof):
    • Теперь по окончании импорта в подсказе о том, какие характеристики можно добавить в шаблон отображаются только уникальные варианты значений
  • Доработан главный файл гостевого интерфейса:
    • Более корректно налажена проверка значений некоторых переменных, которые могут быть неопределены на момент обращения к ним
  • Доработано множество элементов, классов и трейтов (вспомогательных классов):
    • Более корректно налажена работа с сессиями

Zion WebEngine Zion Import Zion Gallery XML/RSS/1С/YML Гостевой интерфейс Импорт/Экспорт Классы Помощники/Мастеры/Инструкции/Подсказки Характеристики/Разновидности Шаблоны контента Элементы Что такое Элементы?

Zion WebEngine 24.12.27
  • Доработан класс для управления экспортом данных в YML (спасибо ColorHouse.Shop):
    • Теперь экспорт происходит более корректно и на многоязычных сайтах

Zion Export XML/RSS/1С/YML Импорт/Экспорт Классы Многоязычность/Языки Что такое Классы?

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

Zion WebEngine Что такое Административный интерфейс и Гостевой интерфейс? Административный интерфейс Доступы/Пользователи Классы

Zion WebEngine 24.12.20
  • Доработан класс для управления импортом данных о товарах из YML-фида со строннего веб-сайта (спасибо Steel Frost):
    • Теперь по окончании импорта появляется подсказа о том, какие характеристики можно добавить в шаблон для товаров:
      • Также показываются варианты значений, чтобы было проще понять, какой тип данных (какой элемент контента) подойдёт больше
      • Если добавить такие характеристики, то при следующем импорте они будут заполнены данными из YML-фида

Zion Import XML/RSS/1С/YML Импорт/Экспорт Классы Сайт-каталог Характеристики/Разновидности Шаблоны контента Элементы Что такое Шаблон контента?

Zion WebEngine 24.12.19
  • Доработан плагин Gallery (спасибо Docke Prof):
    • Устранены проблемы при обработке нестандартных параметров

Zion WebEngine Галереи/Слайды Плагины

Zion WebEngine 24.12.18
  • Доработан плагин универсального меню (спасибо Киокушин Online)
    • Устранены проблемы при сортировке по датам и числам
    • Устранены проблемы при сортировке в обратном порядке

Zion WebEngine Дата/Время/TimeMashine Меню/Списки/Навигация Плагины Число Что такое Плагины?

Zion WebEngine 24.12.17
  • Доработан класс для управления базой данных (спасибо Steel Frost):
    • Устранены проблемы при сохранении транспортных компаний
  • Доработан плагин универсального меню:
    • Устранены проблемы с отображением списка транспортных компаний

Zion WebEngine База данных/Таблицы данных Классы Меню/Списки/Навигация Плагины Способы доставки/самовывоза Плагин Menu

Zion WebEngine 24.12.13
  • Доработан класс для управления импортом данных о товарах из YML-фида со строннего веб-сайта (спасибо Docke Prof):
    • Реализована возможность указания наценки/скидки на указанный процент:
      • При этом новые цены округляются до ближайшего целого
    • Файл с изображением с сайта источника теперь не закачивается, если он имеет нулевой размер
    • Папка для файлов из категории не создаётся, если в неё не требуется закачивать ни одного файла

Zion Import XML/RSS/1С/YML Изображение Импорт/Экспорт Категории Классы Сайт-каталог Скидки/Наценки Файлы/Папки

Zion WebEngine 24.12.11
  • Доработана форма заказа звонка (спасибо Умный домофон):
    • Расширены возможности CSS-кастомизации формы без необходимости создавания нестандартного плагины

Zion Mail Back Обратная связь/Обратный звонок Плагины Формы Что такое Плагины?

Zion WebEngine 24.12.10
  • Доработан класс для управления импортом данных о товарах из YML-фида со строннего веб-сайта (спасибо Docke Prof):
    • Уже реализовано создание новых и обновление имеющихся не только категорий, но и товаров
    • Реализована закачка изображений с сайта-источника
    • Разработка пока не завершена, но в целом данный инструмент доступен для полноценного использования

Zion Import XML/RSS/1С/YML Импорт/Экспорт Категории Классы Сайт-каталог Что такое Классы?

Zion WebEngine 24.12.09
  • Доработан класс для работы с файлами и папками (спасибо Киокушин Online)
    • Теперь инструмент для определния размеров файлов и папок может автоматически переносить в корзину в 2 раза больше неиспользующихся больших файлов

Zion WebEngine Классы Корзина для мусора Файлы/Папки

Zion WebEngine 24.12.05
  • Доработан плагин Meta (спасибо Moto-Retail18):
    • Устранена проблема из-за которой поисковые системы вроде Яндекс или Google могли индексировать копии страниц с пустыми поисковыми запросами в GET-параметрах

Zion SEO Booster POST/GET-данные SEO-параметры Плагины Поиск текста Как оптимизировать сайт под поисковые системы?

Zion WebEngine 24.11.28
  • Создан класс для управления импортом данных о товарах из YML-фида со строннего веб-сайта (спасибо Docke Prof):
    • Уже реализовано управление параметрами, а также их сохранение
    • Уже реализовано создание новых и обновление имеющихся категорий товаров
    • Поддерживается, как ручной запуск импорта, так и автоматический запуск импорта по расписанию
    • Разработка (в том числе загрузка товаров) пока не завершена

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

Zion WebEngine 24.11.22
  • Доработан плагин универсального меню (спасибо Moto-Retail18):
    • Значительно снижено число обращений к базе данных
    • Многие запросы к БД теперь стали более лаконичны
    • Поиск, сортировка, построение древовидных структур, формирование меню и списков теперь выполняются значительно быстрее
    • Очень сильно снижена нагрузка на веб-сервер

Zion WebEngine База данных/Таблицы данных Веб-сервер/Хостинг Меню/Списки/Навигация Место в структуре Плагины Поиск текста Плагин Menu

Zion WebEngine 24.11.15
  • Доработаны классы для интеграции с Яндекс.Карты и Google reCAPTCHA (спасибо Киокушин Online)
    • Актуализированы инструкции для настройки интеграции с картографическим веб-сервисом и веб-сервисом защиты от спама

Zion Catalog Zion Mail Back Классы Помощники/Мастеры/Инструкции/Подсказки Спам Файлы/Папки

Zion WebEngine 24.11.12
  • Доработаны элемент Файл и вспомогательный класс для работы с изображениями (спасибо Киокушин Online)
    • Устранены недочёты в методе заказчки файлов/изображений, которые использовались только для нестандартного функционала

Zion WebEngine Zion Pub Hub Изображение Классы Файлы/Папки Элементы Что такое Элементы?