Текстовое оформление

Эра печатных машинок давно прошла, но отголоски 80х до сих пор передаются их уст в уста и даже умудряются перекочевать в веб. Принципиальная разница в том, что лист с напечатанным текстом не может менять ширину, в то время как страница сайта должна корректно отображаться на экранах разного размера (смартфонов, планшетов, ПК…). Кроме того, текст веб страницы должен быть правильно распознан поисковиками (Яндекс, Google…). Ниже приведен список грубейших ошибок редактора сайта.

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

Списки

− Зеленое яблоко
− Красный помидор
− Желтый перец

На печатных машинках не было символов выделяющих пункты списка. Использовали «-» или  «+». Для сайтов же есть специальный инструмент, который автоматически делает список и выделяет его жирными точками (булетами).

Так-же не стоит делать цифровое перечисление, т.к. можно сделать автоматическую нумерацию.

  • Зеленое яблоко
  • Красный помидор
  • Желтый перец

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Заголовки

Заголовок

Обычный текст которого на сайте может быть много. А может не быть совсем. В любом случае украшать его нужно.

Принято считать что заголовок должен быть по центру, как в Договоре. Но веб-страница это не документ. У нее совсем другие стандарты. Важно чтобы чтение сайта было в первую очередь удобно пользователю. А если таких оглавлений будет 5-10 и они разной ширины, то глазам нужно будет постоянно искать начало строк. Это утомляет.

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

Заголовок

Обычный текст которого на сайте может быть много. А может не быть совсем. В любом случае украшать его нужно.

  • Не выделяйте заголовки жирным, для этого есть размер шрифта под названием Абзац 1, Абзац 2… Используйте их следующим образом:
    • Абзац 1 или <h1> — Всегда название страницы и 2 раза повторяться не может.
    • Абзац 2 или <h2> — Заголовки.
    • Абзац 3 или <h3> — Подзаголовки.
  • Выравнивайте заголовки по левому краю. Так они, независимо от длинны, всегда будут опрятными.

Ссылки

Подробнее о грубейших ошибках редактора читайте тут: https://minimalart.ru/faq/site-text/
Подробнее о грубейших ошибках редактора читайте тут.

На печатных машинках не было символов выделяющих пункты списка. Использовали «-«, «+».. Для сайтов есть специальный инструмент, который автоматически делает список и выделяет каждый пункт жирными точками (булетами).

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Абзацы

Обычный текст которого на сайте может быть много.
А может не быть совсем.
В любом случае украшать его нужно.
В современном мире без этого никуда

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

Обычный текст которого на сайте может быть много. А может не быть совсем. В любом случае украшать его нужно. В современном мире без этого никуда

Лучше 2-4 абзаца на страницу. Они лучше выглядят, удобнее читаются, а главное на различных экранах автоматически выравниваются по ширине.