Дизайн и продвижение. Важность дизайна в продвижении блога.
Привет, ребята. В сегодняшнем посте речь пойдет о дизайне, а точнее о его важности в поисковом продвижении.
Все мы знаем, что в начале 2014 года, Яндекс отменил ссылочное ранжирование сайтов по ряду коммерческим запросам. Об этом Яша официально объявил, но судя по экспериментам многих СЕОшников, мы убеждаемся, что ссылки до сих пор работают. Гораздо меньше, чем раньше, но все же ссылочное ранжирование работает до сих пор, особенно по НЧ запросам и СЧ запросам.
На смену ссылочному ранжированию пришел поведенческий фактор. А поведенческий фактор напрямую зависит от дизайна блога.
Что нужно учитывать при разработке дизайна блога?
1) Удобная навигация по блогу.
В сети очень много блогов, зайдя на которые, не можешь понять о чем вообще блог, то есть много различных кнопок с названиями разной тематики. Которые пестрят всеми цветами радуги. Это очень плохо.
Должно быть одно, максимум два меню, кнопки или ссылки которых должны выделяться, давая пользователю понять, что это меню, но не сильно отвлекать от контента.
Расположение меню должно быть доступно при переходе на любую страницу. Не нужно его размещать в последний блок сайдбара 🙂 Самым оптимальным вариантом будет горизонтальное меню над или под шапкой блога, первый блок сайдбара (лучше правого, но это на любителя), второе меню в футере (подвале) блога.
2) Графика, влияющая на загрузку страниц блога или сайта.
Графика напрямую влияет на загрузку страниц блога. Вы, наверное, замечали, что сайты на флеш грузятся очень долго. А представьте пользователей, которые пользуются модемным или мобильным интернетом 🙂 каково им. Вряд-ли они будут ждать загрузку вашего блога в течение 5-10 минут. Пожалейте их. Старайтесь минимализировать флеш-графику, а лучше вообще ее исключить.
Но флеш это не единственная проблема скорости загрузки страниц блога. Многие начинающие блогеры или вебмастера понятия не имеют о форматах графики. Специально для них объясняю:
При создании веб-страницы, чаще всего используют следующие форматы:
BMP – изображения этого формата имеют высокое качество, но весят очень много, вследствие чего загрузка страниц с изображением формата BMP, происходит долго.
Jpeg – один из наиболее часто используемых форматах графики при разработке дизайна сайта или блога. Картинка формата jpeg представляет собой сильно сжатый растровый файл. Картинки этого формата имеют высокое качества и сравнительно маленький вес.
GIF – картинки этого формата имеют минимальное количество цветов (оттенков) – 256. При переводе с любого формата в формат GIF, происходит автоматическая замена и уменьшение цветов.
В основном картинки формата GIF применяют в GIF-аннимации.
PNG – формат, который поддерживает прозрачность изображения. Весят картинки этого формата больше чем Jpeg, но в некоторых случаев этот формат незаменим.
3) Цветовая гамма блога.
Цвета напрямую влияют на наше настроение и поведение. Безусловно, каждый человек уникален, но есть некоторые закономерности, которые равны для всех. Вот данные некоторых исследований влияния цветов, которые необходимо учитывать при создании собственного уникального дизайна:
Белый цвет – символизирует чистоту, непорочность. Успокаивает, создает чувство доверия.
Желтый цвет – символизирует энергию, оптимизм, солнце, богатство. Создает впечатление чего-то быстрого (не зря такси используют этот цвет).
Оранжевый цвет – символизирует веру в собственные силы, поднимает настроение.
Красный цвет – символизирует смелость, драйв, энергию. Этот цвет очень хорошо стимулирует.
Зеленый цвет – символизирует гармонию, равновесие, свободу. Зеленый цвет любят упрямцы, которые добиваются многое в жизни.
Синий цвет – цвет серьезных людей. Вызывает чувство доверия.
Черный цвет – несмотря на то, что это цвет траура, он хорошо сочетается со многими цветами, и в сочетании создает чувство чего-то богатого, роскошного.
4) Геометрия дизайна.
Большинство сайтов и блогов Рунета выполнены в стандартной прямоугольной геометрией. Не знаю как вам, а мне это порядком надоело. Именно поэтому я сделал вывод граватара в комментариях не квадратными как на многих блогах, а округлыми. Да и не только в граватаре, если приглядитесь, то заметите, что закругленные углы имеют блоки в сайдбаре, картинки к статьям и какие-то элементы в шапке блога.
Причина этому не только в индивидуальности. Острые углы создают чувство дискомфорта, а округлые – наоборот чувство доверия.
5) Выделение важных и значимых элементов.
При создании уникального дизайна очень важно выделить необходимые элементы, сделать их заметными. К ним могут относиться форма подписки, кнопки социальных сетей, ссылки на партнерские программы и собственные инфопродукты.
Главное запомните, что дизайн это основа поведенческого фактора. Любую вещь судят вначале по обложке и лишь затем по содержимому.
Андрей, дизайн решает, если посетителю понравится дизайн, то он обязательно подпишеться и будет постоянно читать ваши посты. Ну, это мое мнение.
Конечно дизайн важен, и нужно уделить ему должное внимание, но и все остальное должно быть на уровне, в частности если статьи не интересные, то дизайн уже большой роли играть не будет
Полностью согласен, дизайн это лишь инструмент для первого впечатления, но и он не спасет, если статьи не интересны.
Согласен, в первую очередь полезный контент 😉
Андрей спасибо за содержательную статью, подписываюсь под каждой строчкой. Дизайн играет важнейшую роль на блоге.
Приглашаю вас писать анонсы на свои замечательные статьи и в свою группу на Subscribe.(subscribe.ru/group/ya-dolzhen-eto-znat-klub-bolnyih-internetom)
Пожалуйста.
Хорошо буду анонсировать, спасибо за приглашение 🙂
Группа у вас пока маленькая, но думаю это временно 😉
Я тоже вступлю, если вы не против))
Все когда то начинали с нуля, я работаю над этим. Спасибо что согласились
Привет, Андрей! Конечно же ты прав и мысли по продолжению уникализации дизайна блога меня посещают каждый день. Жаль пока нет времени всех их реализовать. Но, как говорится, дорогу осилит идущий 😉
Согласен. Но по-моему у тебя и так отличный дизайн. Если бы не знал, никогда не поверил бы что ты сделал сам, а не профессиональный дизайнер 🙂
У меня блог белого, синего и оранжевого цвета))
Надеюсь, людям нравится))
Так что я считаю, что дизайн блога очень важен! Дизайн на втором месте после контента))
Твой дизайн понравился! Простой, ничего лишнего, и в то же время чем то привлекает 😉
Действительно дизайн симпотичный получился с круглыми граватарами в комментариях!
Интересно было прочитать про цветовую гамму блога.
О дизайне и фотографиях. Андрей, а вы не хотите написать статью, как правильно и на каком фотошопе можно сделать рамку для картинок и как правильно вставить картинку в рамку из компьютера. Я пробовала, рамку вроде получилось в фотошопе сделать. А картинку не удалось вставить. И как все это сохранить нужно. Если можете . напишите пожалуйста. будет полезно прочитать тем, кто не очень владеет фотошопом.
Ольга, я сам не особо владею фотошопом. Пользуюсь онлайн графическими редакторами. Но была такая идея — сделать рубрику на блоге, посвященную урокам фотошопа. То есть учиться им одновременно передавать свои знания.
Андрей, а как вы свои картинки делаете? В графическом редакторе?
Скоро напишу статью о графических редакторах онлайн. Думаю будет очень полезная тем, кто не умеет пользоваться фотошопом.
Дизайн сайта является важнейшим элементом, но не главенствующим. Все должно быть в гармонии: и дизайн, и контент, и интерактив. Но дизайн, конечно же, отвечает за первое впечатление пользователя.
Доброго времени суток Андрей. Не нашел подходящей темы на вашем блоге, надеюсь вы сможете мне ответить на этот комментарий здесь.
Вопрос такой, у вас на каждой рубрики перед постами стоит описание рубрики, некий анонс того, чему посвящен контент в той, или иной категории. Не могли бы вы поделиться пожалуйста, как вы реализовали данное введение? Это плагин, или особенности темы?
Надеюсь на ваш ответ, очень уж захотелось добавить анонс для рубрик перед постами. Спасибо…
Привет, Сергей. Это особенность темы. Просто при создании новой рубрики, добавляется ее описание.