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

143

Як створити Яндекс.Табло? Покрокова інструкція

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

Переваги Яндекс.Табло

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

  • Зміни бэкграуда вашого віджета.
  • Додати віджет сайту логотипу.
  • Додавання повідомлень про будь-які події.

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

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

Рекомендую до прочитання: Посилальне ранжування повертається

[stextbox id=”grey” caption=”Вміст файлу .json”]{
“version”: “1”,
“api_version”: 1,
“layout”: { “logo”: “/yandex-tablo-logo.png”,
“color”: “#f7f0e6”,
“show_title”: false } – не обов’язкове поле
}[/stextbox]

1
2
3
4
5
6
7
[stextbox id=”grey” caption=”Вміст файлу .json”]{
“version”: “1”,
“api_version”: 1,
“layout”: { “logo”: “/yandex-tablo-logo.png”,
“color”: “#f7f0e6”,
“show_title”: false } – не обов’язкове поле
}[/stextbox]

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”][/stextbox]

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

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

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

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

Крім цього є ще кілька функцій, які я не додавав, оскільки не бачу поки що особливого сенсу в них, але коротко опишу їх:

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

    Детальніше про ці переваги можна почитати ось тут.

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

    Дякую за увагу. Сподіваюся, ця інформація допоможе вам у створенні Яндекс.Табло.