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

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 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 Вкладки Классы Однострочное поле Шаблоны контента Элементы Что такое Шаблон контента?

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

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

Zion WebEngine 23.01.17
  • Доработан главный файл гостевого интерфейса (спасибо ТК Кило):
    • Устранены препятствия для использования пользовательской JS-функции onload вместо стандартной

Zion WebEngine Что такое Административный интерфейс и Гостевой интерфейс? Гостевой интерфейс

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

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

Zion WebEngine 23.01.04
  • Доработаны драйвер оболочкой, элемент HTML-код веб-страницы и классы для управления проектом и шаблонами (спасибо Moto-Retail18):
    • Более корректно реализовано использование свойств проекта

Zion WebEngine Что такое Свойства? HTML-код веб-страницы Драйверы Классы Свойства Шаблоны контента Элементы

Zion WebEngine 23.01.03
  • Для совместимости с новыми стандартами CMS доработаны некоторые компоненты:
    • Элемент HTML-код веб-страницы
    • Классы для управления проектом, пользователями, шаблонами, рассылками и интеграцией с CRM Intrum
    • Мониторы MySQLi и ядра
    • Обработчики обратной связи, обратного звонка
    • Настраиваемые модули для управления реакциями на заказ, в том числе для уведомления на системный email и для выставления накладной
    • Настраиваемые модули для управления доставкой, в том числе через СДЭК
    • Плагин Meta

Zion WebEngine Zion Catalog Zion Mail Back Zion SEO Booster Zion xDelivery Zion Import Zion Sender Email-сообщения HTML-код веб-страницы SEO-параметры База данных/Таблицы данных Доступы/Пользователи Классы Мониторинг Настраиваемые модули Обработчики Обратная связь/Обратный звонок Плагины Рассылки Реакции на заказ Способы доставки/самовывоза Шаблоны контента Элементы Элемент "HTML-код веб-страницы"

Zion WebEngine 22.12.29
  • Доработан класс для управления импортом из CRM Intrum (спасибо Good Авто):
    • Снижен объём данных, пересылаемых от CRM в CMS
    • Устранены проблемы с импортом некоторых данных, связанные с изменениями в API

Zion Import Что такое CMS Zion WebEngine? Импорт/Экспорт Классы

Zion WebEngine 22.12.28
  • Доработан класс для управления импортом из CRM Intrum (спасибо Good Авто):
    • Теперь данные, которые не требуется публиковать на сайте, автоматически удаляются при импорте, а не добавляются скрытыми (для новых записей) и не скрываются (для уже существующих записей):
      • Это снижает нагрузку на базу данных и уменьшает её объём
      • Ведутся боевые испытания

Zion Import Адрес (URL)/ЧПУ/Переадресация База данных/Таблицы данных Импорт/Экспорт Классы Элемент "Адрес"

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

Zion Gallery Галереи/Слайды Доступ Групп пользователей Редактор контента/WYSIWYG-редактор Шаблоны контента Элементы Что такое Шаблон контента?

Zion WebEngine 22.12.26
  • Доработан элемент Галерея (спасибо ТК Кило):
    • Теперь для каждой группы пользователей можно тонко настроить ещё больше параметров:
      • Можно изменить названия/заголовки для различных компонентов слайдов и галерей
      • Можно разрешить/запретить смену редактора контента

Zion Gallery Галереи/Слайды Доступ Групп пользователей Редактор контента/WYSIWYG-редактор Элементы Что такое Элементы?

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

Zion Export XML/RSS/1С/YML Классы Контент/Контентные единицы Что такое Контент?