Всем привет! В конце прошлого года ко мне на почту пришло письмо от команды Яндекс.Браузера, в котором шла речь про API Табло и виджет сайта . Честно сказать, я не являюсь постоянным пользователем этого браузера, однако сообщение вызвало неподдельный интерес.

• пользователи Яндекс Браузера;
• пользователи других браузеров с установленным расширением Визуальные закладки .

На данный момент Яндекс браузеру всего лишь чуть больше года, однако его доля среди пользователей рунета составляет порядка 5% и охват постоянно растет.

Представьте себе, что среди этих пяти процентов находится Ваша , почему бы не выделить свой сайт на фоне остальных?

А если учесть, что расширение «Визуальные закладки» доступно для других популярных браузеров, таких как Google Chrome, Mozilla Firefox, Internet Explorer — то число пользователей API Табло будет намного больше. Нужно ли создавать виджет сайта в том случае, если лично Вы не пользуетесь Яндекс.Браузером? Однозначно да!

Как создать виджет сайта для API табло

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

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

Для того чтобы внести все эти модификации нам понадобится создать файл манифеста для виджета с именем manifest.json , который будет содержать блок метаданных на языке XML. Затем подключаем файл в заголовке страницы, внутри . Я разместил файл в корневом каталоге, но если хотите — можете использовать другой путь:

1	<link rel = "yandex-tableau-widget" href = "/manifest.json" / >

Содержимое файла:

1 2 3 4 5 6 7 8 9 10

{ "version" : "1.0" , "api_version" : 1 , "layout" : { "logo" : "https://сайт/wp-content/themes/lime/images/manifest.png" , "color" : "#e9ffd0" , "show_title" : false } }

{ "version": "1..png", "color": "#e9ffd0", "show_title": false } }

Внимание! Вам потребуется внести свои изменения в код перед применением! Что означают указанные параметры:

• version — версия виджета. Любое число, например 1 или 2; 1.0 или 2.0 и т.д.
• api_version — номер версии API Табло. На данный момент существует только 1.
• logo — укажите абсолютный путь к графическому файлу логотипа.
• color — цвет заливки фона.
• show_title — отображение заголовка страницы. Может принимать два значения: false — не показывать; true — показывать.

В своем примере я не стал приводить настройки значков уведомлений, потому как не компетентен в данном вопросе — здесь потребуется помощь программиста. Среди возможных вариантов применения — уведомления о новых письмах (как это реализовано у Яндекс почты), число лайков и прочее. Более подробную техническую документацию можно найти на странице Яндекс API , в том числе примеры настройки уведомлений.

К логотипу предъявляются особые требования:

• графический файл должен быть формата PNG с прозрачным фоном;
• максимальные размеры: ширина 150px, высота 60px.

Все виджеты Яндекс Табло обновляются автоматически с некоторым заданным интервалом, понадобится время чтобы увидеть изменения. Возможно придется несколько раз почистить браузера. Однако, если Вы не желаете ждать, то откройте в Яндекс браузере страницу chrome://tableau-widget и укажите в строке URL манифеста, после чего нажмите на кнопку Проверить:

Если код манифеста оформлен верно — появится надпись «Манифест виджета верен», в противном случае возникнет ошибка. Есть и другой способ увидеть изменения сразу — вручную добавить сайт на табло:

После продолжительных манипуляций в конце-концов я получил такой результат:

Он конечно не претендует на звание лучшей дизайнерской работы 😀 По крайней мере отражает суть и заданный стиль оформления блога. А тайтл я не стал выводить (show_title), т.к. нельзя настроить отступы и цвет шрифта — в моем случае название является частью изображения. А Вы уже сделали виджет своего сайта для табло браузера и визуальных закладок Яндекса?

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

Коротко о том, как поможет данный сервис в продвижении Вашего сайта:

• если Вам удастся показать этот виджет множеству глаз и убедить их установить его себе в браузер – это дополнительный поток клиентов или посетителей = повышение трафика на сайте, и конечно же конверсии.

• создать и настроить widget яндекс для сайта очень легко, так же с легкостью его можно прикрутить к сайту и при хорошем трафике сайта – можно увеличить кол-во постоянных читателей – а это является альтернативой RSS ленты.

• Вы можете сделать такие виджеты для каждого своего ресурса в неограниченном количестве.

Помните что каждый виджет, так как и – нужно тестировать на проценты конверсии. То есть желательно, для каждого ресурса сделать несколько вариантов отображения widget и посмотреть какой из них был больше раз установлен. Эта информация (количество установок) будет доступна Вам в Вашем личном кабинете. Виджеты нужно будет тестировать по порядку – сперва тестируете первый вариант – одну неделю, потом второй вариант – тоже одну неделю.

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

К примеру, у Вас есть интернет магазин и Вы продаете стиральные машинки, как вы думаете, пользователь который прикрепил Ваш виджет в своем браузере, где в первую очередь он начнет искать? Конечно на Вашем сайте – так как Вы уже ему намылили глаз своим виджетом (Вы уже присутствуете в его жизни).

Такая же история с теми кто ведет свой блог — как я выше писал — этот widget можно назвать некой альтернативой RSS ленты, конечно же пользователь может и не оставит Вам свои данные (e-mail и т.д.), но это лучше чем если бы он просто закрыл страничку.

• После чего Вы создали виджет яндекс и его установили себе в браузер более 150 человек, Вы можете оставить заявку на добавление в каталог виджетов . При хорошем и правильном сайте (блоге, интернет магазине и т.д.), Ваш виджет смогут увидеть еще больше целевой аудитории – а это еще один бесплатный способ повышения трафика на Вашем ресурсе.

Создать Яндекс Виджеты для Сайта.

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

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

По умолчанию и самый простой это RSS-виджет (ниже находятся примеры отображения всех виджетов).

1. Нажмите на «Я принимаю соглашение » для «Условия использования сервиса Кабинет разработчиков Виджетов »

2. «Заголовок виджета » — В этом поле, Вы должны дать краткое название описывающую суть и смысл данного widget-а. Название должно призывать/убедить пользователя что этот виджет ему необходим. Заголовок не должен превышать 25 символов с пробелом – посчитать символы можно .

3. В поле «Адрес сайта », напишите ссылку сайта, откуда будет импортироваться информация в виджете. Обычно это ссылка главной страницы сайта, или какой-нибудь его раздел.

4. «Описание » — в этом поле Вам нужно дать описание своего виджета – что он из себя представляет, чем он поможет пользователям, если они его установят в своем браузере и любую другую информацию, которую Вы посчитаете нужной для описания. Помните что описание также должно призывать к установке виджета и не должно превышать 100 символов с пробелом .

5. «Путь к RSS » — долго я не мог настраивать свой widget, так как не понимал что это за путь к RSS. Сначала я вписывал туда свою RSS ленту, потом понял что это не так, в это поле просто нужно прописать адрес сайта и «/feed/ », в итоге получится «http://ваш_сайт.ru/feed/ ». Если появятся проблемы с этой настройкой, напишите в комментариях, постараюсь помочь.

6. «Картинка » — тут Вы можете загрузить любую картинку, главное что, увидев ее, пользователь понял о чем идет речь. Как и заголовок/описание, картинка также должна отображать суть Вашего сайта. К примеру если у Вас есть кулинарный сайт, имеет смысл загрузить картинку с каким-нибудь салатиком, тортиком и т.д., думаю смысл Вы уловили.

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

7. «Внешний вид » - «обычный », «обычный с фото » и «журнальный ». Выбирайте по вкусу, ниже приведены примеры отображения виджета для моего сайта по каждому из видов:

Внутри готового уже виджета, пользователь имеет возможность прокрутки отображаемой информации, что есть очень удобно.

8. «Высота виджета » — я оставил «автоматическую », Вам тоже советую. По желанию можно попробовать «обычную » или «компактную ».

9. «Показывать только заголовки »: «Да », «Нет ».

Если выберете «Нет », в зависимости от «Внешнего вида », внутри виджета можно увидеть картинку (если она есть в статье) и некоторое количество текста статьи. Работает только при выборе отображения «Обычный » и «Журнальный ». Не бойтесь экспериментировать, всегда можно удалить и создать по новой.

Если Ваш Выбор «Да » — внутри widget-а будет показываться заголовок статьи и какая-нибудь картинка из той же статьи.

10. «Язык виджета » — по умолчанию – «русский » — настраиваете по желанию.

На этом создание и настройка виджета яндекс завершена, смело нажимаем на «загрузить виджет » и смотрим результат. Единственное, Вы должны подождать несколько секунд пока RSS поток индексируется.

На странице просмотра полученного результата Вы найдете:

• код виджета для вставки в блог - Вы можете скопировать этот код и вставить его, к примеру в сайдбар Вашего сайта или куда Вам угодно – думаю тут долго объяснять не надо, вопросы в комментариях.
• ссылка для установки на яндекс – эту ссылку Вы можете распространять в любом виде – картинкой, просто ссылку и т.д. Посмотрите мой пример – в правом сайдбаре.
• предложить виджет в региональную программу – Вы можете выбрать нужный Вам регион и нажать на «предложить », после прохождения модерации, Ваш виджет появится в региональной программе.
• ниже находится поле редактирования виджета - где Вы сможете изменить все выше описанные настройки по желанию. Если Вы хотите удалить его – найдите вверху страницы – «удалить виджет ».

Каталог виджетов яндекс

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

Маленький совет: Зайдите в «Каталог Виджетов Яндекс», проанализируйте самые популярные виджеты Вашей сферы деятельности и копируйте их – конечно не полностью – просто крадите их фишки – и вот, у Вас настроен еще один источник привлечения и повышения трафика.

Более подробную информацию Вы найдете у себя в кабинете по ссылке «Правила » и «Документация ».

Для того что бы увидеть как все это работает и как это выглядит со стороны пользователя, нажмите на зеленую кнопку «Добавить на Яндекс » и в новом окне которое откроется, на «Оставить ».

Как удалить виджеты с яндекса?

Очень просто – наводите курсор мышки над нужным виджетом, вверху появятся 3 иконки «Натроить », «Поелиться » и «Удалить » — для его удаления из яндекса, нажимаем на крестик.

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

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

Приветствую коллеги! Сейчас я постараюсь объяснить зачем и как устанавливать виджет Яндекс Поиск на сайт (Яндекс.Поиск).

На каждом сайте/блоге обязательно должен быть поиск по сайту. Это касается личных блогов, интернет-магазинов и корпоративных порталов.

И если поиск сделан коряво, то пользователь уходит с такого сайта не найдя нужной информации. Это чревато потерей клиентов, подписчиков и конечном итоге денег.

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

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

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

Реализация функции поиска может быть организована по несколькими способами:

• Встроенный поиск WordPress
• Инструмент от поисковых систем (Яндекс.Поиск)

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

Установка Виджет Яндекс Поиск на сайт

Встроенный поиск от платформы WordPress довольно убогий, у него нет таких расширенных функций как у Яндекс.Поиск:

• Возможность учета морфологии;
• Гибкость настроек — возможность настройки формы под дизайн сайта;
• Выдача поисковых подсказок для удобства поиска;
• Статистика поиска;
• Дополнение базы синонимами своих вариантов.

Установить модуль Яндекс.Поиск на свой сайт очень просто. Давайте рассмотрим эту процедуру по шагам.

Начало установки

Для установки модуля поиска от Яндекс необходимо перейти по ссылке https://site.yandex.ru/ и нажать большую одноименную кнопку.

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

Шаг 1 — Общие настройки

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

Шаг 1 — Общие настройки

Если на Ваш сайт не подтверждены права использования, дальше Вас не пропустят. Необходимо подтвердить права на сайт в Яндекс.Вебмастере. Сделать это очень просто, сейчас не будем останавливаться на этой процедуре.

Шаг 2 — Настраиваем форму поиска

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

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

Шаг 3 — Выводим результаты поиска

На этом шаге определяется как будут выглядеть результаты поиска. Здесь я советую ничего особо не изменять, а только подкорректировать вкладку Где показывать результаты:

Настройка результатов поиска

Остальные пункты можно оставить по умолчанию. Единственное проверьте пункт здесь советую поставить — по релевантности.

Шаг 4 — Проверка работы модуля Яндекс Поиск

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

Проверка работы поиска

Шаг 5 — Код для вставки на сайт

На этом шаге получаем код модуля поиска для вставки на свой сайт.

Шаг 6 — Вставляем код на свой сайт

После копирования кода (Ctrl-A) идем в админ панель нашего блога — Внешний вид — Виджеты. Выбираем виджет Текст и перетаскиваем в боковую колонку в нужное нам место. Как правило виджет Яндекс Поиск устанавливают в верхней правой части блога.

Большинство пользователей привыкли уже к главной странице Яндекса, но ее легко можно изменить. Например, сделать главную страницу такой:

Настройки действуют только для того браузера, с которого настраиваете!

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

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

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

Если темы не устраивают, можно перелистывать темы стрелочками вправо и влево.

После выбора темы, необходимо нажать кнопку «сохранить тему», которая находится снизу. Если передумали устанавливать тему, то можно закрыть окно или нажать кнопку «отмена».

Второй пункт меню настроек внешнего вида Яндекса — «настроить Яндекс». Здесь задаются те виджеты , которые Вы будете видеть на главной странице Яндекс-поиска.

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

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

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

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

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

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

В поле для ввода названия города начинаем вводить начальные буквы города и далее выбираем его из выпадающего списка. Самостоятельно город ввести не удастся, только выбирать из списка. Здесь же можно установить город по умолчанию, то есть город будет определяться автоматически. Поставив галочку в пункте «не уточнять мое местоположение», Вам не будут показываться всплывающие окна с вопросом, например, «вы в Москве?» и двумя вариантами ответа — «да» и «нет». После выбора города, нажимаем кнопку «вернуться».

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

Что такое виджеты?

Если брать пример из "Андроид"-устройств, то можно смело сказать, что виджет - это маленькая подпрограмма с графическим интерфейсом, которая используется для отображения наиболее важной и необходимой информации. Она также еще должна быть как можно больше, не теряя при этом своего информативного груза. Теперь назревает вполне обоснованный вопрос, как связан «Яндекс» и виджеты? Конечно, можно предположить, что данная компания выпускает специальные приложения для смартфонов, из-за которой на вашем рабочем столе телефона появляются различные дополнения от поискового сервиса, это так, но лишь отчасти.

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

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

Точная настройка виджетов «Яндекса»

Если у вас нет почты от «Яндекса», то можете не переживать, она никаким образом не потребуется для точной настройки первоначальной страницы и элементов. К слову, никакие дополнительные виджеты нельзя добавлять на главную страницу. Это можно было осуществить раньше, подробнее об этом мы расскажем в одноименном пункте данной статьи. А сейчас нашей главной целью остается изменить и настроить элементы.

Инструкция о том, как настроить виджеты «Яндекса» на главной странице:

1. Откройте стартовую страницу, вам тут же будет предложено что-нибудь найти, но стоит обратить внимание на верхний правый угол, где размещается окошко для входа в почту и кнопка «Настройка», нажмите на нее.
2. Откроется контекстное меню, в котором надо выбрать «Настроить Яндекс».
3. Ваша страничка обновится, все виджеты станут менее прозрачными, это говорит нам о том, что мы можем теперь их настраивать.

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

Что делать, если пропала настройка виджетов на «Яндексе»?

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

Почему нельзя добавить собственные виджеты?

В пункте выше мы говорили, что раньше была возможность добавлять собственные элементы на главную страничку, только мы не сказали, что некоторые из них нарушали алгоритмы работы «Яндекса», а некоторые и вовсе приводили к плачевным последствиям для самой программы. Все дело в том, что создавать данные элементы мог кто угодно, в том числе и злоумышленники, а их обнаружение было весьма трудоемким процессом. Чем могли быть опасны некоторые из них? Банально тем, что могли воровать данные, которые вы вводите с клавиатуры, номера банковских карт и многое другое. Поэтому рекомендуем вам устанавливать официальные расширения для браузеров, если вам чего-то не хватает на главной страничке «Яндекса».

В заключение

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