Как сверстать аккуратную статью без форматирования

 

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

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

А вот что бывает, когда эти принципы не соблюдаются (скриншот из чата): https://i.imgur.com/rdfm43U.png

В качестве эксперимента сам урок свёрстан неформатированным текстом.


Деление на абзацы

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

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

Чтобы не перепутать абзац с подзаголовком, не пишите его на полстроки-строку.

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


Деление на разделы

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

В начале раздела поставьте заголовок. Перед заголовком поставьте две пустые строки, после — одну. Так будет понятно, к чему относится подзаголовок.

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

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

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

Грязно:
! Деление на разделы!
* Деление на разделы *
ДЕЛЕНИЕ НА РАЗДЕЛЫ
### ДЕЛЕНИЕ НА РАЗДЕЛЫ ###
——— ДЕЛЕНИЕ НА РАЗДЕЛЫ ———
_— ДЕЛЕНИЕ НА РАЗДЕЛЫ —_
Д Е Л Е Н И Е Н А Р А З Д Е Л Ы


Перечни и примеры

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

Но кое-какие варианты есть:
— Отбейте список маркером, например, тире. Перед перечнем поставьте обобщающую строку, как здесь, так станет ещё читаемее.

— Перед примерами поставьте ключевые слова (как выше — «плохо», «нормально»).

— Перед длинным примером поставьте ключевой мини-подзаголовок, отступив одну строку над ним и написав сам текст примера на следующей строке (как выше в примере «грязно»).

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


Ссылки

На SEO sprint можно сделать часть текста ссылкой, но не все пользуются этим инструментом, и вставляют полный адрес ссылки. Но это не страшно, если ссылки правильно подать.

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

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

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

Недавно я поделился в блоге советами, как привлекать рефералов. Прочитайте всё, чтобы зарабатывать больше, чем ваши конкуренты: https://seosprint.net/public?p4

См. также: как составить короткое описание задания

 

Мои ежедневные бонусы
Cотрудничество и реклама

10291 33
73 0
Login to post comments
Untimely gone@1352809904/20/2020, 12:14 pm
Хорошо что есть люди которые могут объяснить как правильно оформить блог и разложить всё по полочкам.
Untimely gone@1312852404/19/2020, 11:41 am
Я не занимаюсь конечно таким, но думаю когда-нибудь пригодится
Bugzz@164376804/18/2020, 9:55 pm
Алгоритм работы с блогами и статьями достаточно понятен, не думаю что на сео попадают люди не писавшие хотя бы рефераты, курсовые, дипломы и т.д.
Тут практически то же самое, но можно проявить фантазию, я лично разбавляю текст картинками, фото. так веселее и текст автоматически разделяется на блоки.
LALI@1180002204/17/2020, 12:11 pm
Что же воспользуюсь вашими советами. Надеюсь дела пойдут в гору ..
Untimely gone@1333547604/16/2020, 1:43 pm
Большое вам спасибо за полезную публикацию , буду применять !
Вера@802549904/15/2020, 11:35 am
Полезна информация,как часть текста можно использоваать как ссылку.
Roman@30298604/15/2020, 10:48 am
Толковый материал. Особенно для редакторов, которые работаю с текстом. Он должен быть составлен так, чтобы читатель одним взглядом охватывал сразу весь материалл и видел ссылки, короткие выводы и даже не читаю, понимал содержание увиденного.
Untimely gone@1257346204/14/2020, 7:47 pm
Отличная информация)Думаю мне поможет)
Екатерина@1322807604/14/2020, 2:46 pm
мне кажется, для всех, кто хочет писать статьи в блог, данная информация поможет, потому что объяснили все доступно и понятно, полезно)
Untimely gone@968783304/14/2020, 1:21 pm
благодарю за полезную информацию