Фон сайта ссылкой на партнеров

Фон сайта ссылкой на партнеров, брендированная подложка

Сообщений: 564 Регистрация: Фев 2013

20 Октября 2014 17:22

Добрый день всем!Хочу на сайте сделать фон, который при нажатии на определенную область будет отправлять к партнерам. Например, на фоновой картинке, кроме основного рисунка, будут еще нарисованы кнопки Скачать или Перейти. Отсюда много вопросов.

1. Вес фоновой картинки около 1,13 МБ, будет ли это сильно тормозить загрузку сайта и влиять на пф?
2. Отношение поисковиков к подобному фону?
3. И главный вопрос: как организовать такое? ссылки должны выводиться скриптами или как?

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

Заранее спасибо!

Роман

Сообщений: 21 Регистрация: Июл 2014

20 Октября 2014 18:51

Цитата
1. Вес фоновой картинки около 1,13 МБ, будет ли это сильно тормозить загрузку сайта и влиять на пф?

Попробуйте сжать картинку не в ущерб качеству. Поисковики учитывают скорость загрузки страницы.

Цитата
Отношение поисковиков к подобному фону?

Я считаю, им нет особой разницы какой фон.

Цитата
3. И главный вопрос: как организовать такое? ссылки должны выводиться скриптами или как?

Можно просто контейнер для фона обрамить в:

Код
<a href="ссылка_на_партнера">тут контейнер фона</a>

Это самое простое, и без скриптов.

Роман

Сообщений: 21 Регистрация: Июл 2014

20 Октября 2014 18:56

Цитата
Данный вопрос для меня - темный лес.

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

Koza Moza

Сообщений: 564 Регистрация: Фев 2013

20 Октября 2014 20:00

Цитата

Роман пишет:

Цитата
Данный вопрос для меня - темный лес.

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

Спасибо за ответ! Вопрос на счет отношения поисковиков к фону меня интересует конкретно в том, что я в фон хочу добавить ссылку. Это ведь получится, что с каждой страницы +1 исходящая.

Роман

Сообщений: 21 Регистрация: Июл 2014

20 Октября 2014 20:23

Цитата
Это ведь получится, что с каждой страницы +1 исходящая.

Тогда сделайте так:

Код

<div id="background">
<!-- фон -->
</div>
 
<!-- подключаем JQuery -->
<script src="code.jquery.com/jquery-2.1.1.min.js"></script>

<!-- обрамляем фон ссылкой -->
<script>
$(document).ready(function() {
    $('#background').wrap('<a href="{partner}"></a>');
});
</script>

dwqdqw dsadas

Сообщений: 14 Регистрация: Мар 2012

20 Октября 2014 21:32

Вот рабочий вариант:

Код

В шаблоне прописываем

<body>
<a href="ссылка на партнерку" id="branding_link" target="_blank" ></a>

----

В CSS прописываем

#branding_link { 
 width:100%; 
 height: 100%; 
 position:fixed; 
 z-index:1;}
 
---

Также в ссs находим и добавляем position:relative; z-index:2; ко всем стилям, отвечающим за шапку, тело, боковые блоки и т.д. 

В моем случае было примерно так:

#header {background:url(/images/header.png) repeat;height:60px;} - шапка
#subheader .wrapper {background:url(/images/subheader.png) 0 bottom no-repeat;height:50px;overflow:hidden;}- тоже шапка
#left-side {float:left;width:200px;padding:10px 10px 10px 0;} - левый блок
#right-side {float:right;width:200px;padding:10px 0;} - правый блок
#content {float:left;width:600px;padding:10px 0;} - контент
#footer .wrapper {background:#222 url(/images/footer.png) 0 0 no-repeat;color:#888;} - футер
#footer .fleft {float:left;padding:10px;width:60%;font-size:11px; } - футер
#footer .fright {float:right;padding:10px;width:30%;text-align:right;font-size:11px;} - футер

Стало: 

#header {background:url(/images/header.png) repeat;height:60px;position:relative; z-index:2;}
#subheader .wrapper {background:url(/images/subheader.png) 0 bottom no-repeat;height:50px;overflow:hidden;position:relative; z-index:2;}
#left-side {float:left;width:200px;padding:10px 10px 10px 0;position:relative; z-index:2;}
#right-side {float:right;width:200px;padding:10px 0;position:relative; z-index:2;}
#content {float:left;width:600px;padding:10px 0;position:relative; z-index:2;}
#footer .wrapper {background:#222 url(/images/footer.png) 0 0 no-repeat;color:#888;position:relative; z-index:2;}
#footer .fleft {float:left;padding:10px;width:60%;font-size:11px; position:relative; z-index:2;}
#footer .fright {float:right;padding:10px;width:30%;text-align:right;font-size:11px;position:relative; z-index:2;}

Изменено: dwqdqw dsadas - 20 Октября 2014 21:34

Koza Moza

Сообщений: 564 Регистрация: Фев 2013

21 Октября 2014 01:15

Спасибо за ответы! Буду пробовать

DmitryBezlimit

Сообщений: 932 Регистрация: Дек 2012

22 Октября 2014 20:59

Если фон повторяется, то лучше его порезать и с помощью ccs стилей вставить на сайт(меньше вес и быстрее загрузка сайта будет как +)

Вот как нужно делать сайты Bezlimi.com

paltarasych

Сообщений: 3289 Регистрация: Янв 2011

22 Октября 2014 22:08

на киного просто закрыто в ноиндекс

Код

<noindex>
<div id="skin_blockce260a12" class="ePskinBlock" style="background-image: url("картинка"); background-color: rgb(255, 255, 255); background-repeat: no-repeat;
 background-position: 50% 0%; background-attachment: fixed;">
<a id="skin_link" href="ссылка" target="_blank" rel="nofollow"/>
</div>
</noindex>

Биржа криптовалюты

Отличный хостинг Webhost1

Koza Moza

Сообщений: 564 Регистрация: Фев 2013

#10

23 Октября 2014 16:35

Цитата

paltarasych пишет:
на киного просто закрыто в ноиндекс

Код

 <noindex>
<div id="skin_blockce260a12" class="ePskinBlock" style="background-image: url("картинка"); background-color: rgb(255, 255, 255); background-repeat: no-repeat;
 background-position: 50% 0%; background-attachment: fixed;">
<a id="skin_link" href="ссылка" target="_blank" rel="nofollow"/>
</div>
</noindex>

Это конечно самый простой вариант для меня, но как-то страшновато просто в ноуиндекс, хочется чего-то серьезнее )

Похожие темы:

20.06.2025 14:50	Какую выбрать тему/нишу для сайта?
27.02.2025 08:07	Как собрать все url страниц сайта?
28.05.2024 09:35	Смена струкуры URL сайта плохо для SEO?
18.03.2024 16:58	Переходы по ссылкам на сайтах
07.12.2023 23:30	ВОпросы оптимизации сайта

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
06:11 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 08:27 Ищу специалистов 08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 08:12 ру гембла	04:05 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:00 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 23:00 Trustpilot Reviews \| Подниму рейтинг вашей компании 22:59 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 22:59 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 22:04 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:58 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика	07:35 Что случилось с форумом? 03:07 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь