Главная » Новичкам » Как разместить баннер на сайте за 2 минуты

Как разместить баннер на сайте за 2 минуты

как разместить баннер на сайте

 Всем привет, друзья!
У многих начинающих вебмастеров часто возникает такой вопрос: «А как разместить баннер на сайте?» Например, я уже разместил не один banner на своих сайтах, поэтому с удовольствием расскажу вам, как это сделать. Кроме этого вы узнаете, на каких проектах можно размещать баннеры, а на каких нет, и как правильно это делать, чтобы не навредить своему ресурсу.

Перед тем как размещать баннер, его конечно нужно создать. Чтобы это сделать, вы можете прочитать 2 статьи на моем блоге: «Как сделать gif баннер?» и «Как сделать угловой баннер?» Ну а если вы решили разместить баннер на сайт рекламодателей, то он должен сам его предоставить, и делать вам ничего не нужно.

Итак, прежде чем перейти к размещению баннера, нужно сказать следующее:

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

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

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

Теперь что касается посещаемости. Я не понимаю тех людей, которые вешают рекламу на блоге с посещаемостью 10 уникальных посетителей в сутки. Вот у меня сейчас примерная посещаемость 250 уников в сутки, но я рекламу еще не размещаю. Зачем это делать? Много денег я и так не заработаю, а вот навредить эти баннеры могут прилично.

2) Не размещайте баннеры с яркими цветами, которые режут глаза. Вам нравиться смотреть на этот banner :smile:?

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

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

Когда вы разместите banner на своем блоге, начните читать свою статью, и ответьте себе на такие вопросы: «Мне удобно читать?» «Меня ничего не раздражает?» Если не раздражает, то все замечательно, так и должно быть.

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

3) Размещайте только тематические баннеры. Я часто захожу на развлекательные блоги и вижу там баннеры о продвижении сайтов с партнерской ссылкой :smile:. Ну, кто будет на него кликать? Кому он нужен? Да, возможно у школьника также есть свой ресурс, но все равно, нетематические баннеры размещать на сайте бесполезно и толку от них никакого не будет.

Конечно, если вам заплатили за этот banner деньги, и рекламодатель сам решил разместить рекламу на нетематическом сайте, то тогда, пожалуйста, если баннер не режет глаза, можете размещать.

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

Припустим, вы создали примерно такой banner:

как разместить баннер на сайте бесплатно

Как видите, это обычная картинка, ее нужно загрузить на хостинг, я загрузил по такому адресу:

http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png

Мне нужно еще сделать так, чтобы этот баннер вел на такую страницу:

http://site.ru/

Теперь я делаю код баннера, выглядит он у меня следующим образом:

<a target="_blank" rel="nofollow" href="http://site.ru/">
<img alt="здесь ваш текст" src="http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png" width="240" height="400" />

Сейчас давайте разберем этот код подробно, чтобы было понятно, что здесь за что отвечает.

  • rel="nofollow" — этот атрибут нужен для того, чтобы закрыть ссылку на внешний сайт от индексации. Обязательно вставляйте этот атрибут и закрывайте ненужные ссылки от индексации, они могут только навредить в продвижении, особенно если это сквозные линки где-нибудь в сайдбаре;
  • target="_blank" — атрибут предназначен для того, чтобы ссылка на баннер открывалась в новом окне. Лучше его оставить, чтобы не терять посетителей со своего сайта и тем самим улучшать поведенческие факторы;
  • http://site.ru/ — ну, здесь все понятно, это ссылка на сайт. Эту ссылку даст вам рекламодатель, если вы размещаете рекламный banner. Или это будет ваша партнерская ссылка;
  • Alt – тег alt нужно указывать возле картинки всегда, чтобы не было ошибок валидации;
  • http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png — адрес на хостинге, куда я загрузил баннер. Вы указываете свой адрес. Более того, если ввести этот адрес в браузере, то вы должны увидеть там banner. Если будет выдаваться 404 ошибка, значит, вы указали путь к баннеру неверно;
  • width="240" и height="400" — ширина и высота баннера, лучше также указывать, это ускорит загрузку баннера с хостинга.

Вы можете просто скопировать этот код и заменить в нем некоторые вещи:

  1. Ссылку на сайт, куда должен вести banner. Вместо http://site.ru/ указываете свою;
  2. Адрес на хостинге, откуда нужно загружать баннер. Вместо http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png указываете свой;
  3. Тег Alt пропишите свой и укажите ширина и высота своего баннера.

Следующая задача – это разместить рекламный баннер на сайте. Здесь сложно дать конкретные рекомендации, так как мне неизвестно какой у вас движок. Но сейчас для примера я покажу, как разместить баннер на сайте wordpress в сайтбаре.

Для этого захожу в «панель управление» – «дизайн» – «виджеты» и просто вставляю свой код баннера в виджет.

как разместить баннер на сайте wordpress

На блоге banner у меня выглядит следующим образом:

баннер на vachevskiy.ru

Кроме этого, если у вас сайт сделан на движке wordpress, то вы можете еще открыть файл header.php, sidebar.php или single.php и вставить код баннера в любой из этих файлов в то место, где вы хотите, чтобы он выводились.

Если нужно выровнять banner по центру, то для этого подойдет тег «center». Код баннера будет выглядеть так:

<center><a target="_blank" rel="nofollow" href="http://site.ru/">
<img alt="здесь ваш текст" src="http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png" width="240" height="400" /></center>

Если banner прилипает внизу к какому-то элементу, то можно сделать отступ снизу на несколько пикселей. Для примера сделаю отступ на 10 px. Код баннера будет таким:

<div style="margin-bottom: 10px"><a target="_blank" rel="nofollow" href="http://site.ru/">
<img alt="здесь ваш текст" src="http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png" width="240" height="400" /></div>

Если баннер сверху прилипает, то можно также сделать отступ сверху на несколько пикселей. Пусть будет также на 10:

<div style="margin-top: 10px"><a target="_blank" rel="nofollow" href="http://site.ru/">
<img alt="здесь ваш текст" src="http://vachevskiy.ru/wp-content/themes/BusinessBlog/images/banner.png" width="240" height="400" /></div>

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

На этом здесь все. Теперь думаю понятно, как разместить баннер на сайте бесплатно. Всем пока!

vachevskiy 5 марта 2014
  1. Дмитрий

    Здравствуйте! Я хочу разместить баннер на Вашем сайте

  2. vachevskiy

    Дмитрий, все вопросы по поводу рекламы через форму обратной связи.

  3. Дмитрий

    Здравствуйте Николай! Подскажите пожалуйста адрес обратной связи? Я хочу хочу разместить свой баннер на Вашем сайте, но я новичок в этом деле! У меня есть код, баннер и подписная страница. Я хочу задать Вам вопросы по поводу размещения баннера.

  4. Действительно, все оказалось очень просто. Я разместила свой баннер за пару минут. Ваша статья для меня была очень полезна. Огромное спасибо.

  5. Приветствую, Николай, спасибо за статью, все оказалось очень просто!

  6. Михаил

    Здравствуйте. Очень часто захожу к Вам на сайт почитать интересные записи.

    Мне собственно нужен Ваш совет по поводу доменных регистраторов. Так ка раньше мне не доводилось регистрировать домены подскажите пожалуйста где можно зарегистрировать домен в зоне org как можно подешевле.

  7. Михаил

    Уже зарегистрировал себе домен на uanic.name . Цены не высокие и репутация вроде неплохая. Может кому-то пригодится.

  8. очень интересная и полезная статья мне понравились определённые полезные моменты я узнал для себя спасибо за статью

  9. Просто и легко все

  10. Сделал как у вас все и получилось, спс

  11. артем

    А вот я не понял сделал банер но вставить на сайт не получается

  12. Аман

    вот мой код баннера можешь расместить

  13. yurij

    реально ли разместить баннер на бесплатном блоге или сайте в wordpress?

  14. vachevskiy

    реально