Как сделать пользовательский поиск от Google для сайта

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


Так выгляди поиск на сайте


Он работает точно так же как поисковик Google, только ищет информацию по вашему сайту, а не по всему интернету. Плюсы у моего способа - вы можете ставить окошко поиска куда угодно, а результат выдается на специальную страницу созданную вами, которую вы должны создать ранее. У меня страница выглядит вот так: http://www.serggrub.ru/p/search.html Увидеть, как она работает можно на моем блоге.


Код поиска по сайту с помощью Google


<form action="http://www.serggrub.ru/p/search.html" method="get"><input id="query_input" maxlength="50" name="q" required="" size="20" type="search" /><input name="sa" type="submit" value="Поиск" /></form>

  • Красная - ставите свою ссылку на страницу на вашем блоге.
  • Синий - длина поля для ввода запроса.

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

Выбор внешнего вида для поиска


Откроется страница с кодом скрипта, который надо вставить внутри раздела <body> или в поле страницы, где будет отображаться результат.


Код скрипта



У меня на платформе Blogger(Blogspot) некорректно отображалась выдача на странице поиска, выпадает буква "e" в слове Relevance напротив Упорядочить. Если у вас будет так же, то вы заметите это и сразу поймете о чем я говорю.

Чтобы исправить данную ошибку, вставил код в CSS: .gsc-selected-option{white-space:nowrap}



Комментарии

  1. Такой поиск однозначно лучше. А я вот поставила от Гугл Адсенс. Сейчас появилась такая возможность.

    ОтветитьУдалить
    Ответы
    1. Интересно) Потом посмотрю. А чем отличаются эти поисковики друг от друга? Денег можно больше заработать или какие-то плюсы?)

      Удалить

Отправить комментарий