Мой e-mail: malpertui@gmail.com
Мой номер телефона: +38 (063) 811 97 26

Правильная структура эффективного блога для бизнеса

Комментариев: 0

Правильная структура эффективного блога для бизнеса

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

Самый простой способ подобрать подходящую структуру блога – скопировать

Эффективный блог для бизнеса – это комплекс нескольких важных элементов. Их не так много (детально о каждом из них расскажу ниже). И они не требуют привлечения дорогого профессионального разработчика. С другой стороны: создание веб-проекта с нуля (даже самого крохотного) – это всегда немало нервов и вложений. Каждое свое желание надо детально прописывать, а потом тщательно проверять его внедрение. Нередко бывает, когда «на бумаге» (в теории) проект выглядит замечательно, когда же дело доходит до практики, всплывают проблемы, которые просто невозможно было предугадать.

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

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

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

  1. Помните, что блог с приятным дизайном не равно эффективный блог. В первую очередь надо обращать внимание на ресурсы, которые приводят трафик. Одно дело, когда блог вам посоветовали или вы перешли на него по рекламной ссылке, другое – когда сайт все время мелькает в ТОП 10 по разным запросам, которыми вы интересуетесь.
  2. Обязательно смотрите, как статьи блога выглядят на мобильных устройствах.
  3. Блог для бизнеса, созданный для привлечения клиентов, обычно отличается от информационного блога, задача которого привлекать читателей (практически любых), которые будут просматривать рекламу. В первую очередь ориентируйтесь на площадки бизнесменов.

На какие блоги советую обращать внимание я?

Мне очень нравится удобство и практичность платформы Medium.com:

  1. Приятный дизайн
  2. Читабельный текст
  3. Удобная и невероятно простая административная панель для добавления новых постов
  4. Продуманный блок с перелинковкой
  5. Правильная HTML-структура статьи: теги h1, p, article, blockquote и т.д. (о них подробнее тоже речь пойдет ниже)
  6. Продуманная мобильная версия
  7. Хороший SEO-потенциал

Несколько слов о SEO-потенциале. Не один раз замечал такое: я публикую лонгрид на сайте клиента (иногда на своем), примерно через месяц он попадает по низкочастотным запросам в ТОП Яндекса. С Гуглом же 20-30-е места (если говорить честно: это дно. Третья страница выдачи может привести только случайный минимальный трафик). Проходит полгода, я публикую ту же статью на Medium.com и ставлю в конце ссылку на первоисточник. Через 3 недели статья на Медиуме в ТОПе Google по нужным мне запросам (на Яндекс это никак не влияет). Да, трафик идет не на сайт компании клиента, все же потенциальные клиенты видят продающую информацию, видят упоминание бренда, видят ссылки на сайт (и часто по ним переходят).

Важно! Я не утверждаю, что Медиум – какая-то волшебная площадка, что забрасывает любую статью в ТОП. Но я точно знаю, что правильно оптимизированный лонгрид опубликованный там может попасть в первую десятку выдачи поисковиков. Шансы есть. При этом вложения минимальные: используем уже готовую статью и благодаря удобной админке тратим минут 5 на ее повторную публикацию.

Ниже данные Medium.com по органическому трафику и ключевым словам в русскоязычном сегменте Гугла.

Как видите, органический трафик Медиума растет. Как минимум площадка не вредит SEO-продвижению статей, которые там публикуются.

Еще один блог, который я предлагаю клиентам в качестве образца – v-zdor.com. Не шутка и не способ похвастаться. Я вложил немало времени в свой блог, учел десятки нюансов, внес много правок (сам и с помощью более опытных разработчиков). Плюс я точно знаю, что мой личный сайт хорошо справляется с привлечением клиентов из поиска. Вы ведь как-то сюда попали, правильно?

Шрифт эффективного блога

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

А вот кегль (размер) очень важен. Если размер шрифта не соответствует требованиям поисковиков, шансы на ТОП существенно уменьшаются.

Какой шрифт нравится Яндексу и Гуглу?

Вот, что по этому поводу говорит сам Яндекс:

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

Интересно, что размер шрифта в Яндекс.Помощи 15 px, а размер шрифта в официальном блоге Яндекса 20 px.

У Medium размер 21 px, у меня на сайте – 16 px.

Вывод очень простой: шрифт должен быть не менее 16 px.

Размер строки

Маленькая, но важная составляющая читабельного блога – оптимальный размер строки. Согласно исследованиям, о которых писал еще Огилви, и рекомендациям Гугла: подходящая длина строки читабельного текста: примерно 70 символов.


Интервал между абзацами

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


Интервал между основным текстом и подзаголовками

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


Корректное соотношение размеров заголовка и подзаголовков

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

Сразу надо продумывать оформление и размер 3 (а может даже и 4) видов заголовков:

  • H1
  • H2
  • H3
  • H4

Самый большой H1, самый маленький H4. При этом важно, чтобы была заметная разница между заголовками разного уровня (не 2 пикселя!). Поисковики дают больше веса более крупным надписям. Если заголовок второго уровня больше заголовка первого уровня, Гугл может воспринять заголовки второго уровня более важными. Это вредит оптимизации.

Таблица

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

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

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

Маркированный список

Этот элемент присутствует на каждом сайте. Только часто он неправильно оформлен. Маркированный список тоже надо продумывать на этапе дизайна. Надо правильно выбрать:

  • Маркеры (значки в начале каждого пункта списка). Чтобы не просто точечка, как у многих, а что-то более интересное, запоминающееся и хорошо подходящее под стилистику компании, сайта и блога.
  • Интервалы. Снова о них, но я часто вижу, когда пункты списка сливаются из-за отсутствия нормальных интервалов между ними.
  • Ширину. Пункты списка, как правило, более узкие, чем обычные абзацы. Опять-таки наша задача – выделить список посреди обычного текста. Список имеет особое значение для SEO и читателей. Помните, что многие посетители вашего блога при попадании на веб-страницу в первую очередь будут читать подзаголовки и списки. Если они не смогут их найти за несколько секунд, они просто уйдут к конкурентам.

Подписи под картинками

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

Отмечу что от правильной подписи (или caption) не стоит ожидать каких-то существеных SEO-бонусов. На своих проектах я их не замечал, хотя читал, что если caption корректно реализовать с помощью семантических тегов figure и figcaption + добавить в подпись ключевые слова, можно получить дополнительный трафик от Гугла из поиска по картинкам. Там например реализованы подписи в блоге об интернет-маркетинге CrazyEgg.

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

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


Цитаты – необходимый элемент эффективного блога для бизнеса

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

Правильно оформленная цитата с точки зрения дизайна и верстки ниже:

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

Кликабельное содержание статьи

Важный элемент для любой статьи, для лонгрида – необходимый.

Когда объемный пост выходит в ТОП по довольно разным низкочастотным запросам, часто происходит следующее. Посетитель заходит на сайт, не находит за 5-10 секунд ответ на свой вопрос и уходит. За несколько секунд невозможно просмотреть весь лонгрид, зато этого как раз достаточно, чтобы просмотреть содержание, кликнуть на нужный пункт, прочитать его, а потом может и всю статью.

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

Увеличение иллюстрации по клику

С одной стороны (как вы уже знаете), оптимальная длина строки – 70 символов. Сайт не может быть растянут на всю ширину современных мониторов. С другой – часто нужны иллюстрации с большим количеством данных. Напоминаю: информация в этой статье в первую очередь касается блога для бизнеса. Когда вы рассказываете о серьезном бизнесе, часто нужны графики, расчеты, наглядные результаты исследований и т.д. Гораздо лучше, когда все эти графики размещены на крупных детальных иллюстрациях с высоким разрешением.

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

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

Форма для заказа внизу статьи

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

Зачем там форма? Мои клиенты не глупые. Если контент их заинтересовал, они и так найдут страницу с услугами или контакты.

Клиенты не глупые. Согласен. Все же…

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

Ниже пример формы в блоге моего клиента – веб-студии B1Team software. Обратите внимание на текстовую «подводку» над формой. Этот короткий текст тоже невероятно важный элемент всей страницы. Хорошо поработайте над ним, когда будете создавать продающий блог для своего бизнеса.


Блок для оценивания статьи

Примерно вот такой:

Если его реализовать правильно (с помощью микроразметки AggregateRating), в Гугле у ссылки на вашу статью будет вот такой заметный сниппет:


Важные элементы мобильной версии эффективного блога для бизнеса

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

Что именно делает блог B1Team эффективным?

  1. Заголовок статьи подходящего размера, расположен максимально высоко (поэтому посетитель может сразу его прочитать после попадания на сайт из поиска, это заметно уменьшает отказы). В то же время он не занимает много места, между ним и другими элементами достаточно пространства.
  2. На первом экране пользователь полностью видит заглавную картинку. Это еще один способ уменьшить отказы и удержать внимание читателя с первых секунд.
  3. На первом экране помещаются хлебные крошки.
  4. Есть понятный логотип (а с названием компании, а не просто непонятный значок!) со ссылкой на главную страницу.
  5. Справа понятная кнопка меню.
  6. Номер телефона в хедере.
  7. Дата публикации (читатель понимает, что контент акутальный).
  8. На первом экране помещается начало статьи. Это не обязательно. Моя практика показывает, что главное, чтобы поместилась картинка и заголовок. Хотя это плюс.

Шаблон для брендированных картинок – часть эффективности блога

Иллюстрации – это не совсем структура. Тем не менее, я решил добавить этот блок в статью о структуре эффективного блога. И вот почему.

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

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

Все они сделаны на специально разработанных шаблонах. Какие преимущества это дает моим клиентам?

  • Когда есть шаблон брендированной иллюстрации, ГОРАЗДО проще подбирать картинки для статьи.
  • Брендированный контент становится более убедительным.
  • Это увеличивает запоминаемость бренда.
  • Брендированный контент сложнее украсть.

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

Без каких элементов продающий блог может обойтись?

Блок с комментариями

Напоминаю: у вас не СМИ и не информационный сайт для сбора трафика и продажи рекламы. У вас блог для бизнеса. Ваша цель – не просто посетители разного пола, возраста и социального статуса. Ваша цель – клиенты, определенная целевая аудитория. Вряд ли человек, которому нужен уголовный адвокат по 105 статье (убийство) и который нашел ваш блог по запросу вроде «уголовный адвокат по 105 примеры успешных дел», будет восхищаться вашим отточенным литературным талантом. Если информация его убедит, он сделает заказ. Если нет – он продолжит поиск в сети. С другой стороны, в комментариях часто можно заметить обозленных конкурентов. Нужно тратить драгоценное время на модерацию их желчи. Комментарии как бы должны улучшать поведенческие факторы. И они улучшают. Когда их много. Один-два-пять комментария с ругательствами ничего не улучшат. Плюс функционал для комментариев почти всегда снижает загрузку страницы. Это главная причина отказаться от них в блоге.

Блок с перелинковкой

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

Считается, что если в блоке с перелинковкой поместить ссылки на статьи, которые с точки зрения поисковиков дополняют содержание лонгрида, можно получить повышение позиций. Это правда. Но есть 2 нюанса. Первый: ссылки на статьи смежной тематики можно поставить в «теле статьи», а не в специальном блоке. Так будет даже эффективнее. Второй: внутренние ссылки приносят пользу, когда по ним переходят. Как специалист, который не первый год ведет несколько коммерческих блогов разных компаний, могу с уверенностью сказать, что глубина просмотра у таких ресурсов обычно минимальная. Если и переходят на другие страницы, то это в первую очередь «Контакты» и страницы с услугами. Любитель почитать внимательно изучает, что там нового у Светланы Лободы, потом сразу же переходит на новости об Алле Пугачевой. Клиент, у которого есть деньги и намерение их потратить на дорогой товар или услугу, ищет ответ на один, максимум на несколько конкретных вопросов.

Виджет группы в Вконтакте

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

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

  • Если вы уверены, что контент-маркетинг – ваш путь привлечения клиентов, начинайте работу над блогом. У вас есть 2 варианта: продумать каждую деталь будущего проекта самостоятельно или же скопировать основу у известного вам блога, эффективность которого легко проверить.
  • Помните, что такие элементы, как кликабельное содержание, цитаты, таблицы, маркированные списки – бонус при SEO-продвижении блога. О них надо думать еще на этапе дизайна. Каждый по отдельности не принесет заметных результатов. Если внедрить все, у вас будет заметное преимущество перед конкурентами.
  • Мобильную версию блога надо продумывать отдельно. Мобильная версия – это не десктопный сайт, который пропорционально уменьшили. Это другое решение, которое должно учитывать массу дополнительных нюансов.
  • Чем больше фишек в блоге, тем лучше – неправильное мнение. Некоторые элементы только вредят. Пользователи на них не обращают внимание, в то же время они замедляют загрузку сайта.
12
Оцените, пожалуйста, статью:
:(Не старалсяПойдетНеплохоСпасибо!!!
(2 оценок, среднее: 5,00 из 5)
Загрузка...
Телефон: +38 (063) 811 97 26
Телеграм: @Malpertui
Я в социальных сетях: