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

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 23.04.06
  • Доработан плагин универсального меню (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Теперь поиск не приводит к ошибке при использовании параметра select со значением all, если в комплекте поставки нет тех или иных пакетов
  • Доработан класс для создания YML-фида для Яндекс.Маркет, Яндекс.Директ и Яндкекс.Вемастер (спасибо Moto-Retail18):
    • Теперь пробелы в адресах изображений автоматически конвертируются в необходимый спецсимвол %20 для успешного прохождения модерации в данных веб-сервисах Яндекса

Zion WebEngine Zion Export Что такое Комплект поставки? XML/RSS/1С/YML Классы Кодировки/Наборы символов Меню/Списки/Навигация Плагины Поиск текста

Zion WebEngine 23.04.05
  • Доработан элемент Расписание (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Устранены проблемы с сохранением данных, переданных пользователем при бронировании
  • Доработан файл-менеджер (спасибо Федерация Киокушин России):
    • Устранены проблемы с загрузкой больших файлов на веб-сервер

Zion WebEngine Zion Booking Бронирование/Расписание Веб-сервер/Хостинг Классы Файл-менеджер Файлы/Папки Элементы Что такое Элементы?

Zion WebEngine 23.04.04
  • Доработан класс для управления числами (спасибо Good Авто):
    • Создан новый плагин {number_ToFloat}, приводящий любое переданное в него значение к вещественному числу (или к нулю)
  • Доработан класс для управления водяными знаками (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Устранена проблема с возвращением некорректного адреса изображения

Zion WebEngine Zion Gallery Адрес (URL)/ЧПУ/Переадресация Изображение Классы Плагины Число Что такое Плагины?

Zion WebEngine 23.04.03
  • Доработан класс для управления базой данных (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Теперь в форме добавления новой записи в режиме клонирования: кнопка Добавить будет оставаться недоступной, пока не загрузится список оригиналов, доступных для клонирования

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

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

Zion WebEngine Административный интерфейс Классы Контент/Контентные единицы Шаблоны контента Элементы Что такое Шаблон контента?

Zion WebEngine 23.03.24
  • Доработан класс для управления галереями (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Теперь на больших экранах со слайдами в галерее работать стало удобнее, чем раньше, за счёт более продуманного расположения элементов административного интерфейса
  • Доработан класс для управления базой данных:
    • Устранена проблема, из-за которой при добавлении новой записи в подразделах раздела Контент административного интерфейса выбранное значение для списка Место в структуре игнорировалось

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

Zion WebEngine 23.03.22
  • Доработан класс для управления галереями (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Устранена проблема с отображением текста на кнопке для вставки слайда в режиме Всё в одном поле в случае, если для галереи доступно сразу несколько режимов

Zion Gallery Галереи/Слайды Классы Что такое Классы?

Zion WebEngine 23.03.21
  • Доработан класс для управления базой данных (спасибо СП МАОУ "СОШ 118" г. Перми):
    • Устранена проблема с отображением веб-шрифта на некоторых кнопках в административном интерфейсе

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

Zion WebEngine 23.03.16
  • Доработаны обработчики обратной связи и обратного звонка:
    • Повышена защита от спама

Zion Mail Back Обработчики Обратная связь/Обратный звонок Спам

Zion WebEngine 23.03.13
  • Доработан класс для управления парсингом стороннего сайта (спасибо Moto-Retail18):
    • Внесены некоторые коррективы в алгоритм восстановления снова нужных товаров

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

Zion WebEngine 23.03.06
  • Доработаны классы для управления импортом из 1С (XML), экспортом в Яндекс.Маркет (YML) и парсингом стороннего сайта, а также элемент Адрес (спасибо Moto-Retail18):
    • Теперь при автоматическом добавление товаров и категорий на сайт через импорт из XML или через парсинг стороннего сайта, URL (адрес) товаров и категорий формируется с использованием многоуровневого ЧПУ
    • Такой же (полный) адрес (URL) используется и при формировании YML-фида для Яндекс.Маркет
    • Это полезно, например, для аналитики и наладки ретаргетинга, которые могут учитывать категории и подкатегории товаров, идентификаторы которых используются в многоуровневом ЧПУ

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

Zion WebEngine 23.02.21
  • Доработан элемент Галерея (спасибо Спаси Квартиру):
    • Устранена недоработка, из-за которой могли не отображаться подписи к кнопкам и полям при правке галереи и слайдов

Zion Gallery Галереи/Слайды Элементы Что такое Элементы?

Zion WebEngine 23.02.09
  • Доработан вспомогательный класс для управления изображениями (спасибо МедИнвест):
    • Устранена вероятность несоздания эскизов при некорректных настройках веб-сервера

Zion WebEngine Технические требования Веб-сервер/Хостинг Изображение Классы Эскизы

Zion WebEngine 23.02.08
  • Доработан класс для управления базой данных (спасибо МедИнвест):
    • Уведомления об ошибках теперь выделяются на фоне других уведомлений от базы данных - так их проще заметить на фоне других уведомлений
  • Доработан класс для управления способами оплаты:
    • Устранены некоторые недочёты в редко используемых функциях

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

Zion WebEngine 23.02.03
  • Доработан класс для управления базой данных, элемент Связи и административные JS-скрипты  (спасибо ТК Кило):
    • Более удобно реализовано автоматическое вычисление последнего добавленного в базу данных идентификатора
    • Начато внедрение функционала, позволяющего не только связывать контентные единицы друг с другом, но и выбирать один из доступных вариантов причин связи:
      • Можно использовать, как уже имеющиеся варианты, так и добавлять новые
      • Неиспользуемые варианты удаляются автоматически
      • Разработка ещё не завершена

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

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

Zion WebEngine Вкладки Классы Шаблоны контента Элементы Что такое Элементы?

Zion WebEngine 23.01.31
  • Доработан класс для управления водяными знаками (спасибо Moto-Retail18):
    • Устранена проблема из-за которой водяные знаки создавались только для эскизов (уменьшенных копий), но не для оригинала изображения

Zion Gallery Изображение Классы Эскизы Что такое Классы?

Zion WebEngine 23.01.27
  • Доработан класс, формирующий YML-файл для интеграции с Яндекс.Маркет (спасибо Moto-Retail18):
    • Скорректирован принцип передачи данных о наличии товаров:
      • Если в шаблоне того или иного товара выбрано поле, из которого нужно брать данные о наличии, то данные (о наличии или об отсутствии) добавляются в YML-фид
      • Если в шаблоне того или иного товара НЕ выбрано поле, из которого нужно брать данные о наличии, то данные (о наличии или об отсутствии) в YML-фид не добавляются, так как их (данных) нет, но сам товар при этом в YML-фид добавляется

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

Zion WebEngine 23.01.26
  • Доработаны все элементы контента и класс для управления шаблонами (спасибо ТК Кило):
    • Завершено внедрение возможности менять местами элементы на той или иной вкладке в рамках каждого отдельного шаблона

Zion WebEngine Zion User Control Zion Catalog Zion SEO Booster Zion Gallery Zion Pub Hub Zion Export Zion Booking Вкладки Классы Контент/Контентные единицы Шаблоны контента Элементы Что такое Вкладки?

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

Zion WebEngine Zion Catalog Вкладки Классы Однострочное поле Шаблоны контента Элементы Что такое Шаблон контента?