руслан белый

Я вебмастер с ИП. Опыт работы — 10 лет.

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

В свободное время ищу ошибки на сайтах и учу делать контентники

Рассылка
Популярное

Как решить любую техническую проблему

Сколько денег надо
вложить в сайт

Как самому сделать сайт

Как выбрать нишу сайта

Бесплатный аудит сайта

Мероприятия

Пока мероприятий нет.

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

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

  1. Cтатья скопирована из редактора вместе со всеми “мусорными” стилями источника. Итоговый текст получается уродливый и не пригодный для чтения на сайте.
  2. Текст чистый, но не размечены основные элементы: заголовки, списки, цитаты и т.д., как результат, текст превращается в нечитабельное сплошное полотно — портянку.
  3. Текст чистый, но размечен не по правилам: вместо автоматических инструментов, автор использует ручное форматирование, в итоге теряется семантическая ценность.

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

Как работает редактор вордпресс

В вордперссе текст форматируется при помощи WYSIWYG редактора. WYSIWYG буквально означает “что ты видишь, то и получаешь” — принцип визуального оформления интернет страниц для тех, кто не разбирается в html.

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

Из html используются такие теги:

  • strong, em, del
  • ul, ol, li
  • blockquote, a, pre, hr
  • h1, h2, h3, h4, h5, h6
  • img

Из css используются такие свойства:

  • text-align
  • text-decoration
  • color
  • padding-left

Чтобы публиковать красивые и аккуратные статьи, этих элементов достаточно.

В редакторе вордпресс теги и свойства спрятаны за красивыми кнопками:

красиыве кнопки редактора вордпресс

Чтобы увидеть html и css код, наберите несколько абзацев текста в режиме “визуально” и понажимайте на кнопки в панели, например вот так:

редактор в визуальном режиме

Далее перейдите в режим “текст”, чтобы посмотреть, что получилось:

редактор в текстовом режиме

Так браузер видит интернет страницы.

Переходим к ответу на вопрос: “как публиковать?”

Чистим текст от “мусорных” стилей

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

Проблемы начинаются, когда копируешь статью из текстового редактора, например, ворда или гугл докса, прямо в редактор вордпресс: вместе с текстом переносятся “мусорные” стили из программы источника.

Выглядит это примерно так:

мусорные стили гугл докс

Чтобы почистить текст от таких “стилей”, надо воспользоваться специальным инструментом “очистить форматирование”:

кнопка очистить форматирование

После чего надо восстановить важные куски форматирования, которые удалились вместе с мусором, например выделение текста жирным или наклонным начертанием.

Размечаем основные элементы статьи

Далее проходим по тексту и размечаем заголовки при помощи инструмента “заголовки”:

инструмент заголовки

Списки, при помощи инструмента “списки”:

инструмент списки

 

и т.д.

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

Помните — текст должен выглядеть аккуратным и “читабельным”. Использование автоматических инструментов форматирования делает текст таковым по-умолчанию.

О использовании картинок

Картинка цепляет внимание, поэтому чем она больше, тем лучше. Хорошо, если картинка на всю ширину области контента, но можно делать и меньше. Если картинка меньше, никогда не выравнивайте ее по центру — выглядит ужасно.

Не нужно добавлять картинки в статьи только ради самих картинок, потому что задача изображения — иллюстрировать текст и давать дополнительную информацию по теме.

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

Не экономьте на качестве изображений, но и не забывайте об оптимизации.

О выравнивании текста

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

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

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

как самому сделать сайт