Как вставить поиск от Google на сайт или блог

Здравствуйте уважаемые читатели блога!

В сегодняшней статье, я постараюсь детально, в мельчайших подробностях рассказать – «как поставить поиск от Google на сайт или блог».

Поиск нужен каждому web-ресурсу, особенно он нужен тем блогам, у которых много статей, на этих блогах тяжело найти какую-то информацию. Нам придет на помощь поиск от Google, который мы встроим в свой блог.

Если у вас стоит движок WordPress, то у Вас на блоге естественно есть поиск, но так как он мало что находит, ну если конечно Вы не купите супер WordPress тему или они пользуются опасными плагинами.

Обычно у всех блоггеров, которые пользуются WordPress, стоят бесплатные темы, которые можно найти в интернете и у них стоит обычный поиск. Это ПРОБЛЕМА. Чтобы помочь решить данную проблему, я решил написать об этом целый пост – «Как встроить поиск от Google на сайт».

 КАК ОСУЩЕСТВЛЯЕТСЯ ПОИСК ОТ GOOGLE

  1. Google выдает по дате последних написанных статей в которых есть фразы, которые ищет пользователь у Вас на сайте;
  2. Когда слова в поиске не выделяются, пользователю естественно будет сложнее искать нужную ему информацию.
  3. В поиске WordPress темы не учитывается морфологические запросы, которые очень Важны.

Многие блоггеры решают не париться устанавливают специальные плагины, чтобы исправить проблему с поиском.

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

Если кто-то из Вас сомневается в моих словах, то Вы прямо сейчас можете попробовать воспользоваться своим поиском.

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

Зачем пишу эту статью? Я наткнулся на один пост, который написал блоггер – «Александр Бобрин», где он рассказывал, как установить поиск от Google на сайт.

Но эта информация уже устарела, Google давно изменил свой интерфейс, поэтому сегодня я расскажу, как это сделать современным способом.

 КАК ВСТРОИТЬ ПОИСК ОТ GOOGLE НА САЙТ ИЛИ БЛОГ

Я изменил дизайн блога и поставил на него такой поиск:

Блог Алексея Кобзарева поиск от google на сайт

По дизайну более подходящий чем тот, что был, но если вы хотите оставить свой дизайн, то я расскажу Вам как это сделать, читайте — «Как изменить дизайн блога«.

Давайте введем любой интересующий запрос и посмотрим, как Google отобразит искомую информацию, например — «Как заработать на блоге«:

Запрос поиск от google на сайт

Посмотрите на результаты:

Poisk_ot_google_na_sait-_4

Если у Вас нет учетной записи на Google, то советую создать ее! Она дает много возможностей, мониторить и следить за ошибками своего сайта. Кроме того – создав учетную запись в Гугле, Вы значительно ускорите индексацию своего ресурса. Ну и конечно у Вас появиться возможность встроить поиск Google на сайт!

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

У Вас откроется такое окно:

Нажать кнопку поиск от google на сайт

Дальше нажмите на кнопку – «Создать систему пользовательского поиска». В открывшемся окне впишите свой сайт, выберите русский язык и нажмите кнопку – «Создать». После этого Вас перебросит на страницу на которой можете написать описание и ключевые слова, читайте: «Подбор ключевых слов». Лично я там ничего не трогал, только проверьте чтобы ссылки на которых выполняется поиск, стоял Ваш сайт:

Ссылки поиск от google на сайт

Теперь нам нужно настроить внешний вид нашего поиска от Google:

Пользовательский  поиск от google на сайт

На вкладке – «Вид» выберите на развороте и нажмите сохранить:

Во вкладке – «темы», выберите тему поиска для отображения на Вашем блоге. Эту тему будут видеть все Ваши читатели.

Темы пользовательского  поиска от google на сайт

Вкладка настроит – тут Вы можете настроить цвета, потом идет вкладка – «Уменьшить изображения» вкл. или выкл. У меня стоит вкл.

Теперь нужно вернуться на внешний вид и нажать кнопку – «Сохранить и получить код». Первый код мы будем вставлять в файл нашей темы — «searchform.php» он необходим для алгоритма писка, а второй в – «searh.php» для показа результатов.

Перед тем как, что-то делать, советую скопировать эти файлы, чтобы в случае ошибки Вы смогли вернуть все на свои места!

Сейчас зайдите на свой блог и узнайте исходный код Вашего поиска, для этого нажмите правой кнопкой мыши над ним и если Вы пользуетесь браузером — «Google Chrome», то выберите – «Просмотр кода элемента», если пользуетесь другим браузером, то что, то типа этого.

Это покажет нам содержание нужных нам файлов – «searchform.php» и «searh.php».

Теперь нужно заменить весь код поиска нашей темы на тот, который нам дает Google, у меня такой:

<script>

(function() {

var cx = '003270003215132349158:jejrgne-h3m';

var gcse = document.createElement('script');

gcse.type = 'text/javascript';

gcse.async = true;

gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +

'//www.google.com/cse/cse.js?cx=' + cx;

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(gcse, s);

})();

</script>

<gcse:searchbox-only></gcse:searchbox-only>


Вы конечно вставляйте свой.

В файле «searh.php», нам нужно заменить все содержимое старого кода на новый, у меня такой:

<script>

(function() {

var cx = '003270003215132349158:jejrgne-h3m';

var gcse = document.createElement('script');

gcse.type = 'text/javascript';

gcse.async = true;

gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +

'//www.google.com/cse/cse.js?cx=' + cx;

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(gcse, s);

})();

</script>

<gcse:searchresults-only></gcse:searchresults-only>


Не забудьте сохранить оба файла, перезагрузите страницу блогу и ВУАЛЯ – поиск от Google на сайт встроен.

Признаюсь, Вам честно, у меня не очень получилось объяснить — как установить поиск от Google на сайт? Если, что-то было не понятно, задавайте вопросы в комментариях, я на них отвечу.

СМОТРИТЕ ВИДЕО — КАК ВСТАВИТЬ ПОИСК ТО GOOGLE ADSENS

Прошу тех webmasterov, которые разбираются в установке поиска от Google на сайт, помогать новичкам и давать хорошие советы. Подписывайтесь на [urlspan]обновления блога[/urlspan], чтобы не упускать интересные статьи.

С уважением, Алексей Кобзарев



Интересный и полезный контент

24 thoughts on “Как вставить поиск от Google на сайт или блог

  1. Александр Иванович

    Алексей!
    Давно хотел поставить поиск от Google на свой сайт. И вдруг такая замечательная и подробная статья. Всё разжёвано и в рот положено — остаётся только проглотить.
    Спасибо.

    1. Алексей Кобзарев Автор записи

      А я почему то думал, что плохо объяснил за встраивание поиска Google на сайт.

      1. Сергей

        Подскажите подробнее. Какие файлы должны существовать для обеспечения поиска на сайте? И куда вставлять код? в какой див? Как и где прописать пути к подключаемым файлам. Как вас найти в контакте, напишите пожалуйста мне. Файлы searchform.php, searh.php header.php ,functions.php это все или еще какие-то файлы нужны? Как эти файлы подвязать в index?

  2. Александр Иванович

    Алексей!
    Ничего подобного.
    Объяснения чёткие и ясные. Не воспользуется ими только тупой и ленивый.

  3. Сергей

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

    1. Алексей Кобзарев Автор записи

      Пожалуйста! Если возникнут трудности, то напишите об этом в комментариях, постараюсь Вам помочь.

  4. Елена

    Мне важнее читатели, а поиск… вероятно важно, но пока не буду, хотя почитать было любопытно.

  5. Vlad

    Твой пост в принципе в топ 10. Из всех решил перейти на твой блог. В общем, заменил весь код на код от гугл и получилась какае-то фигня…

    Напишу Гудвину, пускай помогает! 🙂

    1. Алексей Кобзарев Автор записи

      Думаешь он отложит свои дела и поможет решить эту проблему?

      1. Vlad

        Не думаю, знаю! Я же шаблон не в сети скачал, а у него покупал. При таких моментах связанных с шаблоном он обычно помогает.

        1. Алексей Кобзарев Автор записи

          Класс! Значит, на него можно другие технические моменты сваливать?

        2. Vlad

          Сваливать — слишком громкое заявление!
          Посоветоваться, попросить помочь в рамках шаблона — это можно!

          В инструкции к шаблону там все про это написано вроде.

        3. Алексей Кобзарев Автор записи

          Тогда, желаю удачи. 🙂

  6. Наталья

    Здравствуйте, я новичок и мне конечно не все понятно, но ваш сайт понравился и еще вернусь, знаю как трудно кому то что то объяснить. У мужа тоже есть сайт, но я принципиально стараюсь учиться делать все сама! Вам огромное спасибо за Ваш труд и терпение! Удачи! 😉

  7. Наталья

    Огромнейшее спасибо автору, у меня все получилось! 😳
    Есть вопрос, мне необходимо на сайте создать регистрации пользователя, и у него создавалась собственная страничка с определенным адресом? 😡

  8. Наталья

    Я добавила файл user.php, зашла на страничку с другого аккаунта вижу уже админ панель пользователя, но вот, как это объединить все вместе не могу понять? Может есть у вас статья на этот счет или может будет новая тема?! Ой и трудно быть бестолковым 😮

    1. Алексей Кобзарев Автор записи

      Статьи пока нет. Я эту тему уже позабыл, но постараюсь все вспомнить и выложить на сайт.

  9. Наталья

    Я видать Вам сегодня надоем своими вопросами, но я наткнулась на кнопочку которая позволяет выбрать язык сайта, в плагине у меня такая есть, но вот хотелось бы ее поставить в шапку или где то отдельно и без плагина? ❓

    1. Алексей Кобзарев Автор записи

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

    1. Алексей Кобзарев Автор записи

      Сергей, прочитайте внимательней статью, там все описано.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *