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

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

Сообщений: 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>

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

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

09.03.2026 01:41	Смена струкуры URL сайта плохо для SEO?
09.03.2026 01:39	Как собрать все url страниц сайта?
01.02.2026 07:19	SEO-инструменты слепнут: Ahrefs и Semrush массово банят на сайтах из-за ИИ
20.06.2025 14:50	Какую выбрать тему/нишу для сайта?
18.03.2024 16:58	Переходы по ссылкам на сайтах

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

Новые темы	Объявления	Свободное общение
11:31 AI под надзором. Минцифры готовят клеймо для контента 09:51 Рост эффективности моего интернет‑магазина 21:08 Adsense личный опыт 18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 18:16 С чего сейчас проще начать? 08:29 Бесплатное получение бэклинков 08:19 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг	11:46 BestChange – обменивать электронную валюту можно быстро и выгодно 09:31 Monitex: Мониторинг с кэшбэком 80% в USDT 08:45 Trustpilot Reviews \| Подниму рейтинг вашей компании 08:45 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 08:45 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 08:45 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 01:12 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника	22:06 Точные прогнозы на футбол 18:15 молодильные яблоки и живая вода 07:17 Почему не обновляется счетчик ИКС (индекса качества сайта) 00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 06:50 Ставки на супер тренды в спорте 13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем