Entries RSS
image

Интересные ссылки:

Hostenko — лучший WordPress-хостинг

TOP-5 комментаторов:

Окт 14

Урок 4: Какой дизайн сайта под РСЯ выбрать?

Какой дизайн выбрать для сайта под РСЯ

Делаем дизайн сайта под РСЯ

Доброго дня, уважаемые читатели блога. Особо рад я приветствовать участников марафона. Надеюсь, что к этому моменту вы уже сделали предыдущие задания. И сегодня мы вдумчиво будем выбирать дизайн для сайта под РСЯ. Не только выбирать – но и устанавливать тему на блог, допиливать ее.

Маленькое вступление

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

Уроки марафона:

Каким должен быть дизайн для сайта под РСЯ?

Итак, начнем наш урок с небольшой теории. Ответим на вопрос: а каким же собственно должен быть дизайн сайта под рекламную сеть Яндекса, и почему именно таким?

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

Основная задача дизайна

Быть может некоторых из вас, уважаемые друзья, я разочарую, некоторым скажу прописную истину:

Дизайн должен «выделять» текст на странице, а не быть красивым!

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

Требования к дизайну сайта под РСЯ

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


Минутку внимания :)


Наверняка, Вам интересен дополнительный заработок в Интернете.
Предлагаю инструменты, которые несколько лет использую сам:
Марафон по созданию сайтов под контекст - доход сегодня = $ 351.
Заказать вкусные тексты для своих проектов МОЖНО ТУТ

Хороший дизайн сайта под РСЯ

Пример дизайна сайта под РСЯ

Светлый цвет

Обязательно должна быть светлая цветовая гамма. Ни в коем случае не создавайте сайты под «новогодние елки»: с массой цветов, ненужными элементами. Ну, вам наверняка знакомы такие примеры.

Лучше делать дизайн в классическом стиле: белый фон, черный шрифт. По крайней мере, свой сайт я делал именно в таком цветовом решении. Признаться, очень нравится.

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

Содержимое шаблона

На сайте у вас должно быть:

  • текстовое поле (максимально большое и зрительно выделяемое, первое, что бросается в глаза посетителю сайта);
  • небольшая шапка header (150-300 пикселей),
  • подвал footer (также узкий: 50-100 пикселей) – для того, чтобы написать там 1-2 строчки и поставить счетчик лайвинтернет;
  • сайдбар справа (тоже не делайте его широким).

По большому счету на сайте у вас должны быть всего лишь две колонки: текст  и сайдбар.

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

Основной критерий, которому должен соответствовать дизайн сайта под рся – виден текст, а дизайн не заметен.

Распределение внимания на сайте

Если вы внимательно смотрели статью про Яндекс метрику, наверняка обратили внимание на карту кликов. Если не смотрели – обязательно гляньте.

Карта кликов очень хорошо показывает распределение внимания на сайте: «слева-направо».

Анализ карты кликов сайта

Для дизайна анализируем карту кликов


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

Рюшечки

Со стандартным неизмененным шаблоном, который стоит на тысячах сайтов в Интернете, попасть в РСЯ будет достаточно проблематично.

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

Что изменять?

  • Маркированные и нумерованные списки;
  • Блоки для вывода цитат;
  • Прорисовка мелких деталей: выделения текста для важной фразы, вопроса, примечания и т.п.

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

Дизайн мы еще будем доделывать, добавлять некоторые фишки, элементы.

Сейчас основная задача: выбрать подходящий шаблон, привести его в соответствии с требованиями и поставить на сайт.

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

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

Подчеркну: нужно составить четкое, подробное техническое задание.

Домашнее задание

По традиции, от теории переходим к практике.

Домашнее задание 4-го урока марафона:

Цель: сделать дизайн сайта.

  1. Перечитать еще раз статью, посмотреть требования к дизайну.
  2. Посмотреть примеры «хороших» и «плохих» сайтов в нашей группе ВК.
  3. Скачать тему, подходящую под требования. Качаем на официальном сайте (и только тут).
  4. Составить четкие, подробные, пошаговые требования (техническое задание) на дизайн;
  5. По составленному ТЗ сделать дизайн самому/отдать на аутсорс;
  6. Прислать в почту dimokfm@gmail.com ссылку с вашего сайта, на котором будет размещена минимум 1 статья (тематическая ресурсу, с нумерованными, маркированными списками, цитатами, выделениями важных моментов, примечаний и т.п.).
  7. Напоминаю, что сайт должен быть закрыт для индексации поисковыми системами!

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

До скорой встречи, с уважением, автор блога dimokfm.ru Дмитрий Гинцевич.

Синдикация

Понравилась статья? Подпишитесь на RSS .

25 комментариев к записи “Урок 4: Какой дизайн сайта под РСЯ выбрать?”

25 коммент.

  1. Пока один вопрос: почему темы только с официального сайта? Я ничего против не имею, но заинтересовало такое требование.

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

  2. Хорошая статья. В тему сказать, у меня закрадываются мысли, что мой сайт три раза не приняли как раз из-за шаблонного дизайна. У меня есть хороший сайтик, на котором стоит шаблон из паблика. Он реально прикольный и под тематику подходит. Но уж очень популярен. Я вот думаю попробовать передлать его или лучше сразу новый искать? Что можете порекомендовать?

    • Спасибо, рад, что понравился материал.
      Касательно сайта: имеете ввиду seo блог или другой сайт, под РСЯ?
      Ну, чтобы что-то сказать, нужно бы посмотреть сайт (его посещаемость, контент, дизайн опять-таки, поведенческие факторы).
      Имхо, с паблик шаблоном могут принять (принимают), если он немного переделан, допилен, приятен пользователю.

      • SEO блог у меня не для заработка, а для… Хрен его знает для чего он мне. То есть не его я пытался добавить. У меня есть другой сайт, тоже в сфере моих интересов и посещаемость там стабильно 800 в сутки. Бывает и 1200. Короче в таких пределах. И вопросы там мне задают, на которые я отвечаю, то есть сайт НЕ САТЕЛИТ. Но шаблон — паблик. Вот и думаю, что может в нем проблема. Мне как-то рекомендовали полностью его перевести на руский. Надо будет попробовать.

        • Понимаю позицию, касательно основного блога))
          Но я бы добавил, пару сотен/тысяч рублей ведь не помешают :)
          Ну, если такая посещаемость и более-менее коммерческая тематика, должны принимать.
          Если же это кулинария, прочие женские радости — тут могут быть вопросы.
          Тестируйте, экспериментируйте, пробуйте. Как примут — было бы замечательно, если бы поделились своим опытом.

  3. Интересный марафон. Только сейчас случайно на ссылку в Твиттере наткнулся. Почитаю, чтобы свои ошибки увидеть, так сказать со стороны…

  4. webfish:

    Вот этот вопрос вызывает недоумение:
    Составить четкие, подробные, пошаговые требования (техническое задание) на дизайн;
    Откуда я должен взять эти требования, опыта нет, толком проанализировать предложенные сайты не могу, скачал тему, вроде в ней уже все требования присутствуют. Ваше техзадание прочитал:ну вроде всё правильно можно это сделать и для своего сайта,а что кроме этого нужно?
    Подвожу итог: есть ли какой-либо общий список требований к дизайну сайтов под РСЯ?

    • Светлый, не отталкивающий.

    • Вот этот вопрос вызывает недоумение

      Почему он вызывает недоумение? Нужно составить техзадание на дизайн вашего проекта.

      Откуда я должен взять эти требования

      Ну хотя бы из статьи выше возьмите: процентов 80 требований к дизайну здесь изложено, причем пошагово от более важных моментов (цвет оформления, содержимое шаблона) до менее важных (изменение списков, рюшечки, визуальные элементы).
      Откройте с десяток сайтов ,сделанных под РСЯ, посмотрите их дизайн. Многие вопросы отпадут. Не ленитесь просто.

  5. Хотелось бы услышать мнение о моем дизайне нового блога) Буду рада объективной критике. Он у меня конечно не белый, но меня очень радует

    • Под заработок на РСЯ такой дизайн не подойдет. Как по мне, слишком много отвлекающих моментов, шапка большая.
      Ну а так — да, нормальный, как для блога.

  6. Бейбит:

    Скажите а пойдет примерно такой дизайн http://s52.radikal.ru/i135/1405/1f/591768c2cfd8.jpg?

    • Перечитайте требования к дизайну :)
      Он должен выделять контент и рекламные блоки. В приведенном же примере — этого не видно совершенно. Хотя дизайн красивый, эффектный и достаточно, скажем так, СДЛьный.

  7. Евгений:

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

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

Прокомментировать

(Правила комментирования)