Как создать персональный
блог

Исследование персональных блогов — функции, разновидности, популярные оформления и готовые прототипы
Блоги бывают персональными и корпоративными. В этой статье мы рассмотрим персональные. Под персональным блогом мы понимаем блог, который ведется одним человеком.
Для начала определимся с терминологией. Википедия подсказывает, что блог — это веб-сайт, основное содержимое которого — регулярно добавляемые записи, содержащие текст, изображения или мультимедиа. Для блогов характерны недлинные записи временной значимости, упорядоченные в обратном хронологическом порядке. Блоги обычно публичны и предполагают сторонних читателей, которые могут вступить в публичную полемику с автором.
Зачем люди заводят персональный блог? Блог всегда заводят ради его функций.
Функции персонального блога
Один блог может выполнять несколько функций одновременно. Рассмотрим самые популярные из них.
Продвижение
С помощью блога автор продвигает себя или свои товары. Работает с обратной связью — отвечает на вопросы в комментариях, дает советы по использованию, отслеживает качество.

Самопрезентация
Человек хочет рассказать миру о себе. В блоге у него есть возможность делиться своими мыслями и творчеством. Актуально для творческих профессий — дизайнеров, художников, писателей, музыкантов.

Налаживание социальных связей
Для многих людей ведение блога — это хорошая возможность создавать и поддерживать социальные связи. Блог помогает общаться с людьми, с которыми сложно познакомиться в обычной жизни, потому что они далеко живут или у них другой социальный статус.

Коммуникация
Блог заводят, чтобы общаться и получать обратную связь. Автор пишет о том, что его интересует или беспокоит и надеется найти отклик в комментариях.

Саморазвитие
Многие начинают вести блог, чтобы развивать определенные навыки — формулирование мыслей, написание текстов, открытость и публичность. Блог по определенной тематике стимулирует автора глубже изучать вопрос, чтобы публиковать интересный контент.



Мемуары
Людям нравится оставлять заметки о своей жизни, поэтому блог часто заводят, чтобы писать о произошедших событиях, путешествиях, публиковать фотографии. Главная задача такого блога — сохранить. Кроме личных впечатлений можно сохранять ссылки, статьи, изображения.

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

Развлечение
Блог заводят, чтобы тратить на него свободное время, которого иногда бывает слишком много.
Разновидности персонального блога
У персональных блогов очень много разновидностей, но мы рассмотрим только самые основные. Стоит помнить, что один блог может соединять в себе несколько разновидностей.
1
Тематический блог
Посвящен одной четко определенной тематике. Часто эта тематика совпадает с хобби автора. Сюда относятся кулинарные, музыкальные, интерьерные блоги. Функции: самопрезентация, коммуникация, саморазвитие, развлечение.
2
Экспертный блог
Автор — эксперт в своей профессиональной области. В блоге делится знаниями и опытом, пишет посты не только на профессиональные темы. Функции: продвижение, самопрезентация, налаживание социальных связей.
3
Фотоблог
В таком блоге посты сопровождаются большим количеством фотографий. Часто фотоблоги посвящены путешествиям — в них пишут о поездках, делятся впечатлениями. Функции: самопрезентация, коммуникация, мемуары.
4
Кулхантинг (Сoolhunting)
Блог посвящен поиску и коллекционированию интересных материалов, мест и трендов. Сюда же относятся блоги-коллекции. Функции: саморазвитие, коммуникация, мемуары.
5
Личный блог
Такие блоги еще называют lifestile blog. Автор рассказывает о своей жизни, делится мыслями и интересами, публикует личные фотографии. Много общается на бытовые темы. Функции: самопрезентация, коммуникация, мемуары, психотерапия, развлечение.
6
Дайджест
Это тематическая подборка с кратким изложением статей и ссылками на материалы. Часто имеет регулярную периодичность. Функции: продвижение, саморазвитие, мемуары.
7
Политический блог
Автор блога пишет о своих политических взглядах, делится мыслями, критикой и сам нередко является политиком. Блог используют как инструмент продвижения и личное СМИ. Функции: продвижение, налаживание социальных связей, коммуникация.
Далее мы переходим к обзору основных сущностей и элементов блога. Разберемся, где и в каком виде их использовать.
Основные сущности и элементы
персонального блога
Блог состоит из главной страницы и страницы поста.
Главная страница блога
Самое важное на главной странице — это список постов. Он может быть реализован двумя способами: лентой и плиткой.

Лента
Это самый простой способ размещения контента на странице. Лента состоит из одной колонки, в которой посты следуют друг за другом. Посты состоят из заголовка, короткого описания (лида), изображения, текста, даты. Часто в пост добавляют социальные кнопки, теги или рубрики.

Подкат — это часть поста, скрытая от читателей и видимая только на странице самого поста.

Если ваши посты будут состоять из пары фотографий и небольшого текста, используйте самый простой вид ленты — посты без подката. Если вы планируете писать длинные посты или лонгриды — используйте подкат. Он облегчает просмотр ленты и структурирует ее за счет постоянно повторяющихся элементов: заголовка, лида, даты, изображения, кнопки «Читать далее». Часто функцию кнопки «Читать далее» выполняет заголовок.
Лента из постов с подкатом —
это самый удобный формат для блога.
Ниже мы рассмотрим элементы оформления, используемые в блогах.

Теги — это ключевые слова поста. Используются для навигации, помогают фильтровать ленту. Теги — устарелый способ навигации, вместо него лучше использовать рубрики.
Рубрики — это тематические разделы блога. Помогают в навигации и структурировании контента. Определите для себя не больше пяти рубрик и привязывайте к ним каждый пост.
Меню блога можно сформировать из рубрик и разместить строкой в верхней части страницы. Если меню слишком длинное, уберите его в «гамбургер».

Если в вашем блоге много контента, но вы не хотите использовать рубрики или теги, добавьте возможность поиска.

В конце главной страницы блога располагается пагинация — это порядковая навигация страниц.
Еще один способ пагинации — автоматическая загрузка постов. Как только читатель добирается до нижнего края страницы, автоматически подгружается следующая. Минус этого решения в том, что читатель никогда не дойдет до футера. Поэтому лучше автоматически подгружать только первые три страницы, а дальше ставить кнопку «Показать еще».
Правая колонка используется в блогах для навигации и рекламы, но из-за интерфейсной слепоты люди ее не замечают. Правая колонка оправдана, если автору необходимо размещать в ней баннеры или виджеты социальных сетей, которые дают быструю возможность присоединиться.

Иногда в правой колонке размещают календарь, для навигации по хронологии, но это устарелая форма организации контента.
Стрелка вверх — это полезный навигационный элемент, помогает читателю быстро перемещаться из конца длинного поста или ленты в шапку блога.

Теперь рассмотрим второй способ организации контента на главной странице.
Плитка
Если вы считаете, что размещать посты в одну колонку скучно, используйте плитку в две или три колонки. Пост в плитке называется бэйджем и состоит из изображения и описания (заголовка, лида, даты и рубрики).
Серьезная ошибка размещать в бэйдже большое количество текста. При длинном лиде и заголовке глаз не успевает прочитать всю информацию. Отсюда правило — если пишите длинный заголовок, не пишите лид или ограничьте его 3-4 словами. Если заголовок короткий, но из него не понятен смысл поста — добавьте короткий лид.
Слишком много текста в лиде и заголовке
Оптимальный объем текста
Чтобы повысить читаемость, изображение под текстом затемняют или осветляют. Такой же эффект используют при наведении.

Если текст бэйджа слишком большой, на изображении размещают только заголовок, а лид показывают при наведении.

Посты в плитке могут располагаться разными способами. При линейном расположении все посты одинакового размера, страница становится монотонной, но информацию легко читать. При стиле Pinterest все посты разного размера — это придает артистичности, но усложняет чтение. При модульном расположении все посты разного размера, но кратны друг другу. Хороший способ выделить важное.
Расположение постов в плитке
Первый экран
Задача первого экрана — кратко рассказать об авторе блога: кто он, чем занимается, как с ним связаться. Первый экран должен состоять из юзерпика, имени, краткого описания деятельности, ссылок на социальные сети и контактов.
Если это решение для вас слишком скучное, добавьте обложку. Она может занимать половину или весь экран. Хорошая идея использовать тематическое изображение.
Подписка — важный функционал блога. Чтобы читатели всегда были в курсе ваших свежих записей, сделайте подписку на новые посты, тогда они будут приходить им по почте. И не забывайте про репосты в социальные сети.
На первом экране блога помещают популярные или фичерные посты.

Популярные посты — это посты, вызвавшие наибольший интерес у читателей. Их закрепляют вверху, чтобы сразу показать все самое интересное. Часто для этого используют слайдер карусель.
Фичерные посты — это особенно важные посты, которые могут привлечь много внимания. Чтобы такой пост не затерялся в общем списке, его визуально выделяют, чаще всего с помощью размера.
Мы разобрали главную страницу блога и ее элементы, теперь перейдем к внутренней.
Страница поста
В данном исследовании мы не будем разбирать оформление лонгрида. Разберем простой пост.

Для начала нужно решить, как пост будет открываться — попапом на текущей странице или с переходом на новую.
Главная страница блога больше не является ключевой. Поток трафика изменился, и теперь самая важная страница в блоге — это страница поста.
Неизвестно, откуда читатель попадет на ваш пост, поэтому лучше начать его с юзерпика, имени и даты. В простом посте обычно нет обложки, а сразу идет заголовок, лид, изображения и текст.
Если пост значимый — используйте обложку, она придаст атмосферности и привлечет внимание. Добавьте заголовок, лид, юзерпик и имя.
Добавьте в пост навигационный элемент стрелки влево/вправо, чтобы в любой его части читатель легко мог переместиться на соседний пост.
В конце поста нужно поставить кнопки репостов в социальные сети, добавить призыв поделиться и еще раз упомянуть имя автора.

Теперь нужно решить, куда направить читателя после прочтения поста. Для этого добавляют кнопки перехода на соседние посты, показывают свежие или похожие по тематике. Дублируют список постов с главной страницы или показывают кнопку «Вернуться на главную».
Обсуждение постов переместилось в социальные сети, и комментарии потеряли свою актуальность. Если вы все-таки хотите их добавить, используйте плагин Disqus, либо виждеты комментариев Фейсбука и Вконтакте. Но лучшее решение — сделать репост в социальные сети и пригласить читателей вести обсуждение там.

Мы проанализировали основные сущности и элементы оформления персонального блога, теперь перейдем к прототипам.
Прототипы
На основе этого исследования мы сформировали пять прототипов персонального блога
Если материал вам понравился, расскажите о нем друзьям. Спасибо!