Создаём страницы-«заглушки» для своих сайтов
Если вы купили домен, а сайт ещё не запустили, то решить, что делать с ним — это довольно непростая задачка. Оставить начальную страницу вашего регистратора или стандартную страницу хостинга? Оба варианта выглядят, по меньшей мере, непрофессионально. Особенно, если вы собираетесь попиарить свой новый проект, рассказать о нём. В то же время, вы не хотите тратить слишком много времени для создания временной страницы, т.к. вам нужно работать над самим проектом.
Лучший выход из ситуации — создать простую страницу-«заглушку», которая будет рассказывать посетителям, что здесь, в конечном счёте, появится. Хорошая страница-«заглушка» может быть двух вариантов: информационная страничка, которая просто расскажет, что здесь будет после запуска; или страница, которая предлагает посетителям подписаться на уведомления или оставить запрос на бета (или альфа) тестирование. Ниже вы увидите несколько отличных примеров обоих типов, следуя которым, вы сможете создать свою такую страницу-«заглушку». Разумеется, среди них вы не увидите обычных страниц «В разработке» (с надоевшим дизайном), которых целая куча в сети.
1. Советы по созданию страниц-«заглушек»
Далее вы найдёте несколько отличных примеров и советов, которые нужно помнить при создании таких страниц.
Расскажите, чего нам ожидать
Когда кто-то заходит на вашу страницу-«заглушку», он должен понять о чём будет ваш сайт и чем он может быть ему полезен. Это особенно важно, если вы просите посетителей подписаться на уведомления или время от времени заходить на сайт. Если вы не желаете потрудиться рассказать о чём сайт, почему мы должны помнить о том, чтобы вернуться сюда?
Дайте нам немного информации о направленности сайта. Это не значит, что вы должны самым подробным образом всё рассказать; наоборот, некоторую интересную информацию пока приберегите. Например, если вы будет предлагать приложение для рационального управления временем, созданное специально для веб-дизайнеров, то вы можете написать, что сайт поможет упростить рабочий процесс веб-дизайнеров. Это даст некоторую информацию о сайте, но в то же время оставит некую пелену загадочности.
KISSmetrics
KISSmetrics предлагает море информации на своей странице-«заглушке», включая форму подписки на обновления и блог, в котором рассказывается о ходе разработки. Это великолепный пример «заглушки», которая хорошо информирует посетителей и держит их в предвкушении ожидаемого запуска.
Birdboxx
Birdboxx даёт нам основную информацию об услугах, которые будут предлагаться на сайте, когда он запустится.
Anipals
Anipals встречает нас приличным количеством информации об особенностях проекта, но не рассказывает слишком много.
Novalistic
Здесь страничка рассказывает о чём будет проект, когда будет готов и также даёт возможность посетителям подписаться на обновления.
Нужна ли подписка на обновления?
Позволить посетителям подписываться на рассылку по e-mail, чтобы их уведомить о запуске проекта — такая возможность может стать хорошим инструментом для раскрутки. Если этого не сделать, то к тому времени, когда сайт будет запущен, некоторые посетители могут забыть про него. Разумеется, регулярность рассылки зависит полностью от вас. Некоторые сайты отсылают лишь одно уведомление в день запуска. Другие делают регулярные рассылки, в которых рассказывают о ходе работы.
Вы можете попробовать развернуть небольшую шумиху вокруг запуска вашего сайта, затем начать более-менее регулярно делать рассылку и в сумме это поможет вызвать доверие к сайту и сделать его название узнаваемым. Если вы будете рассылать уведомления каждую неделю-две, ваши посетители, скорее всего, не забудут о вас. Только стоит упомянуть на странице, что рассылка будет делаться так часто, чтобы избежать обвинений в спаме.
К тому же есть несколько альтернатив обычной рассылке на почту. Одна из них — это запустить блог, который будет информировать посетителей о вашем прогрессе в работе над сайтом. Такой способ наиболее применим для интернет-приложений, ход работы над которыми можно описывать в блоге. Другой признанный способ — использовать Твиттер для привлечения и информирования пользователей. Просто убедитесь, что на странице стоит ссылка на ваш аккаунт на Твиттере.
MyNiteLife
MyNiteLife позволяет посетителям подписываться на обновления по e-mail.
DesignSvn
DesignSvn даёт возможность посетителям выбрать: подписаться по e-mail или следить на Твиттере.
Remindness
Remindness позволяет посетителям подписываться на обновления по e-mail.
Сделайте вашу страницу-«заглушку» запоминающейся
Если у вас уже есть логотип, начальный дизайн или цветовая схема и подобран шрифт, то используйте их на своей странице, чтобы начать формировать стиль, запоминающийся посетителями. Узнаваемый стиль поставит ваш сайт на ступень выше, чем у ваших конкурентов и главное это больше не потребует затрат времени и ваших сил. Даже такая простая вещь, как использование определённого шрифта или цветовой схемы могут сделать ваш сайт более узнаваемым для будущих посетителей. Когда ваш сайт в итоге запустится, то посетители будут чувствовать себя уверенней.
Fontdeck
Fontdeck использует на странице логотип и цветовую схему, которая, по-видимому, будет использоваться на сайте.
Silverback
Silverback использует на странице изображение гориллы и дизайн, которые будут использоваться на сайте.
Foundation Six
Foundation Six используют, по-видимому, конечный вариант цветовой схемы и логотипа.
Создайте небольшую интригу
Задача страницы страницы-«заглушки» заставить людей рассказывать о ней и потом вернуть их на ваш сайт. Даже если вы просто хотите рассказать о чём будет проект, то создать немного загадочности не помешает. Любопытство — это сильный мотиватор и оно может заставить большое количество посетителей подписаться на рассылку обновлений. Это также заставляет людей рассказывать друг другу о сайте, т.к. посетители будут спрашивать у своих друзей любую информацию о намеченном запуске. Такие разговоры могут дать проекту начальный трафик и даже привлечь внимание различных медиа.
Better Blogger
Better Blogger даёт нам начальную информацию о сайте, но не рассказывает слишком много.
Good Morning
Good Morning не даёт какой-либо информации о том, что это за приложение будет, но из названия можно предположить, что оно будет связано с управлением своим временем или продуктивностью работы.
uoOo
uoOo даёт понять, что как-то связан с видео, но больше нет никакой информации…
Помните о SEO
Хотя «заглушки» не играют большой роли в ранжировании сайта поисковиками, это не значит, что не надо оптимизировать их для поисковых систем. Используйте ключевые слова и правильные мета теги, и поощряйте оставляющих ссылки на вас использовать нужный текст в анкорах. И если вы грамотно подойдёте к SEO, то не будете пессимизированы поисковыми системами (а возможно даже получите некое доверие у поисковиков), которое означает, что когда сайт запустится, то продвижение в поисковиках будет намного быстрее.
2. Информационные страницы
Информационные страницы для того и созданы: предоставлять посетителям информацию о текущем состоянии и будущих планах этого сайта. Дизайн таких страниц может быть очень прост, только название и текст, например, «Скоро появится», или же содержать более глубокий смысл. В любом случае, это обычно одна страничка с какой-либо информацией. Иногда включает в себя контактную информацию владельца сайта.
Boagworld
Великолепный дизайн с информацией о возвращении к жизни популярного подкаста.
FiveSecondProjects
Эта страничка использует немного другой подход, разместив ссылку на видео, в котором и есть необходимая информация.
After Some Words
Особенная «заглушка», ведущая на страницу на MySpace.
Holey Coww
На этой страничке можно найти довольно объёмное пояснение к сайту, а также ссылки на Твиттер и Facebook.
Zombie Corp
Ещё одна простенькая страница с контактной информацией владельцев.
Moses Mehraban
Простая страница, которая рассказывает о текущих делах владельца.
Leaf Ordinary
Минималистская страница с ссылкой на дополнительную информацию.
I heart spaceships
Забавная страничка с контактной информацией разработчиков.
Smart Pixel
Очень простой дизайн, но с прикольной картинкой.
Human Binary
Ещё одна забавная страничка с достаточным количеством информации, чтобы понять, что здесь будет в итоге.
fcukstar
Более сложная страница с ссылкой на предпросмотр сайта и с информацией по ценам.
Zenbou
Ещё одна простая «заглушка» с большим количеством подсказок о том, что будет на сайте, также есть ссылка на Твиттер.
Shabith Ishan
Хорошо продуманная страничка с ссылками на разные социальные медиа.
3. Страницы для подписки на обновления или для запроса инвайта
Такие страницы позволяют посетителям подписаться на обновления или попросить приглашение для бета или альфа тестирования. Они больше всего популярны у онлайн приложений, но и другие сайты с удовольствием их используют. Формы подписки обычно очень просты, строка для почты и, возможно, строка для имени. Страницы также часто содержат информацию о сайте, хотя главной целью всё-равно остаётся подписка на рассылку.
FavMovie
Название даёт достаточно информации о будущем сайте, и форма простенькая.
Statnip
Простая страница с формой в одну строку для подписки.
ClockMeIn
Обычная страница с однострочной формой для запроса приглашения.
investobiz
Страница предлагает к ознакомлению немного информации, а также имеет форму для подписки на рассылку.
PackageTrail
Страница с уникальным дизайном имеет форму для запроса инвайта на бета тестирование.
Addressful
«Заглушка», на которой есть информация и форма для подписки.
Hello Human Icons Icon Collection One
Этот сайт предлагает подписаться на рассылку обновлений, а также рассказывает немного о себе.
The Upstate Design Collective
Ещё одна страница, на которой есть элементы как информационной страницы, так и страницы для подписки, также есть ссылка на группу в Твиттере.
MealNation
Страница с формой для подписки.
Hosteeo
Стандартная страница, на которой красуется вопрос, для привлечения интереса.
Gigdom
Информационная страница с ссылкой для регистрации на бета тестирование.
ClassOwl
Простая форма с двумя полями для подписки.
ChkChkBoom
«Заглушка» даёт возможность посетителям выбрать способ получения обновления: RSS или e-mail.
SCIPLEX
Очень простая страничка с парой строчек о том, что скоро здесь будет и с формой для подписки.
Inhouse Grind
Простая страница с информацией и формой.
Zipliner
Ещё одна очень простая страница с формой для запроса приглашения на тестирование.
Designatr
Красивая страница с простенькой формой и небольшим количеством информации о сути сайта.
Эта статья еще пишется, но она точно будет вам интересна. Топ-10 бесплатных шаблонов заглушек для сайтов
Ладно, мы немного схитрили, статья уже написана. Но такой заголовок предельно точно описывает сегодняшнюю тему.
Что такое страница-заглушка и для чего она нужна?
Заглушка – это страница, которая рассказывает, что публичная версия сайта еще не вышла или что на сайте временно ведутся технические работы.
Для чего такая страница, если сайт еще в процессе разработки?
- Предварительный маркетинг. Если вы только собрались запускать свой проект в интернете, можно начать взаимное знакомство с ЦА заранее. Это хорошая разновидность спойлера, который только подогреет интерес к вам и вашему продукту.
- Если вы планируете в дальнейшем продвигать сайт с помощью SEO, то установка заглушки на сайт – необходимость. Чем скорее вы проиндексируете первую страницу сайта в поисковике, тем раньше пойдет отсчет возраста домена.
Для чего заглушка сайту, на котором ведутся технические работы? В первую очередь это забота о клиенте. Сообщите ему, через сколько дней будет готов сайт и куда звонить или писать, чтобы связаться с представителем компании.
Так что заглушка – это и правило хорошего тона в виртуальном этикете, и маркетинговый инструмент, и практическая необходимость. Ну а визуальное исполнение целиком остается на откуп фантазии дизайнера.
Мы собрали в интернете десять самых, на наш взгляд, интересных и приятных шаблонных заглушек. Оцените подборку, а в конце материала вас ждут рекомендации по созданию своей заглушки на сайт.
Как поставить страницу-заглушку «Сайт в разработке» для моего домена
Заглушка позволяет использовать домен, даже если у вас еще нет сайта. В этом случае при вводе доменного имени пользователи увидят парковочную страницу о том, что сайт находится в разработке. Если ваш домен зарегистрирован в hoster.by, вы можете установить такую страницу самостоятельно из личного кабинета. Заглушка для сайта появится уже в течение часа.
Как поставить заглушку на сайт через личный кабинет
Этот способ самый простой.
1. Авторизуйтесь по ссылке или через сайт hoster.by: нажмите в верхнем меню Войти и введите ваш логин и пароль.
2. В левом меню выберите раздел Домены и нажмите Управление напротив доменного имени, для которого хотите установить парковочную страницу.
3. Во вкладке Хостинг-провайдер выберите из выпадающего списка пункт Использовать расширенный DNS-редактор и убедитесь, что в нем прописаны параметры u1.hoster.by и u2.hoster.by. Нажмите Применить.
4. Перейдите в соседнюю вкладку Шаблоны. Первый же шаблон называется Парковочная страница. Нажмите Подключить.
5. В открывшейся форме примените шаблон к домену или субдомену и нажмите Добавить.
6. Готово. Осталось подождать, пока обновятся DNS-записи и парковочная страница будет открываться. Процесс может занять от нескольких минут до нескольких часов.
Как поставить заглушку на сайт через панель управления хостингом
Этот способ чуть сложнее, но тоже может вам пригодиться.
1. Авторизуйтесь в панели управления хостингом cPanel.
2. Выберите раздел Домены – Zone Editor
3. Выберите домен (если вы настраиваете заглушку для поддомена, то выберите имя, к которому он относится). Нажмите Управлять.
4. Кнопкой Редактировать можно изменить указанную запись.
Для направления домена на страницу-заглушку необходимо прописать записи:
yourdomain.by 178.172.160.86
www.yourdomain.by 178.172.160.86
Если вы планируете скорый запуск сайта, но у вас еще нет услуги хостинга, самое время подобрать оптимальный тариф. Для проектов, которые требуют гибкости и индивидуальных настроек, рекомендуем рассмотреть облачный хостинг.
Как сделать страницу-заглушку для сайта: способы и примеры
Заглушка для сайта представляет собой отдельную страницу, показывающуюся пользователю в случаях, когда основной контент ресурса недоступен. С первого взгляда кажется, что создать подобную страницу несложно, однако при этом важно понимать, из каких элементов она должна состоять, чтобы не вызвать негатива у посетителей.
Зачем создавать страницу-заглушку?
Страница-заглушка для сайта выполняет роль временной домашней страницы, которая сообщает посетителям о том, что ресурс временно недоступен.
Целей, ради которых устанавливается подобная страница, может быть несколько:
- На сайте проводятся технические работы и необходимо уведомить пользователя о том, что это временно.
- Сайт находится на начальной стадии разработки и страница-заглушка выполняет рекламную роль.
- Заглушка для домена, который выставлен на продажу.
В любом из этих случаев, важно сохранить лояльность аудитории к ресурсу, поэтому на заглушке может содержаться соответствующий контент. Если у пользователя возникли какие-либо вопросы к руководству сайта, то подобная страница проинформирует как с ним связаться.
Если у коммерческой организации разработка сайта задерживается на длительный срок, то вместо простой заглушки, лучше опубликовать страницу о компании.
Основные элементы страницы-заглушки для сайта
Перед началом проектирования страницы-заглушки, важно определить из каких элементов она должна состоять.
- Первое, что нужно понимать – недостаточно разместить надпись «На сайте ведутся технические работы» или «Сайт в разработке». Здесь важно уведомить посетителя о том, на какой именно ресурс он попал, указав название и логотип компании.
- Второе, это контактная информация, ее также обязательно следует указывать. Возможно, на сайт пришел потенциальный клиент и попал на заглушку. В этом случае, если нет контактов, он, вероятнее всего, покинет ресурс и обратиться за помощью к конкурентам. Поэтому на заглушку следует опубликовать контактные данные.
- Не лишней будет публикация краткой информации о том, чем занимается компания. Здесь главное не перегружать страницу данными, а указывать только ключевые направления.
- Говоря о предыдущем пункте, кроме текстовой и графической информации, можно опубликовать видеоролик о компании. В некоторых случаях, это будет уместнее, к примеру, если информации много.
- На заглушку можно поставить форму для email-рассылки, но тогда следует замотивировать посетителя оставить свой контакт. Кроме прочей информационной рассылки, данную функцию часто используют для оповещения аудитории о том, когда сайт снова будет доступным для посещения. Но этот вариант больше подходит для известных компаний, у которых уже имеются постоянные посетители.
- Уведомление пользователей о сроках проведении технических работ. Можно подойти к этому элементу креативно, указав не просто дату активации ресурса, а сделать анимированный счетчик, отсчитывающий время в обратном порядке.
- Заглушку можно использовать для решения маркетинговых задач, например, указав на ней информацию о проведении конкурса, итоги которого будут подводиться уже на работающем сайте. Таким образом, можно замотивировать посетителя вернуться на ресурс.
- Говоря о контактных данных, отдельным элементом хотелось бы выделить ссылки на группы и страницы проекта в социальных сетях. Это позволит не потерять потенциальных клиентов, к тому же есть шанс, увеличить число подписчиков на других платформах.
Как создать и установить заглушку на сайт?
Вариантов создания страницы-заглушки несколько. Выбор зависит, например, от того, работает ли сайт на готовой CMS, есть ли под нее соответствующие плагины и т.д.
Но в целом, заглушка является полноценной страницей сайта и к ее разработке стоит подходит аналогичным образом. Первоначально проектируется прототип шаблона. На нем в графическом виде располагаются элементы будущей заглушки, также прорабатывается юзабилити. Далее, на основе прототипа создается макет шаблона с уже законченным оформлением.
Создание заглушки на сайт из готового HTML-шаблона
Если нет ресурсов или желания создавать прототип и макет шаблона с нуля, можно воспользоваться готовыми решениями.
Одним из популярных сайтов, на которых можно скачать, и в дальнейшем отредактировать шаблоны в удобном графическом редакторе, является Nicepage.com . Здесь представлены десятки готовых страниц-заглушек , перед скачиванием которых, необходимо установить графический редактор.
Графический редактор Nicepage.com
После чего на сайте выбирается шаблон, на странице которого имеется идентификатор – указываем его в установленном редакторе и шаблон будет доступен для редактирования.
Выбор шаблона на сайте
Поиск шаблона по идентификатору
Каждый элемент страницы поддается редактированию, таким образом можно буквально за 10 минут создать отличную заглушку.
Редактируем шаблон
После того, как она будет создана, предлагается экспортировать ее в различных форматах.
Экспортируем в нужном нам формате
Удобно то, что все экспортированные шаблоны из редактора являются адаптированными под различные виды устройств (мобильные, планшеты, десктоп), а как они будут выглядеть в том или ином разрешении, можно посмотреть в самой программе.
Проверка адаптивности
Более подробно о тарифных планах и условиях использования шаблонов можно ознакомиться на сайте .
Примеры заглушек на основе готовых шаблонов
Мы собрали наиболее удачные, на наш взгляд, готовые HTML-шаблоны заглушек.
Пример заглушки для сайта — 1
Пример заглушки для сайта — 2
Пример заглушки для сайта — 3
Пример заглушки для сайта — 4
Пример заглушки для сайта — 5
Создание заглушки с помощью кода-HTML
Этот способ можно применять на любых сайтах и CMS. Суть его заключается в том, что шаблон страницы верстается в HTML-код, а далее устанавливается на сайт.
Создаем файл заглушки, который содержит в себе HTML-верстку с блоками <html>, <head> и <body>.
Таким образом собирается вся страничка заглушки.
Далее размещаем созданный HTML-файл в корень сайта через FTP.
Находим там же файл .htaccess, открываем его текстовым редактором (возможно, потребуется для редактирования скопировать его на компьютер, а после заменить).
В самом вверху файла прописываем:
Вторая и пятая строки содержат название созданного файла заглушки, на который будет происходить переадресация пользователей и краулеров. Третья и четвертая – IP-адреса, с которых вход на сайт будет возможен без переадресации. Обычно туда прописываются данные админов и тех, кто работает над сайтом.
Плагины для CMS
Большинство популярных CMS, таких как Вордпресс и Битрикс, имеют готовые плагины, позволяющие активировать и устанавливать страницы-заглушки. Это сильно упрощает работу для неопытных вебмастеров.
Например, для WordPress популярен плагин WP Maintenance Mode , который имеет более 800 тыс. активных установок в репозитории. Он позволяет создавать красивые и современные дизайны заглушек, в том числе интегрировать анимированные счетчики, контактные формы. При этом шаблоны все адаптированы под мобильные устройства.
Для Битрикса также можно найти готовые плагины, например, одноименный « Заглушка: технические работы, сайт находится в разработке ». Компания-разработчик оказывает всю техническую поддержку для платных версий плагина.
Примеры оформления заглушек для сайтов
Пример — 1
Заглушка в минималистичном стиле, указаны ссылки на социальные сети и форма для подписки на уведомления, а также таймер до запуска сайта.
Пример — 2
Это расширенная версия заглушки, которая включает в себя первый экран с таймером, есть основное меню-навигация, т.к. заглушка состоит из нескольких экранов. В качестве блоков можно использовать информацию о компании, расширенную форму обратной связи и т.д.
Пример — 3
Уведомление об обслуживании сайта и контактная информация, в ряде случаев этого достаточно.
Пример — 4
Заглушка с абстрактным фоновым изображением, в целом, желательно придерживаться стилистике сайта.
Пример — 5
Указано название проекта, таймер с обратным отсчетом до запуска и форма подписки.
Итак, теперь вы знаете, как сделать заглушку и установить ее на сайт, основное в этом – правильное определение ее целей и задач.