Поиск от Яндекса на сайте Parallels Web Presence Builder

30 мая 2017 - Жукова Татьяна Нет комментариев
Просмотров: 3360

Сегодня мы будем устанавливать на нашем сайте, созданном в конструкторе Parallels Web Presence Builder, поиск от Яндекс. Сделать это легко, в статье даны пошаговые инструкции.

поиск от яндекс

Итак, мы сделали свой сайт, наполнили его первоначальным контентом. Сейчас перед нами стоит задача улучшать юзабилити нашего сайта. Если вы не знаете, что такое юзабилити, то, советую прочитать эту статью.

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

Поскольку у нас в этом месте располагается панель конструктора, то нам будет не очень удобно редактировать модуль, поэтому мы либо передвинем эту панель в другое место, либо временно установим сам модуль в другом месте, а когда он будет полностью готов, перенесем в правый верхний угол.

Итак, открываем вкладку «Модули» панели редактора и находим модуль «Поиск». Захватываем его мышкой и переносим в любое место сайта, где вам будет удобно его редактировать. Я поставила его прямо в центре страницы.

поиск яндекс

Вы видите, что функция поиска пока неактивна. Чтобы активировать ее, надо вставить код, полученный от поисковой системы. Parallels Web Presence Builder рекомендует Google, я же предпочитаю Яндекс. Конечно, все зависит от тематики вашего сайта — если у вас сайт какой-нибудь международной корпорации, сделанный на английском языке, то, скорей всего, вам стоит воспользоваться поиском от Google. А, если сайт предназначен исключительно для российских пользователей, то предпочтителен поиск российской поисковой системы, наиболее популярной из них является, конечно, Яндекс. Если вы согласны со мной, то можете действовать дальше в соответствии с этой инструкцией.

Что надо сделать для получения кода поиска от Яндекс?

Переходим на Яндекс — эта ссылка ведет на страницу установки поиска на ваш сайт, и вы сразу видите большую желтую стрелку.

Читайте также:  Как создать мобильную версию сайта в Parallels Web Presence Builder

Если есть желание, можете изучить информацию, представленную на этой странице, а можете сразу переходить к получению кода поиска, перейдя по ссылке «Установить поиск».

установить поиск от яндекса

Если у вас нет регистрации на Яндексе, то нужно ее получить (форма для регистрации вам будет предложена), если есть, то нужно авторизоваться, и тогда вы перейдете непосредственно к первому шагу установки поиска. Заполняем необходимые поля:

поиск яндекс

Если у вас несколько сайтов, то в техническом названии, которое будет видно только вам, необходимо как-то идентифицировать именно этот сайт, поэтому напишите туда его название или домен.

Как только в разделе «Область поиска» вы введете доменное имя вашего сайта, Яндекс тут же попросит вас подтвердить свои права на сайт в Яндекс.Вебмастере. Сделать это надо обязательно, поэтому переходим по ссылке Яндекс.Вебмастер.

яндекс поиск

На этой странице жмем на желтый крестик, в открывшемся окошке вписываем домен своего сайта и нажимаем на кнопку «Добавить». Яндекс предложит нам несколько способов подтвердить свое право на сайт.

подтверждение прав

Первый способ — вставка мета-тега в код главной страницы сайта. Вам надо скопировать этот мета-тег и перейти к редактору сайта. Во вкладке Настройки выбираем подраздел Другие, Изменить мета-данные.

подтверждаем права в Parallels Web Presence Builder

В открывшееся окно вставляем мета-тег, жмем ОК. И не забываем нажать кнопку Опубликовать. Дожидаемся окончания публикации и возвращаемся в Яндекс.Вебмастер. Там нажимаем на кнопку Проверить.

подтверждение прав на сайт

Ждем окончания проверки, и если все прошло удачно, то вы увидите вот это:

подтверждение прав на сайт

Можно использовать другой способ — подтверждения прав на сайт с помощью HTML-файла.

права на сайт

Скачиваем по ссылке файл yandex_******.html к себе на компьютер, запомните, куда сохранили, чтобы потом смогли загрузить его к себе на сайт. Переходим к редактору своего сайта. Во вкладке Настройки выбираем подраздел Другие, Подтвердить владение веб-сайтом.

Читайте также:  Как сделать кликабельные картинки на сайте Parallels Web Presence Builder

подтвердить владение сайтом

Загружаем скачанный с Яндекса файл пошагово, как на скриншоте. Публикуем сайт, возвращаемся в в Яндекс.Вебмастер. И там делаем все, как и в первом способе. Так мы подтвердили Яндексу, что этот сайт принадлежит нам.

Не забыли, что мы устанавливаем Поиск от Яндекса? А то я уже забыла и собиралась завершить статью.

Возвращаемся к установке поиска. У нас там красным было написано, что права не подтверждены. Жмем кнопку «Проверить права». И мы видим, что эта надпись позеленела — права подтверждены. Продолжаем заполнять далее необходимые поля (остались уже только необязательные) и переходим к шагу 2.

Здесь вам будет предложено выбрать тип и дизайн поисковой формы. Здесь вы все делаете на свой вкус и в соответствии с дизайном вашего сайта, и переходите к шагу 3.

На этом шаге мы выбираем, где показывать результаты поиска. Выбирайте —

Теперь нам надо эту страницу создать. Идем в наш редактор и создаем новую страницу с названием, например, Результаты поиска. Впоследствии мы сделаем ее скрытой, но пока сохраняем и публикуем сайт. Переходим на сайт, находим в меню эту страницу и открываем ее. В адресной строке браузера копируем ее адрес и снова возвращаемся к Яндексу.

яндекс поиск

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

На 5 шаге вам будет предоставлено 2 кода. Первый мы вставляем в модуль поиска на вашем сайте (помните, мы его установили в самом начале?), второй — на созданную нами страницу с результатами поиска. Для этого поставьте на этой странице модуль Скрипт и поместите туда код.

Читайте также:  Как создать ссылку в Parallels Web Presence Builder

Вот и все! Нам осталось только передвинуть поисковый модуль ближе к правому верхнему углу вашего сайта (делайте так, чтобы он размещался на всех страницах), сделать страницу результатов поиска скрытой, поставив соответствующую галочку, опубликовать сайт и проверить, как работает ваш поиск.

И еще: когда я запихнула поисковую форму в самый верх сайта на один уровень с меню, то при публикации увидела, что как-то криво она расположена — совсем не на том уровне, как меню, а немного выше.

Совсем некрасиво. А вроде бы поставлено на один уровень. Вернувшись в редактор, увидела, что там они стоят на одном уровне, но визуально форма поиска расположена выше, чем меню. Возможно, что у вас такая же ситуация.

Если нет, то вам все равно нужно прочитать дальше, потому что такая же кривизна может появиться в другом месте.

Смотрим, где проблема, и как ее исправлять. Для начала кликните по блоку Меню и в панельке нажмите кнопку Показать стили.

У нас открылось новое окошко. Обратите внимание на блок Поля.

Разворачиваем и видим, что в Меню имеется отступ сверху. Теперь делаем то же самое с модулем Поиск, и там такого отступа нет. Поэтому этот момент нам надо обязательно выровнять, в какую сторону — решать вам — либо обнулить поля у Меню, либо увеличить у Поиска. Так же надо поступать и с отступами модулей, расположенных на одном уровне.

И тогда все будет ровненько и красиво.

На сегодня все! Удачи вам в вашем деле!


Посмотрите другие статьи из этой рубрики:




Хотите быть в курсе новостей блога?

Подпишитесь на бесплатную рассылку новых статей
Ваш e-mail:

Есть что сказать? Оставьте комментарий!