Как правильно публиковать статьи на сайте?

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

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

Один на один с задачей публикации

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

Что не так с визуальным редактором?

Несомненным преимуществом визуального редактора является то, что пользоваться им может каждый, кто умеет работать, к примеру, в MS Word. Но плох он тем, что не позволяет оформлять текст в общем стиле сайта, а его настройка не всегда бывает возможна. В итоге результат работы в визуальном редакторе непредсказуем:

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

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

Хотите избежать таких проблем? Придётся окунуться в мир разметки HTML и использовать HTML-редактор.

Что такое HTML?

«HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме».

Источник: http://ru.wikipedia.org/

Документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, (например, тег перевода строки: <br/>) или содержать текст, подлежащий особому оформлению (например, жирный текст: <b>текст</b>).

Как применять HTML?

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

Например, код:

<b>
   Здесь текст будет жирным,
    <i>а здесь ещё и курсивным!</i>
</b>
<br/>
А тут уже обычный текст.

даст такой результат при отображении:

Кроме того, в HTML используются сущности, обозначающие специальные символы (например, знак копирайта ©, тире или кавычки «»). Все символы, кроме букв, цифр и знаков препинания, оформляются с помощью них.

Например, код:

<p>
   &laquo;Текст в кавычках&raquo; &mdash; обычный текст
</p>
<p>
   Ещё немного текста &copy;
</p>

даст такой результат при отображении:

Основные правила оформления текста

При оформлении текста страниц рекомендуется следовать следующим правилам:

1. Абзацы текста должны обрамляться тегом параграфа <p> — в этом случае, между ними будет перенос строки и заданный в стилях отступ. При этом, вам не потребуется использовать <br/>.
2. Кавычки в русском языке традиционно оформляются как французские «ёлочки» (&laquo; &raquo;).
3. Списки любят соответствующие теги (ul, ol). Не пытайтесь оформить их как–то по–другому!
4. Заголовки обрамляются соответствующими тегами — h1, h2, h3 и т. д. Не используйте тег h1 более одного–двух раз на странице (его злоупотребление чревато проблемами с поисковыми системами).
5. Спецсимволы. Не забывайте про использование спецсимволов!

В помощь начинающему

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

Вы так же можете заказать у нас услугу поддержки сайта и освободить себя от надобности вникать в эти материалы.

Автор:
Антон Жилин

Метки:

• верстка
• качество
• техническая поддержка