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

В блоге есть минимум инструментов для форматирования текста — это жирный, курсив, иллюстрация и текстовая ссылка. Но нет настраиваемых отступов, втяжек и кнопок. Вроде бы просто, но в реальности мало кто может сверстать аккуратную статью, используя только эти инструменты. Если правильно сверстать текст, сразу будет ощущение, что перед тобой умный автор. Этому и научимся. А вот что бывает, когда эти принципы не соблюдаются (скриншот из чата): https://i.imgur.com/rdfm43U.png В качестве эксперимента сам урок свёрстан неформатированным текстом. Деление на абзацы Сначала поделите текст на абзацы. Один абзац — одна новая мысль. Заявите тему в начале абзаца, а внутри него раскройте тему. Замечательно, когда абзац состоит от трёх до девяти строк — тогда есть чувство, что абзац читаемый. Абзац длиннее девяти строк может показаться непосильным. Чтобы не перепутать абзац с подзаголовком, не пишите его на полстроки-строку. Разделяйте абзацы в неформатированном тексте одной пустой строкой. Если так не делать, абзацы слипнутся. Если делить двумя или более строками, появятся дыры. Деление на разделы Чтобы читатель легче находил нужные мысли в тексте длиннее десяти абзацев, делите его на разделы. В начале раздела поставьте заголовок. Перед заголовком поставьте две пустые строки, после — одну. Так будет понятно, к чему относится подзаголовок. Хорошо, когда заголовок занимает половину строки. Если он занимает строку или более, уже не так очевидно, что это заголовок. Иногда полезнее сократить заголовок, чтобы сделать читаемее. Плохо: Правило первое: поделите текст на абзацы, не превышая девяти строк Нормально: Деление на абзацы Не нужно выделять подзаголовки особыми знаками или набирать их заглавными буквами. Такое оформление создаёт ощущение неряшливости. Достаточно короткой строки, разделенной отступами сверху и снизу. Грязно: ! Деление на разделы! * Деление на разделы * ДЕЛЕНИЕ НА РАЗДЕЛЫ ### ДЕЛЕНИЕ НА РАЗДЕЛЫ ### ——— ДЕЛЕНИЕ НА РАЗДЕЛЫ ——— _— ДЕЛЕНИЕ НА РАЗДЕЛЫ —_ Д Е Л Е Н И Е Н А Р А З Д Е Л Ы Перечни и примеры В неформатированном тексте трудно разнообразить текст перечнями, примерами и отступлениями и всем, что требует других элементов оформления. Этих инструментов просто нет. Но кое-какие варианты есть: — Отбейте список маркером, например, тире. Перед перечнем поставьте обобщающую строку, как здесь, так станет ещё читаемее. — Перед примерами поставьте ключевые слова (как выше — «плохо», «нормально»). — Перед длинным примером поставьте ключевой мини-подзаголовок, отступив одну строку над ним и написав сам текст примера на следующей строке (как выше в примере «грязно»). Короткие перечни можно не разделять пустыми строками, длинные лучше разделить. Ссылки На SEO sprint можно сделать часть текста ссылкой, но не все пользуются этим инструментом, и вставляют полный адрес ссылки. Но это не страшно, если ссылки правильно подать. Ключевые принципы: — Перед всеми ссылками объясняйте, куда она ведет. Это сайт, видео или документ? Читатель должен понимать, зачем кликать на ссылку. Слова «тут», «здесь» или «ссылка» не помогут в этом. — Короткую ссылку ставьте в конце предложения, а предложение — в конце абзаца. В ссылку в конце абзаца проще прицелиться. — Длинную ссылку выносите в отдельный абзац, а объяснение ставьте перед ним. Недавно я поделился в блоге советами, как привлекать рефералов. Прочитайте всё, чтобы зарабатывать больше, чем ваши конкуренты: https://seosprint.net/public?p4 Читайте по теме: как составить короткое описание задания Подписывайтесь на блог, чтобы не пропустить следующий выпуск. Мои ежедневные бонусы Cотрудничество и реклама
710 22
54 0
Login to post comments
Comments
123
Forward
Татьяна@1218791805/15/2020, 9:42 pm
интересный материал,кто хочет писать статьи в блог,понятно ,доходчиво,спасибо из информацию
HobbitGirl@877474505/15/2020, 1:52 pm
А что будет, если загрузить текст, отредактированный в HTML редакторе?
ykamoto123@1126786405/15/2020, 12:33 pm
Статья очень полезна для новичков. Верстать текст это тоже искуство. Подбирать правильные выражения , смысл. Но по мне если не разбираешся в этой теме лучше всего обратиться к профиссионалам, а самому сконцентрироваться на том в чём сам разбираешься.
Nina@1358619205/12/2020, 4:46 pm
Замечательная статья. Я недавний пользователь sеоспринт и много еще чему надо учиться. Вот таким как я надо и просвещаться
Виктория@1332789105/02/2020, 2:27 am
Очень хорошо , что я прочитала эту статью, теперь я думаю мне работать будет на много проще. Спасибо.
Александр@1149026304/29/2020, 12:43 pm
Лайк
Женя@68759504/24/2020, 11:17 am
очень нужная информация такие блоги нужны
виталий@1189085004/21/2020, 9:49 pm
Очень полезная информация между тем что я на этом сайте уже год с лишним мне было интересно.
Алексей@928954504/20/2020, 12:31 pm
Спасибо за объяснении о составлении блога, думаю, однажды пригодится.
Виктор@1352809904/20/2020, 12:14 pm
Хорошо что есть люди которые могут объяснить как правильно оформить блог и разложить всё по полочкам.
123
Forward