Базовый курс по контенту сайта для WordPress

Базовый курс по контенту сайта для WordPress

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

Как пример используем созданный ранее shablon-korporativ.d-sant.com. Абстрактная строительная компания занимается возведением ангаров. Цель статьи продемонстрировать возможность WordPress по оформлению сайта, наполнению контентом, форматированию страниц.

Содержание:

Ценность контента

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

И речь не о “контент-маркетинге”, который завяз в зубах и который умеют только 2-3 агентства. Речь о том, какую информацию несем в Интернет и как подаем. На сколько интересна и востребована каждая страница сайта, как влияет на имидж, лояльность и продажи. В сфере b2b, где большие бюджеты и высокие риски, информация о компании, отзывы, доказательства компетентности, описание выполненных проектов, демонстрация трудолюбивой команды и профессиональных достижений — обязательные элементы корпоративного сайта.

Дизайн сайта вторичен. Программный код третичный. Контент сайта — главное. Для него проектируем сайт.

 

Планирование

В 99 случаях из 100 забываем о самостоятельном написание текстов. Знанием русского языка, даже школьного курса, мало кто блещет. Достаточно взглянуть на блоги некоторых агентств по “контент-маркетингу”. О визуальном образование молчу: школьный курс рисования и близко не дотягивает до нормального языка дизайна.

Копирайтер и дизайнер потребуются обязательно. Первый помогает с русским литературным языком. Второй — с визуальным подтверждением сказанных слов. Вместе они донесут информацию сайта в левую и правую половину мозга пользователя.

Планирование контента сайта начинается с разработки сайта. Составляем список разделов, страниц, которые сайт содержит. Детализируем. Страница о Дополнительном оборудование — какое оборудование? По пунктам перечислить. Везде ставим иллюстрации, дополнительный материал в виде технической документации. Каждая страница говорит в пользу компании, работает на авторитет и маркетинг.

Постраничный план:

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

Формируем перечень специалистов и ТЗ.

Два правила

Правило ТЗ:

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

Правило контента:

  • Меньше букв, больше смысла.
  • Одна картинка заменяет 1000 слов.
  • Одно видео — 10 картинок.

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

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

Работа над контентом продолжается перманентно. Появляются новости, меняются цены, заполняется раздел выполненных работ, отзывы клиентов, новые сертификаты и т.д.

Пример планирования

Страница Дополнительное оборудование.

Текст содержит:

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

Иллюстрации:

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

Примеры ТЗ

Пример ТЗ дизайнера Лариса Скосырская: https://drive.google.com/file/d/0B-eAHgKi-NEtZDRoOHNTd3o5Rlk/view?usp=sharing

Пример ТЗ копиратера Евгений Котяк: https://docs.google.com/document/d/1FkSkitmRC_qeS1Ig1rN0EjiKqh8eqF0OVR6g5cGRfaQ/edit?usp=sharing

 

Делаем самостоятельно

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

Главный инструмент для самостоятельной работы с контентом — смартфон.

Что делать смартфоном:

  • фотографировать;
  • диктовать на диктофон;
  • снимать видео.

Какой контент создаем самостоятельно:

  • Процесс монтажа и финальной сдачи объекта. Добавляем в портфолио.
  • Корпоративы в начальной стадии без пьяных лиц. Добавляем в раздел Новости.
  • Выставки и ярмарки. Тоже в раздел в Новости.
  • Грамоты, сертификаты, лицензии. Сканируем и выкладываем в раздел О компании, Наши достижения или Лицензии.
  • Фасад магазина или офиса. Вид с улицы для постороннего обывателя. Чтобы не заблудился. Выкладываем в справочники и каталоги типа 2Gis, на странице контакты рядом с картой.

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

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


Главное правило: одна картинка заменяет 1000 слов, 1 видео — 10000 слов


Видео снято, смонтировано и размещено на YouTube руководителем предприятия.

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

Совет:

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

Диктофон для написания текстов

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

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

Это же относится к отраслям с историческими корнями, технологической и научной базой. Например строительство, где “каждое правило написано кровью” — цитата из учебного курса инженеров-строителей. Разбираем по деталям процессы: от качества бетона, до особенностей полимерной арматуры. Случайный разговор с руководителем цеха о тонкостях добавок в цемент после литературной обработки и оформления текста превращается в захватывающее чтение.

Вернувшись на землю, надиктованные фрагменты группируем и формируем в ТЗ, на каждую страницу сайта.

Используем поставщиков

Еще один источник контента для сайта — поставщики продукции или производители. Часто предоставляют качественные фотографии, техническую документацию.

Когда делать самостоятельно нельзя

Табу для дилетанта:

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

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

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

Как оценить дизайн? На сколько хороший дизайн эффективней плохого? Это загадки. Интуитивно чувствуем, что это мешает продажам. Но только интуитивно. Личный субъективный опыт разных компаний дает большой разбег по цифрам. Те данные, которыми располагаю, показывают от 5 до 40% роста продаж, после изменения дизайна. Но серьезных исследования в этой области не встречал.

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


Дизайн и текст решают маркетинговые задачи — продают вашу компанию


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

 

Работаем со специалистами

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

Где искать:

  • fl.ru
  • freelance.ru

На этих биржах громадный каталог людей с разным опытом работы, ценой.

Скорее всего первые пять-семь человек, с которыми начнете сотрудничать, вас не устроят. Вполне вероятно, что вас попытаются обмануть и это даже получится. Увы, рынок фриланса — Дикий Запад. Без кольта и опыта начинать сложно.

Фотографы. Если работали в глянцевом журнале, то знаете маститых фотографов города, кто в чем специализируется и сколько берет. В противном случае, работаем ногами. Найдите печатное издание, в котором потенциально могли бы размещать рекламу, — совпадение тематики, целевой аудитории — и спросите кто у них фотограф. Самый шикарный фотограф промышленный тематики, который мне встретился, работал в железнодорожной газете. И что  удивительно: он был непьющий.

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

О дизайне логотипа, иллюстрациях и пр. Вариант дизайна один — правильный с точки зрения дизайнера. Если не нравится работа и 2-3 фактические корректировки явно недостаточны, ищем другого человека. Разговоры на тему высоких материй, “нравится-не-нравится”, о чувствах, какие вызывает картинка, — это дрочка мозга — никакого отношения к эффективности, достижению поставленных целей не имеет. Ставьте четкие задачи, которые помогают достичь конкретные цели. Задача “чтобы нравилось” решается только в очень короткий промежуток времени и содержит элемент неверной стратегии.

Ряд правил:

  1. Платим за процесс. Растягиваем процесс — платим больше. Результат не нравится? — Все равно платим. Такой подход быстро учит планировать и ставить четкие задачи.
  2. В процессе две стороны и каждая несет ответственность. Заказчик за постановку задания, исполнитель за выполнение.
  3. Каждая правка делает работу хуже. После 3-5 правок можно удалить и начать с нуля. С другим исполнителем.

Правила обладают магическим свойством. Опыт 1-2 проекта, как-то резко учит ставить четкие задачи и находить профессиональных исполнителей.

 


Парадокс правок: чем больше исправлений, тем хуже проект


Пример о бесконечных правках Максима Ильяхова. Посмотрев видео до конца, можно дальше не читать.

Вымученные проекты редко работают эффективно на дистанции 1-2 года. Заказчику кажется, что его проект прекрасен — потому что практически сам его сделал. Собственное дитя всегда великолепно. Но создаем не для тщеславия, а для работы, для бизнеса. Чтобы зарабатывать, надо тратить, привлекать профессионалов.

Еще ряд рекомендаций:

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

Критерии качества

Текст проверяем сервисом: glvrd.ru. Если получилось больше 9 баллов, даем премию. Если меньше 7 баллов, отправляем на доработку. Актуально для текстов длиннее 3000 знк.

Уникальность проверяем сервисом: text.ru. Более подробно в ТЗ для копирайтеров.

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

Казимир Малевич Чёрный супрематический квадрат. 1915 Холст, Масло. 79,5 × 79,5 см Государственная Третьяковская галерея, Москва. Цена: 20 000 000 $

Стоимость

Хороший копирайтер начинается от 500 руб./тыс. знк. Иногда дороже: 1000-1200 руб./тыс. знк. и выше.

Дизайнер, который оформит сайт, нарисует иконки, найдет изображения для слайдов — от 10 тыс. руб.

Фотограф для средней фотосессии — 2500 руб.

 

Оформление страниц, общие правила

Дизайнер Лариса Скосырская нарисовала схему оформления страницы.

Нажмите, чтобы увидеть в полном размере

Схема, которая помогает формировать контент на странице, чтобы легко усваивался мозгом пользователя. Делайте разнообразный контент, экспериментируйте с подачей: несколько небольших картинок, одна большая, таблица, цитата, заголовки и подзаголовки. Разные степени воздействия и восприятия пользователя заставляют фиксировать внимание сперва на ярких объектах, потом на мелких, потом изучать описание и тексты. 3 секунды — столько времени требуется, чтобы пользователь принял решение читать или закрыть страницу.

Правила простые:

  • Меньше букв, больше смысла.
  • Одна картинка заменяет 1000 слов.
  • Одно видео — 10 картинок.

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

Пример оформления

Что сделали для сайта shablon-korporativ.d-sant.com:

  • переделали логотип
    Свой Дом
  • сделали новые слайды
    Слайды
  • нарисовали иконки Услуг для Главной страницы/
    Вентиляция, иконка Проектирование, иконка Строительно-монтажные работы
  • иконки для раздела Услуги
    вентиляция проектирование строительно-монтажные работы утепление
  • Тексты сократили, почистили от лишних слов с сохранением смысла.

В разделах Услуги и Наши проекты переформатировали каждую страницу, проиллюстрировали разделы текста. Пригодились два плагина: Envira Gallery Lite и Visual Composer. Первый уже установлен, о втором расскажу ниже.

Получаем Главную страницу:

Старая Главная страница сайта на WordPress
Старая главная страница
Переделанная Главная страница сайта на WordPress
Новая главная страница

Страница: http://shablon-korporativ.d-sant.com/

Пример внутренней странице:

Пример оформления внутренней страницы

Страница: http://shablon-korporativ.d-sant.com/uslugi/dopolnitelno-oborudovanie/

Указываем производителей оборудования — и показываем логотипы. Если бренды известные, то узнаваемость и доверие к логотипу выше. Рассказываем о удобной панели управления и показываем визуально, как выглядит. И так по каждому разделу говорим и показываем.

Рекомендации:

  • Разместить документы с технической документацией. Штатные инженеры компании потенциального клиента не откажут себе в удовольствии скачать PDF, изучить технические детали оборудования.
  • Указать ссылки на Выполненные объекты, где и какое оборудование установлено.
  • Видео демонстрации как работает панель управления. Краткий мануал, как начать начать работу.

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

Что еще можно добавить в раздел Выполненные объекты:

  • Виртуальную экскурсию или панораму, предварительно разместив на Google Карте
  • Документацию, чертежи в формате PDF для скачивания.
  • Характеристики объекта в виде таблицы: высота, ширина, длина, какое доп. оборудование установлено.

Это придает характер достоверности и компетентности.

 

Visual Composer

Незаменимый инструмент для разметки страницы. Позволяет кардинально менять дизайн.


Плагин платный. 34$ стандартная комплектация.

Установка плагина стандарта:

  • регистрируемся
  • вносим данные кредитной карты, оплачиваем
  • скачиваем архив с плагином
  • закачиваем архив на сайт
  • активируем полученную лицензию
Активация Visual Composer
Активация Visual Composer

После активации переходим в раздел настройки и включаем поддержку кириллических символов:

Включаем поддержку кириллических шрифтов
Включаем поддержку кириллических шрифтов

С этого момента у каждой странице появляется возможность редактировать в Visual Composer.

Редактирование страниц в Visual Composer

Кроме этого при редактировании страницы можно включить Visual Composer — backend editor или fronted editor.

backend editor или fronted editor

Плагин добавляет много новых элементов для форматирования страницы.

Элементы для редактирования страницы в Visual Composer
Элементы страницы в Visual Composer

Плагин заслуживает отдельной статьи. Посетите видео-академию разработчиков плагина: http://vc.wpbakery.com/video-tutorials/

 

Как пользоваться Visual Composer

  1. Открываем страницу.
  2. Жмем fronted editor.
  3. Жмем добавить блок.
  4. Выбираем текстовый блок.
  5. Редактируем текстовую область.
    Визуальный редактор в Visual Composer
  6. Сохраняем и закрываем.
  7. Добавляем новые элементы в существующую область или в новую.
    Добавить элемент или добавить область в Visual Composer
  8. Созданные элементы можно перемещать, передвигать по принципу “хватай-и-тяни”. Достаточно ухватить за соответствующий значок.
    Принцип хватай и тяни в Visual Composer
  9. Каждую область можно оформить по своему: задать цвет фона, рамку, разбить на колонки и т.д.
  10. Созданную страницу можно сохранить в шаблоны.

Это базовые приемы работы с Visual Composer. Это гибкий инструмент, позволяет настраивать структуру страницы под любый задачи. Пробуйте, экспериментируйте.

 

Совсем короткое заключение

Ценность сайта определяется только одним — контентом.

 

Дополнительно

После публикации первой статьи “Базовый курс создания сайта на WordPress за один вечер самостоятельно” получил несколько сообщений с вопросом почему не применяю SEO-плагины, не рассказал о продвижении сайта.

Объясняю. Первый урок простой — создаем сайт. Это на самом деле очень просто. Если задача сделать сайт и забыть, то урок решает эту задачу.

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

И об этом следующая статья — основы интернет-маркетинга. Посмотрим как сайт на базе WordPress подготовить к продвижению: оптимизировать под поисковые системы, подружить с социальными сетями, внедрить систему захвата клиента и настроить аналитику. Разберем основные стратегии для малого бизнеса.

Полезные ссылки

Плагин:

ТЗ:

Как делать контент для сайтов на WordPress
Подробная инструкция по созданию контента для сайта. От планирования и составления Техзадания, до размещения и верстки материалов.
Контент
Written by: Андрей Унтерзегер
Date Published: 02/03/2017
Взгляд на контент с практической точки зрения. Как наполнить сайт с минимальными бюджетами или самостоятельно.
4.9 / 5 stars