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

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

• How to

Как создать сайт-визитку самому и бесплатно

Хотите самостоятельно и бесплатно создать сайт-визитку? Не проблема! Мы подготовили подборку лучших конструкторов, которые помогут сделать и успешно продвинуть одностраничник без каких-либо навыков программирования и дизайнерских талантов.

Что такое сайт-визитка и для чего он нужен

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

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

Картинка с сайта: adpass.ru

Сайт-визитка vs лендинг

Сайт-визитку, отчасти, можно сравнить с лендингом. Оба ресурса — одностраничники. Однако, на этом сходство заканчивается:

• лендинг создается, чтобы продавать товары и услуги, подогревать аудиторию, собирать контакты;

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

Особенности создания сайтов-визиток

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

Выбираем CMS и хостинг

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

Сервисы, где можно купить хостинг для онлайн-визитки:

• Fornex.com;

• Timeweb.com;

• AdminVPS.ru;

• Beget.ru;

• Sprinthost.ru;

• Handyhost.ru;

• Mchost.ru;

• Sweb.ru и т.д.

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

Однако данный тип аренды хостинга имеет много негативных моментов:

• низкий уровень контроля за работой сервера;

• плохая обратная связь с хостерами;

• высокая вероятность размещения рекламы от сторонних компаний, закрывающей контент.

Картинка с сайта: adpass.ru

Что такое конструкторы для сайтов-визиток

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

Плюсы использования конструкторов:

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

• Экономично. Не нужно тратиться на оплату услуг программиста, верстальщика, дизайнера. Работать с конструктором можно, не зная HTML.

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

• Готовые темы и дизайн. Оформление сайта занимает минимум времени — просто выберите тему и цветовую схему.

• Простая оптимизация. Сервисы предоставляют инструменты для SEO продвижения и, в ряде случаев, автоматом прописывают метатеги.

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

• Наличие адаптивная верстки. Визитка будет отлично смотреться на всех устройствах — ПК, планшеты, ноуты, смартфоны.

Минусы конструкторов:

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

• нельзя перебраться на другой конструктор — нужно будет с нуля собирать новый сайт-визитку;

• уровень защиты ниже, чем у качественных самописных сайтов.

Виды и типы конструкторов для сайтов-одностраничников

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

Tilda — самый популярный конструктор одностраничных сайтов с широким функционалом. 

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

Бесплатно можно разработать сайт до 50 страниц с размещением на адресе типа «tilda.ws».

Плюсы:

• обширная библиотека шаблонов;

• адаптивность под mobile-устройства;

• подключение CRM, интеграция Битрикс24, amoCRM, «Мегаплан»;

• можно подключить счетчики аналитики;

• легкая настройка SEO.

Минусы:

• высокая цена платных тарифов (от 500 рублей в месяц при условии годовой подписки).

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

Конструктор ориентирован на малый бизнес. Позволяет сделать полнофункциональный сайт быстро и недорого. Предлагает 40+ категорий шаблонов. Онлайн-визитку можно создать за один вечер. Фишка uKit — SEO-модуль, который упрощает продвижение за счет рекламы в Яндексе.

Плюсы:

• большой пул тематических шаблонов;

• интеграцию CRM, калькулятора, почты, аккаунтов соцсетей, онлайн-чатов;

• SEO-модуль для продвижения;

• периодические скидки до 80%;

• 100% манибэк, если клиенту что-то не понравится.

Минусы:

• однотипность сайтов;

• стоимость — бесплатно пользоваться сервисом можно только 14 дней, дальше придется выбрать тариф. Базовый стоит $7 в месяц.

WIX  — пожалуй, лучшая платформа для построения сайтов портфолио и визиток.

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

Плюсы:

• редактор с широким функционалом;

• инструменты для индивидуальной настройки;

• улучшенный SEO-модуль;

• удобный модуль для блога;

• большой ассортимент приложений;

• доступная цена.

Минусы:

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

• стоимость — бесплатный тест-период не ограничен. Подключить домен можно за 90 рублей в месяц. Базовый тариф обойдется 150 рублей в месяц.

UCoz — бесплатный простой по функционалу конструктор Интернет-визиток.

Универсальный сервис, позволяющий собрать любой сайт с оригинальным или шаблонным дизайном. Бесплатные шаблоны не впечатляют своим внешним видом, а вот платные довольно интересные и разнообразные.

Плюсы:

• SEO-модуль для запуска рекламных кампаний из конструктора;

• безлимитный период тестирования;расширенные возможности по кодингу;

• разнообразие модулей — блог, магазин, медиаконтент, СЕО;

• широкий перечень настроек по безопасности, дизайнерскому оформлению.

Минусы:

• обилие опций усложняет работу для новичков;

• стоимость — цена платных тарифов стартует от $2.39 в месяц.

Nethouse — удобная платформа для создания сайтов событий.

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

Плюсы:

• специализированная программа для создания сайтов событий;

• есть полный набор инструментов для продвижения;

• простой в работе редактор;имеются дополнительные услуги.

Минусы:

• мало готовых шаблонов.

Webasyst — облачный конструктор с большим количеством платных шаблонов и инструментов.

Сервис непростой, довольно специфический и мощный. Постоянно улучшается и развивается. Позволяет создавать крутые визитки. Есть планировщик задач, CRM, синхронизация с 1С. Шаблоны красивые и разнообразные, но в основном платные. Бесплатных около десяти. Бесплатный тест-период всего 7 дней. Дальше нужно выбрать тарифный план стоимостью от 399 рублей в месяц.

Плюсы:

• возможность свободно работать с кодом;

• можно создавать масштабные сайты-визитки;

• доступна работа над проектом в команде;

• хорошая работа техподдержки;

• выгодные тарифы для разработчиков-профессионалов.

Минусы:

• мало бесплатных вариантов оформления;

• новичкам сложно разобраться на старте.

Картинка с сайта: adpass.ru

Mottor — конструктор одностраничных и многостраничных визиток.

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

Бесплатный период на Mottor не ограничен по времени. Минимальный тариф «Лайт» обойдется 466 рублей в месяц. За эти деньги вы можете создать 1 сайт объемом до 750 страниц.

Плюсы:

• широкие возможности для креативного дизайна;

• удобный функционал для магазинов;

• SEO-модуль и сбор подробной статистики;

• вставка собственного кода;

• есть хорошая встроенная CRM;

• низкая себестоимость разработки одного сайта.

Минусы:

• нельзя вести блог на визитке и создавать мультиязычные сайты.

SITE123 — простой конструктор визиток для начинающих без опыта.

Платформа предлагает создать сайт-визитку самостоятельно в двух форматах: 

• одностраничник — когда все секции идут друг за другом;

• многостраничник — когда каждый раздел на своей странице.

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

На конструкторе SITE123 предлагаются 4 тарифных плана, стоимостью от 810 рублей в месяц до 2204 рублей в месяц. В каждом — домен в подарок.

Плюсы:

• очень простой функционал;плагины и приложения для расширения функционала;

• наличие блогового модуля и магазина;

• возможность создания многоязычных сайтов;

• SEO-рекомендации для продвижения сайтов.

Минусы:

• цены выше, чем у прямых конкурентов.

Craftum — популярный конструктор сайтов для малого бизнеса.

Сервис позволяет создавать веб-ресурсы любого формата — от визиток до онлайн‑магазинов. Пользователям доступны более 150 стильных шаблонов, которые можно посмотреть до регистрации. Есть все для генерации визитки: оригинальный дизайн-блок, вставка собственного HTML-кода и шрифтов, отправка сообщений на еmail-почту и т.д.

Сервис работает бесплатно 10 дней. За 197 рублей в месяц будут доступны все возможности платформы + домен в подарок.

Плюсы:

• 150+ готовых блоков для сайта;

• без ограничений по числу страниц, трафику, объёму сайтов;

• создание сайта-визитки за один час;

• единый тариф с доступом ко всем инструментам конструктора;

• сайты автоматом получают SSL-сертификаты.

Минусы:

• загружаются только изображения (для видео нужен отдельный хостинг).

Ucraft — конструктор визиток с обширным функционалом и тонкой настройкой.

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

Стоимость минимального тарифа на Ucraft — $10 в месяц.

Плюсы:

• простая разработка многоязычных сайтов;

• встроенная CRM, конструктор логотипов;

• интеграции с внешними ресурсами;

• хорошие модули для блога и интернет-магазина;

• гарантированный возврат средств 2 недели.

Минусы:

• все шаблоны одностраничные.

Создавайте сайты-визитки и одностраничники сами

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

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

Картинка с сайта: umi.ru

Он является небольшим по объему проектом, который содержит несколько разделов:

• общие сведения о специалисте либо организации (на главной странице);
• перечень услуг или категории товаров;
• информацию для клиентов либо покупателей — это прайс-листы, формы заказа, портфолио, примеры работ;
• контактные данные.

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

Обзавестись таким ресурсом можно тремя путями.

1. Создать самостоятельно.
2. Обратиться к фрилансеру.
3. Заказать под ключ в студии веб-дизайна.

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

Платформа

Прежде всего определите, что именно подходит для реализации ваших целей:

• CMS и хостинг;
• Конструктор.

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

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

Картинка с сайта: umi.ru

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

С каким конструктором работать

Количество бесплатных или условно-бесплатных сервисов увеличивается, поэтому начинающим может быть сложно остановиться на одном. Самые удобные и популярные:

• 1С-UMI — относительно молодой, но популярный конструктор, который подойдет для одностраничных визиток или площадок с большим количеством страниц. Вы можете на бесплатной основе использовать более полутысячи шаблонов, часть из которых — адаптивная. Они корректно отображаются на экранах ноутбуков или компьютеров, смартфонов, планшетов (адаптируются под диагональ дисплея для комфортной работы). Шаблоны разделены по категориям. Заменить их можно в любое время. Интерфейс понятный на интуитивном уровне, вам не потребуется предварительное обучение. Много функций. Простая панель администрирования не уменьшает рабочую область, а для активации редактора нужно сделать один клик мышкой. Полная справочная информация поможет разобраться, если возникнут проблемы и вопросы. В будущем веб-сервис можно перенести CMS и другой хостинг, но эта функция платная.
• Ucoz — долгое время к этому сервису относились скептически, и такое мнение было оправдано неудобным и узким функционалом. Постепенно ситуация изменилась. Сейчас Ucoz — это платформа, на которой можно создать проект из одной страницы или сложный сайт с отдельным доменным именем. Выбор шаблонов большой, есть платные и бесплатные функции. Существует возможность редактировать код.
• Тильда — сервис, в котором создание происходит блоками. Из них собирается страничка. Блоки настраиваются в зависимости от желания автора. В платной версии можно подключить больше одного домена или перенести проект на любой хостинг. Есть тестовые блоки, обложки, меню.
• Ukit — узкоспециализированный сервис, который разработан для среднего и малого бизнеса. Интерфейс интуитивно понятный, есть функции для настройки и индивидуализации. Можно сделать интеграцию с CRM.

Как создать сайт-визитку самому бесплатно: инструкция

Алгоритм разработки сайта-визитки рассмотрим на примере решений 1С-UMI.

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


Картинка с сайта: umi.ru

2. Зайдите на главную страничку сервиса и зарегистрируйтесь. Укажите адрес электронной почты и выберите имя для будущего проекта. Если оно свободно, приступайте к созданию.
3. Выберите тип сайта: лендинг, сайт компании или специалиста, интернет-магазин. Просмотрите шаблоны, которые предлагает конструктор, выберите один из них. Варианты сгруппированы по роду деятельности, адаптации, количеству страниц. Это упрощает выбор и помогает свести к минимуму работу над дизайном.
4. Нажмите на кнопку «Создать сайт». Перед вами откроется панель управления в развернутом виде. На этом этапе займитесь контентом — добавляйте и корректируйте содержимое.
5. Чтобы перейти в режим редактирования, нажмите F2 и выберите тот элемент, который хотите изменить.
6. Разместите свой логотип, название компании или имя специалиста, укажите род занятий. Отредактируйте содержимое центральной и левой боковой колонки.
7. Наберите или вставьте в макет текст-приветствие, в котором указано, чем занимаетесь вы или компания, какие услуги можно заказать либо какие товары купить. Это тот контент, который подготовлен заранее.
8. Добавьте изображения, подпишите их.
9. Чтобы сохранить все изменения, нажмите F2.
10. Перейдите на следующую страницу. Войдите в режим редактирования и измените информацию на ней. Переход к режиму редактирования осуществляется нажатием клавиши F2. Аналогично сохраняются изменения.
11. Зайдите в блок с контактами. Внимательно отредактируйте имеющиеся там сведения. Проверьте, насколько актуальны данные, которые вы указываете. Ошибка в номере телефона или опечатка в адресе электронной почты обернется потерей клиентов, которые не смогут связаться с вами. В будущем следите за актуальностью информации и вносите изменения сразу же. Это позволит оставаться на связи с теми, кто зашел на ваш ресурс.


Картинка с сайта: umi.ru

12. Если вы указываете цены на услуги или товары, обновляйте данные на сайте-визитке. Это поможет избежать оттока клиентов.
13. Закончив с основным содержимым, сохраните проделанную работу и перейдите к панели управления. Кликните по ней.
14. Войдите в раздел «Контент» и выберите в нем пункт «Структура и меню». Здесь есть возможности для отображения страниц, редактирования комментариев, взаимодействия с социальными сетями. Если один из разделов находится в разработке или обновляется, не нужно показывать его пользователям. Сначала завершите работы, а потом демонстрируйте результат. Чтобы скрыть раздел, отметьте его галочкой и выберите пункт «Сделать неактивным» в меню «Действия с отмеченными». Когда завершите обновление или редактирование, снимите галочку.
15. В разделе «Комментарии» есть возможность модерировать отзывы, удалять те, которые не устраивают вас или являются некорректными.
16. Чтобы отображать комментарии и лайки, которые пользователи оставляют в социальных сетях, перейдите в одноименный раздел.
17. Подраздел панели управления «Иконка сайта» позволит загрузить логотип. Размер изображения может быть любым, система сама подстроит его под нужный формат.
18. У посетителей не должно складываться впечатления, что сайт создан по шаблону. Займитесь дизайном, для этого перейдите в соответствующий пункт меню. При желании можете поменять шаблон — внесенная информация при этом сохранится.
19. Настройте почту для входящих писем, чтобы контактировать с клиентами и посетителями.
20. В разделе «Реклама/SEO» настраивается продвижение сайта в поисковых системах.
21. Для смены пароля, адреса электронной почты, к которой привязана площадка, или контактных данных зайдите в раздел «Личные настройки».
22. Создайте резервную копию — опция доступна в соответствующем разделе.
23. Конструктор дает возможность очистить кэш сайта, удалить временные файлы или всю информацию.
24. Визитка создана. Наполняйте ее интересным контентом, обновляйте портфолио — это привлечет клиентов. Пользоваться бесплатным проектом, сделанным при помощи UMI, можно неограниченное количество времени. Есть возможность планировать и проводить рекламные кампании — для этого не потребуется переходить в платный тариф.
25. Если нужно изменить дизайн сайта-визитки, сделать это можно, не рискуя потерять имеющиеся данные. Перейдите в раздел «Дизайн», измените цветовую схему, добавьте фоновые изображения, выберите подходящие шрифты. Не забывайте сохранять изменения.

Бесплатный функционал сервиса 1C-UMI позволяет создать визитку любой сложности. В редакторе нет рекламы, которая отвлекает от разработки, а готовый проект получает читабельное имя, легко запоминающееся посетителями. Для бесплатного пользования предоставляется 100 Мб пространства на диске. Этого объема достаточно для небольшого презентационного сайта или лендинга.

В конструкторе 1C-UMI есть платные функции, которые помогают расширить функционал. Это создание в нем собственной почты, привязка своего домена. За плату доступно управление CSS, продвижение сайта в поисковиках. Чтобы воспользоваться расширенными функциями, достаточно перейти в раздел «Оплата». Здесь выбирают срок, на который оплачивается ресурс или переводят сайт на другой хостинг.

Картинка с сайта: umi.ru

Конструктор 1C-UMI удобнее всего для создания небольших проектов. Выбор готовых шаблонов для отраслей, 100 из которых адаптивны, поможет быстро сконструировать площадку, а их использование не требует оплаты. Чтобы расширить функциональность, посетите магазин решений UMI.Market, где есть дополнительные модули.

Советы

• Указывайте адрес сайта на бумажных визитках — так партнеры получат полные сведения о вашей деятельности.
• Избегайте объемных блоков текста, структурируйте информацию. Выделяйте суть, добавляйте примеры.
• Расширяйте портфолио, указывайте статистику: рост прибыли, количество клиентов. Факты работают эффективнее «голой» рекламы.
• Следите, чтобы данные соответствовали действительности, были актуальными.

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

Что это такое сайт-визитка?

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

Кому он нужен? 

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

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

Покажем несколько примеров сайтов-визиток:

• сайт врача-стоматолога

Картинка с сайта: taptop.pro

• сайт кафе

Картинка с сайта: taptop.pro

• сайт архитектурного бюро

Особенности и структура сайта-визитки

Обычно обладает следующими особенностями:

• простой ненавязчивый дизайн;
• небольшой объем — обычно до 10 страниц;
• контент, не требующий постоянного обновления.

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

• О компании (о персоне): сфера бизнеса и краткое описание — история, миссия, достижения;

Картинка с сайта: taptop.pro

• Услуги / товары: описание предложений и их стоимость;

Картинка с сайта: taptop.pro

• Контактная информация: телефоны, e-mail, социальные сети, адрес, график работы.

Картинка с сайта: taptop.pro

По желанию можно добавить портфолио или отзывы клиентов, но эти разделы не являются обязательными для сайта-визитки.

Вы можете разместить всю информацию на одной странице или разбить ее на отдельные разделы. Это зависит от количества контента и ваших предпочтений.

Что нужно учитывать при создании сайта-визитки:

• Минималистичный стиль. Приятный дизайн без излишних усложнений, с учетом фирменной стилистики.
• Структурированность и логика контента. Понятные контентные блоки, четкая информация без лишней “воды”. 
• Быстрая загрузка. На скорость загрузки могут влиять размеры изображений и качество кода сайта, а также сложные анимации. К тому же, обратите внимание на надежность хостинга.

Способы создания

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

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

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

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

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

Мы рассмотрим процесс создания с помощью конструктора Taptop.

Как создать сайт-визитку самому с нуля в Taptop

1. Зарегистрируйтесь на платформе Taptop.

Картинка с сайта: taptop.pro

2. Создайте новый проект, выбрав одну из опций:

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

Картинка с сайта: taptop.pro

3. Создайте структуру страницы, разместите на ней нужные блоки, и наполните их контентом. Настройте желаемое отображение и дизайн элементов. 

Картинка с сайта: taptop.pro

4. Если необходимо, создайте дополнительные страницы и настройте переход к ним из меню.

Картинка с сайта: taptop.pro

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

Картинка с сайта: taptop.pro

6. Откройте предварительный просмотр сайта и убедитесь, что все работает корректно. Затем опубликуйте сайт.
Проект можно опубликовать на поддомене Taptop или на пользовательском домене (при использовании платного тарифа).

Картинка с сайта: taptop.pro

7. Настройте SEO.
Добавьте мета-теги и ключевые слова для улучшения индексации страниц. Настройте файл robots.txt, карту сайта и редиректы. 

Картинка с сайта: taptop.pro

Заключение

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

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

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

Сделайте свой сайт с помощью нашей платформы — это быстро, удобно и качественно!
 

Хотите заявить о себе в интернете и собрать в одном месте информацию о том, кто вы и какие услуги оказываете? Можно, конечно, заморочиться и сделать сайт с блогом. А можно просто создать сайт-визитку бесплатно и своими руками с помощью конструктора Тильда. Ирина Жданова продолжает знакомить нас с функционалом Тильды.

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

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

Создайте новую страницу и выберите шаблон

На странице редактирования сайта создайте новую страницу.

Картинка с сайта: azconsult.ru

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

Картинка с сайта: azconsult.ru

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

Одноэкранный сайт-визитка

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

Выберите пункт «Настройки» на главной странице редактирования и заполните раздел «Главное».

Картинка с сайта: azconsult.ru

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

Картинка с сайта: azconsult.ru

Сохраните изменения.

Одноэкранный сайт-визитка обычно состоит из одного блока. Это логично. Проблема в том, что чаще всего это зеро-блок, который мы ещё не рассматривали в предыдущих статьях о Тильде. Выглядит это вот так.

Картинка с сайта: azconsult.ru

Как отредактировать зеро-блок

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

Выделите в блоке нужные для редактирования части.

• Для начала можно поменять цвет блока, это BG Color.
• Или вставить свою фотографию на фон — это Upload File.

Чтобы сменить фотографию, выделите шаблонную картинку. Нажмите Upload file. Меню справа изменится, это нормально. У каждой части этого блока своё меню.

Картинка с сайта: azconsult.ru

Чтобы изменить текст, выделите исходный и вместо него напишите свой.

Картинка с сайта: azconsult.ru

Чтобы изменить кнопку, выделите её и справа в меню найдите строки «Capton» — это название кнопки, и URL — сюда надо вставить ссылку, если c кнопки надо куда-то надо перейти.

Картинка с сайта: azconsult.ru

Если кнопка не нужна, её можно просто удалить.

Я поставила ссылку на страницу компании, которую мы создавали в прошлой статье.

Как указать соцсети в зеро-блоке Тильды

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

Картинка с сайта: azconsult.ru

1. Для этого откройте графу «Link».
2. В строке URL поставьте ссылку на соцсеть, соответствующую иконке.
3. Измените это значение, если хотите, чтобы ваша соцсеть открывалась в новом окне.

Лишние иконки соцсетей удалите.

Как оптимизировать зеро-блок под разные устройства

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

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

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

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

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

А вот если поменять контент, то он изменится везде. Поэтому я рекомендую сначала настроить блок, как вам нравится, а потом подгонять всё по размеру на другие экраны.

Картинка с сайта: azconsult.ru

В конце не забудьте нажать «Save». Для закрытия блока редактирования надо нажать «Close». А затем опубликовать полученную страницу и посмотреть, как она выглядит в браузере.

Лайфхак: почти любой блок в Тильде можно перевести в зеро-блок и делать с ним, что захочется. Но перед этим я рекомендую вам пройти курс на Тильде про зеро-блоки. Вам откроются невиданные прежде возможности редактирования сайтов. Если вы готовы вкладывать в это своё время. А если не готовы возиться с зеро-блоками, смотрите, как создать сайт-визитку подлинней.

Как создать многоэкранный сайт-визитку

Как создать сайт-визитку, который расскажет о вас гораздо больше? Выберите шаблон из раздела «Бизнес». В этом разделе все шаблоны сделаны из стандартных блоков.

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

Картинка с сайта: azconsult.ru

Настройте пункты меню в шаблоне

Первым делом поменяйте настройки страницы. А потом займитесь пунктами в меню.

Картинка с сайта: azconsult.ru

Лайфхак: Меню позволяет быстрее путешествовать по странице до интересующих разделов. И чисто визуально делает страницу солиднее.

Картинка с сайта: azconsult.ru

В директории «Контент» выберите раздел «Список пунктов меню». Если вам мало имеющихся пунктов, нажмите «Добавить», много — удалите лишнее название и ссылку, и пункт пропадёт.

Картинка с сайта: azconsult.ru

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

Лайфхак: Сначала отредактируйте всю страницу, а потом уже подключайте кнопки. Вам будет сразу видно, какую куда.

Отредактируйте блоки шаблона

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

Давайте рассмотрим, из каких блоков в принципе может состоять сайт-визитка.

Знакомство

Первый блок — знакомство — вполне может быть и одноэкранной визиткой, если удалить меню и остальные разделы.

Картинка с сайта: azconsult.ru

Услуги

Но если вы решили продолжить, то раздел «Мои услуги» состоит из 6 разных элементов: заголовков, текстовых блоков и кнопки.

Картинка с сайта: azconsult.ru

У меня услуга одна — создание сайтов. Меняю текст, а лишние блоки удаляю.

Картинка с сайта: azconsult.ru

Кнопка «Записаться на консультацию» — переход на форму записи внизу страницы. Это облегчает пользователю путь до работы с вами. И повышает конверсионность сайта-визитки.

Опыт работы

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

Картинка с сайта: azconsult.ru

Цены

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

Картинка с сайта: azconsult.ru

Контент в этом блоке создан карточками. Одна карточка — одна строчка на сайте-визитке. Карточки можно добавлять, убирать или менять местами.

Новости

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

Картинка с сайта: azconsult.ru

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

Контакты

Контакты — самый важный пункт страницы. Укажите все контакты, по которым вас можно найти, и свои соцсети. Облегчите клиентам путь до покупки ваших услуг.

Картинка с сайта: azconsult.ru

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

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

Ирина Жданова, специалист в Тильде, лоукостер сайтов, копирайтер и маркетолог.

[tip]

И ещё немного полезной информации о сайтах:

• Как выбрать шаблон для WordPress
• Выбор подрядчика для создания сайта
• Из чего складывается юзабилити сайта
• Лендинг: стройте сами, стройте лучше нас

[/tip]