Яндекс.Табло – инструкция по созданию

Fima Korolev

Яндекс.Табло

Как создать Яндекс.Табло? Пошаговая инструкция

Всем привет! Сегодня планирую подробно рассказать про Яндекс.Табло, очередное детище Яндекса которое, пока, не представляет из себя чего-нибудь полезного для самостоятельного продвижения сайтов, а используется для визуального отображения виджета вашего сайта на панели быстрого доступа в Яндекс.Браузере. Самим браузером я начал пользоваться сравнительно недавно и отображение в нем закладок в стиле плиток восьмой винды, мне очень понравился, а особенно, возможность настройки этих плиток. В саму панель виджеты сайтов попадают по принципу частоты посещаемости или просто, добавления туда вручную.
Не долго думая я сел и сделал Яндекс.Табло для своего SEO блога. В процессе создания возникли некоторые косяки, происхождение которых я не могу объяснить, но методом “Научного тыка” их удалось победить. Именно про это и пойдет речь далее.
Не смотря на то, что браузер от Яндекса очень молод, он уже успел набрать популярность среди русскоязычных пользователей. Исходя из этого становится очевидным, что seo оптимизаторам и создателям сайтов пора обращать на него внимание и использовать встроенные “фишки”, такие, как Яндекс.Табло, например.

Преимущества Яндекс.Табло

Как я и говорил выше, особых полезных свойств, применимых для продвижения сайта в нем нет, но для “галочки” это должен иметь каждый уважающий семя вебмастер или seo оптимизатор. Основные моменты по изменению виджета в Яндекс.Табло:

  • Изменения бэкграуда вашего виджета.
  • Добавление на виджет сайта логотипа.
  • Добавление уведомлений о каких-либо событиях.

Пошаговая инструкция по созданию Яндекс.Табло

Все основные настройки прописываются в файле с расширением .json. В Яндексе его рекомендуют называть manifest.json, но у меня он не прошел валидацию, по каким причинам, не знаю. Я назвал его yandex-tableau-widget.json.

Рекомендую к прочтению:  SeoHammer - эффективное продвижение сайтов

1. В самом начале этого файла надо прописать следующие строки:

[stextbox id="grey" caption=".json файл - начало"]“version”: “1”,
“api_version”: 1,[/stextbox]
И именно так (в Яндексе рекомендовали версию 1.0 ставить или 0.1, короче не важно), по крайней мере, у меня только так пропустило валидацию.
2. Цвет фона задается в виде HTML, в моем случае – “color”: “#f7f0e6″, как бэкграунд на сайте .
3. Логотип создается при помощи фотошопа, размером 150px на 60px, я делал на прозрачном фоне и сохраняем его в формате .png, у меня yandex-tablo-logo.png
4. Прописываем путь к логотипу – “logo”: “/yandex-tablo-logo.png” все в том же файле с расширением .json

После этих нехитрых действий, кладем эти два файла, yandex-tablo-logo.png и yandex-tableau-widget.json в корень сайта. В head прописываем следующую строку:
[stextbox id="grey" caption="Строка в Head"]<link rel=”yandex-tableau-widget” href=”yandex-tableau-widget.json” />[/stextbox]

Проверить, как будет выглядеть виджет вашего сайта в Яндекс.Табло, можно следующим способом:
В Яндекс.Браузере вводим волшебное словосочетание chrome://tableau-widget, в открывшемся окне вводим полный путь к вашему файлу .json (в моем случае http://promotiger.ru/yandex-tableau-widget.json) и нажимаем “Проверить”, если все хорошо, то вы сможете лицезреть виджет вашего сайта:

Проверка виджета сайта

Потом вы его можете смело добавить в закладки и похвалиться перед друзьями своим уникальным виджетом в Яндекс.Табло

Яндекс.Табло - пример

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

  1. Возможность добавления уведомлений, количество не ограничено, но отображается не более 3 штук. За них отвечает поле feed. Выглядят они в виде иконок 14х14px, которые могут уведомлять пользователей о чем-либо. Меняются при каждом обновлении Яндекс.Табло.
  2. Логотип и цвет виджета могут иметь как статические значения, так и зависящие от языка интерфейса браузера.
Рекомендую к прочтению:  Правильное наполнение сайта

Подробнее об этих наворотах можно почитать вот здесь.

Небольшое дополнение от 25.12.2013 г. – Сегодня скачал и установил FireFox и очень приятно удивился, в нем уже встроено табло и подхватывает все виджеты.

Спасибо за внимание. Надеюсь, эта информация поможет вам в создании Яндекс.Табло.

VN:F [1.9.22_1171]
Рейтинг статьи:
Rating: 6.9/7 (7 votes cast)
Яндекс.Табло - инструкция по созданию, 6.9 out of 7 based on 7 ratings

30 комментариев »

  1. Сергей Минаев:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. ilnaz:

    Ещё пишет не удалось Распарсить файл.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Влад:

      Перед словом yandex вставьте косую вот так:

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  3. ilnaz:

    Сделал как сказано.Скажите пожалуйста какие ошибки могут быть у меня.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. ilnaz:

    Можно ли это же сделать в WordPress.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. Дарья:

    На мой взгляд вещь бесполезная, но имеет право на существование :))

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. Дмитрий:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Скорей всего у вас проблема с кэшем. Вам нужно его почистить. Или просто проверить в другом браузере.
      У меня такая проблема была именно с Яндекс браузером. Установил Мозилу с закладками от яндекса, асё нормально. Появляется модифицированный виджет.

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      • Дмитрий:

        Хах, если бы все было так просто. Пробовал на разных браузерах и разных компах, чистил кэш. Результат НОЛЬ. Даже всесильная служба потдержки Яндекс спасовала перед моим случаем: “Должно работать, будем разбираться”. И тишина уже месяц. Видимо далеко итти разбираться.

        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
  7. Alex:

    Спасибо за инструкцию. Раньше и не знал о такой возможности.
    Интересно, кто нибудь пробовал вывести в виджет ещё какие нибудь уведомления, как описывает яндекс в своей инструкции?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. Андрей:

    а я столкнулся с проблемой валидации, скачал ваш json фаил, и прошел валидацию) Спасибо за статью!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  9. Рэд:

    А как лицезреть табло?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. Интересно, сейчас себе забацаю такую штуковину.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  11. обучение фокусам:

    Спасибо, забацал себе!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. Спасибо за статью! А то официальная документация не сильно помогла.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  13. Вова брид:

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

    VA:F [1.9.22_1171]
    Rating: -1 (from 1 vote)
  14. KievLady:

    Крутая методика попробовал,все вышло. Хорошая инструкция, побольше б таких

    VA:F [1.9.22_1171]
    Rating: +2 (from 2 votes)
  15. Несмотря на все уговоры яндекса, я пока не начал пользоваться яндекс браузером. Но меня заинтересовало яндеск табло. Может, начать пользоваться браузером?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  16. SEO блог в стихах:

    В SEO блоге в стихах (_http://seoptimist.ru/?p=328) я рассказывал, как сделал Я.Табло для блога.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • У вас написано все так, как и на странице Яндекса. У меня не заработало таким образом и именно поэтому я написал альтернативный метод, проверенный лично.

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  17. Дмитрий:

    Я пытаюсь вводить chrome://tableau-widget, но мне выдает “Веб страница не доступна”. В чем может быть проблема?

    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
    • Скачайте Яндекс.Браузер и в нем введите..

      VN:F [1.9.22_1171]
      Rating: +2 (from 2 votes)
    • SEO блог в стихах:

      Для Хрома нужно установить Визуальные закладки от Яндекса

      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      • Дмитрий:

        Да нет, визуальные закладки как раз установил. Оказывается в google chrom такой служебной страницы нет, а в Яндекс Хроме есть. В принципе, я уже разобрался, все отлично работает.

        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
  18. Виктор:

    Спасибо буду пробовать. Ранее создавал простой виджет для своего сайта.Теперь вот попробую сделать Яндекс Табло

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  19. Владимир:

    куда нужно это прописать

    в смысле где находиться тот файл,в котором нужно это прописать?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Этот файл надо создать, можно в блокноте, потом расширение поменяете…

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
  20. Алексей:

    Прикольно! Есть чему поучится!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

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

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

Что-то типа КАПЧИ :) *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">