ݺߣ

ݺߣShare a Scribd company logo
© Олег Хоменок
Инструменты и ресурсы
блогосферы.
Создание и продвижение
собственных сайтов
Тренинг «Использование возможностей новых
медиа для распространения информации»
© Олег Хоменок
Блогерство и журналистика
• Чем блогер отличается от
журналиста?
• Может ли журналист стать
блогером и наоборот?
© Олег Хоменок
Блогерство и журналистика
• Блогер пишет о том, что
интересно ему лично.
• Журналист пишет о том, что
интересно его аудитории.
© Олег Хоменок
Прежде чем создать блог
• Ответьте на вопросы:
• О чем Вы хотите рассказать?
• В чем важность темы или тем, которые вы хотите
затрагивать?
• Кому Вы хотите рассказать?
• Кто потенциальная аудитория Вашего ресурса?
• Зачем ей нужна информация?
• Как Вы хотите рассказать?
• Текст? Видео? Аудио?
© Олег Хоменок
Как создать собственный блог?
• Зарегистрироваться на уже
существующих сайтах СМИ, например:
• http://blogs.pravda.com.ua/
• http://blogs.korrespondent.net/
• http://blogs.telekritika.ua/
© Олег Хоменок
Как создать собственный блог?
• Создать профиль на сайтах
гражданской журналистики и
пользовательского контента, например:
• http://h.ua/
• http://www.profeo.ua/
• http://texty.org.ua/
© Олег Хоменок
Как создать собственный блог?
• При помощи бесплатных платформ,
например:
• http://www.blogger.com/
• http://wordpress.com/
• http://www.livejournal.com/
• http://www.blox.ua/html
• http://hiblogger.net/
• http://ru.wix.com/
© Олег Хоменок
Украинская блогосфера
• Каталог блогов:
http://www.ukrainianblogs.com/ua/
• Блог про блоги:
http://blogoreader.org.ua/
• Блог про блоги:
http://blogosphere.com.ua/
© Олег Хоменок
Основы юзабилити
© Олег Хоменок
Основы юзабилити
• Удобство пользования
• Интуитивный интерфейс
• Удобство потребления информации
• Удобство навигации на сайте
© Олег Хоменок
Зачем сайтам юзабилити?
• Сайт делается для пользователей,
соответственно пользователи
взаимодействуют с сайтом.
• А нам важно, чтобы пользователь был
удовлетворен, а лучше доволен.
• Удовлетворенные пользователи
вернутся позже, недовольные –
никогда!
© Олег Хоменок
Доменное имя
• Легкость запоминания и
недвусмысленность написания
латинскими буквами
• Второго уровня – .com, .info, .org, ...
• Третьего уровня - .org.ua, com.ua ...
• Регистрация доменного имени –
http://www.imena.ua/
© Олег Хоменок
Основы юзабилити
• Шрифты и разметка текста
• Использование рубленых шрифтов
предпочтительнее, чем шрифтов с
засечками.
• Псевдорукописные шрифты утомляют
глаз быстрее.
• Списки, выделение полужирным,
гиперлинки облегчают навигацию.
© Олег Хоменок
Навигация на сайте
• Правило 7±2
– Возможности мозга по обработке информации
не безграничны, кратковременная память может
одновременно содержать от 5 до 9 элементов. Этот
факт часто используется при обосновании
необходимости сократить количество элементов
в навигационных меню до 7
• Правило 2-х секунд
– Заключается в том, что пользователь не должен
ждать любой реакции системы, к примеру, запуска
или переключения приложения, более 2-х секунд.
• Правило 3-х кликов
– Пользователь не будет в восторге от использования
сайта, если он не может найти необходимую ему
информацию за три клика мышкой.
© Олег Хоменок
Первый экран
• Сколько заголовков видим?
• Куда в первую очередь хочется
кликнуть?
• Есть ли форма для поиска?
• Есть ли кнопка мобильной версии?
• Сколько пунктов меню видим?
• Сколько рекламы видим?
© Олег Хоменок
Первый экран и навигация на сайте
© Олег Хоменок
Хорошая главная страница
• Сразу показывает главное
• Понятная структура и навигация – блоки,
меню, другие элементы
• Не перенасыщена: она не должна содержать
“абсолютно все”
• Заметны внутренние ссылки на темы, архивы,
блоги, подпроекты
• Заметна возможность подписки, регистрации
• Возможность найти контакты
• Не заставляет слишком много скролить
• Линки на профили в соцсетях (или виджеты)
© Олег Хоменок
Главная страница – точка входа
© Олег Хоменок
Рубрикатор
• Разбивка на смысловые блоки
• Тематический: политика,
экономика, спорт.
• Географический: национальный,
регионы, города.
• Жанровый: видео, инфографика,
фоторепортаж, справка, аналитика.
• Служебный: о нас, сервисы,
погода, информеры, виджеты.
© Олег Хоменок
Принцип спецтем и сюжетов
• Принадлежность: Лучшие голы
сезона, Лесные пожары – 2010.
• Актуальность: новости последнего
часа.
• Происхождение: UGC, сюжеты
© Олег Хоменок
Хорошая страница новости
• Новость – главное, что на этой странице
• Видимый заголовок, лид
• Структурированный текст новости – абзацы, выделение
жирным, выделенные цитаты, гиперлинки,
иллюстрации к тексту, рубрика и метки (теги), дата и
время размещения
• Внутренние ссылки в тексте – на свои прошлые
публикации, на архивы по меткам (тегам)
• Возможность «лайкнуть», поделиться новостью в
социальных сетях
• Приглашение прокомментировать, простота
комментирования
• “Читайте также”
• Автор новости, ссылка на архив
© Олег Хоменок
Комментирование
• Форма комментирования недалеко от
новости
• Формой комментирования легко
воспользоваться
• Можно залогиниться через соцсети
• Древовидные комментарии
© Олег Хоменок
Адаптивный дизайн
© Олег Хоменок
Продвижение сайта
© Олег Хоменок
Откуда люди приходят на сайт?
• Прямой трафик
• Социальные сети
• Поисковики
• Линки, банеры,
кнопки
© Олег Хоменок
Анализ входящего трафика
• Использование инструментов
анализа, например Google Analytics.
http://www.google.com/analytics/
• Счетчики – инструмент не только
измерения трафика и продвижения.
http://flagcounter.com/
• SEO-плагин для браузера
http://www.seoquake.com/
© Олег Хоменок
Регистрация в ключевых
поисковиках
© Олег Хоменок
Инструменты для чтения
новостей
• Yandex-виджеты
http://wdgt.yandex.ua/widg
ets/
• Google-гаджеты
http://code.google.com/intl/
ru/apis/gadgets/
© Олег Хоменок
Профиль в Википедии
© Олег Хоменок
Трансляция новостей
• Twitter-трансляция.
• RSS-трансляция.
• Социальные закладки
© Олег Хоменок
Мультимедийный контент
• Через соответствующие онлайн-сервисы
© Олег Хоменок
Важными также являются
• Кросс-линкование всех профилей с
различных сетях и сервисах
• Частота обновления ресурса.
• Соотношение уникального и
агрегированного контента.
• Возможность комментирования ваших
материалов
• Вопросы пользователям Вашего
ресурса, дискуссии и опросы на сайте
© Олег Хоменок
Социальные медиа
© Олег Хоменок
Зачем нужно присутствие в
социальных сетях?
• Социальные сети как инструмент
коммуникации работают как:
– Площадка для мгновенного
распространения новостей и трафика на
сайт.
– Площадка для продвижения идей
– Площадка для анонсирования событий и
приглашения людей на мероприятия.
– Площадка для дискуссии.
– Площадка для мобилизации сообщества.
© Олег Хоменок
Социальные медиа
• Что мы будем там делать? Для чего?
• Facebook, VKontakte, Twitter, YouTube,
ݺߣShare, Issuu, LinkedIn, Google+, ...
• Брендинг - одинаковое профильное
изображение или логотип
• Одинаковое короткое имя
• Перелинковка – связывание всех
профилей вместе
© Олег Хоменок
Социальные медиа
• https://www.facebook.com/
• http://vk.com/
• http://www.odnoklassniki.ru/
• http://www.linkedin.com/home
• http://www.youtube.com/
• https://twitter.com/
© Олег Хоменок
Регистрация в социальных сетях
• Создание
собственных
профилей в
Facebook, Vkontakte,
LinkedIn,
Odnoklassniki и т.д.
• Интеграция
социальных
плагинов на сайт.
© Олег Хоменок
Формы присутствия в Facebook
• Частный профиль
– Лучше использовать для персонального
присутствия
• Страница
– Представляет организацию, имеет более
широкий функционал для аналитики
– Миграция частного профиля в страницу
https://www.facebook.com/help/175644189234902/
• Группа (открытая, закрытая, секретная)
– Создаются для обсуждения и обмена
информацией по конкретной теме
© Олег Хоменок
Трансляция или активная
работа?
• Ресурсы: люди, время, контент
• Трансляция настраивает на односторонне
вещание, отсутствие интерактивности
• В обоих случаях публиковать не все подряд с
сайта, а то, что наиболее важно или
интересно целевой аудитории.
• В случае активной работы – публикация
агрегированного контента с коментированием
© Олег Хоменок
Twitter
• Уникальное имя
• Аватар с элементами бренда
• Краткая информация о себе
• На пытайтесь зафолловить всех
• Трансляция публикаций с сайта
• Активное ведение во время
мероприятий и акций
© Олег Хоменок
Трансляции
• http://twitterfeed.com/ – из RSS в
Facebook, Twitter, LinkedIn
• http://apps.facebook.com/rssgraffiti/ – из
RSS в Facebook
• http://www.facebook.com/twitter/ –
встроенная опция, трансляции из
Facebook в Twitter
• https://twitter.com/settings/profile –
встроенная опция, трансляции из
Twitter в Facebook
© Олег Хоменок
Мы в социальных сетях:
• кнопки
• блоки
© Олег Хоменок
Социальные плагины
– https://developers.facebook.com/docs/plugins/
– http://dev.odnoklassniki.ru/wiki/pages/viewpage.a
ction?pageId=21987646
http://vk.com/developers.php?id=27987570&s=1
– https://twitter.com/about/resources/buttons#tweet
– https://developers.google.com/+/plugins/+1button
/?hl=ru
– http://api.mail.ru/sites/plugins/share/
© Олег Хоменок
Инструменты работы с контентом
для пользователей
• Сервисы социальных закладок
– http://bobrdobr.ru/
– https://delicious.com/
• Сервисы кнопок «поделиться»
– http://odnaknopka.ru/
– http://www.addthis.com/
• Сервис браузерных приложений
– http://metabar.ru/project/about/
© Олег Хоменок
Убедитесь, что все работает
нормально!
• Какая картинка прикрепляется при
размещении в социальной сети?
• Какой текст генерируется при нажатии
кнопки Tweet?
© Олег Хоменок
Реклама в Facebook
• Рекламирует:
– Непосредственно сайт
– Страницу организации или
профиль в целом
– Отдельную публикацию
– Отдельное приложение на
странице
• Что дает:
– Привлечение новой аудитории
– Возврат старой аудитории
– Привлечение внимания
специфической аудитории
© Олег Хоменок
Таргетинг
(нацеливание на аудиторию)
• Возраст
• Пол
• Страна, город
• Интересы
• Лайки на Вашей странице
• Лайки на любой другой странице
(конкурентов например)
© Олег Хоменок
Стоимость рекламной
кампании
• http://www.facebook.com/advertising/
• Бюджетирование ежедневное или все
кампании
• Стоимость одного клика-перехода от
$0,01
• Устанавливается в зависимости от
спроса-предложения и таргетирования
• Можно организовать эффективную
кампанию стартуя с $20
© Олег Хоменок
Спасибо за внимание!
Олег Хоменок,
oleg.khomenok@gmail.com
https://www.facebook.com/oleg.khomenok

More Related Content

Инструменты и ресурсы блогосферы: создание и продвижение собственных сайтов

  • 1. © Олег Хоменок Инструменты и ресурсы блогосферы. Создание и продвижение собственных сайтов Тренинг «Использование возможностей новых медиа для распространения информации»
  • 2. © Олег Хоменок Блогерство и журналистика • Чем блогер отличается от журналиста? • Может ли журналист стать блогером и наоборот?
  • 3. © Олег Хоменок Блогерство и журналистика • Блогер пишет о том, что интересно ему лично. • Журналист пишет о том, что интересно его аудитории.
  • 4. © Олег Хоменок Прежде чем создать блог • Ответьте на вопросы: • О чем Вы хотите рассказать? • В чем важность темы или тем, которые вы хотите затрагивать? • Кому Вы хотите рассказать? • Кто потенциальная аудитория Вашего ресурса? • Зачем ей нужна информация? • Как Вы хотите рассказать? • Текст? Видео? Аудио?
  • 5. © Олег Хоменок Как создать собственный блог? • Зарегистрироваться на уже существующих сайтах СМИ, например: • http://blogs.pravda.com.ua/ • http://blogs.korrespondent.net/ • http://blogs.telekritika.ua/
  • 6. © Олег Хоменок Как создать собственный блог? • Создать профиль на сайтах гражданской журналистики и пользовательского контента, например: • http://h.ua/ • http://www.profeo.ua/ • http://texty.org.ua/
  • 7. © Олег Хоменок Как создать собственный блог? • При помощи бесплатных платформ, например: • http://www.blogger.com/ • http://wordpress.com/ • http://www.livejournal.com/ • http://www.blox.ua/html • http://hiblogger.net/ • http://ru.wix.com/
  • 8. © Олег Хоменок Украинская блогосфера • Каталог блогов: http://www.ukrainianblogs.com/ua/ • Блог про блоги: http://blogoreader.org.ua/ • Блог про блоги: http://blogosphere.com.ua/
  • 10. © Олег Хоменок Основы юзабилити • Удобство пользования • Интуитивный интерфейс • Удобство потребления информации • Удобство навигации на сайте
  • 11. © Олег Хоменок Зачем сайтам юзабилити? • Сайт делается для пользователей, соответственно пользователи взаимодействуют с сайтом. • А нам важно, чтобы пользователь был удовлетворен, а лучше доволен. • Удовлетворенные пользователи вернутся позже, недовольные – никогда!
  • 12. © Олег Хоменок Доменное имя • Легкость запоминания и недвусмысленность написания латинскими буквами • Второго уровня – .com, .info, .org, ... • Третьего уровня - .org.ua, com.ua ... • Регистрация доменного имени – http://www.imena.ua/
  • 13. © Олег Хоменок Основы юзабилити • Шрифты и разметка текста • Использование рубленых шрифтов предпочтительнее, чем шрифтов с засечками. • Псевдорукописные шрифты утомляют глаз быстрее. • Списки, выделение полужирным, гиперлинки облегчают навигацию.
  • 14. © Олег Хоменок Навигация на сайте • Правило 7±2 – Возможности мозга по обработке информации не безграничны, кратковременная память может одновременно содержать от 5 до 9 элементов. Этот факт часто используется при обосновании необходимости сократить количество элементов в навигационных меню до 7 • Правило 2-х секунд – Заключается в том, что пользователь не должен ждать любой реакции системы, к примеру, запуска или переключения приложения, более 2-х секунд. • Правило 3-х кликов – Пользователь не будет в восторге от использования сайта, если он не может найти необходимую ему информацию за три клика мышкой.
  • 15. © Олег Хоменок Первый экран • Сколько заголовков видим? • Куда в первую очередь хочется кликнуть? • Есть ли форма для поиска? • Есть ли кнопка мобильной версии? • Сколько пунктов меню видим? • Сколько рекламы видим?
  • 16. © Олег Хоменок Первый экран и навигация на сайте
  • 17. © Олег Хоменок Хорошая главная страница • Сразу показывает главное • Понятная структура и навигация – блоки, меню, другие элементы • Не перенасыщена: она не должна содержать “абсолютно все” • Заметны внутренние ссылки на темы, архивы, блоги, подпроекты • Заметна возможность подписки, регистрации • Возможность найти контакты • Не заставляет слишком много скролить • Линки на профили в соцсетях (или виджеты)
  • 18. © Олег Хоменок Главная страница – точка входа
  • 19. © Олег Хоменок Рубрикатор • Разбивка на смысловые блоки • Тематический: политика, экономика, спорт. • Географический: национальный, регионы, города. • Жанровый: видео, инфографика, фоторепортаж, справка, аналитика. • Служебный: о нас, сервисы, погода, информеры, виджеты.
  • 20. © Олег Хоменок Принцип спецтем и сюжетов • Принадлежность: Лучшие голы сезона, Лесные пожары – 2010. • Актуальность: новости последнего часа. • Происхождение: UGC, сюжеты
  • 21. © Олег Хоменок Хорошая страница новости • Новость – главное, что на этой странице • Видимый заголовок, лид • Структурированный текст новости – абзацы, выделение жирным, выделенные цитаты, гиперлинки, иллюстрации к тексту, рубрика и метки (теги), дата и время размещения • Внутренние ссылки в тексте – на свои прошлые публикации, на архивы по меткам (тегам) • Возможность «лайкнуть», поделиться новостью в социальных сетях • Приглашение прокомментировать, простота комментирования • “Читайте также” • Автор новости, ссылка на архив
  • 22. © Олег Хоменок Комментирование • Форма комментирования недалеко от новости • Формой комментирования легко воспользоваться • Можно залогиниться через соцсети • Древовидные комментарии
  • 25. © Олег Хоменок Откуда люди приходят на сайт? • Прямой трафик • Социальные сети • Поисковики • Линки, банеры, кнопки
  • 26. © Олег Хоменок Анализ входящего трафика • Использование инструментов анализа, например Google Analytics. http://www.google.com/analytics/ • Счетчики – инструмент не только измерения трафика и продвижения. http://flagcounter.com/ • SEO-плагин для браузера http://www.seoquake.com/
  • 27. © Олег Хоменок Регистрация в ключевых поисковиках
  • 28. © Олег Хоменок Инструменты для чтения новостей • Yandex-виджеты http://wdgt.yandex.ua/widg ets/ • Google-гаджеты http://code.google.com/intl/ ru/apis/gadgets/
  • 30. © Олег Хоменок Трансляция новостей • Twitter-трансляция. • RSS-трансляция. • Социальные закладки
  • 31. © Олег Хоменок Мультимедийный контент • Через соответствующие онлайн-сервисы
  • 32. © Олег Хоменок Важными также являются • Кросс-линкование всех профилей с различных сетях и сервисах • Частота обновления ресурса. • Соотношение уникального и агрегированного контента. • Возможность комментирования ваших материалов • Вопросы пользователям Вашего ресурса, дискуссии и опросы на сайте
  • 34. © Олег Хоменок Зачем нужно присутствие в социальных сетях? • Социальные сети как инструмент коммуникации работают как: – Площадка для мгновенного распространения новостей и трафика на сайт. – Площадка для продвижения идей – Площадка для анонсирования событий и приглашения людей на мероприятия. – Площадка для дискуссии. – Площадка для мобилизации сообщества.
  • 35. © Олег Хоменок Социальные медиа • Что мы будем там делать? Для чего? • Facebook, VKontakte, Twitter, YouTube, ݺߣShare, Issuu, LinkedIn, Google+, ... • Брендинг - одинаковое профильное изображение или логотип • Одинаковое короткое имя • Перелинковка – связывание всех профилей вместе
  • 36. © Олег Хоменок Социальные медиа • https://www.facebook.com/ • http://vk.com/ • http://www.odnoklassniki.ru/ • http://www.linkedin.com/home • http://www.youtube.com/ • https://twitter.com/
  • 37. © Олег Хоменок Регистрация в социальных сетях • Создание собственных профилей в Facebook, Vkontakte, LinkedIn, Odnoklassniki и т.д. • Интеграция социальных плагинов на сайт.
  • 38. © Олег Хоменок Формы присутствия в Facebook • Частный профиль – Лучше использовать для персонального присутствия • Страница – Представляет организацию, имеет более широкий функционал для аналитики – Миграция частного профиля в страницу https://www.facebook.com/help/175644189234902/ • Группа (открытая, закрытая, секретная) – Создаются для обсуждения и обмена информацией по конкретной теме
  • 39. © Олег Хоменок Трансляция или активная работа? • Ресурсы: люди, время, контент • Трансляция настраивает на односторонне вещание, отсутствие интерактивности • В обоих случаях публиковать не все подряд с сайта, а то, что наиболее важно или интересно целевой аудитории. • В случае активной работы – публикация агрегированного контента с коментированием
  • 40. © Олег Хоменок Twitter • Уникальное имя • Аватар с элементами бренда • Краткая информация о себе • На пытайтесь зафолловить всех • Трансляция публикаций с сайта • Активное ведение во время мероприятий и акций
  • 41. © Олег Хоменок Трансляции • http://twitterfeed.com/ – из RSS в Facebook, Twitter, LinkedIn • http://apps.facebook.com/rssgraffiti/ – из RSS в Facebook • http://www.facebook.com/twitter/ – встроенная опция, трансляции из Facebook в Twitter • https://twitter.com/settings/profile – встроенная опция, трансляции из Twitter в Facebook
  • 42. © Олег Хоменок Мы в социальных сетях: • кнопки • блоки
  • 43. © Олег Хоменок Социальные плагины – https://developers.facebook.com/docs/plugins/ – http://dev.odnoklassniki.ru/wiki/pages/viewpage.a ction?pageId=21987646 http://vk.com/developers.php?id=27987570&s=1 – https://twitter.com/about/resources/buttons#tweet – https://developers.google.com/+/plugins/+1button /?hl=ru – http://api.mail.ru/sites/plugins/share/
  • 44. © Олег Хоменок Инструменты работы с контентом для пользователей • Сервисы социальных закладок – http://bobrdobr.ru/ – https://delicious.com/ • Сервисы кнопок «поделиться» – http://odnaknopka.ru/ – http://www.addthis.com/ • Сервис браузерных приложений – http://metabar.ru/project/about/
  • 45. © Олег Хоменок Убедитесь, что все работает нормально! • Какая картинка прикрепляется при размещении в социальной сети? • Какой текст генерируется при нажатии кнопки Tweet?
  • 46. © Олег Хоменок Реклама в Facebook • Рекламирует: – Непосредственно сайт – Страницу организации или профиль в целом – Отдельную публикацию – Отдельное приложение на странице • Что дает: – Привлечение новой аудитории – Возврат старой аудитории – Привлечение внимания специфической аудитории
  • 47. © Олег Хоменок Таргетинг (нацеливание на аудиторию) • Возраст • Пол • Страна, город • Интересы • Лайки на Вашей странице • Лайки на любой другой странице (конкурентов например)
  • 48. © Олег Хоменок Стоимость рекламной кампании • http://www.facebook.com/advertising/ • Бюджетирование ежедневное или все кампании • Стоимость одного клика-перехода от $0,01 • Устанавливается в зависимости от спроса-предложения и таргетирования • Можно организовать эффективную кампанию стартуя с $20
  • 49. © Олег Хоменок Спасибо за внимание! Олег Хоменок, oleg.khomenok@gmail.com https://www.facebook.com/oleg.khomenok