Как очистить пост блога от мусора Microsoft Word?

Приветствую вас! Подготовку постов удобно осуществлять в редакторах вроде Microsoft Word. Так вы можете избежать или снизить количество ошибок в тексте, произвести должное оформление и т.д. В тоже время, если вставить такой текст напрямую в визуальный редактор блога, вы получите кучу ненужного вам кода.

В этом посте я хочу рассказать вам о том, как следует подготавливать посты блога. Сюда войдут: подготовка постов в MS Word, очистка кода сервисом «Реформатор» и особенности работы с визуальными редакторами, которыми так часто пользуются новички. Если вы не желаете разводить мусор в своём блоге, рекомендую уделить внимание данной теме. Приступим?

Подготовка постов в MS Word

Основным преимуществом такого текстового редактора как Microsoft Word является то, что в нём осуществляется полноценная проверка орфографии и грамматики. Понятно, что для этого необходимо установить соответствующие языковые модули и включить соответствующие функции.

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

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

• Не используйте изменение шрифта, его размера и цвета. Исключением может служить преднамеренное желание выделить фрагмент текста.
• Не используйте отступы, лишние пробелы и пустые строки.
• Не вставляйте в текст картинки. Это нужно делать в редакторе блога, предварительно загрузив их на сервер.
• Для оформления текста лучше использовать стандартные стили и форматирование.
• Для очистки текста от использованного оформления можно использовать пункт «Очистить формат» в списке стилей и форматирования.
• Старайтесь избегать сложных конструкций в виде тех же таблиц или изучите, как с ними работать в HTML.

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

Очистка кода сервисом Реформатор

Несмотря на то, что MS Word позволяет работать с веб-страницами, он не является HTML-редактором. Производя копирование текста из MS Word в визуальный редактор блога, вы получите огромное количество лишнего кода. Например:

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

В том случае, если включено (а оно включено по умолчанию) «Автоформатирование» очистка кода будет осуществлена уже при вставке. В результате, кликнув «Исходный HTML» вы увидите полностью чистый HTML-код, размеченный должным образом. Также вы можете очистить от мусора выделенный фрагмент текста, используя инструмент «Очистить HTML». Здесь же имеется ряд стандартных инструментов для разметки HTML-документа.

Примечательно, что в дальнейшем вы можете скопировать полученный текст из «Реформатора» в визуальный редактор своего блога и получить надлежащий результат. Главное здесь понять, что большая часть оформления поста (шрифт по умолчанию, его размер и цвета, а также многое другое) уже заложены в самом дизайне блога. Вам не нужно обращать внимание на то, как выглядит текст в MS Word или визуальном редакторе. Свой истинный вид он получит, когда будет опубликован в блоге. К слову, при желании вы можете использовать функцию предварительного просмотра, если таковая есть.

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

Для удобства пользователей, большинство систем управления сайтов оснащено визуальными редакторами. Это действительно удобно. Вам нет необходимости знать, что такое HTML. Создание HTML-кода происходит автоматически. В тоже время, именно HTML-код формирует внешний вид поста. Здесь очень много вариантов решения даже одной и той же задачи. Можно нагородить огород и получить огромную страницу, а можно указать пару тегов и получить тот же результат.

Визуальные редакторы не совершенны. Полностью рассчитывать на них не стоит. Это понимают разработчики, это же должны понимать и вы. В большинстве визуальных редакторов есть возможность просмотреть полученный HTML-код. Используйте эту возможность для проверки результата. Помните о том, что внешний вид текста в визуальном редакторе может отличаться от текста опубликованного в блоге. Оформление обычно задаётся через CSS, и не всегда эти стили учитываются в визуальном редакторе.

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

Послесловие

Основная моя рекомендация такова – изучайте HTML, а визуальные редакторы используйте только для удобства при написании постов. Только в этом случае вы сможете добиться наиболее оптимального результата. Это касается как оформления так и веса веб-страниц. Ищите компромисс. А у меня всё. Спасибо за внимание. Удачи!

С уважением, Константин

Коротко о HTML для новичков С чего начать изучение HTML? Это тот вопрос на который я постараюсь ответить в данном посте, если вы действительно хотите изучить HTML и применять полученные знания на практике. Начнём?

Что такое SEO-копирайтинг? Мутная это задача SEO-копирайтинг. Но что-то же связывает текст и поиск? Что? Как? Почему? В этом посте вы узнаете ответы на свои вопросы, не тратя времени и сил.

Коротакая ссылка: http://goo.gl/HSSD7

Видео на закуску: Что нового в MS Word 2013?