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

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

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

Тенденции дизайна сейчас определенно склоняются к минимизации компонентов и максимизации пользовательского опыта.

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

Каковы критические факторы хорошего дизайна блога?

Без сомнения, цветовая схема, которую вы выберете, является номером один.

Это создает внешний вид вашего блога.

Но за ним следуют типографика, размер шрифта и дизайн макета.

Удобочитаемость и функциональность на небольших мобильных устройствах также имеют жизненно важное значение.

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

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

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

Затем есть технические соображения, такие как SEO и скорость сайта.

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

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

1. Как вы выбираете цветовую схему?

Один из секретов привлекательного дизайна — использование цветовой палитры.

Вы не ограничены цветами в шаблоне блога или теме WordPress. Вы можете изменить цвет любой части блога.

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

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

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

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

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

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

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

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

Шестнадцатеричный код черного цвета #000000. На этом сайте используется #3f3f3f. Вы можете поэкспериментировать, чтобы увидеть, какой оттенок подходит вам лучше всего.

2. Каковы лучшие макеты блога?

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

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

Но есть проблема с большинством этих опций.

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

Это делает их совершенно бесполезными для мобильных пользователей, на долю которых приходится более 60% интернет-трафика.

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

Как решить эту проблему?

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

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

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

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

3. Почему типографика важна?

Ваш выбор шрифта многое говорит о вас.

Шрифты с засечками говорят о том, что вы новатор и серьезен, а шрифты без засечек говорят о том, что вы более расслаблены.

Наиболее распространенными шрифтами являются Arial, Open Sans, Oswald, Georgia, Garamond, Montserrat, Merriweather, Roboto, Raleway, Playfair Display, Alegreya, Helvetica Neue и Lato.

Вам следует избегать причудливых шрифтов, таких как Comic Sans, Papyrus, Brush Script MT и Lobster. Это может подойти для одноразового заголовка, скажем, в блоге о еде. Но их ужасно трудно читать, когда они используются в общем тексте.

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

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

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

4. Насколько важна домашняя страница вашего блога?

Вы были бы удивлены, узнав, что менее 10% посетителей сайта когда-либо заходят на главную страницу блога?

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

Итак, дайте им что-нибудь.

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

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

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

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

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

Одностраничный параллакс-дизайн идеально подходит для этой цели.

Вот пример домашней страницы параллакса от ThemeGrill.

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

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

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

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

Блоги часто имеют высокий показатель отказов от 65 до 75%.

Это нормально, потому что многие люди ищут ответ на вопрос. Если вы ответите на их вопрос, они будут удовлетворены. Но потом, естественно, уходят.

Ключ к отличной странице поста — дать им веские причины искать больше в вашем блоге.

Вы можете сделать это разными способами. Самый очевидный — это ссылки на похожие посты в конце статьи. Но все ли посетители читают до конца?

Нет, потому что они часто не получают дальше 50%, так как нашли то, что искали, в первых нескольких абзацах.

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

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

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

Это хорошая идея, чтобы добавить три или четыре к вашей статье.

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

6. Как сделать свой блог более читабельным?

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

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

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

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

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

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

Но добавив больше изображений, ваш пост станет более наглядным и привлекательным. Хорошее эмпирическое правило — добавлять изображение на каждые 100–200 слов текста.

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

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

7. Какой функционал вам нужен?

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

Но все эти дополнительные элементы CSS и файлы javascript увеличивают размер сайта и замедляют скорость загрузки.

Это может серьезно повлиять на скорость мобильной страницы, особенно.

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

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

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

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

Это также относится к коду CSS.

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

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

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

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

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

Если вы более избирательны, вы можете значительно снизить скорость своего сайта. Это тест одной из страниц Just Publishing Advice.

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

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

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

Резюме

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

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

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

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

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

Затем проверьте страницу с помощью инструмента проверки скорости. Если вы получаете очень низкую оценку скорости страницы, это может быть не очень хорошим выбором.

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

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