Что такое WebView приложения и заглушки под разные вертикали

Всем привет! В очередной раз копаясь в гугле, я заметил, что общедоступной информации по клоакингу и, в частности, заглушкам для WebView-приложений в русскоязычном арбитраже или почти нет, или совсем нет.

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

Что такое WebView-приложения?

Прежде чем погружаться в дебри клоакинга и заглушек, стоит остановиться на том, что вообще такое WebView и зачем оно нужно. В прошлый раз я уже рассказывал об этом, но повторение – мать учения, не так ли? WebView – это системный компонент, который отвечает за открытие веб-страниц в рамках приложений. Другими словами, это то, что вы видите, когда открываете стороннюю ссылку в приложениях, например, в мессенджерах или соцсетях, таких как Instagram или ВК. В рамках арбитража траффика подобные приложения используются для размещения ссылки на оффер/офферы, а затем размещаются в магазинах приложений (таких как Google Play, App Store), либо на сторонних сайтах-одностраничниках, куда затем ведется трафик.

Примерно так может выглядеть открытое WebView

Что такое заглушка?

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

Целевым же пользователям показывается WebView с нашим оффером.

Так может выглядеть заглушка под дизайн гембловой прилы с Fire Joker

Контент заглушки

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

Для gambling-приложения это может быть какая-то аркадная игра, раннер, три-в-ряд, платформер, или даже крестики-нолики.

Для betting-приложения – “читалка” с советами или информацией о командах, матчах, либо какой-то новостник, либо, опять же, игра со спортивной тематикой и оформлением.

Для dating-приложений мы также обычно делаем “читалки”, либо примитивный “свайпер” а-ля Тиндер с фотографиями со стоков, загруженными на сервер.

То же касается и остальных вертикалей – финансовая грамотность под финансы и крипту, “читалка” под нутру и так далее. Проявите креативность!

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

Ниже я приведу пример заглушки для приложения под гемблинг. Суть геймплея – летать на самолете, подбирать монетки и расстреливать бомбы. При столкновении с бомбой происходит взрыв и game over:

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

Где взять заглушку?

1. Сделать заглушку самому. Это достаточно быстро и просто, особенно, если у вас уже есть опыт разработки приложений и игр.
2. Купить пачку готовых ассетов и зарескинить их. Такое я тоже проворачивал в качестве эксперимента. На срок жизни прилки это особо не повлияло.
3. Найти стороннего разработчика, который будет горбатиться вместо вас сможет поставлять вам заглушки за сдельную плату. Интегрируете клоаку, SDK, вебвью и готово! Поискать разработчиков можно на фриланс-площадках, например, Fiverr или Weblancer.

Графика и геймплей заглушки

В целом, графика может быть любой, даже не слишком качественной – со стоков, из паков слотовой графики от самих реклов, или даже просто из поиска по картинкам в гугле. Особо это ни на что не влияет (на Android, про iOS расскажу подробнее чуть дальше), но я стараюсь использовать в заглушках ту же графику и персонажей, что и в дизайне страницы приложения в Google Play. Например, если это дизайн под Fire Joker (думаю, вы уже поняли, что я люблю эти слоты), в заглушке могут присутствовать персонажи и атрибуты из этого дизайна.

Рассмотрим вышесказанное на примере дизайна нашей прилы с дизайном под слоты Leprechaun Riches:

Дизайн для страницы Google Play

Ищем в интернете задник для нашей будущей игры, например, такой:

Ищем персонажа. Иногда это может быть затруднительно, придется повырезать и поудалять лишнее в фотошопе.

Лепрекон ставит класс этой статье. Поставь и ты!

Теперь нам нужно придумать геймплей. В целом, это может быть что угодно. Вот несколько вариантов:

1. Управляя лепреконом, игрок должен ловить горшки с золотом и уклоняться от стрел
2. Лепрекон прячется и появляется на ветках деревьев на заднике, игрок должен кликнуть на лепрекона, пока тот не исчез
3. Крестики-нолики на двоих с лепреконом и монеткой

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

Уникальность заглушки и мифы

Практически в начале своего пути как разработчика, спустя месяц-другой после того, как я справился с проблемой банов аккаунтов во время модерации, я стал ловить баны за repetitive content. Спустя некоторое время после выхода, Гугл выносит прилку под предлогом неуникального содержимого.

Письмо счастья

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

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

1) “Баны по железу”. Якобы Google считывает информацию о компьютере, на котором было скомпилировано приложение, и выносит его из-за этого.
2) “Приложения на Unity живут дольше”. Миф, связанный с предыдущим. Логика такая – Android Studio разработан Google, значит, и информации передает больше.

По факту, 90% успеха это хороший акк разработчика. Если вам говорят, что аккаунт хороший и дело в приле/железе – не верьте.

В семье все должно быть поровну. В Google Play бан – в App Store тоже

Нюансы iOS

Модерация в App Store намного жестче, чем в Google Play. На личном опыте сталкивался с тем, что разворачивают и белые приложения из-за таких мелочей, как опечатка в тексте внутри приложения, низкое разрешение спрайта (текстуры) внутри приложения, сцена курения в фотографии внутри приложения. Все это ведет к тому, что разработать качественную заглушку для iOS, которую пропустят в магазин, довольно проблематично.

Кроме того, сам процесс разработки намного сложнее, чем для Android.

Один только набор графики, который требуется для загрузки приложения в App Store, ужасает. Если для Google Play достаточно баннера, логотипа и трех скриншотов, то здесь…

Вся боль нашего дизайнера в одном скриншоте

Кроме того, приложение может быть отклонено за недостаточно related содержимое дизайна. Дизайн должен максимально пересекаться с содержимым приложения, в идеале – содержать его скриншоты.

Движок Unity, который использует наша команда, является кроссплатформенным, что позволяет значительно облегчить разработку. Однако даже при этом на разработку приложения для Android мы тратим всего пару часов, а на разработку приложения для iOS – до пары недель в зависимости от сложности заглушки. В среднем этот процесс занимает около 5-7 дней вместе с модерацией.

Иногда бывает сложно понять – это Apps4You ест яблоко, или же яблоко ест Apps4You?

Полезная информация

На этом все на сегодня, друзья! Совсем скоро мы выпустим полный курс обучения разработке приложений на Unity. Подробная информация об обучении будет на нашем канале: @apps4you_rent

Высказать свое мнение об этой статье вы можете в нашем чате: @apps4you_dev. Всем спасибо за прочтение, удачи и профита!

Ну ты это, заходи, если что

Заглушка сайта: как оформить для SEO или сайта в разработке

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

Цели заглушек​

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

Как правильно сделать заглушку для SEO и сайта​

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

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

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

На всех страницах должен присутствовать уникальный контент и должны быть заполнены все необходимые теги (title, description).

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

Принципы заглушки для сайта в разработке​

• Не стоит пренебрегать информацией, оставляя на странице единственное сообщение: «Сайт в разработке». Посетитель должен четко понять, на какой сайт он попал и когда этот сайт сможет стать для него полезным.
• Добавьте максимально раскрытую контактную информацию. Особенно это касается коммерческих сайтов. Следует сообщить посетителям сайта название компании, сроки запуска проекта и все каналы, по которым можно связаться с представителями организации.
• Добавьте на странице-заглушке логотип будущего сайта, соответствующий его тематике. В будущем, посетители смогут узнать ваш проект по нему.
• Если вы желаете уже в процессе разработки что-то рассказать своим посетителям, можно добавить на страницу краткий видеообзор, информирующий о будущей деятельности проекта.
• Постарайтесь заинтриговать посетителей, объяснив им, зачем нужно будет вернуться на ваш сайт в день его запуска. Можно объявить о каком-либо конкурсе, розыгрыше или придумать другие креативные маркетинговые ходы.
• Если под ваш будущий проект уже созданы группы в социальных сетях, то обязательно оставьте ссылки на них. Таким образом, вы сможете удержать потенциальных клиентов, после того, как они подпишутся на вас в ваших тематических сообществах.
• Добавьте на странице форму email подписки. Отлично работает, если совместить это с интригой посетителя, о которой мы уже сказали ранее. Например: «Подпишитесь на нас, чтобы не пропустить масштабный розыгрыш, которой пройдет в день запуска проекта! Узнайте об этом мероприятии первым!»

Заключение​

Пользоваться страницами-заглушками можно и нужно. Стоит только четко определить преследуемую цель (для чего создается заглушка).

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

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

Как создать заглушку для сайта

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

Итак, давайте приступим…

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

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

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

Открываем программу Notepad++ (или аналогичную, например Блокнот). Создаем новый документ. Далее — Файл — Сохранить как, выбираем нашу папку с заглушкой и сохраняем документ с названием index.html

Вот что теперь должно быть в нашей папке:

Открываем в нашем редакторе файл index.html (после сохранения он должен быть у вас открыт). Теперь нам надо убедиться, что кодировка этого файла выставлена правильно. Для этого идем в пункт меню «Кодировки» и нажимаем на «Преобразовать в UTF-8″

Чтобы во время работы случайно не потерять достигнутый результат, рекомендую периодически сохранять документ во время работы. Это можно сделать в меню «Файл» или сочетанием клавиш «Ctrl + S».

Пишем в редакторе следующий код:

Из этих тегов состоит любая веб-страница.

Теперь добавим к нашей странице заголовок, ведь будет не очень красиво, когда кто-то откроет ее и увидит в заголовке вкладки браузера index.html (можете открыть страницу в браузере и следить за тем, что получается). Для этого между и добавим следующий код:

Фоновая картинка

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

Для этого заходим в Гугл Картинки и ищем интересную картинку, которая могла бы служить фоном для нашей страницы. Важно подбирать картинку шириной не менее 1920 пикселей, чтобы на больших экранах наша страница смотрелась хорошо. Я ввел в поисковую строку 1920 backgrounds и выбрал одну из картинок.

Открываем картинку в полном размере и сохраняем себе в папку images. Затем переименовываем ее. Назовем ее bg (не забываем о формате картинки, в моем случае это jpg).

Вот что я подобрал. Это фото города Чикаго. По-моему вполне подойдет для фонового изображения сайта.

Прикрепляем фоновое изображение к странице, для этого используем стили CSS:

Также выше я добавил стили для текста, а именно задал шрифт Ариал и белый цвет текста.

Далее создадим блок шириной 900 пикселей, в который поместим наш текст. Выровняем этот блок по центру.

Текст будет состоять из заголовка и, собственно, абзаца текста.

Вот что получилось:

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

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

Осталось поработать со стилями.

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

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

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

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

Cтраница-заглушка на сайт WordPress

Всем привет!

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

Зачем нужна заглушка на сайт

Применение в сайтостроении «заглушек» с важной для посетителей информацией – явление распространенное. Страница-заглушка необходима web-ресурсу по следующим причинам:

• На этапе создания проекта потенциальная аудитория проекта информируется о скором его запуске. Красивый сайт-заглушка выполняет рекламную функцию, предоставляя контактные данные, предлагая ссылки на страницы в социальных сетях и оформление подписки на новости будущего сайта.
• Недоработанные страницы ресурса скрываются от посетителей. Процесс запуска и отладки сайта может затянуться на несколько дней или недель, в течение которых все недоделки и откровенно слабые места будут видны лишь специалистам, работающим над запуском.
• Сообщение о том, что WordPress-сайт закрыт на техническое обслуживание, помогает удержать аудиторию проекта в период устранения сбоев. Пользователь понимает, что сайт недоступен по уважительной причине временно и через несколько минут/часов он вновь заработает, необходимо лишь немного подождать.

Какой должна быть заглушка для сайта

Распространенный вариант заглушки для сайта – картинки и текст, сообщающие посетителю о старте нового проекта или содержащие извинения за неудобства и сообщение об устранении проблем в работе действующего сайта в самое ближайшее время.

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

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

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

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

WordPress-плагин WP Maintenance Mode

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

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

Вкладка Общие содержит пункт включения/отключения показа заглушки на сайте. Здесь же можно прописать, каким категориям пользователей панель управления сайта и сам сайт должны быть доступны в любое время. Можно, при желании, оставить посетителям доступ к выбранным страницам (новостным лентам, архивам и т.д.), список которых указывается в специальном поле, или же настроить доступ по IP. Есть опции для включения/запрета индексации контента в то время, когда сайт WordPress находится на техническом обслуживании (Индексация роботами и Метатэг для роботов).

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

Форматирование текста производится в окне редактора со стандартным набором инструментов (толщина и наклон шрифта, маркированный и нумерованный списки, выравнивание относительно страницы, ссылки). Для продвинутых пользователей предусмотрен html-режим редактирования, дающий больше возможностей в плане визуального оформления текста.

Вкладка Модули отвечает за включение и настройку блоков (компонентов), о которых шла речь выше: таймера отсчета, формы подписки, кнопок социальных сетей. Для таймера обратного отсчета задается дата начала события и цвет цифр. Настройки всех компонентов интуитивно понятны. Есть возможность подключения к странице кода отслеживания Google Analytics.

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

Создание заглушки без использования плагинов

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

На первом этапе в корневой директории сайта на хостинге создается файл .maintenance со следующим кодом:

Затем в папку wp-content сайта добавляется, собственно, сама страница-заглушка, которой присваивается имя maintenance.php. Внутри этого текстового файла могут находиться PHP инструкции, например:

Также в файле может содержаться html-разметка с любыми необходимыми элементами. Для администратора сайта, разбирающегося в html-коде — это прекрасная возможность сделать страницу уникальной.

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

Заключение

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

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

Заглушка сайта на WordPress — сайт в разработке

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

Зачем нужна заглушка для сайта на время разработки или реконструкции

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

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

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

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

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

Создание заглушки без помощи плагина — как закрыть сайт от посторонних

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

1. Подключитесь к серверу хостинга через файловый менеджер. В корневой директории сайта найдите файл .htaccess.
2. Откройте файл .htaccess в режиме правки кода и найдите раздел WordPress между программными скобками #BEGIN и #END (строки 8–26 на скриншоте). После инструкции RewriteEngine On (строка 10) добавьте в код строки 12–17. Строки 13 и 14 потребуются только в случае, когда доступ к сайту возможен с нескольких IP-адресов, при этом нужно подставить именно ваши значения. В противном случае уберите эти IP-адреса из кода и оставьте только локальный хост 127.0.0.1 (строка 12).
3. Сохраните исправленный файл .htaccess в корне сайта и туда же добавьте страницу перенаправления maintenance.html, на которой укажите всю необходимую информацию. Все пользователи, пришедшие с IP-адресов, которые отличаются от указанных в файле, будут перенаправлены на страницу-заглушку.

Заглушка ВордПресс с помощью плагина WP Maintenance Mode

Плагин для создания заглушки WP Maintenance Mode находится в официальном репозитории WordPress: https://wordpress.org/plugins/wp-maintenance-mode/. При активации плагина включается режим проведения технических работ на сайте, и только пользователи с достаточными правами смогут использовать внешний интерфейс.

Из особенностей плагина WP Maintenance Mode можно отметить:

• Настраиваемый цвет шрифта и произвольный фон;
• Наличие формы подписки для уведомления о работе сайта, данные при этом экспортируются в CSV-файл;
• Таймер обратного отсчета времени, которое осталось до запуска сайта в работу;
• Отзывчивый (адаптивный) дизайн;
• Поддержка лэндингов и многостраничных сайтов;
• Иконки социальных сетей;
• Исключение определенных URL из обслуживания.

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

Установите плагин WP Maintenance Mode и активируйте его, после этого в админке WordPress в меню «Настройки» появится пункт «Техническое обслуживание», в котором располагаются 3 вкладки для управления настройками плагина.

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

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

Вкладка «Дизайн» настраивает визуальное отображение страницы-заглушки.

1. Введите название и заголовок страницы в соответствующие поля.
2. Во встроенном мини-редакторе наберите нужный текст, который будет выводиться на страницу-заглушку. Для заголовка и текста можно поменять цвет шрифта.

Фон для страницы выбирается из предустановленных изображений либо разрешается загрузить собственную картинку размером 1920×1080 пикселей. Сохраните настройки, чтобы применить их к странице-заглушке.

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

Если на сайте есть привязка к социальным сетям, можно включить отображение кнопок и переадресацию для них. Доступны только популярные западные соцсети: Facebook, Pinterest, Google+, Linkedin, Twitter, Dribble.

Допускается отображение формы обратной связи с кнопкой «Свяжитесь с нами» для контакта с посетителями. SEO-настройка плагина разрешает использование Google Analytics.

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

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

Настройка заглушки WordPress с помощью плагина Maintenance

Еще один популярный плагин Maintenance для создания заглушки сайта расположен в официальном репозитории WordPress по адресу: https://wordpress.org/plugins/maintenance/.

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

• Retina-ready HTML/CSS макет;
• Полноэкранный фон с настраиваемым эффектом размытия;
• Загрузка собственного логотипа;
• Настройка футера страницы-заглушки;
• Настраиваемые шрифты и фон;
• Вход пользователей и панель администратора прямо со страницы-заглушки;
• Генерация сервером ошибки 503;
• Подключение Google Analytics;
• Исключение URL из обслуживания.

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

Установите плагин Maintenance и активируйте его. В меню админки WordPress появится пункт с таким же названием для настройки заглушки.

1. Активируйте режим заглушки переключателем On/Off.
2. Задайте название и заголовок страницы-заглушки.
3. В мини-редакторе наберите текст, который будет отображаться для посетителей.

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

В бесплатной версии доступен только один встроенный фон, но вы можете загрузить собственное изображение. Укажите семейство шрифтов и задайте цвет текста на странице-заглушке.

По желанию можно отображать панель администратора на заглушке и подключить модуль Google Analytics. Для фона разрешается задать эффект размытия и регулировать его интенсивность.

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

Так выглядит заглушка, созданная плагином Maintenance с применением логотипа и футера.

Как оформить и сделать заглушку для сайта, если он находится в разработке?

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

Также это необходимо тем сайтам, на которых проводятся различные «ремонтные работы».

Прикиньте сами: что подумает человек, зашедший на страничку и увидевший там недоработанную вёрстку или, что ещё хуже, надпись «Not Found»? Скорее всего, решит, что компания халатно относится к своей работе и не думает о клиентах.

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

Основные принципы эффективной заглушки

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

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

Для увеличения отдачи рекомендованы следующие методы:

• Делайте страницу максимально простой. Но при этом исключите ощущение заброшенности, наполнив страницу полезной для посетителя информационной составляющей.
• Разместите логотип и кратко напишите о деятельности компании.
• Добавьте контент, который информирует о сроках возобновления работы сайта.
• Не забудьте указать контактные данные, а также дать ссылки на профили в соцсетях. При этом аккаунты в социальных сетях необходимо наполнить свежей информацией.
• Предложите подписку на рассылку и сделайте призыв, побуждающий посетителей подписаться: «Первым 100 клиентам — подарок» и т.п.

Все указанные мероприятия позволят сайту РАБОТАТЬ, несмотря на то, что он ещё находится в разработке.

Как сделать заглушку?

Существует несколько способов создания заглушки. Рассмотрим самые основные.

Если вам знакомы основы HTML и CSS, то вы можете самостоятельно сделать такую страницу в любом HTML-редакторе. Для этих целей подойдёт даже такая программа, как Notepad++.

Созданную страницу необходимо будет загрузить в корневую директорию вашего сайта.

Плагины

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

Например, для WordPress есть следующие плагины:

• Coming Soon Page,
• Maintenance,
• и другие.

Порядок действий здесь таков:

• скачайте плагин,
• установите на свой сайт,
• активируйте и настройте его.

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

Готовая страница

Вы можете купить или бесплатно скачать из Интернета готовую заглушку. Она уже будет иметь соответствующее оформление и шаблонный текст. Чтобы подстроить шаблон под свои нужды, необходимо отредактировать основной файл ihdex.html, заменив в нём заголовок, описание, дату для таймера и другие составляющие.

Вы можете самостоятельно поискать шаблоны в Интернете — это не составит труда (Яндекс и Гугл в помощь). Прошу не обижаться, если вы планировали найти ссылки на скачивание в этой статье.

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

Как добавить сайт-заглушку на сервер

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

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

Это выливается в следующую картину: веб-сервер получает запросы к доменам, для которых на сервере нет настроек, и показывает на них ваш сайт. В итоге поисковая система считает эти домены копиями вашего сайта — и это приводит к проблемам с ранжированием.

Чтобы защититься от таких ситуаций, достаточно разместить на сервере сайт-заглушку. Его главная задача — отлавливать такие бесхозные домены, чтобы они не влияли на работу ваших сайтов.

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

Настройка сайта-заглушки в ISPmanager

Для создания заглушки в ISPmanager достаточно создать отдельный WWW-домен и указать его в качестве приоритетного.

Доступы для входа в панель управления можно найти в Личном кабинете — раздел Товары — Виртуальные серверы — выберите ваш сервер, сверху «Инструкция» .

Откройте панель ISPmanager, перейдите в раздел Домены — WWW-домены и сверху нажмите «Создать» :

В поле «Имя» укажите произвольное доменное имя заглушки. Например, в примере ниже это домен no-such-site.sorry После этого кликните на любом месте в окне настройки — сработает автозаполнение полей. В конце списка настроек создаваемого сайта отметьте пункт «Приоритетный» .

Осталось только загрузить файлы заглушки, чтобы посетители видели не приветственную страницу, которую генерирует ISPmanager, а ваше сообщение.

Если вы знакомы с HTML и CSS, можно просто отредактировать эту самую приветственную страницу. Это можно сделать прямо в панели — раздел Домены — WWW-домены — выберите в списке сайт-заглушку, сверху «Каталог» . Откроется список файлов сайта — по умолчанию там будет один index.html . Дважды кликните на файле, откроется редактор кода: измените вид страницы по своему вкусу.

На этом настройка завершена. Теперь домены, не настроенные на сервере, будут открывать эту заглушку, а не ваши сайты.

Настройка сайта-заглушки в Apache

Чтобы создать заглушку на сервере с LAMP, нужно выполнить следующие шаги:

Создайте папку для заглушки и загрузите туда её файлы. В примере мы будем использовать домен default.site . Для заглушки можно использовать любое имя — оно носит чисто символический характер.

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

Загрузить файлы заглушки можно любым удобным способом — по FTP, sFTP. Или можно вручную создать файл index.html и заполнить его через консольный редактор, если вам знакомы основы HTML и CSS.

После того, как файлы загружены, нужно настроить права: предоставить к файлам доступ веб-серверу, чтобы он мог их обрабатывать. Для этого изменим их владельца на системного пользователя, под которым работает Apache: на Ubuntu и Debian это www-data , на CentOS — apache .

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

На Ubuntu и Debian для этого достаточно отредактировать конфигурационный файл по умолчанию — 000-default.conf :

В качестве примера приведён редактор nano . Для сохранения файла нажмите сочетание Ctrl + O , проверьте имя файла и нажмите Enter . Для выхода из файла нажмите сочетание Ctrl + X .

На CentOS потребуется создать его вручную в директории, где лежат остальные . В примере ниже это папка /etc/httpd/sites-enabled Можно создать файл, сразу вызвав консольный редактор — в примере vi :

В качестве примера приведён консольный редактор vi . Для входа в режим редактирования на клавиатуре нажмите I . Для выхода из режима редактирования нажмите Esc. Для сохранения и выхода из файла введите сочетание :wq Для выхода без сохранения введите :q!

Замените содержимое файла на следующее:

Вместо 123.123.123.123 укажите IP-адрес вашего сервера, default.site — имя вашей заглушки, /var/www/default.site — путь к файлам заглушки.

На Ubuntu и Debian после настройки нужно активировать новый конфигурационный файл:

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

Ubuntu и Debian:

CentOS:

Настройка сайта-заглушки в Nginx

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

Добавим на сервер папку под файлы заглушки:

Загрузить файлы заглушки можно любым удобным способом — по FTP, sFTP. Или можно вручную создать файл index.html и заполнить его через консольный редактор, если вам знакомы основы HTML и CSS.

После того, как файлы загружены, нужно настроить права: предоставить к ним доступ веб-серверу, чтобы он мог их обрабатывать. Для этого изменим их владельца на системного пользователя, под которым работает Nginx: на Ubuntu и Debian это www-data , на CentOS — nginx .

Теперь нужно создать конфигурационный файл нашей заглушки.

На Ubuntu и Debian конфигурационные файлы сайтов размещены в отдельной директории /etc/nginx/sites-available . Здесь и разместим наш файл:

В качестве примера приведён редактор nano . Для сохранения файла нажмите сочетание Ctrl + O , проверьте имя файла и нажмите Enter . Для выхода из файла нажмите сочетание Ctrl + X .

На CentOS можно просто создать конфигурационный файл заглушки в директории, где у вас размещены конфиги сайтов. Это может быть папка /etc/nginx/conf.d , доступная по умолчанию, или, как в примере, отдельно созданная директория /etc/nginx/sites-enabled :

В качестве примера приведён консольный редактор vim . Для входа в режим редактирования на клавиатуре нажмите I . Для выхода из режима редактирования нажмите Esc . Для сохранения и выхода из файла введите сочетание :wq Для выхода без сохранения введите :q!

Вставьте в файл следующий блок настроек:

Здесь вместо 123.123.123.123 укажите IP-адрес вашего сервера, вместо /var/www/default — путь к файлам вашей заглушки, и сохраните конфигурационный файл.

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

На Ubuntu и Debian созданный конфигурационный файл нужно активировать — создать символьную ссылку в директории /etc/nginx/sites-enabled :