Урок 4: Какой дизайн сайта под РСЯ выбрать?
Делаем дизайн сайта под РСЯ
Доброго дня, уважаемые читатели блога. Особо рад я приветствовать участников марафона. Надеюсь, что к этому моменту вы уже сделали предыдущие задания. И сегодня мы вдумчиво будем выбирать дизайн для сайта под РСЯ. Не только выбирать – но и устанавливать тему на блог, допиливать ее.
Маленькое вступление
Для тех, кто видит слово Марафон на страничках блога впервые, ниже будет несколько важных ссылок. Рекомендую с ними ознакомиться и присоединяться к нам. У нас интересно, живо и результативно.
Уроки марафона:
- Урок 1: выбор тематики под РСЯ сайт;
- Урок 2: домен, хостинг, установка wordpress;
- Урок 3: сколько нужно денег на развитие сайта.
Каким должен быть дизайн для сайта под РСЯ?
Итак, начнем наш урок с небольшой теории. Ответим на вопрос: а каким же собственно должен быть дизайн сайта под рекламную сеть Яндекса, и почему именно таким?
Многие марафонцы уже сделали свои сайты, показывали их мне. Я не стал критиковать шаблон, так как все постараюсь высказать в этом материале. А если будут вопросы – смело задавайте их в комментариях, нашей группе.
Основная задача дизайна
Быть может некоторых из вас, уважаемые друзья, я разочарую, некоторым скажу прописную истину:
Дизайн должен «выделять» текст на странице, а не быть красивым!
Основное назначение РСЯ сайта, как вы помните, — это контент, это клики по рекламным объявлениям. Именно с этих позиций и стоит делать дизайн: простой, без лишних графических элементов, подчеркивающий текст на страницах сайта!
Требования к дизайну сайта под РСЯ
Давайте коротко пробежимся по требованиям, характеристикам дизайна сайта. Их не так уж и много, однако, все из них должны быть выполнены.
Минутку внимания :)
Наверняка, Вам интересен дополнительный заработок в Интернете.
Предлагаю инструменты, которые несколько лет использую сам:
Марафон по созданию сайтов под контекст - доход сегодня = $ 351.
Заказать вкусные тексты для своих проектов МОЖНО ТУТ
Пример дизайна сайта под РСЯ
Светлый цвет
Обязательно должна быть светлая цветовая гамма. Ни в коем случае не создавайте сайты под «новогодние елки»: с массой цветов, ненужными элементами. Ну, вам наверняка знакомы такие примеры.
Лучше делать дизайн в классическом стиле: белый фон, черный шрифт. По крайней мере, свой сайт я делал именно в таком цветовом решении. Признаться, очень нравится.
Не используйте синие, зеленые, красные, любые другие яркие цвета, непонятные шрифты.
Содержимое шаблона
На сайте у вас должно быть:
- текстовое поле (максимально большое и зрительно выделяемое, первое, что бросается в глаза посетителю сайта);
- небольшая шапка header (150-300 пикселей),
- подвал footer (также узкий: 50-100 пикселей) – для того, чтобы написать там 1-2 строчки и поставить счетчик лайвинтернет;
- сайдбар справа (тоже не делайте его широким).
По большому счету на сайте у вас должны быть всего лишь две колонки: текст и сайдбар.
Все остальное не должно бросаться в глаза пользователю: он пришел не на логотип вашего сайта смотреть, или разглядывать нарисованную дизайнером шапку сайта, или же фишечками в подвале любоваться.
Основной критерий, которому должен соответствовать дизайн сайта под рся – виден текст, а дизайн не заметен.
Распределение внимания на сайте
Если вы внимательно смотрели статью про Яндекс метрику, наверняка обратили внимание на карту кликов. Если не смотрели – обязательно гляньте.
Карта кликов очень хорошо показывает распределение внимания на сайте: «слева-направо».
Для дизайна анализируем карту кликов
Именно поэтому у вас на сайте вверху слева должен быть логотип или ссылка на главную страницу, должен начинаться контент (идет его заголовок).
Рюшечки
Со стандартным неизмененным шаблоном, который стоит на тысячах сайтов в Интернете, попасть в РСЯ будет достаточно проблематично.
Помимо выполнения вышеизложенных советов, нужно обратить внимание и на изменение шаблона, его доработку.
Что изменять?
- Маркированные и нумерованные списки;
- Блоки для вывода цитат;
- Прорисовка мелких деталей: выделения текста для важной фразы, вопроса, примечания и т.п.
Чтобы стало понятнее, о чем мы говорим – обязателньо посетите нашу группу Вконтакте: там я подобрал несколько примеров хорошего дизайна, и наоборот – того, как делать не стоит.
Дизайн мы еще будем доделывать, добавлять некоторые фишки, элементы.
Сейчас основная задача: выбрать подходящий шаблон, привести его в соответствии с требованиями и поставить на сайт.
Прекрасно понимаю, что не все из вас дизайнеры. Не все будут делать эти действия самостоятельно. Поэтому показываю пример, как я составлял техническое задание на свой сайт.
По ссылке вы найдете четкие требования, которые были изложены исполнителю. Как видите, все это реализовано на блоге. Скажу более – Виталий помогал мне с дизайном сайта под РСЯ. Все сделано очень качественно, быстро и удобно.
Подчеркну: нужно составить четкое, подробное техническое задание.
Домашнее задание
По традиции, от теории переходим к практике.
Домашнее задание 4-го урока марафона:
Цель: сделать дизайн сайта.
- Перечитать еще раз статью, посмотреть требования к дизайну.
- Посмотреть примеры «хороших» и «плохих» сайтов в нашей группе ВК.
- Скачать тему, подходящую под требования. Качаем на официальном сайте (и только тут).
- Составить четкие, подробные, пошаговые требования (техническое задание) на дизайн;
- По составленному ТЗ сделать дизайн самому/отдать на аутсорс;
- Прислать в почту dimokfm@gmail.com ссылку с вашего сайта, на котором будет размещена минимум 1 статья (тематическая ресурсу, с нумерованными, маркированными списками, цитатами, выделениями важных моментов, примечаний и т.п.).
- Напоминаю, что сайт должен быть закрыт для индексации поисковыми системами!
На этом урок завершен. Вскоре мы поставим нужные плагины, доделаем дизайн. И будем разбираться с семантическим ядром, принципами его составления.
До скорой встречи, с уважением, автор блога dimokfm.ru Дмитрий Гинцевич.
Твитнуть
Понравилась статья? Подпишитесь на RSS .
Пока один вопрос: почему темы только с официального сайта? Я ничего против не имею, но заинтересовало такое требование.
Во-первых, из соображений безопасности — не будет вирусов и т.п.
Второе — довольно чистый шаблон, без встроенных ссылок, которые многие не в состоянии найти и удалить.
Если Вас это не пугает, сможете все поправить — можно качать откуда желаете.
Да и вообще: кто я такой, чтобы что-то запрещать))
Хорошая статья. В тему сказать, у меня закрадываются мысли, что мой сайт три раза не приняли как раз из-за шаблонного дизайна. У меня есть хороший сайтик, на котором стоит шаблон из паблика. Он реально прикольный и под тематику подходит. Но уж очень популярен. Я вот думаю попробовать передлать его или лучше сразу новый искать? Что можете порекомендовать?
Спасибо, рад, что понравился материал.
Касательно сайта: имеете ввиду seo блог или другой сайт, под РСЯ?
Ну, чтобы что-то сказать, нужно бы посмотреть сайт (его посещаемость, контент, дизайн опять-таки, поведенческие факторы).
Имхо, с паблик шаблоном могут принять (принимают), если он немного переделан, допилен, приятен пользователю.
SEO блог у меня не для заработка, а для… Хрен его знает для чего он мне. То есть не его я пытался добавить. У меня есть другой сайт, тоже в сфере моих интересов и посещаемость там стабильно 800 в сутки. Бывает и 1200. Короче в таких пределах. И вопросы там мне задают, на которые я отвечаю, то есть сайт НЕ САТЕЛИТ. Но шаблон — паблик. Вот и думаю, что может в нем проблема. Мне как-то рекомендовали полностью его перевести на руский. Надо будет попробовать.
Понимаю позицию, касательно основного блога))
Но я бы добавил, пару сотен/тысяч рублей ведь не помешают :)
Ну, если такая посещаемость и более-менее коммерческая тематика, должны принимать.
Если же это кулинария, прочие женские радости — тут могут быть вопросы.
Тестируйте, экспериментируйте, пробуйте. Как примут — было бы замечательно, если бы поделились своим опытом.
Опытом обязательно поделюсь. А вот на счет SEO блога, то он у меня очень далек от того, чтобы на нем зарабатывать.
Приятный, интересный блог. Можно ведь и подзаточить немного под заработок.
А можно присоедениться к марафону сейчас?
Да, конечно. Смотрите эту запись
Интересный марафон. Только сейчас случайно на ссылку в Твиттере наткнулся. Почитаю, чтобы свои ошибки увидеть, так сказать со стороны…
Твиттер рулит :)
Присоединяйтесь, дальше будет больше и интереснее.
Планируются кой-какие кейсы в рамках нашей закрытой группы ВК.
Подписался. В группу смотрю уже приняли…
Рады приветствовать. Надеюсь ,не разочаруетесь :)
Вот этот вопрос вызывает недоумение:
Составить четкие, подробные, пошаговые требования (техническое задание) на дизайн;
Откуда я должен взять эти требования, опыта нет, толком проанализировать предложенные сайты не могу, скачал тему, вроде в ней уже все требования присутствуют. Ваше техзадание прочитал:ну вроде всё правильно можно это сделать и для своего сайта,а что кроме этого нужно?
Подвожу итог: есть ли какой-либо общий список требований к дизайну сайтов под РСЯ?
Светлый, не отталкивающий.
Почему он вызывает недоумение? Нужно составить техзадание на дизайн вашего проекта.
Ну хотя бы из статьи выше возьмите: процентов 80 требований к дизайну здесь изложено, причем пошагово от более важных моментов (цвет оформления, содержимое шаблона) до менее важных (изменение списков, рюшечки, визуальные элементы).
Откройте с десяток сайтов ,сделанных под РСЯ, посмотрите их дизайн. Многие вопросы отпадут. Не ленитесь просто.
Хотелось бы услышать мнение о моем дизайне нового блога) Буду рада объективной критике. Он у меня конечно не белый, но меня очень радует
Под заработок на РСЯ такой дизайн не подойдет. Как по мне, слишком много отвлекающих моментов, шапка большая.
Ну а так — да, нормальный, как для блога.
Скажите а пойдет примерно такой дизайн http://s52.radikal.ru/i135/1405/1f/591768c2cfd8.jpg?
Перечитайте требования к дизайну :)
Он должен выделять контент и рекламные блоки. В приведенном же примере — этого не видно совершенно. Хотя дизайн красивый, эффектный и достаточно, скажем так, СДЛьный.
Дмитрий такой вопрос, а зачем составлять техническое задание на сайт если уже есть готовый комерческий шаблон? Может я чтот не понимаю :)
Отвечаем.
В ТЗ я прописываю мелкие дополнения, различные фишки, прорисовка мелких деталей, размеры элементов и т.п.
Это если используем бесплатный шаблон.
Если коммерческий — да, там все это есть. И никакого ТЗ и доработок не нужно. Ни у всех новичков есть деньги на хороший шаблон в начале своей деятельности просто.
Спасибо за ответ! У меня еще тогда будет к тебе просьба. Если я отправлю тебе шаблон сайта, сможешь подсказать подойдет он или нет :)
Присылайте.