На самом деле, мало кто задумывается о том, насколько корректное и аккуратное оформление текста в текстовых редакторах способно сократить время на их выставление в сеть. Ведь все, на что махнул рукой или не заметил копирайтер, в итоге выливается в излишне «тяжелый», перегруженный тегами HTML-код.
Для примера мы укажем фрагмент страницы сайта, тексты на который, совершенно очевидно, выставлялись напрямую из Word’а через визуальный редактор.
Рис.1. Так выглядит текст на странице, оформленной через визуальный редактор.
Рис.2. Так выглядит исходный код страницы, вставленной напрямую через визуальный редактор.
На самом деле, понять что-либо из этого кода сложно не только обычному потребителю, но и специалисту, а также поисковым системам, которые, как и положено всем машинам, считывают все, что видят, а потом интерпретируют это. И в данном случае поисковые системы видят кучу всякого мусора: ненужных тегов, спецсимволов, автоматически проставленных стилей… тогда как на самом деле для оформления текста достаточно в данном случае двух-трех видов тегов, парочки классов и, возможно, некоторых стилевых вставок непосредственно в код страницы.
Итак, тексты от копирайтеров чаще всего попадают именно в таком виде. То есть, если выставлять тексты от копирайтеров непосредственно на сайт, не внося в них хотя бы минимальные правки, то примерно такую кашу мы и получим.
Но копирайтеры могут очень сильно облегчить жизнь верстальщикам, соблюдая всего несколько очень несложных правил и используя для оформления текстов стандартные средства Word’а (или других подобных текстовых редакторов).
Списки и заголовки
Заголовки в текстах бывают нескольких уровней. HTML допускает их шесть, Word — практически неограниченное количество, а элементарная логика — не более трех. «Серьезно» поисковые системы также относятся только к заголовкам уровня 1-3, заголовки 4 уровня и ниже уже не выделяются как-то особо.
Для выделения заголовков не стоит использовать теги полужирного или курсивного начертания. В любом редакторе есть встроенные стили, используя которые копирайтеры могут оформлять свои документы.
Рис.3. Панель стилей в редакторе Word 2011
Тогда при вставке текста из Word’а заголовки будут автоматически оформляться в теги H1-H6 без дополнительных тегов.
Аналогичная ситуация со списками. Не стоит оформлять их, вручную проставляя маркеры (дефисы, тире, спецсимволы) или цифры перед каждым пунктом. Для этой задачи в Word’е есть встроенные списки:
Рис.4. Панель списков в редакторе Word 2011
Курсивное и полужирное выделение текста
Выделение текста при копирайтинге использовать можно и нужно, но только смысловое. Раньше мы выделяли полужирным ключевые слова — после смены алгоритмов яндекса мы отказались от этой практики. Поэтому подобное выделение стоит использовать только если оно к месту.
Повторюсь: не надо выделять таким образом заголовки. Если копирайтер выделит заголовок курсивом, то потом в тексте появится дополнительный лишний тег, который придется чистить вручную.
Выделять текст лучше после его написания. Т.е. сначала написать текст, потом выделить мышью нужный кусочек и нажать кнопку выделения (или горячие клавиши). Таким образом выделится весь текст сразу, а не каждое слово (или даже буква) по отдельности (что возможно, если сначала нажать на кнопку жирного или курсивного текста, а потом начать его писать).
Пустые строки и лишние пробелы
Почему-то при копирайтинге пустые строки и лишние пробелы встречаются довольно часто. Отделить заголовок от текста пустой строкой, сделать кучу пробелов в начале или конце строки, отделять каждый абзац от следующего пустой строкой… Все это, на самом деле, потом преобразуется в пустые теги абзацев и в неразрывные пробелы — то, чего следует избегать во имя аккуратности кода и красивого отображения текста на сайте. В конечном итоге (и в идеале) все межстрочные расстояния, отступы, пробелы и т.д. регулируются стилевыми файлами, и в поисковые системы не попадают.
Просто представьте, что каждый лишний пробел убивает хомячка где-нибудь в Африке. Ну или занимает еще несколько драгоценных минут верстальщика.
Caps Lock, увеличенные и уменьшенные шрифты и т.п.
Слова, написанные КАПСОМ, поисковиками распознаются совершенно однозначно — как аббревиатуры. Поэтому даже если все заголовки на сайте написаны БОЛЬШИМИ БУКВАМИ, писать их все равно нужно по-русски: первая буква большая, остальные — маленькие. Существуют специальные правила, которые позволяют изменить визуальное отображение текста, в том числе сделать так, чтоб он отображался большими буквами, тогда как в самом коде он будет написан нормально и понятно для поисковых систем.
Если же копирайтер искусственно уменьшает или увеличивает шрифт в каком-то слове, предложении и т.д., то, опять же, редактор вставляет лишние теги (причем чаще всего это устаревший <font>) для того, чтоб изменить размер текста.
Копирование с других сайтов
Копирование текста с сайтов в редакторы неизбежно ведет к образованию «артефактов» в виде лишних тегов и спецсимволов. По возможности, этого лучше избегать.
Прочие вставки в текст
Это может касаться чего угодно: комментариев, вставленных ссылок, картинок, еще чего-то… Все это лучше писать ДО или ПОСЛЕ текста, а не внутри него.
Гиперссылки вставлять лучше с использованием вставок Word’а. Картинки в Word вообще вставлять не надо: он их сильно сжимает, из-за чего портится качество. Лучше перед текстом (или после него) поставить ссылку на картинку, размещенную в сети или на сервере, которую нужно вставить в текст. При размещении контент-менеджер сам разберется, куда картинку вставлять и где она лучше будет выглядеть. Если на ней изображено что-то специфичное, что должно стоять в строго конкретном месте статьи, то это лучше указать в комментарии рядом с картинкой, а не пихать, опять же, в текст.
Выводы и немножко личных пожеланий
Педантично и аккуратно оформленный текст смотрится лучше не только в Word’е. После вставки на сайт в аккуратном коде может разобраться даже непрофессионал. Даже «непосвященный» человек увидит, где в тексте находится заголовок и сможет прочитать текст, не обращая внимания на незнакомые теги.
Рис.5. Аккуратно оформленный текст для сайта www.tdinteres.ru
Рис.6. Исходный код текста для сайта www.tdinteres.ru: прочитать может даже тот, кто не разбирается в HTML-тегах
Помимо всего вышесказанного, есть еще один очень важный момент: выставлять тексты, изначально написанные аккуратно, по которым видно, что их писали с интересом, а не просто лишь бы написать, намного приятнее, чем тексты, оформленные как попало. А когда работать приятно — работа идет намного быстрее. И, таким образом, оптимизируются временные затраты нашей компании.
Автор: Анна, Технический оптимизатор