Структура и оформление статьи на сайте

каким должно быть оформление статьи на сайте

Реферальные банеры

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

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

Структура статьи для сайта

Кратко, всю структуру можно описать так:

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

А теперь подробнее по каждому пункту.

Заголовки

Основной заголовок статьи

Он должен информативно отображать суть того, о чем будет идти речь в статье. Требования к нему: содержательность, лаконичность, отличие от уже существующих в поисковой выдаче, длиной до 70 символов. Нужно сделать так, чтобы заголовок выполнял свою основную функцию – привлекал внимание потенциального читателя и вызывал у него желание открыть статью для чтения. Как правильно составить тайтл к записи читайте по ссылке https://inetsovety.ru/kak-pravilno-sostavit-title-posta/

Первый вводный абзац

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

Подзаголовки

Длинный текст статьи следует структурировать с помощью подзаголовков. На информационных сайтах вы все чаще можете встретить длинные подробные статьи, у которых после введения выводится содержание всей статьи. Это дает возможность читателю быстрее найти ответ на свой вопрос, среди «объемной простыни» теста. Как часто добавлять подзаголовки? Смотрите по тексту. Через каждый абзац точно не стоит.

Дополняем статью красивым оформлением

Тематическая картинка в начале поста

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

Во многих стандартных шаблонах, небольшая картинка (миниатюра), автоматически выводится слева от вводного абзаца статьи. Это же изображение используется при выводе похожих записей после статьи. Если в вашем шаблоне похожие записи не выводятся с картинками, посмотрите эту статью https://inetsovety.ru/pohozhie-zapisi-v-statyyah-na-bloge-wordpress-bez-plagina/

Обычно используется картинка небольшого размера 150*150 или 200*200. Картинки заранее подготавливайте в графическом редакторе, например Фотошопе. Сжимайте ее до нужного размера, уменьшая вес файла.

Вот подборка полезных статей по обработке изображений перед их загрузкой на сайт:

 

Изображения в статье

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

Визуальное оформление

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

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

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

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

Понравилась статья? Поделиться с друзьями:
Как заработать деньги в интернете
Комментарии: 32
  1. Анна

    Привет, классный сайт, очень точные идеи и ёмкие фразы, с удовольствием почитала. Сама пытаюсь делать сайт. У вас интересная система комментирования. Пожалуйста, поделитесь или скриптом или виджетом комментирования. Заранее спасибо!

  2. Александр

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

  3. Ольга

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

  4. Виталий Охрименко

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

    1. Сергей Грицюк

      Если сомневаетесь, то ставьте картинки по центру текста статьи.

      1. Виталий Охрименко

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

      2. Виктория (автор)

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

      3. Игорь

        У меня что в анонсе статьи миниатюрка стоит, что в начале открытой статьи и все нормально

  5. Людмила Лао

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

    1. Сергей Грицюк

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

      1. Руслан

        Да уж. Если я перехожу на сайт с полотном, то как правило, сразу закрываю

      2. Ната Дегтярева

        Мне нравится этот сайт, хотя и не всегда материал адаптирован для «не посвященных», несмотря на то, что автор ни раз писал об ориентированности на интернет-новобранцев))

        Я за «простыни» — в небольшой статье, чего бы она не касалась, почти невозможно раскрыть и развить тему.
        Но аналитики правы — большинство современных пользователей интернета не воспринимает тексты, объем которых более 500 знаков. Обидно за интеллектуальное лицо рунета.

      3. Анатолий

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

    2. Люся

      Я бы добавила ещё соответствующий размер шрифта и соответствие цвета шрифта фону страницы.

  6. NI4KA

    Еще хорошо цитаты воспринимаются. Пользователи, как правило, останавливаются на таком абзаце.

    1. Сергей Грицюк

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

      1. Виталий Охрименко

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

      2. Сергей Грицюк

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

      3. Виталий Охрименко

        В смысле в анонсе статьи в шаблоне или в снипете поисковиков?

      4. Руслан

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

    2. Анатолий

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

  7. Сергей Грицюк

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

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

    1. Виктория (автор)

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

      1. Сергей Грицюк

        Остается открытым вопрос: учитывается ли вес страниц сейчас после запуска KBT и Минусинска?

      2. Виталий Охрименко

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

      3. Сергей Грицюк

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

      4. Виталий Охрименко

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

      5. Руслан

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

  8. Сергей Грицюк

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

    1. Виктория (автор)

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

      1. Сергей Грицюк

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

    2. Руслан

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

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности. Комментарий появится после проверки. Комментарии, содержащие спам и ненормативную лексику будут удалены!

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