Как оформлять текст на сайте

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

Правила оформления текстов на сайтах

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

Используйте правильные заголовки в текстах

  • заголовок текста должен начинаться с большой буквы;
  • заголовок текста (будь то страница сайта, новость или статья) не должен заканчиваться точкой;
  • в конце подзаголовка текста точку также нельзя ставить;
  • чтобы выделить заголовки и подзаголовки текста, используйте теги h1-h6 (визуальный редактор сайта, Заголовок 1 — Заголовок 6).

Правильное оформление текстов на сайтах

Списки и перечисления на сайте

При оформлении списков и перечислений на сайте соблюдайте следующие правила:

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

Общие рекомендации, которые относятся ко всем текстам на сайте

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

Использование ссылок в текстах сайта

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

Пример:

Посмотреть информацию о компании — правильно.

Информацию о компании вы можете посмотреть тут — неправильно.

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

А как вы оформляете тексты на своем блоге? Может быть, у вас есть какие-то свои правила оформления текстов на сайте? Расскажите об этом в комментариях.

 

Комментарии к записи “Как оформлять текст на сайте” (29)

  1. Все так правильно написано! Только можно добавить, что легче воспринимается темный текст на светлом фоне.

    • Спасибо, Софья! Посоветуете дописать в статью или оставить это вашим комментарием?

      • Анатолий, оставьте здесь комментарием. Ведь при желании, вы можете написать отдельную статью про дизайн.

        • Я особо в дизайне не разбираюсь, не буду скрывать. Но про то, что нужно делать темный текст на светлом фоне, — тут согласен.

  2. Анатолий, вы меня прямо убили правилами: «заголовок текста (будь то страница сайта, новость или статья) не должен заканчиваться точкой»

    А я вроде знак ? часто ставлю. Или это не относится?

    И, кстати — часто слышала, что как раз и надо писать: посмотрите «здесь» — информация -"тут"

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

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

      • Мне тоже симпатичен вариант с анкором, раньше так и делала, пока не увидела по статистике, что слишком много анкоров, и стала разбавлять. Хотя, если анкор ведёт на другую страницу твоего же сайта, что в этом должно быть плохого? Это же не продажная ссылка?

        • А я наоборот стал присматриваться к покупным ссылкам с анкорами типа «здесь» или вообще к безанкорным...

  3. Я в начале статьи всегда делаю картинку шириной 20 пикселов. Далее пишу текст и разбавляю его картинками. Нужные фразы выделяю тегом strong. Это мой метод. А какой у Вас шрифт текста (очень понравился)

  4. Ключевую роль в оформлении текста играет шаблон, я просто не могу воспринимать информацию, где серый текст был на белом фоне, а огромное количество человек ставят себе такие шаблоны. +1 к ссылкам, интересная информация. Danke)

    • У меня сначала стоял тёмно-серый текст, потом я себе поставил чёрный. Вроде стало получше.

  5. Я следую перечисленным рекомендациям по оформлению текста.

    Вот только текст в статьях всегда выравниваю по ширине! Мне кажется, так лучше смотрится

    • Я раньше выравнивал тоже по ширине, но потом мне перестало нравится так.

  6. Анатолий, вы полностью правы насчет оформления текста. Работая копирайтером, уже делаю все это автоматически. Но согласен так же с Alex. Даже идеально оформленную статью сложно читать на странице с неудачным шаблоном. Для меня это больной вопрос. До сих пор не могу подобрать тему на сайт, которая бы удовлетворяла всем требованиям. На данный момент присутствуют очень яркие цвета, «режущие» глаза и отвлекающие от размещенного контента. Тут уже не до чтения... Придется мудрить с кодами шаблона на Денвере. По крайней мере, хоть сайт не «поломаю»...

    • Кстати, а я локально только по работе сайты тестирую. Свои личные и клиентские на поддоменах и бесплатных хостингах 🙂

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

    • Александр, не совсем понял вопрос про документы и кодировку. Можете чуть подробнее расписать?

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *