Интеграция пользовательского поиска Google в блог на WordPress

Пользовательский поиск Google Пользовательский поиск Google (Google Custom Search Engine) является бесплатным, но очень мощным инструментом для добавления функций поиска на любой Веб-сайт. Данная статья описывает создание системы пользовательского поиска Google, ее интеграцию в блог на WordPress без бросающихся в глаза нарушений целостности дизайна, улучшение качества поисковой выдачи, настройку уточнений (refinements), продвижений (promotions) и синонимов (synonyms), а также стыковку с Google AdSense и Google Analytics.

Преимущества Пользовательского поиска Google

Штатные средства поиска большей части популярных CMS, включая WordPress, имеют серьезный недостаток — они не поддерживают поиск с учетом морфологии и часто не находят значительный объем интересующей посетителя информации. Пользовательский поиск Google не только лишен этого недостатка, но еще и имеет множество преимуществ — он легко адаптируется под дизайн любого сайта, умеет искать данные в документах популярных форматов, позволяет повышать удобство поиска с помощью уточнений, рекламировать услуги с помощью продвижений, увеличивать число доступных поисковых запросов с помощью синонимов, анализировать поисковую активность в Google Analytics и получать вознаграждение за показ контекстных объявлений Google AdSense.

Создание системы пользовательского поиска Google

Для создания системы пользовательского поиска Google (далее поисковой системы) необходимо перейти по ссылке, ввести учетные данные своего аккаунта Google и нажать кнопку Создать систему польз. поиска. На открывшейся странице Опишите свою поисковую систему следует задать Имя и Описание поисковой системы, URL главной страницы блога (без начальных http:// и завершающего /) в поле Сайты для поиска, установить галочку Я принимаю Условия предоставления услуг Google и нажать кнопку Далее. На открывшейся странице Выбрать или настроить стиль нужно выбрать подходящий базовый дизайн или нажать кнопку Настройка и задать собственные параметры внешнего вида поисковой системы (изменения сразу же отображаются в нижней части страницы), а затем нажать кнопку Далее. На этом создание поисковой системы заканчивается. С открывшейся страницы Код Встраиваемого на сайт пользовательского поиска можно сразу перейти к панели управления. Если Вы захотите изменить параметры поисковой системы в любое другое время, можно будет открыть панель управления с помощью ссылки на странице Мои системы поиска.

Установка кода поисковой системы в блог на WordPress

Существует три варианта установки кода поисковой системы на сайт: На одной странице с полем поиска, На отдельной странице сайта (при помощи тега iframe), На странице в Google. Только второй вариант позволяет обойтись без переходов к страницам с инородным дизайном на всех этапах поиска, поэтому я предпочитаю использовать именно его. Если Вы решите последовать моему примеру, для установки кода поисковой системы На отдельной странице сайта (при помощи тега iframe) придется выполнить следующие действия.
В первую очередь, необходимо открыть админку блога и создать новую страницу (но не запись) с названием Результаты поиска и URI /s/ (название и URI можно изменить, руководствуясь собственным вкусом), сразу же отключив для нее комментарии, трекбэки и пинги. Также следует перенастроить плагины XML Sitemap Generator for WordPress и Dagon Design Sitemap Generator (или их аналоги) для исключения этой страницы из карт сайта.
Перед началом установки кода поисковой системы нужно открыть панель управления, перейти в раздел Внешний вид, установить переключатель На отдельной странице сайта (при помощи тега iframe), нажать кнопку Сохранить, перейти в раздел Получить код, ввести URL страницы Результаты поиска в поле Укажите URL-адрес страницы своего сайта, на которой должны размещаться результаты поиска и выбрать положение рекламных блоков относительно блока результатов поиска. После этого код поисковой системы приобретет следующий вид:

Код поисковой системы

Вам необходимо удалить код старой формы поиска (обычно он располагается в таких файлах используемой темы, как header.php, sidebar.php или searchform.php), а затем вставить на освободившееся место Код окна поиска. Обратите внимание на его четвертую строку:

  <input type="hidden" name="cof" value="FORID:11" />

В ней задается положение рекламных блоков относительно блока результатов поиска. Значение параметра cof, равное FORID:11, обеспечивает отображение рекламы Вверху и внизу, FORID:9Справа, FORID:10Вверху и справа. Финальная настройка внешнего вида формы поиска может быть выполнена с помощью атрибутов class и style тегов <input>. Например, текущая версия кода формы поиска данного блога выглядит так:

<form action="http://sergeysl.ru/" id="cse-search-box">
  <input type="hidden" name="cx" value="016300271168551908564:imf4j0zowjm" />
  <input type="hidden" name="cof" value="FORID:11" />
  <input type="hidden" name="ie" value="UTF-8" />
  <input type="text" name="q" size="31" style="width:180px;"/>
  <input type="submit" name="sa" value="Поиск на sergeysl.ru" style="width:180px;margin-top:6px;"/>
 </form>
 <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=ru"></script>

В последнюю очередь, следует открыть админку блога, переключить редактор в текстовый режим и вставить в поле ввода текста страницы Результаты поиска Код результатов поиска. Обратите внимание на его пятую строку:

  var googleSearchFrameWidth = 600;

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

Улучшение качества поисковой выдачи

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

Ключевые слова

Обычно в блогах на WordPress анонсы статей помещаются на главную страницу, а также на страницы категорий, тегов и архивов. При использовании плагина WP-PageNavi (или его аналогов) в данный список добавляются страницы постраничной навигации. Также в некоторых ситуациях результаты поиска могут содержать еще и данные из карт сайта. Для запрета поиска на всех перечисленных страницах необходимо открыть панель управления, перейти в раздел Сайты и заполнить список Исключенные сайты (в терминологии Пользовательского поиска Google понятие сайт может относиться к части сайта, к целому сайту и даже к нескольким сайтам). Для добавления каждого из исключенных сайтов следует нажать кнопку Добавить сайты, в открывшемся окне Исключайте сайты по отдельности ввести шаблон URL в поле URL, выбрать подходящий переключатель в разделе Исключить и нажать кнопку Сохранить. Например, для исключения главной страницы данного блога из результатов поиска используется URL sergeysl.ru/ и переключатель Исключить только эту страницу или шаблон URL Я ввел(а):

Добавление исключенного сайта

Также список Исключенные сайты для данного блога содержит определения страниц категорий, тегов, архивов, постраничной навигации и sitemap’ов:

Исключенные сайты

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

Упрощение поиска с помощью уточнений

Проще всего показать работу уточнений на примере. Предположим, что посетитель данного блога об использовании операционных систем FreeBSD и Linux на серверах и десктопах задал поисковый запрос настройка. Как догадаться, что именно его интересует: FreeBSD, Linux, серверы, десктопы? Скорее всего, никак. Гораздо проще предоставить посетителю ссылки Серверы с FreeBSD, Серверы с Linux, Десктопы с FreeBSD и Десктопы с Linux, позволяющие изменить результаты поиска в нужном направлении с помощью единственного клика. Именно для этих целей и предназначены уточнения. Вы можете увидеть как они работают, если выполните поисковый запрос настройка (или любой другой поисковый запрос) на данном блоге, а затем пощелкаете по уточняющим ссылкам в блоке Уточнить результаты поиска по запросу …:

Работа уточнений

Настройка уточнений выполняется в соответствующем разделе панели управления. Для создания каждого из уточнений необходимо нажать кнопку Добавить уточнение, в открывшемся окне задать текст уточняющей ссылки в поле Имя уточнения и дополнительные слова, предназначенные для добавления к исходному поисковому запросу, в поле Слова, добавляемые в поисковый запрос, нажать кнопку Сохранить, а затем в открывшемся окне Присвоение ярлыков включенным сайтам нажать кнопку Закрыть. Дополнительные слова должны задаваться с помощью операторов расширенного поиска Google. Например, для уточнения Серверы с FreeBSD на данном блоге используются дополнительные слова сервер freebsd:

Добавление уточнения

Аналогично для уточнения Десктопы с FreeBSD выбраны дополнительные слова десктоп freebsd, Серверы с Linuxсервер linux, Десктопы с Linuxдесктоп linux. Обратите внимание, что пробелы автоматически заменяются операторами AND (И).
Уточнения должны быть связаны с сайтами. В случае данного блога выделение статей о FreeBSD и Linux в два отдельных сайта не составляет труда, т.к. первые содержат в своих URI слово freebsd, а вторые — слово linux. Для создания каждого из дополнительных сайтов, предназначенных для совместной работы с одним или несколькими уточнениями, следует открыть панель управления, перейти в раздел Сайты, нажать кнопку Добавить сайт в разделе Включенные сайты, в открывшемся окне Включать сайты по отдельности ввести шаблон URL в поле URL, выбрать переключатель в разделе Включить, отметить нужные галочки в разделе Ярлыки и нажать кнопку Сохранить. Например, для выделения статей о FreeBSD в отдельный сайт и связывания с ним соответствующих уточнений на данном блоге применялись шаблон URL sergeysl.ru/*freebsd*, переключатель Включить только эту страницу или шаблон URL Я ввел(а), а также галочки Серверы с FreeBSD и Десктопы c FreeBSD:

Создание дополнительных сайтов для работы с уточнениями

При выполнения аналогичных действий для статей и уточнений, связанных с Linux, использовались шаблон URL sergeysl.ru/*linux*, а также галочки Серверы с Linux и Десктопы c Linux.
Для изменения связей дополнительных сайтов с уточнениями можно в любое время открыть панель управления, перейти в раздел Сайты, установить галочку слева от соответствующего сайта в разделе Включенные сайты и выбрать необходимое действие в выпадающем списке Функции ярлыка:

Изменение связей дополнительных сайтов с уточнениями

Уточнения начинают работать сразу после добавления..

Реклама услуг с помощью продвижений

Проще всего показать работу продвижений на примере. Предположим, что я веду блог об операционной системе FreeBSD и могу предложить услуги по ее настройке и поддержке. Есть вероятность того, что посетители, выполняющие поисковый запрос поддержка freebsd, могут превратиться в моих клиентов, особенно если показать им объявление, позволяющее перейти на страницу заказа услуг с помощью единственного клика. Именно для этих целей и предназначены продвижения. Вы можете увидеть, как они работают, если выполните поисковый запрос поддержка freebsd на данном блоге:

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

Для разрешения использования продвижений нужно открыть панель управления, перейти в раздел Основные сведения, установить галочку Включить специальные результаты, такие как подписные ссылки и промообъявления в разделе Настройки и нажать кнопку Сохранить изменения:

Разрешение использования продвижений

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

Настройка внешнего вида продвижений

Для создания каждого из продвижений следует нажать кнопку Добавить, в открывшемся окне Создание продвижения задать поисковые запросы, инициирующие показ объявления, в поле Запросы, заголовок объявления в поле Название, URL целевой страницы в поле Ссылка и текст объявления в поле Описание, а затем нажать кнопку Сохранить. Например, для рекламы моих услуг по технической поддержке серверов с FreeBSD и Linux на данном блоге используется продвижение с запросами настройка freebsd, поддержка freebsd, установка freebsd, настройка linux, поддержка linux, установка linux, названием Услуги системного администратора, ссылкой https://sergeysl.ru/services/ и описанием Установка, настройка и поддержка серверов с FreeBSD и Linux:

Добавление продвижения

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

Увеличение числа доступных поисковых запросов с помощью синонимов

Проще всего показать работу синонимов на примере. Предположим, что посетитель данного блога задал поисковый запрос netbsd или openbsd. С одной стороны, здесь почти нет информации об этих операционных системах, но, с другой, есть статьи про их родственницу FreeBSD. В связи с этими обстоятельствами стоит позаботиться о предоставлении имеющихся материалов посетителю. Именно для этих целей и предназначены синонимы.
Настройка синонимов выполняется в соответствующем разделе панели управления. Для создания каждого из синонимов необходимо нажать кнопку Добавить, в открывшемся окне Создание синонима задать поисковый запрос, инициирующий использование синонимов, в поле Поисковый запрос и список синонимов в поле Синонимы, а затем нажать кнопку Сохранить. Например, для синонима, обеспечивающего предоставление информации о FreeBSD по поисковому запросу netbsd, на данном блоге используется поисковый запрос netbsd и синоним freebsd:

Добавление синонима

Аналогично для нахождения информации о FreeBSD по поисковому запросу openbsd применяются поисковый запрос openbsd и синоним freebsd.
Синонимы начинают работать сразу после добавления.

Интеграция поисковой системы с Google Analytics

Кроме всего прочего, Google Analytics позволяет организовать наблюдение за использованием поисковой системы посетителями блога. Для активации этой функции достаточно перейти по ссылке, ввести учетные данные своего аккаунта Google, перейти по ссылке Изменить в соответствующей строке таблицы Профили веб-сайта, на открывшейся странице Настройки профиля перейти по ссылке Изменить в строке Основная информация профиля веб-сайта, на открывшейся странице Изменение информации профиля установить переключатель Отслеживать поиск по сайту, ввести букву q в поле Параметр запроса (обязательный) и нажать кнопку Сохранить изменения:

Настройка Google Analytics для наблюдения за использованием поисковой системы

После выполнения перечисленных действий в панели управления Google Analytics появится подраздел Содержание » Поиск по сайту, позволяющий перейти к подробным отчетам об использовании поисковой системы посетителями блога.

Интеграция поисковой системы с Google AdSense

Google AdSense позволяет монетизировать поиск с помощью показа рекламных объявлений на странице Результаты поиска. Для того, чтобы начать зарабатывать, необходимо открыть панель управления, перейти в раздел Заработайте!, выбрать переключатель У меня уже есть аккаунт AdSense, задать в соответствующих полях адрес электронной почты, почтовый индекс и последние 5 цифр номера телефона, которые используются в качестве идентификационных данных аккаунта Google AdSense, и нажать кнопку Отправить:

Связывание поисковой системы с аккаунтом Google AdSense

Через некоторое время после выполнения перечисленных действий на странице Результаты поиска начнут отображаться контекстные объявления Google AdSense, за клики по которым Вам будут начисляться деньги. К сожалению, данный способ монетизации эффективен не во всех тематиках.

Заключение

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

Понравилась статья?

 Подпишитесь на RSS или почтовую рассылку

 Поделитесь ссылкой в социальной сети или блоге

 Поделитесь ссылкой в социальной сети или блоге

Интеграция пользовательского поиска Google в блог на WordPress: 14 комментариев

  1. Проделал все как вы указали за исключением одного пункта. Вопрос: как перенастроить плагины XML Sitemap Generator для исключения этой страницы из карт сайта?

    • Зайдите в админку блога, перейдите в раздел Settings » XML-Sitemap, укажите идентификатор страницы в поле Exclude posts и нажмите кнопку Update Options.

  2. Статья хорошая — возьму на вооружение! От себя добавлю — статистика Google Analitics собирается по тихоокеанскому времени (если я правильно запомнил) – т.е. статистика за прошлые сутки готова после 11 часов по Московскому времени.

  3. Установил у себя на сайте поиск от Google. Но пользоваться им невозможно. В форме поиска почему-то шрифт белый, хотя на сайте Google он чёрный. Почему так получилось не подскажите?

  4. Большое спасибо за статью. Долго искал, как сделать, чтобы реклама показывалась вверху и внизу, сейчас при настройке результатов поиска в аккаунте Google нет возможности выбора места размещения рекламы, только вверху и справа, а это коверкает весь сайт. Только у меня еще одна проблема — результаты поиска выдаются по 10 шт. одни и те же на одной странице, т.е. повторяются. Как от этого избавится?

  5. Подскажите в какой файл вставить второй код формы в WordPress?

    • Форма поиска вставляется в sidebar.php, для отображения результатов поиска создается отдельная страница через админку WordPress.

  6. Подскажите, старый код формы в файле searchform.php надо удалить, который начинается с <form. И вместо него надо вставить код поиска Google? Я у себя на блоге dmitriy-site.ru сделал окно поиска, но почему-то меня не устраивает, может Вы посоветуете как то улучшить!

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

Обсуждение закрыто.