Дизайн блога: какой он должен быть / Хабр

Как сделать удобный дизайн блога: лучшие практики

Учим работать и зарабатывать в интернете

Рассказываем, как сделать, чтобы пользователям было удобно искать и читать контент в блоге, подписываться на рассылку, оставлять комментарии. Ведь мы хотим, чтобы люди дольше задерживались на сайте и были всем довольны.

Студия веб-дизайна Orbit Media Studios (OMS) изучила более 100 популярных блогов и собрала проверенные и эффективные практики дизайна блога. Мы подсмотрели у ребят несколько советов и дополнили их собственными.

Распространенные элементы интерфейса блогов

Разберем каждый элемент подробнее.

Поиск в блоге

Необходимость в окне поиска очевидна: оно поможет пользователям быстро найти информацию и ориентироваться в контенте. 

Возникает несколько вопросов. Во-первых, как должно выглядеть окно поиска? Согласно исследованию OMS, 37% дизайнеров блогов делают поиск в виде обычной поисковой иконки (лупа), на которую пользователь кликает. 36% добавляют к иконке еще и поле для ввода запроса. У 27% блогов поиска нет вообще.

Мы в Академии выбрали второй вариант

Во-вторых, насколько точным должен быть поиск? Должен ли он показывать только стопроцентные совпадения с запросом? Будет ли искать только по заголовкам статей, или также по их содержанию? Будет ли автоматически делать транслит: например, если пользователь вводит запрос «инстаграм», получит ли выдачу со словом «Instagram»? 

(Спойлер: советуем, чтобы поиск учитывал все варианты и показывал пользователю как можно большую выборку статей.)

Какой вариант подойдет вашему блогу, подскажет аналитика. Например, в Google Analytics можно настроить отслеживание поиска по сайту. Проводите А/Б-тестирование: половине пользователей показывайте страницу с одним вариантом поиска, остальным — с другим. Смотрите, где показатели пользования функцией и вовлеченности выше.

Если окажется, что посетители блога не используют поиск, его лучше убрать — во имя визуальной незахламленности.

Имя и фото автора поста

Показывать имя и фото автора поста — неплохая идея. Такой прием создает некую близость между читателем и автором, повыашет вовлеченность, делает контент более человечным. 

Некоторые блоги идут дальше и пишут краткую информацию об авторе: например, его сферу интересов, должность или даже что-нибудь шуточное. 

В некоторых блогах мы видим имена и фото всех людей, которые работали над статьей: автора, редактора, иллюстратора.

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

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

Дата публикации поста

Еще один элемент, который используют в большинстве блогов. Причем часто показывают не только дату первой публикации, но и дату, когда пост был обновлен. Это полезно: люди (а часто и поисковики) отдают предпочтение статьям с более актуальной информацией.

Впрочем, у такой фичи есть и недостаток. Контент может быть вечнозеленым, не требующим обновлений (скажем, статья о каком-нибудь любопытном историческом событии). Однако люди все равно отдадут предпочтение более свежей публикации, даже если ваша статья будет круче и информативнее. 

Скорее всего, пользователь выберет более новую статью

В общем, дата может визуально состарить контент, отпугнуть пользователей. А ребята из OMS вообще считают, что отсутствие даты поста может повысить CTR страницы.

В качестве альтернативы дату можно указать в тексте или в заголовке. Например, обозначить в лиде, что вы рассказываете об исследовании 2021 года, или назвать пост так: «Тренды цифрового маркетинга 2021».

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

Кнопка «Поделиться»

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

Для блогеров клик на такую кнопку — дополнительные бэклинки, охваты, новые пользователи.

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

Казалось бы: зачем размещать кнопку «Поделиться» в начале поста? Ведь пользователи еще не успели прочитать его. Однако статистика показывает: нет связи между прочитыванием поста и желанием поделиться им в соцестях. Людей цепляют заголовки, лиды, обложки, и они готовы делиться статьей, не зная содержания.

И к недостаткам. Кнопки «Поделиться» обычно выглядят как ряд разноцветных иконок соцсетей. Это аляповато, выбивается из цветовой схемы блога. Поэтому идея расположить виджеты после статьи может показаться более привлекательной: внизу страницы они не так отвлекают внимание пользователя.

Форма подписки и CTA

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

Вот в каком качестве опрошенные OMS блоги визуализируют такие элементы:

• всплывающие окна (попапы, попандеры) — 44%;
• «прилипающие» к экрану футеры, которые остаются снизу экрана, даже когда вы прокручиваете страницу — 13%;
• выскакивающие сбоку окна — 12%
• никак — 43%.

Снизу справа — пример выскакивающего сбоку окна с СТА

Эксперты считают, что второй вариант наиболее эффективный. Он не перекрывает контент полностью, как попапы, но при этом более заметен, чем третий вариант. Впрочем, не забывайте добавлять к таким «прилипающим» окнам возможность их закрыть.

Важно и само сообщение СТА: оно должно быть четким, чтобы пользователь точно понимал, на что он подписывается, что получит взамен.

Когда приглашаете людей оставить информацию о себе, не забывайте о работе с персональными данными пользователей.

Похожие статьи

 Этот блок может называться по-разному: «Вам также понравится», «Статьи по теме», «Читайте также», «Недавние статьи», «Популярное». Кстати, это самая распространенная фича, которая есть аж у 79% блогов из исследования. И в Академии тоже:

Такие элементы «затягивают» посетителей, побуждают их больше времени провести в блоге. Это продвинутая форма внутреннего линкбилдинга, которая особенно важна для блогов: ведь показатель отказов у этого вида сайтов обычно один из самых высоких.

Добавлять такой блок лучше, если у вас действительно много полезного, связанного между собой по темам контента. Рекомендовать прочитать откровенно слабые и далекие от темы статьи после того, как пользователь уже нашел искомую информацию, не стоит.

Комментарии

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

Кроме того, плагины комментариев нагружают страницу и негативно влияют на скорость ее загрузки.

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

А еще будьте готовы, что придется тратить время на модерацию постов, ответы на вопросы.

Время прочтения

Довольно редкий элемент: его используют лишь в 14% из исследованных OMS блогов. Смысл в том, чтобы пользователь заранее понимал, сколько времени потратит на статью. 

OMS поэкспериментировали со своим блогом и сначала показывали время прочтения посетителям, а затем убрали его. Оказалось, что на показатели отказа и время просмотра страницы эта фича не влияет.

Таким образом, скорее всего блок со временем прочтения не имеет особого значения. Использовать его стоит, если он вписывается в дизайн и не привносит визуальный шум. С другой стороны, мы полагаем, что слишком долгое время прочтения может отпугнуть пользователя. 

Аж 30 минут! Пугает, правда?

Несколько ноу-хау от Академии

• Главная страница блога обычно представляет собой ленту постов, расположенных по хронологии. Советуем не делать «бесконечную» ленту (когда пользователь листает страницу вниз, а новые посты подгружаются автоматически — и так до самого первого поста). Лучше — кнопка «Показать еще», которая откроет следующую порцию статей. Или постраничная пагинация. «Бесконечные» ленты не позволяют долистать до футера, раздражают пользователей, снижают скорость загрузки страницы.

• Форма для комментариев должна быть как можно более простой, с минималистичным интерфейсом. Пользователь не должен вводить много данных, чтобы оставить комментарий (в идеале — только имя и, например, email). Мы проверили на собственном опыте: чем сложнее форма, тем меньше комментариев вы будете получать.
• Меню также советуем делать минималистичным: не слишком разветвленным, без десятков рубрик и подрубрик. Так пользователю будет удобнее ориентироваться в блоге.
• Если громоздкого меню не избежать, сделайте поиск по фильтрам, чтобы человек по определенным темам, рубрикам получал подборку статей. Или используйте хлебные крошки — меню-путь пользователя:

Источник

• В постах с несколькими главами и подглавами добавляйте оглавление-навигацию, чтобы пользователь мог сразу перейти к интересующей его части. В WordPress, например, это можно делать с помощью плагина верстки Table of Contents. 
• Также рекомендуем посты разбавлять разными элементами верстки. Например, выделять важные абзацы специальным цветом, вставлять блоки с цитатами, делать сноски сбоку.  

Как все эти красивые и полезные штуки реализовать? Для большинства упомянутых фич (похожие статьи, подписки) есть плагины для каждой CMS. Так и гуглим: например, «добавить похожие статьи в вордпресс» — и получаем подборку плагинов.

Также можно обратиться к помощи разработчиков. Например, нанять фрилансеров или пойти в агентство (как это сделали мы в Академии).

Посмотрите несколько полезных статей, которые помогут работать с блогом:

• Как создать блог на WordPress
• Выбираем платформу для ведения блога
• Как заработать с помощью блога
• Опыт перезапуска блога от Академии: составляем ТЗ
• Опыт перезапуска блога от Академии: исправляем баги

---

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

10 Советов По Оформлению Блога Для Увеличения Числа Читателей

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

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

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

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

Учитывая это, вот несколько советов по оформлению блога, которые помогут привлечь больше читателей на ваш блог.

1. Исследуйте Свою Целевую Аудиторию 🧑🏽‍🦳👨🏾‍🦱

2. Определитесь С Темой 📝

3. Улучшение Производительности Вашего Блога💅

4. Выберите Правильный Макет Страницы📄

5. Создайте Визуальную Иерархию 👀

6. Совершенствуйте Свои Визуальные Средства 🎨

7. Используйте Правильные Шрифты✅

8. Используйте Различные Форматы Контента🤷‍♀️

9. Повысьте Уровень Своей Игры 🎲

10. Мониторинг Вашего Блога📊

Важное раскрытие информации: мы являемся гордыми партнерами некоторых инструментов, упомянутых в этом руководстве. Если вы перейдете по партнерской ссылке и впоследствии совершите покупку, мы получим небольшую комиссию без дополнительных затрат с вашей стороны (вы ничего не платите дополнительно).

1. Исследуйте Свою Целевую Аудиторию 🧑🏽‍🦳👨🏾‍🦱

Важным аспектом разработки блога является определение того, что предпочитает ваша аудитория.

Дизайн вашего блога призван произвести впечатление не на вас, а на ваших читателей. Вот почему жизненно важно хорошо изучить свою аудиторию, чтобы определить ее ожидания, потребности и запросы.

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

Есть много способов, как это сделать.

Например, вы можете использовать CMS, такую как WordPress, чтобы оформить свой блог так, как вы хотите, и управлять его содержанием.

WordPress и большинство его альтернатив предоставляют вам большой контроль над визуальными параметрами, такими как темы, заголовки, боковые панели, цвета и многие другие аспекты дизайна вашего сайта.

Вы можете даже следовать одному из многочисленных руководств о том, как сделать по-настоящему красивый блог. Правильно подобрав тему WordPress, вы сможете придать своему блогу совершенно новый вид и подарить своим подписчикам совершенно новые впечатления.

2. Определитесь С Темой 📝

Источник изображения: Minimalist Baker

Содержание блога — это не обычный контент, на который вы можете наткнуться, просматривая Интернет.

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

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

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

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

Если вы пытаетесь охватить различные темы, вы фактически обслуживаете несколько аудиторий, и все может быстро выйти из-под контроля.

Основная причина в том, что при наличии нескольких тем становится сложнее соблюдать баланс, и ваш блог может быстро превратиться в беспорядочный беспорядок.

3. Улучшение Производительности Вашего Блога 💅

Источник изображения: The Inspiration Grid

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

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

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

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

• Обеспечьте бесперебойную навигацию (меню, страница «О нас», страница «Контакты», архивы, строка поиска и т.д.)
• Увеличение времени загрузки страницы
• Наведите порядок в своем блоге
• Обеспечить мобильность и удобство для пользователей
• Избавьтесь от дублирующего или отсутствующего контента
• Создайте бесшовное размещение рекламы
• Фокус на SEO (поисковая оптимизация)

4. Выберите Правильный Макет Страницы 📄

Источник изображения: Artbees

Теперь мы переходим к самой интересной части дизайна вашего блога — визуальной.

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

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

Макет веб-страницы также называется шаблоном, и это, по сути, общий дизайн ваших страниц.

Вам нужно потратить время на тщательное обдумывание того, какой шаблон блога вы выберете, потому что вы хотите, чтобы дизайн вашего блога был уникальным.

Это особенно актуально, если вы пытаетесь подобрать макет страницы в соответствии с вашими усилиями по брендингу.

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

Вот пример бесшовного макета:

• Старайтесь использовать чистый дизайн, следуя принципу KISS (Keep It Simple, Stupid), с легко читаемыми вкладками и беспрепятственной доступностью.
• Выберите правильную цветовую палитру, соответствующую вашему бренду. Не старайтесь быть слишком броским, убедитесь, что цвета дополняют дизайн и выделяют текст.
• Используйте правильную иерархию для своих страниц, позволяя макету подчеркнуть важность ваших страниц.

5. Создайте Визуальную Иерархию 👀

Источник изображения: : The Names for Change

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

Другими словами, вам придется собрать все воедино так, чтобы это было эстетично и легко просматривалось.

Многие блогеры предпочитают минималистичный дизайн. Например, они выбирают целевые страницы с плавными цветовыми схемами, одним или двумя главными изображениями, кнопками обмена информацией в социальных сетях и кнопкой призыва к действию (CTA) с правильным сообщением.

Этому же принципу следует и остальная часть их минималистского блога. Однако на такой макет блога повлияли последние тенденции в дизайне.

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

Источник изображения: ThemesKingdom

Опять же, вы можете либо следовать учебнику и попытаться сделать это самостоятельно, либо нанять веб-дизайнера, который отшлифует минималистичный дизайн для вас.

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

6. Совершенствуйте Свои Визуальные Средства 🎨

Источник изображения: Made By Folk

Теперь, когда у вас есть представление о макете страниц вашего блога, цветах, визуальной иерархии, цветах, тематических изображениях, инфографике, скриншотах и так далее.

Пришло время сделать так, чтобы все получилось.

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

Нанимать кого-то может быть дорого, к тому же не каждый блоггер предпочитает WP. К счастью, есть и другие варианты.

Например, конструкторы сайтов, такие как Squarespace или Wix, являются одинаково жизнеспособными вариантами. Тем не менее, главное — отшлифовать визуальные эффекты, чтобы все идеально сочеталось.

Вот несколько советов, которые вам следует принять во внимание:

• Выберите два-три цвета и убедитесь, что цветовые схемы идеально сочетаются.
• Будьте деликатны с текстурами и тенями
• Используйте высококачественные тематические изображения
• Используйте белое пространство наилучшим образом
• Включите кнопки социального обмена в свой контент
• Обеспечьте плавную прокрутку
• Переработайте старый контент, чтобы он соответствовал новому внешнему виду
• Оптимизация заголовков, боковых панелей и других элементов блога
• Включите страницы FAQ (часто задаваемые вопросы) для самообслуживания.

7. Используйте Правильные Шрифты ✅

Источник изображения: Moshik

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

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

Кроме того, правильно подобранная типографика должна вписываться в общий макет страницы и не должна слишком сильно выделяться.

Все должно хорошо сочетаться друг с другом. Однако есть и другая причина, по которой вам следует уделить больше внимания выбранным шрифтам.

Эта причина — тон голоса, который вы используете в своем блоге, и тон голоса, который соответствует вашему бренду.

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

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

Тем не менее, простой и легко читаемый шрифт может не помочь вам привлечь больше читателей.

8. Используйте Различные Форматы Контента🤷‍♀️

Источник изображения: Brit + Co

Как уже говорилось, не стоит фокусироваться на нескольких темах, но это не значит, что нельзя фокусироваться на различных форматах контента.

Блоги традиционно наполняются статьями, но сегодня различные форматы контента обогащают практически каждый блог.

Почему же это так важно для дизайна блога? Различные форматы контента, такие как высококачественные изображения, видео, инфографика и так далее, оживляют дизайн блога.

Конечно, не стоит переусердствовать, если вы не хотите раздуть свой блог до неузнаваемости.

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

Возможно, какая-то часть вашей аудитории не предпочитает читать ваши посты, но с удовольствием посмотрит видео или послушает подкаст.

Помните, что это не означает, что вы должны освещать больше тем, но создавать контент для более широкой аудитории и перепрофилировать старый контент, придавая ему новую форму.

Самое главное — хорошо разместить изображения и видео, чтобы они вписывались в остальной дизайн блога.

9. Повысьте Уровень Своей Игры🎲

Источник изображения: A Cup Of Joe

Не секрет, что многие блоггеры зарабатывают на жизнь своими блогами. Привлечение новых читателей не всегда заключается в предоставлении им нового и оригинального контента.

В большинстве случаев блогеры стремятся создать личный бренд, что позволяет им общаться со своей аудиторией на более личном уровне.

Вы всегда можете пойти дальше и превратить свое хобби в бизнес-блог. Итак, что это значит?

Проще говоря, вы можете получать доход от членства, подписки и партнерского маркетинга.

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

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

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

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

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

Тем не менее, они могут быть заинтересованы в просмотре вашей продукции.

10. Мониторинг Вашего Блога📊

Источник изображения: Neil Patel

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

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

Кроме того, если вы решите оптимизировать свой блог для поисковых систем (SEO), вам придется продолжать работать над своей стратегией, например, сосредоточиться на внестраничной деятельности SEO, такой как гостевой блоггинг и построение ссылок.

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

Вот почему крайне важно время от времени полировать свой блог, а не только его содержание. Это поможет вам привлечь больше читателей и подписчиков со всего мира.

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

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

---

Эта статья написана Томашем, специалистом по цифровому маркетингу и внештатным блоггером. Он специализируется на новых тенденциях в области веб-технологий и распространении цифрового голоса по различным каналам.

The link has been copied!

дизайнов блогов | Лучшие примеры дизайна блога

• Уильям Крейг
• 31 июля 2021 г.
• ~ 10 минут на чтение
• Президент WebFX. Билл имеет более чем 25-летний опыт работы в индустрии интернет-маркетинга, специализируясь на SEO, UX, информационной архитектуре, автоматизации маркетинга и многом другом. Опыт Уильяма в области научных вычислений и образования в Шиппенсбурге и Массачусетском технологическом институте послужил основой для MarketingCloudFX и других ключевых проектов исследований и разработок в WebFX.

Вы разрабатываете блог? Обязательно ознакомьтесь с этой демонстрацией — мы собрали 50 креативных дизайнов блогов, которые помогут вдохновить вас на создание лучшего дизайна страницы блога! AIAIAI Новостной блог Даниэля Спатцека Карлос Молина Журнал Industry West Художественный музей Даус Сиверт Хойем Adventure.com 900 14 Dishoom CP+B Вкус воскресенья Beyond Blog Блог Трэвиса Ладью

Блог TRÜF Terra Nullius Hyperquake MOODBOARD Блог Mixd Блог Anchour Скотти и Рассел 9 0014 Блог Mammoth Media Блог Рэя Уорда Блог InVision Доброе утро Городское влияние Блог Metaverse Форма AIGA Made Publishers RAW-Fi Промышленный стандарт Minimal Monkey Molly & Me Pecans Хронология Блог Grovemade

Nixon Адаптируемый. Миагуи Блог Airbnb Блог Dribbble Восемь рук 15 дней в Японии The Loppist Фрэнк Чимеро 9001 5 Manual Baku 2015 Liveblog Chilli Purgo Tea Webydo Наборный дизайн Новости Fubiz Media Вам нравится внешний вид этих примеров блогов, но вы не знаете, с чего начать?

Положитесь на отмеченные наградами дизайны блогов и дизайнерские услуги WebFX, которые сделают всю работу за вас!

Контент, связанный с дизайном блога

Успешный запуск блога за 15 дней

10 лучших бесплатных онлайн-платформ для ведения блога

40 красивых примеров винтажа и ретро в веб-дизайне

Джейкоб Губе — основатель Six Revisions. . Он фронтенд-разработчик. Свяжитесь с ним в Twitter и Facebook.

Карьера в WebFX

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

10 советов по дизайну блога для увеличения числа читателей

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

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

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

В конце концов, вы хотите предоставить своей аудитории наилучшие впечатления. Тем не менее,

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

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

1. Исследуйте свою целевую аудиторию 👨🏽‍🦳👨🏾‍🦱
2. Сосредоточьтесь на своей теме 📝
3. Повысьте эффективность своего блога💅
4. Выберите правильный макет страницы📄
5. Создать визуальную иерархию 👀
6. Совершенствуйте свои визуальные эффекты 🎨
7. Используйте правильные шрифты✅
8. Используйте разные форматы контента🤷‍♀️
9. Сделайте шаг вперед в игре 🎲
10. Следите за своим блогом📊

Важное сообщение: мы гордимся тем, что являемся аффилированными лицами некоторых инструментов, упомянутых в этом руководстве. Если вы нажмете на партнерскую ссылку и впоследствии совершите покупку, мы получим небольшую комиссию без каких-либо дополнительных затрат для вас (вы ничего не платите дополнительно).

1. Изучите свою целевую аудиторию 👨🏽‍🦳👨🏾‍🦱

Важным аспектом разработки блога является определение того, что предпочитает ваша аудитория.

Дизайн вашего блога должен произвести впечатление не на вас, а на ваших читателей. Вот почему жизненно важно хорошо изучить свою аудиторию, чтобы можно было определить ее ожидания, нужды и потребности.

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

Есть много способов сделать это.

Например, вы можете использовать CMS, такую ​​​​как WordPress, для оформления своего блога так, как вы хотите, и управлять своим контентом.

WordPress и большинство его альтернатив дают вам большой контроль над визуальными функциями, такими как темы, заголовки, боковые панели, цвета и многие другие аспекты дизайна вашего сайта.

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

2. Сосредоточьтесь на своей теме 📝

Источник изображения: Minimalist Baker

Содержание блога — это не повседневный контент, который вы можете наткнуться во время серфинга в Интернете.

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

Однако таким образом вы теряете трафик, а не получаете его. Важным аспектом дизайна вашего блога является сосредоточение внимания на теме вашего блога .

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

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

зрителей и все может быстро выйти из-под контроля .

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

Щелкните здесь, чтобы просмотреть полный курс по написанию контента ⭐️

3. Доведите эффективность вашего блога до совершенства 💅

Источник изображения: The Inspiration Grid

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

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

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

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

• Обеспечение бесперебойной навигации (Меню, страница «О нас», страница контактов, архивы, панель поиска и т. д.)
• Ускорение загрузка страницы время
• Расхламление ваш блог
• Обеспечение мобильность и удобство использования
• Получите избавление от дубликата или отсутствующего контента
• Создание Бесполезное размещение рекламы
• Фокус на SEO (Оптимизация поисковой системы)

4. Выберите правую страницу. 📄

Источник изображения: Artbees

Теперь мы подошли к интересной части дизайна вашего блога: визуальная часть .

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

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

Макет веб-страницы также называется шаблоном , и в основном это общий дизайн ваших страниц.

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

Это особенно верно, если вы пытаетесь привести макет страницы в соответствие с вашими усилиями по брендингу .

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

Вот пример бесшовного макета:

• Попробуйте использовать чистый дизайн в соответствии с принципом дизайна KISS (Keep It Simple, Stupid) с легко читаемыми вкладками и удобным доступом.
• Выберите правильную цветовую палитру, соответствующую вашему бренду. Не пытайтесь быть слишком ярким; убедитесь, что цвета дополняют дизайн и выделяют текст.
• Используйте правильную иерархию для своих страниц, позволяя макету подчеркивать важность ваших страниц.

Нажмите здесь, чтобы перейти к основному курсу веб-дизайна 💪

5. Создайте визуальную иерархию 👀

Источник изображения: Имена для изменений

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

Другими словами, вам нужно собрать все вместе, чтобы это было эстетично и чтобы на него было легко смотреть.

Многие блоггеры выбирают минималистичный дизайн. Например, они выбирают целевые страницы с бесшовными цветовыми схемами, одним или двумя избранными изображениями, кнопками обмена в социальных сетях и кнопкой призыва к действию (CTA) 9. 0014 с правильным сообщением .

Тот же принцип следует и остальной части их минималистского блога . Однако на такой макет блога повлияли последние тенденции дизайна.

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

Источник изображения: ThemesKingdom

Опять же, вы можете либо следовать инструкциям и попытаться сделать это самостоятельно, либо нанять веб-дизайнера, который может отполируйте этот минималистичный дизайн для вас .

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

6. Совершенствуйте свои визуальные эффекты 🎨

Источник изображения: Made By Folk

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

Пришло время заставить все это работать .

Как упоминалось ранее, вы всегда можете нанять веб-дизайнера, чтобы воплотить свои идеи в жизнь, или использовать WordPress, чтобы выразить все самостоятельно.

Нанять кого-то может быть дорого , тогда как не каждый блоггер предпочитает WP. К счастью, есть и другие варианты.

Например, конструкторы веб-сайтов, такие как Squarespace или Wix, также являются приемлемыми вариантами. Тем не менее, важно отшлифовать ваши визуальные эффекты, чтобы все идеально совпадало.

Вот несколько советов, которые следует учитывать:

• Выберите верхние части двух-трех цветов и убедитесь, что цветовые схемы идеально сочетаются друг с другом
• Будьте тонкими с текстурами и тенями
• Используйте высококачественных избранных изображений
• Максимально используйте пробелов
• Включите кнопок социальных сетей в вашем контенте
• Обеспечьте плавную прокрутку
• Редизайн старого контента в соответствии с новым внешним видом
• Оптимизация заголовков, боковых панелей и других функций блога
• Включение часто задаваемых вопросов (Часто задаваемые вопросы) страниц для самообслуживания.

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

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

Более того, правильный типографика также должна вписываться в общий макет страницы и не должна слишком выделяться.

Все должно хорошо сочетаться друг с другом. Однако есть еще одна причина, по которой вам следует уделить больше внимания выбранным вами шрифтам.

Этой причиной является тон голоса, который вы используете в своем блоге, и тон голоса, который соответствует вашему бренду .

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

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

Тем не менее, простой и легко читаемый шрифт может не помочь вам привлечь больше читателей. Вы можете протестировать различные шрифты с помощью профессиональных генераторов шрифтов или использовать набор онлайн-инструментов, таких как Quicktools от Picsart или Canva.

8. Используйте разные форматы контента🤷‍♀️

Источник изображения: Brit + Co

Как упоминалось ранее, вы не должны фокусироваться на нескольких темах , но это не значит, что вы не можете сосредоточиться на разных форматах контента.

Блоги традиционно наполняются статьями, но сегодня разные форматы контента обогащает почти каждый блог .

Итак, почему это так важно для дизайна блога?

Различные форматы контента, такие как высококачественные изображения, видео, инфографика и т. д., оживляют дизайн блога.

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

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

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

Самое главное правильно разместить изображения и видео, чтобы гармонировали с остальным дизайном блога .

9. Сделайте шаг вперед🎲

Источник изображения: A Cup Of Joe

Не секрет, что многие блоггеры зарабатывают на жизнь своими блогами. Привлечение новых читателей не всегда заключается в предоставлении им нового и оригинального контента .

В большинстве случаев блоггеры стремятся создать личный бренд, который позволяет им общаться со своей аудиторией на более личном уровне .

Вы всегда можете пойти дальше и превратить свое хобби в бизнес-блог. Итак, что это значит?

Проще говоря, вы можете создавать потоки доходов от членства, подписки и партнерского маркетинга.

Более того, вы даже можете продавать свои товары и превратить свой блог в небольшой интернет-магазин .

Например, блоггеры в индустрии красоты и макияжа создают и продают свои собственные продукты помимо обзора и написания других продуктов.

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

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

Тем не менее, они могут заинтересоваться просмотром ваших продуктов вместо этого.

10. Следите за своим блогом📊

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

Иногда вам нужно будет нанять графического дизайнера, чтобы

сделать эти улучшения , а иногда вы сможете сделать это самостоятельно.

Кроме того, если вы решите оптимизировать свой блог для поисковых систем (SEO), вам придется продолжать работать над своей стратегией, например, сосредоточиться на деятельности по поисковой оптимизации за пределами страницы , такой как гостевой блог и построение ссылок.

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