Установить новый сайт на WordPress - простая задача. Разнообразие платных и бесплатных тем для оформления сайтов на базе WordPress существенно облегчили жизнь собственникам сайтов, позволяя придать профессиональный дизайн новому сайту за считанные минуты.

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

Добавьте логотип в тему оформления WordPress

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

Некоторые могут оспаривать необходимость логотипа и говорить о том, что достаточно использовать <h1>Заголовок</h1>, поскольку его SEO-ценность выше. Но вы сами можете убедиться, что множество популярных веб-сайтов используют графические логотипы вместо заголовков с применением HTML/CSS, и это никак не отображается в худшую сторону на поисковой оптимизации.

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

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

Если услуги дизайнера-профи вам не по карману, можете создать логотип самостоятельно. Собственные логотипы, состоящие из текста, можно создать с помощью бесплатных веб-шрифтов и Inkscape либо Adobe Illustrator. Это - 2 графических векторных редактора, которые позволяют вам создать векторное изображение, а затем сжать его в форматы .png и .jpeg.

У вас может возникнуть вопрос: если вы создали текстовый логотип, то почему бы просто не использовать этот же шрифт для создания такого же лого с помощью CSS?

Во-первых, CSS в разных браузерах не будет отображаться также одинаково, как у вас это получается с помощью графического изображения.

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

Добавьте значок favicon к вашему сайту

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

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

Фавикон - это изображение 16 х16 пикселей в формате .ico. Вы можете создать и большой файл 200 х 200 пикселей и использовать его в онлайн-генераторе фавиконов, чтобы переконвертировать его в фавикон.

Некоторые разработчики WordPress тем добавляют свои собственные фавиконы в свои темы, что не очень круто. Так что перед тем, как загрузить свой фавикон, вам нужно проверить папку вашей темы и корневую папку вашего сайта на наличие favicon.ico и удалить его. Теперь загружайте сгенерированный вами favicon.ico в основную папку темы и в корневую директорию вашего сайта.

Большинство современных браузеров автоматически определяют и отображают favicon.ico, но, чтобы перестраховаться, добавьте эту строку в файл header.php вашей темы после тега <head>:

<link rel=”shortcut icon” href=”<?php bloginfo(‘stylesheet_directory’); ?>/favicon.ico” />

Ребрендинг панели администратора в WordPress

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

Брендинг за рамками веб-сайта

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

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

В чем сила страницы "О проекте"?

Страница «О проекте», пожалуй, самая важная страница на каждом сайте. К сожалению, люди к ней так не относятся. В сети полно сайтов с неинтересными страницами «О проекте». Эта одна страница на вашем сайте может быть самой важной страницей для развития новых бизнес-отношений. Используйте ее, чтобы выделить ваш бренд, рассказывая все о нем.

  • Представьте людей, которые стоят за сайтом и бизнесом. Добавьте фото, если это возможно. Не бойтесь создать под-страницы.
  • Расскажите об истории сайта и бренда; обсудите то видение сайта и бизнеса, которое есть у вас.
  • Отлично помогает видео, так что если вы сделали видео о вашем бренде, бизнесе или продукте, добавьте его на страницу «О проекте».
  • Добавьте мнения от клиентов, коллег и профессионалов.
  • Добавьте контактную информацию со ссылкой на страницу контактов вашего сайта.

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

Соблюдайте единство в дизайне сайта

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

Ваше задание – сохранять единство в дизайне. При добавлении что-либо в ваш сайт, вам нужно спросить себя: «Это подходит и идеально сочетается с моим сайтом?». Если нет, вам необходимо выяснить, как это добавить без потери целостности в дизайне. Все эти социальные виджеты, конечно, выглядят хорошо, но вам нужно понимать, что вы не можете добавить их повсюду. Не каждый плагин хорош для вашего сайта. Не все кнопки и баннеры подходят вам.

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

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

Самый важный шаг в создании оптимального брендинга

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

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

Источник: WPLift.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

4 комментария

сначала новые
по рейтингу сначала новые по хронологии

расскажите по понятней, вставляю я этот код,(куда иммено после тега head? да куда только не пробовал, не работает, помогиТЕ пож....

Сразу как только открывается тег head вставляйте этот кусок кода из урока.

пустые советы... как правильно вставить фавикон подскажите

Виктор

Привет, Александр! Здорово! Очень толковые советы. Наверное, мало кто понимает значимость брендинга? Я начинающий, вот, к примеру, никак не могу сменить картинки в заголовке. Я на Камчатке и хотел бы в заголовке видеть вулканы. Дизайн темы понравился, но в ней такой смены не предусмотрел автор. Саша, зайдите на vicboroda.ru может что-то подскажете. Заранее благодарю.
С уважением, Виктор Ковель