нові медіа

Створення та просування сучасних медіа, вимоги до нових медіа: usability, SEO,

SMO, SMM

Микола Костинян Школа нових медіа ІРРП,

5 липня 2012 рокуkostynyan@gmail.com

facebook.com/bezlimitchyk

Що потрібно, щоб створити сучасне медіа?

ІДЕЯ•Що це має бути?•Зрозуміла вам самим:)

КОНЦЕПЦІЯ•Конкретизована ідея•В чому "фішка"?•Що саме? Для кого?•Зрозуміла вам самим + здатні

пояснити іншим

ПЛАН•Технічний•Господарський•Маркетинговий•Контентний•План конвергенції та інтеграції• ..............

САЙТ•Домен•Хостинг•CMS•Дизайн (шаблон)•Представництва в соцмережах

ДОМЕННЕ ІМ’Я•Другого рівня - .com, .info, .ua, .org,

...•не третього рівня - .org.ua, com.ua,

zp.ua ...•Реєстратори - www.imena.ua ,

www.godaddy.com •Легко запам’ятати і написати

латиною

ХОСТИНГ•Забезпечує український та

зарубіжний трафік•Має гарні відгуки, хорошу службу

підтримки•Як правило, краще обрати велику

відому компанію (наприклад, www.itl.ua)

CMS•"Готові" - WordPress, Joomla,

DLE (платна), Drupal, ...

•"Самописні" - може бути більш адаптована під ваші потреби, але це КАБАЛА

ШАБЛОН•Продумана логіка розташування

блоків•Продумана навігація,

каталогізація•Продуманий вигляд сторінок:

головна, архів, окрема новина•"Легкість"•Приємний вигляд

СОЦМЕРЕЖІ•Що ми будемо там робити? Для

чого?•Facebook, VKontakte, Twitter,

YouTube, SlideShare, Issuu, LinkedIn, Google+, ...

•однакове профільне зображення•однакове коротке ім’я•перелінкування

КОНТЕНТ•Який контент? Скільки?

– швидкий чи повільний,– власний– агрегований– користувацький,– текст-аудіо-відео

КОНВЕРГЕНЦІЯ•Який контент як доставляємо? -

сайт-телебачення-радіо-прінт-соцмережі

•Що, коли, куди, скільки, у яких пропорціях, у яких форматах?

•Як усі площадки будуть взаємодіяти? Як аудиторія буде "перетікати" з одних на інші?

ЮЗАБІЛІТІ• Можливість до використання• Корисність• Здтатність бути використаним• Рівень зручності користування• Інтуїтивність у користуванні

Відвідувач:• Що я бачу в першому екрані?• Чи “чіпляється” погляд за заголовки,

підзаголовки, іконки, ілюстрації тощо?• Чи зручно мені читати цей шрифт, чи бачу я

виділення жирним, гіперлінки?• Чи зрозуміла мені навігація на сайті? Чи не

забагато пунктів меню (7+-2)?• Де форма пошуку?• Чи швидко все вантажиться (до 2 сек)?• Чи можу я знайти потрібне за 3 кліки?

Перший екран

http://browsersize.googlelabs.com/

Перший екран

• Скільки заголовків бачимо?• Куди в першу чергу хочеться клікнути?• Чи є форма пошуку?• Скільки пунктів меню бачимо?• Скільки реклами бачимо?

Хороша головна сторінка• Одразу показує головне• Показує заголовки останніх новин• Зрозуміла структура і навігація – блоки, меню, інші

елементи• Не перенасичена: вона не має містити “абсолютно

все”• Помітні зручні внутрішні посилання на теми, архіви,

блоги, підпроекти• Помітна можливість підписки• Можливо знайти контакти• Не заставляє надто багато скролити• Лінки на профілі в соцмережах (або віджети)

Хороша сторінка архіву

• Заголовки, (можливо, іконки), час, лід, (можливо, кількість коментарів)

• Можливість підписки• Фільтр за датою• Гарна “зрозуміла” людська адреса –

site.com/kryminal• Форма пошуку

Хороша сторінка новини• Новина – головне, що на цій сторінці• Видимий заголовок, лід• Структурований текст новини – абзаци, виділення

жирним, виділені цитати, гіперлінки, ілюстрації до тексту, рубрика і мітки (теги)

• Внутрішні посилання в тексті – на свої минулі публікації, на архіви за мітками (тегами)

• Можливість “лайкнути”, поділитися новиною в соцмережах

• Запрошення відкоментувати, простота коментування• “Читайте також”• Автор новини, посилання на архів

Коментування

• Форма коментування не надто далеко від новини

• Формою коментування легко скористатися

• Можна залогінитися через соцмережі• Деревовидні коментарі

Сторінка 404

• Повідомлення, що такої сторінки на сайті немає

• Форма пошуку• Посилання на головну сторінку• Часто – щось креативне

Приклад

• http://molbuk.ua/ • http://www.bbc.co.uk/ukrainian/

Як ваш сайт виглядає з мобільного телефона,

смартфона, планшета?

http://bukpravda.cv.ua/що би ви змінили на цьому сайті?

7хв

• Перший екран• Головна сторінка• Сторінка архіву (результат пошуку)• Сторінка окремої новини

SEO (search engine optimization) = пошукова оптимізація сайту

Комплекс заходів для підняття позиції сайту в пошуковій видачі за

визначеними пошуковими запитами

Звідки приходять люди на сайт?

• Пошуковий трафік (з результатів видачі пошуковиків)

• Реферальний (з інших сайтів, які на вас посилаються)

• Прямий (людина сама вводить адресу чи переходить із закладок)

• Із соцмереж

Більшість усього трафіку новинного сайту - пошуковий

Google PageRankYandex ІЦ

“визначають” наскільки ваш сайт релевантний коли

людина шукає інформацію

Внутрішні фактори

• Частота ключових слів (фраз) – 5-7% від вмісту сторінки, в тексті як мінімум 3-4 рази

• Сторінка: заголовок, опис, ключові слова• Заголовки, виділення жирним, внутрішні

лінки, теги• Структура і навігація• Кількість зовнішніх посилань• Зрозумілі адреси посилань (/novyny/novyna)• оптимізация файлу robots.txt

Зовнішні фактори

• Наявність сайту в каталогах Яндекс.каталог, Рамблер Top 100, DMOZ

• Посилання з інших сайтів: перший абзац, схожа тематика, не закриті для індексування

• Посилання з Вікіпедії• Посилання із соцмереж

http://www.seoquake.com/ SEO-плагін для браузера

дивимося свої сайти

http://bit.ly/yandexWebhttp://bit.ly/GooglePorady

Social media optimization, SMO

Комплекс заходів, направлений на приваблення на сайт

відвідувачів із соціальних медіа (соцмереж, блогів)

Які бувають кнопки і віджети від соцмереж для сайту?

Як варто і як не варто розміщувати ці кнопки та

віджети на сайті?

Хороший приклад

Хороший приклад на головній

Поганий приклад

Ми в соціалках: кнопки

Ми в соціалках: блоки

Оптимальний набір кнопок

• Фейсбук-Лайк• Нравится ВКонтакте • Твітнути• + залежно від аудиторії

Перевіряйте як вони працюють!

• Чи при лайканні до лінка прикріплюється потрібне зображення

• Чи немає нічого зайвого при натисканні кнопки Tweet

Головне – контент

такий, яким хочеться поділитися

такий, яким легко поділитися

developers.facebook.com/docs/plugins/

http://bit.ly/VKdevelopers

https://twitter.com/about/resources/widgets

https://twitter.com/about/resources/buttons

Social media marketing, SMM

Просування в соцмережах;Реклама в соцмережах;Ефективна присутність в

соцмережах

Навіщо?

• Трафік на сайт• Розширення аудиторії• Йдемо за аудиторією – там, де їй

зручно• Більша залученість аудиторії• Вірусне поширення • Зручний доступ з мобільних додатків

(зручно читати наші новини)

Facebook

Сторінка – не приватний обліковий запис, не група

http://www.facebook.com/pages/create.phpЯкщо у вашого видання приватний екаунт

– потрібно мігрувати його в сторінку: http://www.facebook.com/pages/create.php?migrate

Facebook• Заповнити інформацію, контактні дані• Коротке ім’я• Список адміністраторів, їх права• Базові налаштування• Зображення-обкладинка 850х316 та аватарка

180х180• Персоніфікація: хто веде сторінку?• Запросити людей• Або трансляція, або активне ведення

Twitter

• Унікальне коротке ім’я (таке саме)• Така сама аватарка• Коротка інформація про видання• Не займатися масфоловерством• Може бути просто трансляція, може

бути активне ведення

Трансляції

• http://twitterfeed.com/ - з РСС до Facebook, Twitter, LinkedIn

• http://apps.facebook.com/rssgraffiti/ - з РСС до Facebook

• http://www.facebook.com/twitter/ - вбудована опція, з Facebook до Twitter

• https://twitter.com/settings/profile - вбудована опція, з Twitter до Facebook

Трансляція чи активне ведення?

• Якщо є кому вести – активне ведення• Трансляція налаштовує на

односторонню передачу даних• При трансляції не буде інтерактиву

(взаємодії)• І трансляція, і активне ведення –

публікується не все підряд, вибірково• Як варіант: Facebook, ВКонтакте –

активне ведення, Twitter - трансляція

Приватні екаунти працівників у соцмережах

• Можна використовувати як ресурс• Можна заохотити працівників до

поширення матеріалів у соцмережах• Із ними це потрібно обговорити• Їх потрібно навчити це робити

правильно

Оберіть із запропонованих новин 5 які ви розміщуєте у

Facebookпоясніть чому

В середньому лише 16% прихильників сторінки бачать

публікації на сторінці

Як підвищити “видимість” сторінки у Facebook?

EdgeRank – система фільтрування контенту у

Facebook• “Розвантажує” стрічку новин для

користувача• Вираховує за власним алгоритмом

контент від яких друзів і з яких сторінок для користувача важливіший

• Приховує контент, який вважає менш важливим для користувача

Як бути більш “видимими” для прихильників у Facebook?

• Вирахувати найкращий час для публікацій• Не публікувати надто часто (частіше разу на

годину), ще краще – раз на три години; публікувати рівномірно

• Закликати до взаємодії: лайки, коментарі, шейри, опитування, події;

• Публікувати цікавий контент• Публікувати окремий контент лише для

Facebook• Організовувати акції, конкурси• Купувати рекламу у Facebook

Реклама у Facebook

У Facebook можна рекламувати

• Безпосередньо сайт• Facebook-сторінку в цілому• Окрему публікацію на сторінці• Окремий додаток на сторінці

Таргетинг

• За країною, містом• За віком• За статтю• За інтересами• За тим, лайкнули вони вашу сторінку чи

ні• За тим, чи лайкнули вони якусь іншу

сторінку

Як виглядає реклама у Facebook

Ціни на рекламу у Facebook

• Встановлюються на аукціонній основі залежно від попиту-пропозиції і таргетування

• За клік – може бути від $0,01• Бюджет – або денний або всієї

рекламної кампанії• Можна організувати рекламну кампанію,

наприклад, за $20

Що дає реклама у Facebook?

• Залучення нової аудиторії• Повернення старої аудиторії• Привернути увагу до якоїсь публікації• Конвертація кліків у лайки – залежно від

вашої сторінки та від рекламного повідомлення

Інтуїтивно просто створити рекламну кампанію у

Facebook:http://www.facebook.com/advertising/

Які форми прояву інтерактивності користувачів

веб-сайтів?

Можливість самостійно організувати контент в зручному для себе вигляді

• Підписка на RSS-стрічки, на e-mail розсилку

• Підписка на сторінки видання в соцмережах

• Можливість споживати контент з мобільного, смартфона, планшета (додатки, версії)

Користування інтерактивними ресурсами

• Пошук інформації на сайті• Інтерактивні таблиці з можливою

фільтрування• Інтерактивні мапи з даними• Інтерактивна інфографіка• Тести, ігри, інші розваги

Вираження своєї точки зору, обмін думками, участь в дискусіях

• Коментарі • Листи в редакцію та авторам• Форуми• Чат-конференції, відео-конференції• Участь в групах на майданчику видання• Опитування • Оцінка контенту

Створення власного контенту

• Текстів, аудіо, відео, фото• Громадянська журналістика• Дошка оголошень• Блоги, авторські колонки

Які загрози (ризики) пов’язані з

вираженням своєї точки зору та

створенням користувацького контенту?

Загрози (ризики) пов’язані з вираженням своєї точки зору та створенням

користувацького контенту• Одностороння позиція автора – умисна чи через

відсутність доступу до іншої точки зору• Брехня, обливання брудом• Спам, флуд, офтоп, реклама• Образливі висловлювання на адресу людей та

організацій, тролінг, розпалювання конфлікту• Розголошення персональних даних, втручання в

приватне життя (наприклад, ідентифікація жертв злочину)

• Плагіат, розміщення матеріалів від чужого імені

Як усунути ці ризики?7хв

Як усунути ці ризики • Встановити правила, обов’зкові при реєстрації• Фільтри небажаних слів, блокування лінків в

коментарях• Премодерація (можливо, вибіркова)• Відмова від анонімних коментарів• Саморегулювання коментарів, рейтинг; можливість

поскаржитись на коментар• Закривати коментарі для деяких матеріалів• Залучити до модерування коментарів авторів блогів,

активних коментаторів• Можливість БАНа

Як можна підвищити інтерактивність своєї аудиторії? Що це нам дасть?

За формами прояву, 7хв:

• Можливість самостійно організувати контент в зручному для себе вигляді

• Користування інтерактивними ресурсами

• Вираження своєї точки зору, обмін думками

• Створення власного контенту

Давайте поговоримо

Що таке спільнота?Чим відрізняється від

аудиторії?

Як створити і залучити спільноту?

Спільнота – сукупність людей зі спільними інтересаними чи метою, об’єднаних за якоюсь

ознакою

Аудиторія – всі читачі вашого сайту, сторінок у соцмережах

• Читають• Можуть коментувати• Можуть поширювати ваші новини

Спільнота – частина постійної аудиторії, об’єднана довкола вашого

видання• Читають• Коментують • Поширюють ваші матеріали• СПІЛКУЮТЬСЯ МІЖ СОБОЮ на спровоковані

вами теми• Готові допомогти вам• Лояльні до вас• Ідентифікують себе як ваші читачі (глядачі)• Взаємодія: ви з учасниками, учасники між

собою

Атрибути спільноти• Правила• Традиції• Плани

Спільноти за географією• Локальні• Глобальні• Віддалені

Що потрібно людині в спільноті?

• Бути почутою• Знати, що її думка комусь цікава і

важлива, що вона на щось впливає• Долучитися, не бути одинокою в своїх

інтересах• Досягнути успіху• Отримати владу, повноваження• Самоствердитись

Перетворити аудиторію в спільноту

• Базис – те, що “вбудовано” в систему життєдіяльності нашої “екосистеми”. Те, що є невід’ємною частиною роботи, працює на постійній основі: конструктивні особливості на сайті, порядок роботи з коментарями, формат присутності в соцмережах тощо

• Надбудова – те, що робиться НЕ на постійній основі, разово чи періодично: акція, конкурс, щось, приурочене до якоїсь події чи пам’ятної дати тощо.

Що можна зробити, щоб перетворити аудиторію в спільноту

• Персоніфікувати авторів, дати можливість спілкуватися з ними

• Запитувати в людей – їхню думку про щось, що вони хочуть бачити-чути-читати тощо

• Відзначати активних членів спільноти – наприклад, називати активних коментаторів, найзмістовніші коментарі тощо

• Дати можливість спільноті самоорганізуватися: оцінювати коментарі, скаржитися на коментарі чи контент, модерувати коментарі тощо

• Долучити до своєї роботи: просити інформацію (краудсорсінг), коментарі, теми

• Створити раду читачів (громадську раду)

Що можна зробити, щоб перетворити аудиторію в спільноту

• Проводити опитування, дати можливість обговорити результати

• Дати можливість вести блоги• Бути відкритими: відповідати на листи, на коментарі,

на запитання, день відкритих дверей тощо• Проводити офлайнові зустрічі: обговорення, клуби,

кіноперегляди тощо• Запровадити гейміфікацію: “печивка” за активність • Сувенірна продукція: футболки, ручки, блокноти тощо• Долучатися до громадських акцій: велопробіги,

“суботники” тощо• Організувати телемарафон, онлайн-марафон тощо

Дякую за увагу!

Микола Костинян kostynyan@gmail.com

facebook.com/bezlimitchyk