О шаблоне для Гугл Адсенс-сайта

shablon-dla-adsensЭта тема будет о шаблоне сайта для гугл адсенс. Я в этом почти совсем ничего не понимаю и, как ранее говорит, передаю вам информацию КАК ЕСТЬ. И за достоверность ее я не отвечаю. Что с ней делать, решайте друзья сами.

 

Тема 3. Создание шаблона для MFA сайта для гугл адсенс

Шаблон для будущего MFA сайта гугл адсенс в любом случае должен состоять из 4 составляющих:

Шапка (заголовок сайта, подзаголовок, основное меню по категориям)

Рабочая область (заголовок статьи, текст и перелинковка)

Боковая колонка справа (ссылки на страницы контаков, о сайте, политики конфиденциальности).

Подвал (тут нет особой смысловой нагрузки, кроме как сообщении о том, что страница на этом заканчивается).

 

Цветовая схема

Наиболее популярной цветовой схемой является схема Джона Х Фактора (Черный фон шапки, зеленый фон боковой панели, белая рабочая область). Подвал к этим цветам я покрасил в оранжевый цвет. Почему Джон использовал эти цвета — он описал в своей первой книге про микронишевые MFA, которую я рекомендую к обязательному прочтению всем, кто хочет добиться результатов в создании и продвижении MFA сайтов. Информация там не полностью актуальна, но моменты касательно шаблона — это уникальная и очень стоющая информация.

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

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

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

2. Применять фильтр Hue/Saturation к стандартной схеме Джона. Сделайте скриншот сайта с цветовой схемой Джона и изменяйте параметр Hue в фильтре фотошопа (Image-Adjustments-Hue/Saturation…). Если на вашем скриншоте будут объявления синего цвета, то и они изменятся на довольно привлекательный, подходящий по цветовой схеме цвет.

3. Воспользоваться сервисом подбора цветовой схемы для сайта по этой ссылке http://colorschemedesigner.com/#2C52Dw0w0w0w0. Как видите, уже вставлены цвета, которые использовал Джон для микронишевых MFA (зеленая боковая панель, синие ссылки в рекламном блоке, желтый заголовок страницы и футер).

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

Вы можете менять цвет ссылок в объявлениях, особенно если используете 2 и 3 пункт для подбора цветовой схемы, но советую начать работу сайта всё же с синих ссылок в рекламном блоке.

 

Шапка сайта

shablon-dla-adsens1В шапке сайта должен быть довольно общий, но понятный заголовок (о каком товаре наш сайт). Сноуборды или Доски для сноуборда.

 

Подзаголовок примерно следующего вида: «Цены и отзывы на сноуборды лучших мировых брендов», «Где и как купить сноуборд, цены и отзывы».

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

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

 

<?php if (is_home() ) { ?>

<p>Это отображается на главной</p>

<?php } else { ?>

<p>А это на всех остальных</p>

<?php } ?>

 

Всё это выполняется на черном фоне светлым шрифтом.

 

Рабочая область

Белый фон, черный шрифт. Заголовок статьи использую размером 28px, текст 15px. На всех сайтах использую шрифт Arial.

Что касается размеров шрифтов. Заголовок статьи должен быть большим и хорошо читаем, поэтому не жадничайте с его размерами. Шрифт для текста используется 15px по причине того, что именно при таком размере шрифта начинает крутиться реклама с максимальным размером шрифта, что катастрофически для нас важно. В панели настройки вида рекламных объявлений вам обязательно нужно будет ставить крупный Arial шрифт, но иногда это не срабатывает и крутится реклама с мелким шрифтом, что намного меньше привлекает внимание посетителя. Хотя средний размер букв в рекламе тоже неплох, но только в том случае, если контент имеет такой же размер шрифта.

Первое предложение в статье у меня выделяется серым цветом. Такой же цвет имеет и цвет текста в объявлении (Не ссылка!). После первого предложения идет объявление, после объявления остальная часть статьи. Я не использую обтекания текста и выравнивания объявления по левому краю, ибо в экспериментах явного преимущества не увидел. Убежден, что последовательное ознакомление с контентом более эффективно.

 

Перелинковка между статьями

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

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

Искал я плагины, которые позволят вставить именно такую перелинковку для WordPress’а и не нашёл, но нашёл PHP код, который делает как раз то, что нужно.

<?

$li = 2;

$postID = $post->ID;

$postDate1 = get_the_time(‘YmdHis’,»,»,false);

$cat = get_the_category(); $cat = $cat[0]; $cat = $cat->cat_ID;

$catQuery = new WP_Query(‘showposts=-1&cat=’.$cat);

$i = 0;

if ($catQuery->have_posts() && $catQuery->post_count > 1) :

?>

<table style=»margin:10px;» align=»center» width=»600″ border=»0″ cellspacing=»0″ cellpadding=»0″>

<tr>

<?php

while ($catQuery->have_posts()) : $catQuery->the_post();

$postDate2 = get_the_time(‘YmdHis’,»,»,false);

if ($postDate2 < $postDate1 && $post->ID != $postID) {

$i++;

if ($i <= $li) {

?>

<td width=»200″><center><a style=»font-size:13px;color:#888888;» href=»<?php the_permalink() ?>» ><?php the_title(); ?></a></center></td><?php

}

}

endwhile;

?>

<?php

$posts = $li — $i;

$cat_count = get_category($cat)->category_count;

?>

<?php

if (($cat_count — 1) > $i) {

if ($posts > 0) {

$temp_query = $wp_query;

if (($cat_count — 1) < $li) $posts = $cat_count — 1 — $i;

query_posts(‘showposts=’.$posts.’&cat=’.$cat);

if (have_posts()) : while (have_posts()) : the_post();

?>

<td width=»200″><center><a style=»font-size:13px;color:#888888;» href=»<?php the_permalink() ?>» ><?php the_title(); ?></a></center></td>

<?php

endwhile; endif;

$wp_query = $temp_query;

}

}

?>

 

 

</tr>

</table>

<?php endif; wp_reset_query();

?>

 

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

Вставляю я такую перелинковку до вывода заголовка статьи, вместо хлебных крошек, которые настоятельно не рекомендую использовать на MFA — они очень сильно понижают CTR и повышают гуляние по сайту, что нам совсем ни к чему (заинтересовавшийся посетитель, зашедший на наш сайт по СЧ, НЧ запросу ищет именно то, что лежит на открывшейся странице и шансы что он кликнет на рекламу на другой странице сильно уменьшаются).

 

Изображение.

В статьи, во второй абзац я вставляю небольшие изображения 150px в длину и выравниваю их в правую часть, тем самым отделяя картинку от рекламы, тем самым не нарушаю правил рекламы Google.

 

Боковая панель

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

 

Подвал

Единственный смысл подвала — это дать понять пользователю, что ниже крутить уже некуда. Никакой серьезной информации здесь по сложившейся традиции размещать не следует. У меня содержимое подвала — это фраза о защите контента («Все права защищены (С) Сноуборды.ру»), счетчик LI, иногда баннер Top100, совсем редко карта сайта.

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

Оставь первый комментарий и получи подарок.

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

 

 

Похожие записи:

Запись опубликована в рубрике Адсенс заработок на МФА. Добавьте в закладки постоянную ссылку.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>