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

Автор: | Рубрика: Создание и ведение сайта | Обновлено: 2015-06-13 | Создано:
Просмотров: 1775
каким должно быть оформление статьи на сайте

Всем привет!

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

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

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

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

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

Он должен информативно отображать суть того, о чем будет идти речь в статье. Требования к нему: содержательность, лаконичность, отличие от уже существующих в поисковой выдаче, длиной до 70 символов. Нужно сделать так, чтобы заголовок выполнял свою основную функцию – привлекал внимание потенциального читателя и вызывал у него желание открыть статью для чтения. Почитайте "Как писать интригующие заголовки, по которым кликают".

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

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

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

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

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

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

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

Где брать картинки для сайта?

Как сделать картинку уникальной

Как изменить и уменьшить размер картинки без потери качества

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

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

Тематические картинки в статье

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

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

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

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

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

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

С уважением, Виктория – блог inetsovety.ru

Поделиться ссылкой на пост в соц. сетях
Получать уведомления о новых статьях на e-mail
Комментариев: 27 к статье "Структура и оформление статьи на сайте"
  • Александр 2015-11-21 в 15:19

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

    Ответить
  • Ольга 2015-09-22 в 21:04

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

    Ответить
  • Виталий Охрименко 2015-07-28 в 12:17

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

    Ответить
    • Сергей Грицюк 2015-07-30 в 14:51

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

      Ответить
      • Виталий Охрименко 2015-07-31 в 09:30

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

        Ответить
        • Виктория 2015-08-01 в 07:12

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

          Ответить
  • Людмила Лао 2015-06-17 в 21:04

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

    Ответить
    • Сергей Грицюк 2015-06-30 в 00:32

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

      Ответить
      • Руслан 2015-11-23 в 20:08

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

        Ответить
      • Ната Дегтярева 2016-04-05 в 14:39

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

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

        Ответить
  • NI4KA 2015-06-16 в 19:59

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

    Ответить
    • Сергей Грицюк 2015-06-30 в 00:33

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

      Ответить
      • Виталий Охрименко 2015-07-28 в 12:10

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

        Ответить
        • Сергей Грицюк 2015-07-30 в 14:53

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

          Ответить
          • Виталий Охрименко 2015-07-31 в 09:29

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

            Ответить
        • Руслан 2015-11-23 в 20:09

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

          Ответить
  • Сергей Грицюк 2015-06-15 в 20:09

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

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

    Ответить
    • Виктория 2015-06-17 в 08:07

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

      Ответить
      • Сергей Грицюк 2015-06-30 в 00:30

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

        Ответить
      • Виталий Охрименко 2015-07-28 в 12:12

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

        Ответить
        • Сергей Грицюк 2015-07-30 в 14:54

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

          Ответить
          • Виталий Охрименко 2015-07-31 в 09:29

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

            Ответить
      • Руслан 2015-11-23 в 20:14

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

        Ответить
  • Сергей Грицюк 2015-06-14 в 15:56

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

    Ответить
    • Виктория 2015-06-15 в 18:21

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

      Ответить
      • Сергей Грицюк 2015-06-30 в 00:34

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

        Ответить
    • Руслан 2015-11-23 в 20:16

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

      Ответить
Оставить комментарий
Нажмите, чтобы отменить ответ.

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