Создаём фреймовый сайт

Как создать фреймовый сайт
Создаём фреймовый сайт

Всем приветик!

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

Это значит, что мы с вами продержались самое «тяжелое» время, но расслабляться ещё рано! Впереди ещё очень много работы, но эта та работа, которая, при правильном подходе, начнёт приносить стабильный и повышенный доход. Нужно будет научиться рекламировать ссылки на партнёрки не только в на своих страничках в социальных сетях, но и на всевозможных досках объявлений, форумах, в Гугл и Яндекс и других «доступных» местах. Именно поэтому в самом начале я советовала создавать странички, раскручивать их, добавлять друзей и делиться ссылками на свои статьи. Вся эта наработка сейчас пригодится очень хорошо.

Но что-то я «разошлась». Пора переходить к практике. К созданию фреймового сайта.

Регистрация домена

Для тех, у кого ещё нет своего сайта, самое время зарегистрироваться на хостинге Таймвеб. Почему я советую именно этот хостинг, а также с процессом регистрации можно ознакомиться в этой статье.

Для тех, у кого уже есть сайт/блог на Таймвеб, на тарифе Year+, нужно будет переходить на следующий – Optimo+, на котором предусматривается размещение 10 сайтов и 10 ГБ дискового пространства, проще говоря, объёма памяти. Оплата здесь составит уже 269 руб/мес, при помесячной оплате.

Если у вас нет второго домена, для создания партнёрского сайта, его нужно будет зарегистрировать. Какое название лучше выбрать? Здесь придётся немного подумать. Если у вас тематический сайт, и вы будете продвигать партнёрки только в одной нише, то идеальным решением станет регистрация похожего домена, отличающегося одним символом или буквой. Со временем роста вашего блога, его имя станет более узнаваемым, он чаще будет мелькать в ТОП выдачи, а значит и доверия к нему будет больше. Да и при написании обзорных статей или небольших рекомендаций, созвучный домен будет вписываться на блоге как нельзя лучше.

А если вы хотите продвигать как можно больше партнёрок, по всем направлениям? То здесь будет лучше создание нейтрального домена. Например, вы ведёте блог на дачную тематику (пчеловодство, психология, эзотерика) и регистрируетесь в товарной партнёрке… Можно, конечно, немного переиграть, и привести статью в «товарный» вид, как можно ближе приблизив к своей тематике. А если никак?  Поможет фреймовый сайт с нейтральным доменом, название которого подойдёт к любой нише.

Здесь можно выбрать и цифровое название, и придумать некую аббревиатуру. Придётся включить воображение и обязательно, перед регистрацией, проверить доменное имя на «прошлое», используя сервисы перечисленные в этой статье.

Скажу честно. Подбирала долго. Хотела создать что-то вроде vashdoxod.ru или newdoxod, домены были свободны, но история у них «длинная», один то занят, то свободен с 2009г., другой с 2012г. Если за это время домен не «прижился» ни у одного хозяина, вполне вероятно, что с ним что-то не так, а вполне возможно, что он уже давно в «бане» у поисковых систем. Можно было ещё «повыбирать», но не хочу затягивать создание и описание процесса, итак уже затянула с обещанием. Поэтому зарегистрировала идентичный этому, с одним отличием, первую букву «v» заменила на «w».

Для регистрации нового домена переходим во вкладку «домены и поддомены», далее «зарегистрировать новый домен», подбор и оплата. И ждём, пока запрос на регистрацию будет одобрен. Прошло около 10 минут, и мой домен одобрили.

После этого он «привязался» к одному из сайтов. Нужно «отвязать домен» в разделе сайты (левая панель админки хостига).

Создание фреймового сайта

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

Как создать фреймовый сайт

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

Как создать фреймовый сайт

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

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

Идём дальше.

Как создать фреймовый сайт

Как мы видим на скрине, директория создана, но к ней не привязан ни один домен. Это легко исправить, кликаем по «привязать домен» и видим новое окошко, в котором выбираем нужный нам и привязываем его. Перейдя по ссылке мы видим «заглушку» Таймвеб, с указанием того, что наш домен припаркован на данном хостинге. Так и должно быть. Более того, нам нужно удалить и уже имеющиеся файлы.

Файловый менеджер –  имя директории вновь созданного сайта (только будьте внимательнее, не перепутайте, иначе удалите существующий блог) – public_html. Для открытия папок в админке хостинга, нужно кликать по ним дважды левой кнопкой мыши. В открывшейся папке видим файл и дополнительную папку, которые нужно удалить. Кликаем по нужной (для выделения один раз), видим что она пожелтела и:

Как создать фреймовый сайт

Удалить нужно всё содержимое папки public_html, после обновления видим ошибку, перейдя по адресу фреймового сайта. Так и должно быть. Всё, партнёрский сайт готов.

Наполнение фреймового сайта партнёрскими ссылками

Повторю код, который понадобится для работы:

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">  
<title>ЗАГОЛОВОК</title>
</head>
<body style="margin:0px; padding: 0px;">
<iframe src="ВАША ПАРТНЕРСКАЯ ССЫЛКА" frameborder="0" scrolling="yes" height="100%" width="100%"></iframe>
</body>
</html>

Если сравнить код из статьи написанной ранее с этим, можно заметить, что в предыдущем нет строчки: <meta name=»viewport» content=»width=device-width, initial-scale=1″>. Эта строка помогает адаптировать подписные страницы партнёрок под экраны мобильных телефонов и планшетов.

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

Так как в первый раз я «поздно вспомнила» про Notepad++, в этот работу начну сразу с него. Блокнот очень хороший, советую найти его и скачать. Если нужна будет статья по работе с ним, пишите в комментариях.

Создаём новый файл, вставляем в него наш код, заменяем вышеуказанное на свои данные и сохраняем его. Сохранить нужно в первую очередь для того, чтобы посмотреть, как он будет выглядеть в интернете. На скрине видно, что сейчас он имеет название «new 1», данный формат не сможет прочитать ни один браузер. Чтобы привести его в читабельный вид, нужно «Файл – сохранить как…» index.html. Сохранить его можно на рабочий стол, чтобы потом не искать его среди разнообразия других файлов и папок.

Как создать фреймовый сайт

После сохранения в необходимом формате, видим, что код стал разноцветным. Теперь можно посмотреть как он будет выглядеть, например, в браузере Гугл Хром:

Как создать фреймовый сайт

Убедившись в том, что всё открывается и работает корректно, идём дальше. Теперь нужно этот фрейм разместить на сайте.

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

Как создать фреймовый сайт

Обязательно откройте его, проверьте запись и сохраните. Теперь, на вашем фреймовом сайте, на «главной» будет открываться созданный лендинг на вашу партнёрку. Можете в этом убедиться сами, кликнув по ссылке http://wmeste-k-uspexu.ru. Вы переходите по ссылке на мой фреймовый сайт, а видите бесплатный продукт Евгения Вергуса, одного из лидеров по обучению и заработку на партнёрках.

Очень удобно! Только не забудьте установить бесплатный сертификат и на этот сайт, чтобы социальные сети не блокировали его как незащищенный. Только в этом случае, папку с расширением .htaccess. Для этого, здесь же, в папке public_html партнёрского сайта создаём «файл – новый файл – расширение .htaccess». Заголовок у данного файла писать не нужно.

Как создать фреймовый сайт

Вставляем в него код указанный в статье «Подключаем ssl-сертификат». Не забудьте сохранить.

Но это ещё не всё. Сразу покажу и опишу, как создать ещё одну страничку-лендинг на сайте. Для этого нужно будет создать папку и поместить файл index.html в неё. Объясняю зачем: если в одном файле, или папке, разместить два файла index.html страница выдаст ошибку, так как файлы начнут «конфликтовать».

Запомните! Одна страница – один файл index.html. Для создания второй, десятой или сотой страницы, этот файл нужно помещать в отдельно и специально созданные для них папки.

Здесь же, в папке public_html фреймового сайта создаём папку. Назвать её нужно латинскими буквами, по названию вашего продвигаемого продукта. Это название будет отображаться в качестве ссылки браузерной строки. И если продукт снимут с продажи, вам легче будет в дальнейшем найти фреймовую папку и удалить её.

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

Для создания нового файла  index.html, можете отредактировать предыдущий. Открыть его, изменить партнёрскую ссылку и название продукта и сохранить кликнув по значку «дискета», или «файл – сохранить».

Для дальнейших действий есть два варианта:

  1. Создать папку на рабочем столе, назвать латинскими буквами и перетащить в неё файл index.html. После этого, готовую папку перетащить на хостинг, в папку public_html.
  2. Создать папку на «месте». Мне лично так проще. Создала новую папку в public_html, «файл – новая папка – название – сохранить». Открыла созданную папку и в ней создала файл index.html, и вставила скопированный код из блокнота Notepad++. Сохранила.

Делайте так, как вам будет удобнее. Оба варианта работают. У меня получилось так:

Как создать фреймовый сайт
Как создать фреймовый сайт

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

Как создать фреймовый сайт

Её нужно удалить полностью. Я допустила ошибку в том, что оставила первую строчку, которую вроде как нужно сохранять в файлах с этим расширением. Вот она то и сыграла со мной «злую шутку». Но не стоит забывать о том, что каждая ошибка даёт нам опыт. Если только сделать вывод, и не повторять её впредь.

А как где теперь взять ссылку на эту страничку? Всё очень просто! Берём её здесь же, в корневой папке.

Как создать фреймовый сайт

Копируем полный путь к папке: wmeste-k-uspexu.ru/public_html/besplathaya_shkola_ya-blogger, удаляем public_html, получаем ссылку: wmeste-k-uspexu.ru/besplathaya_shkola_ya-blogger. В браузерной строке она автоматически преобразуется в привычную: https://wmeste-k-uspexu.ru/besplathaya_shkola_ya-blogger.

В итоге мы получаем вместо явно реферальной ссылки https://название сайта /free_1?gcao=6636&gcpc=32da2, красивую и аккуратную: https://wmeste-k-uspexu.ru/besplathaya_shkola_ya-blogger. Без использования сервисов, плагинов и прочих «приспособлений». На таком сайте вполне можно разместить 100-150 фреймовых страничек.

Без проблем можно подтвердить права на сайт, отслеживать статистику посещений и кликов, разместив на нём счётчик метрики и задать определённые параметры и задачи. Но это уже тема для другой статьи. Если она вам нужна, жду комментарии.

Статья получилось объёмной и немного сложной, особенно для новичков. Поэтому постаралась расписать её как можно подробнее. И, как видно по скринам, я сама создала его в процессе написания. Если у меня получилось с первого раза, значит, и вы легко справитесь.

Успехов, удачи вам, и всего хорошего!

С уважением, Татьяна Булавина.

Поделиться ссылкой:

Оцените статью
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Вместе к успеху
Комментарии: 6
  1. Светлана

    Отличная статья! Лично мне все стало предельно ясно. Не до конца понимала, что к чему, а теперь все встало на свои места. А по поводу «Без проблем можно подтвердить права на сайт, отслеживать статистику посещений и кликов, разместив на нём счётчик метрики и задать определённые параметры и задачи.» — обязательно нужна статья! Мне-то точно. ))) Спасибо за труд!

    1. Булавина Татьяна (автор)

      Светлана, спасибо за отклик! Постараюсь опубликовать её в самое ближайшее время.

  2. Степан Подоляко

    Всё как всегда у Вас на уровне, понятно и доходчиво написано. Обязательно попробую сделать через некоторое вемя такой сайт.

    1. Булавина Татьяна (автор)

      Спасибо, Степан! У вас всё получится!

  3. Татьяна Тысячная

    Только после этой статьи я поняла, что такое фреймовый сайт, для чего он нужен и как работает. Пока моя голова закружилась от настроек, но как только начинаешь делать — наступает просветление. Я точно стану делать такой сайт! И конечно же хотелось бы счётчики к нему. А главное как нагнать трафик? Статья понравилась!

    1. Булавина Татьяна (автор)

      Спасибо, Татьяна! Про трафик я наверно напишу в закрытой группе ВК, доступ к которой имеют все те, кто зарегистрировался на хостинге, по моей реферальной ссылке в статье №3. А про счётчики и прочее — статья скоро будет!

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Мы используем cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Принять