87
Створення та просування сучасних медіа, вимоги до нових медіа: usability, SEO, SMO, SMM Микола Костинян Школа нових медіа ІРРП, 5 липня 2012 року [email protected] facebook.com/bezlimitchyk

нові медіа

Embed Size (px)

Citation preview

Page 1: нові медіа

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

SMO, SMM

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

5 липня 2012 року[email protected]

facebook.com/bezlimitchyk

Page 2: нові медіа

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

Page 3: нові медіа

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

Page 4: нові медіа

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

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

Page 5: нові медіа

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

Page 6: нові медіа

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

Page 7: нові медіа

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

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

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

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

латиною

Page 8: нові медіа

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

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

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

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

Page 9: нові медіа

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

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

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

Page 10: нові медіа

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

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

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

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

Page 11: нові медіа

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

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

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

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

Page 12: нові медіа

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

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

Page 13: нові медіа

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

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

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

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

Page 14: нові медіа

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

Page 15: нові медіа
Page 16: нові медіа
Page 17: нові медіа

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

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

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

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

Page 18: нові медіа

Перший екран

http://browsersize.googlelabs.com/

Page 19: нові медіа

Перший екран

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

Page 20: нові медіа

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

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

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

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

Page 21: нові медіа

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

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

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

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

Page 22: нові медіа

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

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

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

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

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

Page 23: нові медіа

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

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

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

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

Page 24: нові медіа

Сторінка 404

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

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

Page 25: нові медіа

Приклад

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

Page 26: нові медіа

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

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

Page 27: нові медіа

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

7хв

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

Page 28: нові медіа

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

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

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

Page 29: нові медіа

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

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

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

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

• Із соцмереж

Page 30: нові медіа

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

Page 31: нові медіа

Google PageRankYandex ІЦ

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

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

Page 32: нові медіа

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

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

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

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

Page 33: нові медіа

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

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

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

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

Page 34: нові медіа

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

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

Page 35: нові медіа

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

Page 36: нові медіа

Social media optimization, SMO

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

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

Page 37: нові медіа

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

Page 38: нові медіа

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

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

Page 39: нові медіа

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

Page 40: нові медіа

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

Page 41: нові медіа

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

Page 42: нові медіа

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

Page 43: нові медіа

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

Page 44: нові медіа

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

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

Page 45: нові медіа

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

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

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

Page 46: нові медіа

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

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

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

Page 47: нові медіа

developers.facebook.com/docs/plugins/

http://bit.ly/VKdevelopers

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

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

Page 48: нові медіа

Social media marketing, SMM

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

соцмережах

Page 49: нові медіа

Навіщо?

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

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

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

Page 50: нові медіа

Facebook

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

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

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

Page 51: нові медіа

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

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

Page 52: нові медіа

Twitter

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

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

Page 53: нові медіа

Трансляції

• 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

Page 54: нові медіа

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

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

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

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

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

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

Page 55: нові медіа

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

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

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

правильно

Page 56: нові медіа

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

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

Page 57: нові медіа

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

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

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

Page 58: нові медіа

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

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

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

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

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

Page 59: нові медіа

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

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

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

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

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

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

Page 60: нові медіа

Реклама у Facebook

Page 61: нові медіа

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

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

Page 62: нові медіа

Таргетинг

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

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

сторінку

Page 63: нові медіа

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

Page 64: нові медіа

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

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

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

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

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

Page 65: нові медіа

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

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

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

Page 66: нові медіа

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

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

Page 67: нові медіа

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

веб-сайтів?

Page 68: нові медіа

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

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

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

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

Page 69: нові медіа

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

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

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

Page 70: нові медіа

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

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

Page 71: нові медіа

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

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

Page 72: нові медіа

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

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

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

Page 73: нові медіа

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

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

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

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

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

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

Page 74: нові медіа

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

Page 75: нові медіа

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

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

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

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

Page 76: нові медіа

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

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

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

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

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

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

Page 77: нові медіа

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

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

аудиторії?

Page 78: нові медіа

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

Page 79: нові медіа

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

ознакою

Page 80: нові медіа

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

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

Page 81: нові медіа

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

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

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

собою

Page 82: нові медіа

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

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

Page 83: нові медіа

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

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

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

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

Page 84: нові медіа

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

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

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

Page 85: нові медіа

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

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

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

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

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

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

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

Page 86: нові медіа

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

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

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

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

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

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

Page 87: нові медіа

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

Микола Костинян [email protected]

facebook.com/bezlimitchyk