Оптимизация текстов под Яндекс и Гугл за счет их форматирования

20 Сентябрь, 2014

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я хочу продолжить тему, начатую в статье «Seo оптимизация текстов для коммерческого сайта». В начале публикации мы тезисно пробежимся по тому, что уже было сказано о создании идеального текста для коммерческого сайта. Однако, даже идеальный, с точки зрения поисковых систем и ваших посетителей, текст должен быть соответствующим образом оформлен. В противном случае он не сможет показать себя во всей красе.

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

Чего не должно быть в текстах, а что должно наличествовать?


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

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

  1. Сканы текстов (графические файлы) не воспринимаются поисковыми системами как текст (во всяком случае пока), поэтому не стоит их использовать вместо контента.
  2. Несодержательные тексты (водянистые) будут практически бесполезны для продвижения.
  3. Не следует писать тексты для поисковых роботов, ибо это алгоритмами поисковиков очень легко распознается. Естественность и еще раз естественность. Пишите так, чтобы статья была читабельна для людей.
  4. Еще хуже будет, когда вам тексты будут писать плохие Сео-копирайтеры (водная водичка), пытаясь их опять же оптимизировать под поисковых роботов.
  5. Не выделяйте все ключевые фразы в статье жирным — за это можно попасть под пессимизацию.
  6. Если текст большой (по крайней мере в несколько экранов просмотра), то без надлежащего форматирования он будет восприниматься пользователями плохо, что приведет к ухудшению поведенческих факторов и трудностям с продвижением. Обязательно применяйте форматирование (подробности смотрите чуть ниже). Например:
    1. Текст должен быть разбит на абзацы (по принципу законченной мысли, а не по принципу одинаковых по высоте блоков), которые друг от друга по высоте должны отделяться отступом (это позволяет чисто визуально лучше воспринимать информацию)
    2. По возможности используйте списки (маркированные или нумерованные, не важно)
    3. Большие массивы текста неплохо было бы разбавить вставкой картинок
    4. Очень неплохо также работают иконки или инфографика
    5. Гиперссылки тоже могут улучшить поведенческие факторы (в частности, число просмотренных пользователем страниц)
      1. Следует расставлять смысловые акценты с помощью выделения фраз или фрагментов текста:

      2. Выделяя жирным важные для понимания фразы (за них цепляется глаз читателя при беглом просмотре)
      3. Выделяя цветом или рамкой важные куски текста
    6. Если какие-то приводимые факты или имеющиеся данные можно оформить в виде таблицы, то это тоже может улучшить восприятие, а значит увеличить ПФ и шансы попасть в Топ.
  7. Много грамматических ошибок могут свести на нет все ваши усилия по продвижению вашего сайта
  8. Не спамьте в тексте ключевыми словами — одно-два употребления на две-три тысячи знаков будет вполне достаточно.
  9. Не пренебрегайте заголовками и подзаголовками:
    1. Отсутствие на странице заголовка в тегах H1 несколько снизит ваши шансы на успешное попадание в Топ
    2. Плохой идеей будет использование нескольких H1 на веб-странице
    3. Еще хуже будет, если вместо тегов подзаголовков H2 и H3 будет использоваться многократно тег H1, а изменяться размер шрифта подзаголовков будет с помощью CSS стилей.
    4. Если у вас текст больше двух тысяч знаков, то неиспользование подзаголовков в тегах H2 и H3 (а при необходимости и более низких) может ухудшить поведенческие факторы и снизить эффект от продвижения. Форматирование рулит, как я уже упоминал чуть выше.
    5. Основной заголовок должен отличаться от подзаголовков размером шрифта. Соответственно, и подзаголовки разного уровня тоже должны отличаться друг от друга.
    6. Совсем плохой вариант вы получите, если для основного заголовка (H1) будете использовать тот же размер шрифта, что и в тексте. Чуть меньшее зло будет, если и размеры шрифтов подзаголовков будут сливаться с текстовым массивом. Посетители обращают внимание прежде всего на заголовки.
  10. Контент на сайте лучше всего располагать блоками, между которыми обязательно делайте отступы для их комфортного восприятия. Блоки достаточно хорошо воспринимаются посетителями, особенно если каждый из них снабжен заметным и понятным заголовком. То же самое касается и отступов между текстом и находящимися в нем картинками, иконками, видеороликами, таблицами и т.п.
  11. Ну, и самое главное именно для коммерческого сайта — заметная кнопка заказа. Для информационного ресурса ее аналогом может быть кнопка для подписки на ленту новостей. Хотя, к именно текстовой оптимизации это имеет весьма опосредованное отношение.

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

Очень важным в этом плане является правильное построение логической структуры текста:

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

    В интернете тексты не читают (как это происходит с книгами), а просматривают. При использовании канонической схемы, внимание пользователя может истощиться еще до того момента, когда он доберется до сути. Т.е. при написании текстов для сайтов следует начинать с заключения (сути), потом уже писать основную часть (разъяснение и обоснование сути), а уже заканчивать повествование чем-то малозначимым, что в сочинениях обозначают как введение.
  2. Если у вас достаточно большой текст, то бейте его на абзацы, ибо людям крайне неудобно читать, когда у вас на странице идет одна сплошная «простыня» текста. Как я уже неоднократно упоминал, каждый абзац должен содержать в себе законченную мысль. Абзацы разделяйте пропусками строк.
  3. Через каждые три-пять абзацев желательно делать подзаголовки. Так текст будет проще читать.
  4. Блоки с контентом должны иметь отступы друг от друга достаточные, чтобы пользователь понимал, где заканчивается один логический блок и начинается другой. Особенно это важно, когда не используются различные фоновые цвета для блоков или какое-либо их визуальное отделение.
  5. Ну и, естественный, никакой «воды». Главное не размер текста, а его понятность, достаточность и правильное структурирование.

Как форматировать текст для получения максимальной отдачи?


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

  1. Заголовки
  2. Абзацы
  3. Выделения жирным
  4. Картинки
  5. Видео
  6. Иконки, инфографика

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

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

Итак, какие же инструменты для форматирования текста имеются в нашем распоряжении:

  1. В первую очередь внимание обращают, конечно же, на заголовок, при условии, что он по всем правилам сделан заметным. Чуть ниже я буду приводить примеры использования различной графики для привлечения внимания пользователя в том числе и к заголовкам (например, написание их на так называемых лентах).
  2. На втором место находится, наверное, выделение фрагментов текста жирным, другим цветом, либо НАПИСАНИЕМ С ПОМОЩЬЮ ТОЛЬКО ПРОПИСНЫХ БУКВ
  3. Списки тоже привлекают внимание (и позволяют гораздо быстрее воспринять подаваемую информацию). Они хорошо сработают, например, при перечислении каких-то свойств ваших товаров или услуг.

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

    Найти подходящие изображения галочек для списков можно в интернете. Например, в Гугл или Яндекс картинках, либо других платных и бесплатных сервисах, о которых я писал в статье «Иконки, значки, фоны, картинки и логотипы для вашего сайта». Ну, или заказать их у дизайнера.

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

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

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

  5. Далее у нас следует вставка картинок в текст (тег IMG, если кто не знает, это позволяет делать). Текст плюс графика в большинстве случаев будет восприниматься лучше, чем просто текст. Само собой разумеется, что они должны «быть в тему», т.е. нести в себе некий дополнительный визуальный, хорошо читаемый и воспринимаемый смысл. Это существенно улучшает восприятие текста и повышает конверсию. Любая визуализация (графика, инфографика, видео, списки, блоки) работает лучше, чем просто текст. Картинку можно сделать, при желании, обтекаемой текстом с помощью CSS свойства Float, как это сделано в этом абзаце.
  6. Многие пользователи гораздо лучше текста воспринимают видео, поэтому вкупе с текстом можно будет вставить на страницу и видеоролик. Вставить его можно, например, с помощью тегов Embed и object, или с помощью тега Iframe (если залили ролик, к примеру, на ютуб)
  7. Еще одним из важным приемов, позволяющим улучшить восприятие текстового контента на сайте, являются иконки, ибо графика привлекает внимание человека лучше, чем текст.

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

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

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

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

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

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

  12. Очень хорошим стимулятором продаж на коммерческом сайте являются акции, распродажи, спецпредложения и т.п. интересные для посетителей вещи, когда им предлагается сэкономить немалую толику их средств. А одним из инструментов повышения конверсии на странице акции является таймер обратного отсчета. Он серьезно увеличивает мотивацию пользователя к покупке. В интернете вы сможете найти уже готовые скрипты этих таймеров.
  13. Текст служит для того, чтобы заинтересовать пользователя в том, что вы ему предлагаете. Когда он свое назначение выполнит, то пользователь должен будет без проблем найти кнопку заказа и совершить требуемое от него конверсионное действие. Для этого кнопка должна быть заметной. Возможно, что у вас она выглядеть будет не так вычурно, как на скриншоте:

    Но ее основная задача — быть найденной посетителем все за те же пару секунд, иначе он может легко передумать покупать/заказывать и уйдет восвояси. Кнопка заказа должна быть заметной. Лучше всего ее делать красной или оранжевой (уже сложившийся образ, который подсоздательно будет искать посетитель).
  14. Как я уже упоминал выше, весь контент на странице лучше разделять на блоки, которые позволяют гораздо проще сориентироваться, где и что именно находится (просто пробежавшись глазами по странице). Большая простыня текста будет восприниматься на порядок хуже. Модель стандартная, но реализовываться она может по-разному. Собственно, эта страница, которую вы сейчас читаете, тоже разбита на блоки — шапка, сайдбар, место в центре для основного контента, комментарии, футер. На коммерческом сайте контент, конечно же, должен располагаться более компактно для его лучшего восприятия.

Подводим итоги по текстовой оптимизации сайта


Попробуем подытожить все, о чем мы говорили в этой и в предыдущей статьях:

  1. На сегодняшний день достичь результатов в поисковом продвижении без текстов вообще не возможно. Без них современное SEO не существует по определению, т.е. вы не получите ни позиций по нужным поисковым запросам, ни тематического трафика на ваш сайт, ни продаж. Ничего не будет.
  2. Как бы это банально не звучало, но тексты всегда нужно писать именно для людей. Времена успешной оптимизации текстового содержания страницы под поисковики (к сожалению многих SEO-шников) канули в лету. Соответственно, если вы тексты пишите не сами, то ищите копирайтеров, которые способны писать для людей. На самом деле, это не так уж и просто сделать, но биржи контента и копирайтинга вам могут помочь.
  3. Всегда форматируйте тексты, используя какие-то из описанных выше общепринятых способов. Можете их подсмотреть у ваших успешных конкурентов.
  4. Попробуйте поставить себя на место посетителя вашего сайта, или попросить кого-то не предвзято оценить ваши тексты на предмет: «А будут ли их читать?». И возможно ли при этом за первую пару секунд понять, о чем этот текст повествует (обычно за это отвечает заголовок и прочие основные элементы форматирования, перечисленные выше).

Продолжение следует >>> (Тут можно подписаться на почтовую рассылку с анонсами новых статей)

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Продвижение коммерческих сайтов

Комментарии и отзывы

Tolkan

Пойдёт.

Олег

Доброго, Дмитрий!

Вопрос чуть не в тему, но все же: стоит ли закрывать от индексации страницы пагинации (вида page_id) или нет?

Дмитрий

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

Disallow: */page/

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

Олег

да, вот и я о том же, в индексе яндекса висят страницы вида Тайтл — Part 1,,,12.

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

Олеся

Disallow: */page/

У меня в роботсе есть, ну а «злобный» яндекс все равно некоторые странички (вида page_id) проиндексировал.

Юрий

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

Олег

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

1. Для информационного блога, сколько должно быть ключевых фраз на тысячу знаков. (Я в замешательстве, потому что мне попалась информация, что должен быть всего лишь один ключ на статью) Тогда в виду постоянно меняющихся алгоритмов, что значит, статья заточена под ключ и сколько должно быть точных вхождений этого ключа?

2. В это количество входит ключ и в title и description или это помимо них?

3. И еще вопрос: подзаголовки статей можно писать в виде прямого ключа (как основного, так и дополнительных, раскрывающих статью)? Например, в плагине SEO от Yoast даже указывается, что желательно в тегах h2-h6 хотя бы раз вставить прямой ключ, под который пишется статья. Может, я что-то не так понимаю? Мне кажется, я постоянно опаздываю применять знания. Что начал применять это уже не правильно.

Если у Вас есть статьи отвечающие на мой вопрос укажите пожалуйста что мне почитать.

Спасибо!

Подписаться не комментируя