MyBid.blog

Узнайте, как захватить мир рекламы
  1. Главная
  2. / Блог
  3. / Как сделать копию сайта?

Как сделать копию сайта?

14 August 2024

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


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


Конечно, арбитражник может овладеть всеми техническими навыками, выучить HTML, разобраться в обеспечении безопасности для предотвращения взломов, в работе с CMS и DNS-серверами, а также в SEO-оптимизации сайтов. Однако это довольно дорого и занимает относительно много времени.

 

image2.png

 

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


Что нужно знать о создании копии сайта


Что происходит, когда пользователь хочет открыть страницу и кликает на ссылку сайта из браузера?


Вот пошаговый алгоритм работы:

  • Браузер посылает запрос на удаленный сервер.
  • Реагируя на этот запрос, сервер посылает HTML-документ. В нем содержатся зашифрованные данные со всем содержимым данной страницы. 
  • Браузер расшифровывает и интерпретирует эти данные, превращая непонятный HTML-код (пример данного кода показан ниже на картинке) непосредственно в веб-страницу, с которой пользователь может взаимодействовать. 

    image7.png


Когда пользователь кликает на другую ссылку — браузер снова отправляет запрос, получает и затем расшифровывает HTML-документ.


Если посещать сайт систематически, то браузер запомнит это и будет отображать сохраненную копию (то есть весь HTML-код). Однако необходимо помнить, что отредактировать страницу невозможно.


Способы скопировать код и изображения


Ctrl + S


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

  • Находим интересующий нас сайт;
  • Нажимаем комбинацию клавиш Ctrl+S;
  • Далее кликаем «Сохранить».


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


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


Это значит, что нельзя будет полноценно работать с данным сайтом и переделывать его под себя.


К тому же, при таком копировании, часть файлов может загрузиться неправильно — а значит и сайт в целом будет испорчен. К примеру, на загруженном лендинге могут пропасть все изображения продукта. 


Инструменты разработчика


Существует и другой популярный способ копирования — через Инструменты разработчика. Он удобен тем, что позволяет скопировать не только исходный код страницы, но также и структуру всех файлов данной веб-страницы.


Чтобы скопировать сайт данным методом:

  • Открываем веб-браузер, и нажатием простой комбинации клавиш Ctrl+I или Ctrl+Shift+I попадаем в «Инструменты разработчика».

    image1.png
     
  • Кликаем на вкладку «Источники» (или «Sources») для открытия окна со структурой страницы.
  • Далее становится видно дерево каталогов. Необходимые нам файлы сайта находятся в первой папке. 
  • Мы создаем на своем компьютере (или в облаке) папку с названием страницы, в которую мы будем сохранять все файлы. Воссоздаем внутри папки структуру сайта, все названия при этом должны совпадать.
  • По одному сохраняем все файлы через клик ПКМ и команду «Save As». 


Что еще нужно знать о скачивании через «Инструменты разработчика»:

  • Если название не копируется автоматически, то копируем самостоятельно. Стоит помнить, что все, что в названии идет после вопросительного знака («?») копировать не имеет смысла.
  • Изображение скачивается через клик по нему в каталоге в левой части окна. Затем кликаем на само изображение правой кнопкой мыши и далее выбираем «Save As».


Процедуру необходимо повторить для всех страниц сайта. После этого мы получим скачанный сайт конкурента.


Парсинг


Кроме этих способов, существует другой активно используемый арбитражниками способ копирования сайтов — при помощи парсеров. Парсеры — это сервисы для сбора общедоступной информации из сети. Например, есть парсеры аккаунтов в социальных сетях, парсеры маркетплейсов и т. д.


Сервисы для парсинга работают через отправку XPath-запросов. XPath — это специализированный язык, который отправляет запрос к определенному участку страницы и скачивает из него необходимую информацию.


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


Кроме автоматизации парсинг ничем не отличается от работы арбитражника, который копирует лендинг конкурента через «Ctrl+S» или «Инструменты разработчика».


Вот пошаговый план для работы с сервисом для парсинга:

  • Арбитражник вставляет ссылку на лендинг/прелендинг в специальное поле;
  • Парсер отправляет запрос на сервер;
  • Сервер высылает файлы сайта для отображения в браузере.
  • Парсер автоматически сканирует страницу, начинает сохранять все файлы, медиа, ссылки и другое содержимое сайта.
  • Затем бот переходит на следующую страницу сайта, скачивает её и так далее, пока не скачает весь сайт целиком.


Однако стоит помнить, что все способы скачивания сайтов имеют один и тот же недостаток — они делают исключительно копию с содержимым веб-сайта, без исходного кода.  


Кроме этого, у отдельных сервисов для парсинга есть и свои минусы. Например, сайт при копировании определенным ПО может раздуться по весу с 30 до 240 мегабайт из-за множественных дублей медиафайлов.


Существует довольно много различных сервисов для парсинга. Одним из самых популярных у арбитражников является бесплатный парсер Cyotek WebCopy. 


Софт парсера довольно продвинутый. Вот его особенности:

  • Cyotek WebCopy точно скачивает структуру сайта. Сопоставив между собой все ссылки, сервис самостоятельно переназначит к ним путь, исключив появление дублирующих страниц;
  • Скачивает, в том числе и скрытые части веб-сайта;
  • Способен проводить захват форм, которые создаются через динамический скрипт php на сервере. Например, в отличие от ряда конкурентов, при скачивании ленда с формами заказа Cyotek не сбоит;
  • Доступно удобное сохранение содержимого веб-страницы в один файл;
  • Приложение составляет дерево ссылок (представленное ниже), что позволяет наглядно рассмотреть и проанализировать структуру всего сайта.

    image4.png
     
  • В Cyotek встроены фильтры, которые позволяют скачать только изображения или скрипты с веб-страницы.


Кроме Cyotek, вебмастера и арбитражники для скачивания сайтов также используют такие парсеры, как HTTrack и Teleport Pro.


Проблемы, возникающие при копировании страницы сайта


При копировании сайта могут возникнуть определенные сбои и неполадки. Часто встречаются следующие проблемы:

  • Веб-страница прогружается намного медленнее;
  • Из-за некорректной верстки сайт не соответствует своему оригиналу;
  • Низкое качество загружаемых изображений;
  • Некорректная работа различных веб-форм и ссылок.


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


Однако, простые лендинги чаще всего создаются при помощи HTML, JavaScript и CSS, а значит их скопировать корректно намного проще.


После загрузки чужого лендинга, возникает два важных вопроса — как его отредактировать и откуда взять трафик. О внесении изменений мы поговорим далее. Что касается трафика, то эффективным источником для лендинга, сайта является MyBid. MyBid предлагает трафик с 200+ гео и продвинутую антифрод-систему, отсеивающую ботов. Кроме этого, MyBid работает по системе fully managed, когда персональный менеджер не только помогает с экспертизой, но и отвечает за настройку, запуск и оптимизацию рекламной кампании.


Как отредактировать сайт под свой запрос


После того, как сайт был скачен, встает вопрос его редактирования.


Пошаговый план работы выглядит примерно так:

  • Открываем редактор кода (Visual Studio Code, Notepad++ или Sublime Text).
  • Вносим необходимые изменения в код сайта.
  • Редактируем визуальное оформление стилей с помощью CSS (как показано ниже — с указанием позиции, шрифта, цвета и других характеристик), добавляем веб-формы с помощью JS-скриптов, кнопки, ссылки и другие элементы на сайт.

    image5.png
     
  • Сохраняем файл на компьютер или в облако.
    Проверяем работоспособность в веб-браузере.


Существует также еще один способ редактирования многостраничников. Для экономии усилий и времени можно использовать связку сканера Web-Archive и сервиса R-Tools.


Web-Archive — крупнейший онлайн-архив копий различных сайтов. На данный момент там сохранено более 866 млрд страниц. При помощи его сканера можно сохранить в архив лендинг конкурента, а затем, при помощи R-Tools распаковать этот архив и получить файлы того самого ленда. Останется только загрузить сайт на хостинг, подключить к домену и провести замену путей к файлам. 


Копирование сайта с популярными CMS


Отдельно коснемся работы с CMS – системами управления контентом. Самые известные CMS среди вебмастеров: WordPress, Tilda, Bitrix и Joomla.


WordPress

image3.png


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


Самый известный сервис для парсинга, который позволит перенести содержимое сразу в WordPress — плагин Wpgrabber.


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


Кроме того, в Wpgrabber встроен машинный переводчик. Можно, например, взять лендинг конкурента на испанском и автоматически перевести все содержимое на итальянский. 


Tilda
 

image6.png

 

Tilda очень часто используется для создания лендингов и прелендингов вебмастерами из-за user-friendly интерфейса и легкости мультиаккинга.


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


К дополнительным плюшкам относится функция переноса первоначального кода сайта — однако она доступна только самим пользователям Tilda и только в тарифе Business.


А что делать для точного копирования сайтов с Tilda? Есть несколько технических решений. Помимо обычных парсеров, которые могут неправильно скачивать различные элементы лендинга, есть специальный Telegram-бот DevMode (с 1 бесплатным тестовым копированием). 


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


Bitrix


Процесс копирования с Bitrix, как и с другими CMS, сильно зависит от того, есть ли у вас доступ к панели управления или нет. Если доступ имеется — то у Bitrix есть ряд инструментов для копирования кода сайта, создания его резервной копии, выгрузки товарных карточек в форматах xlm и csv и другой функционал.


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


Joomla!


Еще один популярный сервис — Joomla! Опять же рассмотрим варианты с доступом к панели управления и без неё.


В первом случае, можно сделать резервную копию при помощи Akeeba Backup в формате .jpa, который будет содержать все необходимые данные с сайта. В нем уже содержится программа для распаковки — Kickstart.php. Затем, нужно запустить встроенную программу установки и сайт готов.


Без доступа к панели управления есть несколько выходов — автоматическое копирование на другой CMS (например, через плагин FG Joomla to WordPress) или использование привычных парсеров для создания копии и последующего размещения на собственном хостинге.


Заключение 


Сделать точный дубликат сайта под силу даже начинающему арбитражнику. Достаточно осилить «Инструменты разработчика», парсинг и другие специализированные сервисы.


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


Однако, полученных знаний вполне хватит для скачивания арбитражных лендов и прелендов. Для запуска трафика, при работе с MyBid останется только лишь выделить бюджет и подготовить креативы (при необходимости проконсультировавшись с персональным менеджером). А затем, благодаря системе fully managed, рекламная кампания будет привлекать трафик ваш сайт без вашего непосредственного участия.

 

Теги:

Последние Посты