How to
Как создать сайт-визитку самому и бесплатно
Хотите самостоятельно и бесплатно создать сайт-визитку? Не проблема! Мы подготовили подборку лучших конструкторов, которые помогут сделать и успешно продвинуть одностраничник без каких-либо навыков программирования и дизайнерских талантов.
Содержание
- Что такое сайт-визитка и для чего он нужен
- Сайт-визитка vs лендинг
-
Особенности создания сайтов-визиток
- Выбираем CMS и хостинг
- Что такое конструкторы для сайтов-визиток
- Виды и типы конструкторов для сайтов-одностраничников
- Создавайте сайты-визитки и одностраничники сами
Что такое сайт-визитка и для чего он нужен
По структуре, сайт-визитка представляет собой статичную одиночную веб-страницу (реже несколько страниц) с общей (основной) информацией о компании, перечнем услуг/товаров, контактными данными, ценами и т.д.
По смыслу — это визитная карточка организации и имиджевая реклама, формирующая репутацию бренда и лояльность привлекаемых и уже имеющихся клиентов.
Сайт-визитка — это простой, быстрый и доступный способ заявить о себе в Интернете.
Сайт-визитка vs лендинг
Сайт-визитку, отчасти, можно сравнить с лендингом. Оба ресурса — одностраничники. Однако, на этом сходство заканчивается:
-
лендинг создается, чтобы продавать товары и услуги, подогревать аудиторию, собирать контакты;
-
сайт-визитка создается для информирования клиентов и бизнес-партнеров, выстраивания репутации, налаживания связи.
Особенности создания сайтов-визиток
Создать сайт-визитку бесплатно можно самостоятельно, не имея опыта программирования. Для этого есть специализированные конструкторы, о которых мы расскажем ниже. Также можно арендовать хостинг, который полностью обеспечит бесперебойную работу ресурса.
Выбираем CMS и хостинг
Простым сайтам-визиткам хватит виртуального хостинга по минимальному тарифу. Для одностраничника хватит 1-2 Гб дискового пространства. Если задумаетесь о расширении, придется покупать дополнительную мощность.
Сервисы, где можно купить хостинг для онлайн-визитки:
-
Fornex.com;
-
Timeweb.com;
-
AdminVPS.ru;
-
Beget.ru;
-
Sprinthost.ru;
-
Handyhost.ru;
-
Mchost.ru;
-
Sweb.ru и т.д.
Также можно арендовать бесплатный хостинг для размещения онлайн-визитки. Для этого нужно выбрать домен второго уровня и запустить сайт.
Однако данный тип аренды хостинга имеет много негативных моментов:
-
низкий уровень контроля за работой сервера;
-
плохая обратная связь с хостерами;
-
высокая вероятность размещения рекламы от сторонних компаний, закрывающей контент.
Мы не советуем пользоваться бесплатным хостингом. Лучше выбрать платный, но подешевле — его возможностей будет достаточно для интернет-визитки.
Что такое конструкторы для сайтов-визиток
Программы, которые позволяют сделать сайт-визитку самому, без услуг программистов и веб-дизайнеров называются конструкторы. Для эффективной работы с конструкторами вам не потребуются специальные навыки и опыт в разработке веб-проектов. В сервисе есть все, что потребуется — шаблоны, CMS, хостинг.
Плюсы использования конструкторов:
-
Это быстро. Самостоятельная разработка сайта-визитки займет пару часов, при условии, что контент полностью готов. Вам нужно просто выбрать шаблон и заполнить материалом страницы.
-
Экономично. Не нужно тратиться на оплату услуг программиста, верстальщика, дизайнера. Работать с конструктором можно, не зная HTML.
-
Не нужно арендовать хостинг. При разработке визитки на конструкторе можно купить уникальный домен и хостинг по сниженной цене, что намного выгоднее.
-
Готовые темы и дизайн. Оформление сайта занимает минимум времени — просто выберите тему и цветовую схему.
-
Простая оптимизация. Сервисы предоставляют инструменты для SEO продвижения и, в ряде случаев, автоматом прописывают метатеги.
-
Никакого тестирования. Готовые шаблоны уже прошли всевозможные испытания, поэтому они точно работоспособны.
-
Наличие адаптивная верстки. Визитка будет отлично смотреться на всех устройствах — ПК, планшеты, ноуты, смартфоны.
Минусы конструкторов:
-
разработать сложный веб-ресурс с эксклюзивным дизайном не получится;
-
нельзя перебраться на другой конструктор — нужно будет с нуля собирать новый сайт-визитку;
-
уровень защиты ниже, чем у качественных самописных сайтов.
Многие конструкторы позволяют сделать бесплатный сайт-визитку, однако нужно понимать, что тонкую настройку здесь не сделать. Для создания масштабных web-ресурсов с кабинетом пользователя (например, интернет-магазинов) придется докупать платный доступ и расширенный функционал.
Виды и типы конструкторов для сайтов-одностраничников
Рассмотрим подробно наиболее популярные конструкторы, позволяющие создать сайт-одностраничник самому и, при этом, бесплатно или с минимальной платой.
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 рублей в месяц.
Плюсы:
-
возможность свободно работать с кодом;
-
можно создавать масштабные сайты-визитки;
-
доступна работа над проектом в команде;
-
хорошая работа техподдержки;
-
выгодные тарифы для разработчиков-профессионалов.
Минусы:
-
мало бесплатных вариантов оформления;
-
новичкам сложно разобраться на старте.
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 недели.
Минусы:
-
все шаблоны одностраничные.
Таким образом, стоимость сайта-визитки состоит из оплаты за аренду хостинга (конструктора) и домена. У конструкторов можно выбрать подходящий тарифный план. Чаще всего они делятся на 3 ценовых варианта — базовый, стандарт или премиум. Домен дают в подарок на год.
Создавайте сайты-визитки и одностраничники сами
Теперь вы знаете, что собрать качественный одностраничник можно самому и бесплатно, если воспользоваться конструкторами из нашей подборки. Практически все они предлагают бесплатный тариф, который позволяет сделать сайт и разместить его на поддомене сервиса.
Выбирайте наиболее подходящий по функционалу и цене вариант и создавайте сайт-визитку самостоятельно, экономя на услугах программистов.
Лучшее в блогах
В этой статье я подробно расскажу о том как самому сделать сайт-визитку совершенно бесплатно. Я постараюсь охватить все самые важные вопросы начиная от выбора платформы и заканчивая созданием сайта в графическом редакторе.
☕ Статья будет длинная, так что заваривай чай (или кофе), запасайся печеньками, мы начинаем…
Содержание
- Что такое сайт-визитка и для чего он нужен
- Сколько стоит создание качественной визитки
- Выбираем платформу для будущего сайта: конструктор или CMS
- Вариант 1. Хостинг и CMS
- Вариант 2. Конструкторы сайтов
- Вариант 3. Заказать создание визитки «под ключ»
- Что же все-таки выбрать?
- Лучшие конструкторы для сайта визитки в 2023 году
- Создание сайта визитки своими руками на примере конструктора Ukit
- Выбираем шаблон
- Выбираем доменное имя
- Заполняем контактные данные
- Редактируем шаблон
- Редактируем шапку
- Переходим к слайдеру
- Текстовая презентация
- Следующий блок — наша команда
- Портфолио
- Форма обратной связи
- Другие страницы сайта
- Панель управления
- Заключение
Что такое сайт-визитка и для чего он нужен
Сайт-визитка это небольшой сайт, который предоставляет полную информацию о владельце бизнеса: товары, услуги, преимущества, отзывы клиентов, контактные данные.
Основная задача – подробная презентация твоего бизнеса для потенциального клиента. На твой сайт будут приходить посетители из разных источников: контекстная реклама, социальные сети, поисковые системы, информационная рассылка и.т.д. Часть этих посетителей заинтересуется твоим предложением и сделает покупку или оставит заявку.
Если «сарафанное радио» уже не дает достаточно заказов и ты хочешь получить больше клиентов из интернета, то визитка – это первое с чего следует начать.
Многие зададутся вопросом: «Зачем мне нужна визитка? Ведь у меня уже есть страничка в соц. сетях через которую я получаю заказы»
У сайта-визитки есть несколько важных достоинств:
- Контекстная реклама. Для большинства коммерческих сайтов основным источником трафика является контекстная реклама. Для того, чтобы стартовать рекламную компанию в Яндекс или Google необходим свой сайт.
- Удобство. Ты можешь выложить много полезной информации: фотографии, отзывы пользователей, полезные статьи, обзоры и т.д. Посетитель сможет легко найти интересующую его информацию.
- Автоматизация. Есть возможность автоматизировать прием заявок и платежей. Все заявки будут попадать в отдельную панель, где ты сможешь с ними работать. Меньше времени будет уходить на рутину.
- Аналитика. К визитке можно подключить систему аналитики. Ты сможешь контролировать источники трафика, поведение пользователей, конверсию, находить эффективные источники трафика и отключать неэффективные.
Сколько стоит создание качественной визитки
На этот вопрос нет однозначного ответа. Все зависит от того, будешь ли ты делать все самостоятельно или обратишься к специалисту-фрилансеру.
У специалиста визитка будет стоить от 3 до 5 тыс. в зависимости от размера и сложности сайта.
Если ты ограничен в средствах, лучше сделать сайт-визитку самому бесплатно, с помощью CMS или облачных конструкторов.
Не стоит забывать, что в любом случае тебе нужно будет оплачивать хостинг (т.е. размещение сайта в интернете). Но стоить это будет совсем недорого – около 300 руб/мес. Некоторые конструкторы предлагают полностью бесплатные тарифы. Об этом я расскажу ниже.
Выбираем платформу для будущего сайта: конструктор или CMS
Если ты хочешь самостоятельно создать сайт-визитку для своего бизнеса, то у тебя есть два возможных варианта: хостинг+CMS ИЛИ онлайн конструктор сайтов. Давай вкратце рассмотрим оба варианта.
Вариант 1. Хостинг и CMS
Что такое хостинг я уже рассказывал в одной из статей. CMS расшифровывается как система управления контентом (например WordPress, Joomla, Битрикс и т.д.). Для тех, кто не знает о чем речь — полезная статья в википедии.
Этот вариант подходит для серьезных и перспективных проектов. Основные преимущества:
- Дизайн. Для начала можно использовать бесплатный шаблон или платную многофункциональную тему. В дальнейшем можно заказать у специалистов брендирование и уникальный дизайн.
- Функциональность. К сайту на CMS можно добавить любой функционал без ограничений (например интернет-магазин). Помимо готовых расширений можно заказать уникальные функции у профессионального программиста.
- Доступ сотрудников. CMS позволяет организовать доступ сотрудников к сайту (дизайнер, контент-менеджер, маркетолог и т.д.)
К сожалению, если ты начинаешь с нуля, и у тебя нет опыта работы с WordPress тебе будет сложновато. Будь готов потратить пару недель на изучение интерфейса и подключение необходимых тем и плагинов.
Вот сколько примерно будет стоить простенький сайт, созданный на CMS:
Вариант 2. Конструкторы сайтов
Если ты выбираешь конструктор, то тебе не нужно самостоятельно выбирать хостинг и осваивать wordpress. Создание сайта-визитки в конструкторе не требует никаких специальных знаний или умений и не сложнее чем создание странички в соц. сетях.
Отлично подходит для:
- запуска простых проектов
- быстрого получения первых клиентов из контекстной рекламы
- тестирования различных бизнес идей и новых ниш
Основные плюсы:
- Просто и удобно. Конструктор берет на себя все технические проблемы, а тебе остается только выбрать подходящий шаблон и добавить на сайт описание своего товара или услуги и контактные данные.
- Быстро. На создание сайта уйдет буквально 20-30 минут. Тебе останется только настроить контекстную рекламу и ты начнешь получать первых клиентов.
- Дешево. У некоторых конструкторов есть бесплатные тарифы, но их функционал значительно урезан. Скорее всего, тебе придется со временем перейти на один из платных тарифов, но это не будет стоить больших денег. В среднем цены начинаются от 300 руб. в месяц.
Вариант 3. Заказать создание визитки «под ключ»
Если у тебя есть необходимый стартовый капитал и ты не хочешь тратить время на самостоятельные эксперименты, то можно заказать разработку сайта «под ключ» в веб-студии или у фрилансера.
Если ты решил выбрать именно этот вариант, будь готов к тому, что придется потратить довольно много времени на поиск подходящего исполнителя, просмотр портфолио, отзывов клиентов, согласование сроков и стоимости.
Кроме того, нужно помнить: чтобы получить хороший результат необходимо сформировать очень подробное ТЗ (техническое задание на разработку сайта) и заранее обговорить с исполнителем все нюансы предстоящей работы.
Со своей стороны, могу посоветовать веб-студию Divly. У них много хороших отзывов и вполне демократичные цены.
Что же все-таки выбрать?
Новичкам я советую выбрать конструктор сайтов, так как это самый быстрый и экономичный путь. Дальше, если твой бизнес будет развиваться и твои потребности возрастут, можно будет заказать полноценный сайт на любой другой платформе.
Лучшие конструкторы для сайта визитки в 2023 году
Вот список самых лучших конструкторов на русском языке, которые отлично подойдут для создания сайта визитки.
В этот укороченный список не попали многие очень хорошие конструкторы. Поэтому я решил сделать подробный рейтинг лучших конструкторов для сайта в отдельной статье.
Создание сайта визитки своими руками на примере конструктора Ukit
Давай посмотрим как выглядит процесс создания сайта визитки на примере конструктора Ukit. Почему я выбрал именно его? Вот несколько основных преимуществ:
- Узкая специализация. Юкит ориентирован именно на создание сайтов-визиток для малого и среднего бизнеса.
- Дизайн. В системе более 300 различных шаблонов оформления различных тематик. Все шаблоны выглядят стильно и современно и адаптированы под мобильные устройства. Кроме того, есть возможность заказать уникальный дизайн для своего сайта.
- Простота. Ukit отличается от других конструкторов простотой интерфейса. Для того, чтобы освоить графический редактор тебе понадобиться от силы 10-15 минут.
- Функциональность. Сервис предоставляет все необходимые функции: домен второго уровня, SEO-оптимизация, почта, аналитика, SSL-сертификат.
- Интеграция с AmoCRM. Ты можешь связать свой сайт с CRM и получить дополнительные возможности работы с поступающими заявками: сбор заявок в одном месте, обзвон клиентов из панели управления, дополнительные аккаунты для маркетологов, построение воронки продаж и т.д.
- Хорошие отзывы. У Ukit сложилась хорошая репутация в интернете и много положительных отзывов.
📌 Читайте также: конструктор сайтов Ukit: подробный обзор, достоинства и недостатки, отзывы пользователей.
Первое что необходимо сделать — зарегистрироваться на сайте.
При регистрации необходимо указать адрес электронной почты.
Выбираем шаблон
Следующий шаг – выбор шаблона для будущего сайта. Слева ты увидишь меню, в котором все шаблоны разбиты по различным тематикам (ведущий, визажист, фотограф, юриспруденция и т.д.)
Для примера, я выбрал шаблон из раздела фотограф.

Выбираем доменное имя
На следующем шаге тебе предложат выбрать доменное имя 3-го уровня вида: www.sitename.ukit.me. В дальнейшем, можно будет отдельно купить домен второго уровня (site.ru).
Домен можно приобрести как у стороннего регистратора, так и напрямую в личном кабинете Ukit.
Заполняем контактные данные
Теперь необходимо указать название, контактные данные (адрес, телефон, электронная почта) и ссылки на страницы в соц. сетях.
Редактируем шаблон
Мы попадаем в окно графического редактора и приступаем к редактированию шаблона.
Весь макет разбит на различные блоки: логотип, название, контакты, текстовые блоки, карточки услуг, таблицы тарифов, галереи фотографий и т.д. Mы можем добавить или убрать любой блок, а также менять некоторые блоки местами.
Первое, что нам необходимо сделать — это заполнить главную страницу. Главная страница — это лицо твоего сайта. Твоя основная задача — красиво презентовать свои услуги или товар, вкратце рассказать о достоинствах и недостатках, преимуществах работы с вами и отличие от конкурентов.
Кроме того, с главной страницы нужно поставить ссылки на другие страницы (например, контакты, о себе или портфолио), чтобы заинтересованный посетитель смог перейти и ознакомиться с более подробными материалами.
Редактируем шапку
Шапка находиться в самом верху страницы. Содержит твои контактные данные и ссылки на соц. сети, логотип и название сайта, ссылки на другие страницы.
Каждый элемент можно отредактировать по своему вкусу. Достаточно просто подвести курсор и щелкнуть мышкой на нужном блоке. Ты можешь заменить содержание блока и его дизайн (цвет, шрифт, выравнивание и т.д.) а также добавить новые ссылки в главное меню.

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

Текстовая презентация
Здесь сосредоточена основная смысловая нагрузка главной страницы. Тебе нужно вкратце рассказать об услугах которые ты оказываешь, перечислить свои основные преимущества, указать стоимость и тарифы.
Для примера, фотограф может коротко написать два три предложения про себя и оставить ссылку на страницу с подробной биографией (кнопка «Подробнее»)
Внизу можно перечислить виды и стоимость фотосессий (например свадебная, индивидуальная, семейная и т.д.). Если пользователь заинтересуется и щелкнет мышкой на карточку с фотосессией, он попадет на страницу «Услуги».

Следующий блок — наша команда
Здесь можно представить посетителю каждого члена вашей команды. Если ты работаешь один(одна), то этот блок можно просто удалить.

Портфолио
Еще один необходимый элемент главной. Здесь можно опубликовать самые лучшие примеры своей работы. Не нужно слишком перегружать страницу. Достоточно 5-6 фотографий. Остальные фотографии пользователь может подробно рассмотреть на странице «Портфолио» (на неё ведет кнопка с надписью «Смотреть все»).

Форма обратной связи

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

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

Отсюда ты можешь управлять своим сайтом. Вот основные функции, которые тебе будут полезны:
- Тариф. Каждому новому сайту дается бесплатный тестовый период длиной 14 дней. Дальше нужно будет перейти на один из платных тарифов. Цены начинаются от 3,5$ в мес.
- Домен. Здесь можно выбрать домен второго уровня.
- Статистика. К сайту можно добавить статистику Яндекс Метрика или Google Analytics.
- Продвижение. Здесь ты найдешь все необходимые инструменты для SEO-оптимизации.
- AmoCRM. Здесь можно интегрировать свою визитку с AmoCRM.
- SSL-сертификаты. Ты можешь подключить SSL-сертификат, чтобы обеспечить зашифрованное соединение между браузером и сервером. Подробнее о том, что такое SSL-сертификат и для чего он нужен можно прочитать в этой статье на Habrahabr.
Заключение
Я постарался максимально подробно рассказать про все этапы создания сайта визитки. Возникли вопросы? Обязательно напиши об этом в комментариях и постараюсь ответить и дополню статью.
Занимаюсь SEO и созданием сайтов с 2010 года. Отлично знаю WordPress. Люблю программирование. А еще люблю делиться своим опытом. Поэтому и создал этот сайт.
Привет, друзья! Прямо на ваших глазах я соберу сайт: оформлю прототип в гуглодоке, выберу подходящий шаблон в конструкторе и загружу контент на главную страницу. Не потрачу на всё это ни копейки, а выглядеть будет — просто агонь 🔥 И прототип вам подарю, чтобы вы тоже так могли.
Я — Писец, добрый друг создателей контента и защитник всех угнетённых рабством ручной расшифровки. Бесплатно дарю каждому пользователю по часу качественной и быстрой транскрибации в месяц. А ещё — пишу полезные статьи, чтобы сэкономить ваше время, деньги и нервы.
Сайт я буду собирать на Тильде. А поскольку я написал уже с десяток статей на vc — для примера сделаю себе портфолио копирайтера.
На всякий случай предупреждаю: я делаю это понарошку, чтобы показать вам, как собирать сайт. На бирже труда я состою, как транскрибатор, а статьи пишу исключительно для души и вашей непоправимой пользы.
Пишем прототип и выбираем шаблон
Сперва надо решить, сколько на сайте будет страниц и какой контент. Поскольку у меня сайт-визитка — он будет одностраничным. Позже можно будет прикрутить другие страницы: например с сертификатами и благодарственными письмами клиентов.
Что должно быть на главной странице сайта-визитки эксперта:
— кто я такой;
— какие услуги оказываю;
— отзывы (если найдутся);
— собственно портфолио;
— контакты или обратная форма.
Выбираем шаблон в Тильде. На бесплатном тарифе доступны самые простенькие шаблоны, но нам их хватит за глаза. Я выбрал тот, в котором есть нужные мне блоки: главный экран с фоткой, описание услуг, портфолио, прайс, отзывы и контакты.
Блоки в шаблоне можно удалять, менять местами и использовать «не по назначению». Например, если честных отзывов у вас нет — не надо брехать и сочинять, удалите этот блок да и всё.
Шрифты, цвет и расположение элементов менять крайне не советую — может получиться шляпа. Всё-таки шаблон делали профессионалы 😊
Пишем прототип в гуглдоке. Шаблон при этом можно использовать как подсказку: смотреть на количество текста и столбцов в блоках. На первом экране заголовок в две строки, а текст в четыре. Если я напишу в два раза больше текста, получится говно.
Картинки нужно подбирать с тем же соотношением сторон, что и в шаблоне. Например, если я возьму для сайта вертикальную фотку, первый экран вытянется в высоту и пропорции поедут.
Если в прототипе есть колонки — надо написать в них одинаковое количество текста, иначе всё будет криво-косо 💩
Еще один дельный совет: напишите текст, отложите на пару часов, а потом посмотрите на него свежим взглядом. Так вы лучше увидите ошибки и мелкие шероховатости.
Регаемся на Тильде и собираем сайт
Заходим на страницу регистрации, вписываем имя, почту и придумываем пароль. На бесплатном тарифе можно сделать один сайт размером до 50 Мб с доменным именем tilda.ws. А уж если вы хотите красивый домен, настройки СЕО, аналитику и побольше места на диске — извольте покупать платные тарифы.
Теперь нужно создать первый проект и страницу. А затем — выбрать шаблон из списка. Смотрите, как это делается, я вам гифку записал.
Переносим на страницу тексты и иллюстрации из прототипа. Шаблон устанавливается на сайт вместе с демо-контентом — подсказками и картинками. В процессе мы всё это заменим, но можно подглядывать на пропорции и общий вид сайта.
Всё просто: кликаем на элемент, копируем и вставляем. Сначала текст, потом картинки. Их у нас — одна 😄
Все шаблоны Тильды адаптивные — подстраиваются под размер экрана
Редактируем шапку сайта. Я вписал в меню якори: при нажатии страница будет пролистываться до конкретного блока. Если потом сайт станет многостраничным, можно будет дописать меню или переназначить его пункты на новые странички.
Настройка меню в Тильде
Публикуем сайт. Тыкаем на кнопку «Опубликовать» в панели управления, переходим по ссылке и смотрим, что получилось. Обязательно оцените, как выглядит сайт в разных браузерах и на разных устройствах — например, смартфонах и планшетах. Убедитесь, что всё ок и ничего не поехало.
У меня получился вот такой сайтик:
Какава красота 😍
Ребзя, я потратил на этот сайт и статью три часа. Если бы не статья — наверное, справился бы за два.
Я уверен, что вы справитесь не хуже, а может и лучше меня! И если вы давно собирались сделать себе сайт визитку, но всё как-то откладывали и ждали знак, то вот он:
Пока писал — даже забыл, что я не копирайтер, а транскрибатор и искусственный интеллект! Чего не сделаешь ради друзей! 😉
Очень важно иметь собственный проект, который позволит заказчикам узнавать о компании. Сайт-визитка – имеет огромное значение в рекламе, и если его правильно настроить, фирменный стиль компании будет узнаваем, что принесёт большее число заказчиков.
Какие инструменты использовать? Разберём доступные варианты ресурсов для разработки визитки.
Конструкторы
Конструктор сайтов – самый лёгкий инструмент, используемый в целях разработки электронной визитки. На таких сервисах очень много готовых бесплатных шаблонов, которые позволяют быстро создать удобный интерфейс. Формирование нужного веб-сервиса в конструкторе не требует никаких специальных умений в сфере IT, по сложности похоже на заполнение профиля в социальной сети.
Преимущества:
— Быстрое создание сайта, на которое уйдёт не больше часа и моментальный запуск. Для привлечения первых клиентов останется только настроить контекстную рекламу.
— Легко и удобно создавать визитку. Конструктор отвечает за все технические проблемы, нужно только выбрать подходящий шаблон и заполнить всю контактную информацию, добавить картинки и описание услуг и товаров.
— Дешево. У многих сервисов по созданию веб-страниц есть бесплатные тарифы, однако их функционал может быть уже требуемого. Можно использовать платные опции, цены начинаются от 200р в месяц.
Пример создания сайта-визитки в конструкторе Hipolink.net
1. Регистрация на сервисе.
2. Выбор подходящего шаблона или создание собственного визуального оформления с нуля, добавление фона визитки.
3. Редактирование аватара, например, можно загрузить туда логотип компании.
4. Добавление нужной для клиента информации об услугах, продуктах.
5. Дополнение страницы контактами с помощью кнопок Соц.сети и Мессенджеры. На данном конструкторе предоставлено огромное разнообразие мессенджеров и социальных сетей.
6. Размещение фотографий и/или видео для представления полной картины о компании.
На Hipolink.net существуют несколько типов тарифов.
— Бесплатный тариф предоставляет готовые дизайн-темы, стандартные настройки текста и аватара, блок ссылок, добавление одной соц.сети и одного мессенджера на выбор. Даже с бесплатной подпиской можно разработать полноценный сайт.
— Платные тарифы предоставляют более широкий функционал: собственный дизайн страницы, все доступные мессенджеры, добавление фото и видео, статистика, интеграции с внешними сервисами и многое другое.
Существует ряд и других бесплатных конструкторов, но Хиполинк отличается удобством использования.
Хостинг
Хостинг — это услуга, которая предоставляет место для размещения информации на сервере, нуждающейся в постоянном интернете. Можно арендовать место и разместить там свой сайт, он будет доступен из любой точки мира, имеющей доступ к интернету.
Существуют различные виды Хостингов:
1. Виртуальный. Для небольших веб-страниц. Выделяется место на жёстком диске сервера вместе с тысячами других сайтов.
2. Выделенный виртуальный. Получение в собственное распоряжение часть дискового пространства, которое предназначено только для определенного сайта. Возможность администрации сервера.
3. Выделенный. Аренда отдельного сервера, возможность установки любой операционной системы и программного обеспечения. Этот вариант подходит для очень посещаемых сайтов.
4. Облачный. В этом случае используются ресурсы целой сети серверов.
Хостинги, так же, как и конструкторы сайтов бывают платными и бесплатными.
CMS
CMS – система управления содержимым. То есть, набор инструментов, которые позволяют создавать и редактировать веб-страницу, наполнять её нужным контентом.
Преимущества CMS:
1. Лёгкое наполнение веб-сайта.
2. Быстрая настройка и запуск.
3. Дизайн. В доступе есть большое количество бесплатных шаблонов.
4. Доступ сотрудников. Администрировать сайт сможет любой человек, не имея специальных навыков в программировании.
Заказ разработки сайта-визитки «под ключ»
Это отличный вариант и подходит для тех, у кого нет времени на самостоятельное изучение ресурсов для создания веб-страницы. Имея стартовый капитал, можно заказать создание визитки «под ключ» в веб-студии.
Для того, чтобы получилась качественная веб-страница нужно будет довольно долго и качественно искать подходящего исполнителя, просматривать портфолио, читать отзывы.
Чтобы получить хороший результат, необходимо сформировать очень подробное техническое задание на разработку функционала или заполнить бриф, то есть четко расписать полный спектр требований и пожеланий для будущего корпоративного сайта. Всё это нужно делать очень тщательно, чтобы исполнитель разработал именно то, что нужно.
Универсальная инструкция разработки сайта-визитки самостоятельно: рекомендации
1. Выбор сервиса для создания сайта и регистрация на нём. Посмотрите предложенные варианты и выберите оптимальный.
2. Использование готового набора шаблонов. Выберите максимально подходящий к тематике компании шаблон – проще редактировать его под себя, чем создавать новый.
3. Заполнение общих настроек: загрузка логотипа, описание, адрес.
4. Подключение аккаунтов социальных сетей и мессенджеров. Контактные данные обязательно нужны для быстрой связи с компанией. Сделайте так, чтобы их было легко и быстро найти.
5. Исправление структуры страниц. Добавьте нужные виджеты, удалите лишние, настройте их внешний вид. Не перегружайте страницу.
6. Настройка дизайна. Выбор фона визитки, цвета элементов, шрифтов. Постарайтесь сделать приятный для глаза интерфейс, это принесёт больше клиентов.
7. Загрузка контента. Загрузите фотографии, видео, статьи, новости. Сделайте визитку узнаваемой.
8. Прикрепление к сайту домена. Придумайте такой домен, который будет легко вспомнить и вбить в адресную строку.
9. Заполнение настроек SEO. Подключите аналитику от Яндекс или Гугл. Это нужно для просмотра внутренней статистики посещений сайта.
10. Проверка внешнего вида. Осмотрите дизайн: насколько приятны глазу цвета, шрифт. Проверьте, все ли ссылки кликабельны, ничего ли не забыли заполнить.
11. Запуск. Опубликуйте сайт-визитку, посмотрите, насколько быстро он загружается и отображаются ли на нём все элементы.
На разных сервисах план создания проекта будет немного отличаться от вышеуказанного, но шаблон везде один, пользуйтесь нашими рекомендациями, тогда точно получится создать полноценный сайт-визитку.
Оформление сайта визитки
Визитка — это простой сайт, чаще всего содержащий одну страницу, которую не стоит перегружать текстом. Клиент должен понимать, о какой компании идёт речь и какие услуги она предоставляет.
Будет достаточно предоставить:
— Информацию о компании;
— Контактные данные;
— Информацию о товарах или услугах;
— Прайс-лист;
— Портфолио.
Добавьте форму онлайн-консультации или кнопку быстрой связи.
Визитка должна заинтересовать людей, которые не знакомы с Вашим бизнесом.
#Руководства
-
0
Научимся собирать красивый современный сайт из готовых блоков и настраивать его внешний вид, а потом опубликуем его в интернете.
Иллюстрация: Аня Макарова для Skillbox Media
Пишем про дизайн и искусство. Всё, что вы хотели знать о настоящем, прошлом и будущем визуальной культуры.
Tilda — онлайн-конструктор сайтов, с помощью которого можно быстро сделать и опубликовать сайт. Чтобы им пользоваться, не нужно покупать доменное имя или учиться программировать — достаточно расставить по местам готовые блоки.
В этой инструкции рассказываем, как устроена Tilda, а заодно показываем, как сделать себе сайт-визитку.
Простота. Внутри Tilda много готовых блоков, которые помогут быстро собрать страницу и не переживать, что где-то разъедутся отступы. Благодаря этому не придётся долго разбираться в функциях редактора.
Привлекательность результата. Так как всё шаблонизировано, сделать стройную структуру сайта будет проще и быстрее.
Экономия. У Tilda есть бесплатный тариф, который позволяет полностью настроить и опубликовать одностраничный сайт. Конечно, этого не хватит для полноценного магазина, но зато вам не придётся платить программистам за вёрстку портфолио.
Ограничения. Подход к вёрстке в Tilda во многом упрощает работу, но из-за этого вам придётся смириться со множеством ограничений. Например, если вам хочется поменять в блоке местами картинку и текст, а в конструкторе такой настройки нет, придётся работать с тем, что есть.
Все ограничения можно обойти, если использовать редактор Zero Block, но с ним нужно разбираться отдельно. Подробнее о Zero Block читайте в нашем разборе.
Цена. Большинство блоков из Tilda использовать нельзя, пока не оформите подписку. Часто можно обойтись и без них, но тогда вам придётся жертвовать красотой.
При этом вы в любой момент можете получить бесплатный доступ к платному тарифу на две недели. Но как только срок закончится, придётся платить 500 рублей в месяц.
1. Зарегистрируйтесь в Tilda, если у вас ещё нет аккаунта.
2. После регистрации платформа сразу же предложит создать свой первый сайт. Сделайте его и придумайте название — для практики можно просто «Мой сайт» или Test. Но лучше назвать его осмысленно, чтобы потом название не сбивало вас с толку.
3. Нажмите на кнопку «Создать новую страницу» — откроется каталог шаблонов Tilda. Выберите пустую, так как вы будете делать страницу с нуля.
4. По умолчанию эта страница будет называться Blank page. Чтобы поменять её название, нажмите на «Настройки» и напишите «Главная».
Чтобы не дизайнить пустоту, советуем подыскать референсы для своего сайта — посмотрите, как известные дизайнеры рассказывают о себе, показывают работы, предлагают услуги. Точь-в-точь как у них сделать не получится, но у вас будет структурная опора, которая поможет быстрее собрать сайт.
1. Нажмите кнопку «Все блоки», в появившейся панели нажмите «О компании» и выберите любой шаблон. Советуем взять шаблоны с номерами AB402 или AB603 — они будут указаны в серой плашке около названия.
В бесплатном тарифе доступно ограниченное количество блоков — остальные выглядят светлее и рядом с ними есть замочек. Если такие шаблоны вам нравятся больше, нажимайте на них и активируйте бесплатный доступ ко всем функциям на 14 дней. Но после истечения срока вам придётся купить и оплачивать подписку на сервис.
Страницу из нашей инструкции можно повторить в бесплатной версии.
2. Наведите курсор на блок и нажмите «Контент». В появившемся меню в заголовке напишите своё имя, в описании — кратко о себе. Подзаголовок заполните по желанию — если оставить его пустым, то и на сайте он отображаться не будет. В блоке «Изображение» загрузите свою фотографию. Затем нажмите «Сохранить и закрыть».
3. Наведите курсор на блок и нажмите «Настройки». В появившемся меню найдите пункты «Отступ сверху» и «Отступ снизу». Сверху укажите 2.5 line, а снизу — 0. Затем нажмите «Сохранить и закрыть».
1. Наведите курсор на меню и нажмите на плюсик — откроется меню с выбором модулей.
2. Обычно, чтобы коротко рассказать об услугах, используют структуру из трёх колонок. Поэтому советуем выбрать шаблон FR201 в категории «Преимущества».
3. Наведите курсор на блок и нажмите «Контент». В появившемся меню нажмите «Шапка блока» и в заголовке напишите «Услуги», а в описании — коротко о том, чем вы занимаетесь.
4. В блоке «Карточки» напишите три услуги, которые вы будете предоставлять клиентам, и описания к ним. А ещё в этом блоке удалите все картинки с иконками — в нашем случае эти абстракции не будут ничего говорить о вашей квалификации, поэтому они не нужны. Нажмите «Сохранить и закрыть».
5. Наведите курсор на блок и нажмите «Настройки». В появившемся меню найдите пункты «Отступ сверху» и «Отступ снизу». Сверху укажите 5 line (150 px), а снизу — 6 line (180 px). Затем нажмите «Сохранить и закрыть».
1. Наведите курсор на блок с услугами и нажмите на плюсик — откроется меню с выбором модулей.
2. Выберите шаблон TL02B в категории «Заголовок». Наведите курсор на этот блок, кликните на текст и напишите «Портфолио». Затем нажмите «Настройки», в появившемся меню найдите пункты «Отступ сверху» и «Отступ снизу». Сверху и снизу укажите 0. Нажмите «Сохранить и закрыть».
3. Наведите курсор на меню и нажмите на плюсик. Выберите шаблон IM10. Наведите курсор на этот блок и нажмите «Контент». Измените в нём текст — напишите короткое описание вашего проекта. Затем — поменяйте иллюстрацию.
4. Нажмите «Настройки», найдите пункт «Отступ сверху» и «Отступ снизу». Сверху укажите 2 line (60 px), а снизу — 0. Нажмите «Сохранить и закрыть».
5. Сделайте ещё один или два таких же блока с разными проектами. Чтобы вёрстка была разнообразнее, наведите курсор на любой из блоков, нажмите «Настройки» и поставьте галочку на «Отразить по горизонтали» — текст и картинка поменяются местами.
1. Наведите курсор на последний блок и нажмите на плюсик — откроется меню с выбором модулей. Выберите шаблон CN102 в категории «Контакты».
2. Наведите курсор на блок и нажмите «Контент». В появившемся меню в поле заголовка напишите «Связаться со мной». Из второго и третьего блоков просто удалите всё.
3. Ниже укажите, где именно вам можно написать: телефон, почта, Telegram или другие соцсети.
4. Нажмите «Настройки», в появившемся меню найдите пункт «Отступ сверху» и «Отступ снизу». Сверху и снизу укажите 5 line (150 px).
1. На верхней панели в правом углу нажмите кнопку «Предпросмотр» и проверьте свой сайт. Не забудьте протестировать и мобильную версию — в режиме предпросмотра нажмите на иконку с ноутбуком и вместо неё выберите телефон. При необходимости исправьте все ошибки.
2. Нажмите кнопку «Опубликовать». В появившемся меню введите название сайта — для сайта-визитки уместно писать в адресе своё имя, например dashaivanova.tilda.ws.
3. Если вы заметили какие-то ошибки, то их можно поправить в любой момент через редактор Tilda.
После публикации советуем настроить то, как ваш сайт будет отображаться в поисковиках и социальных сетях. Для этого в меню редактирования сайта нажмите кнопку «Настройки» и в блоках «Главное», «Бейджик», «Соцсети» и SEO измените всё, что вам нужно, — например, загрузите новые картинки, поменяйте заголовок и описание.
Другие инструкции по Tilda

Жизнь можно сделать лучше!
Освойте востребованную профессию, зарабатывайте больше и получайте от работы удовольствие. А мы поможем с трудоустройством и важными для работодателей навыками.
Посмотреть курсы
Интернет-технологии стали стабильной и постоянной частью нашей жизни. Практически у каждого человека есть свой блог или своя страница в Интернете – а зачастую и не одна! И если для личного и дружеского общения страницы в социальных сетях подходят, то для деловых контактов и более серьезного определения себя (или своей компании) на просторах всемирной паутины нужно нечто более солидное и презентабельное – персональный сайт! Что это такое и как его лучше сделать – об этом я расскажу в этой статье.
Что это такое
Сайт-визитка – это личный сайт человека или компании, на котором представлена вся информация об этом лице или организации. Как правило, это сайт, состоящий из одной или нескольких небольших страниц, на которых располагаются все необходимые данные.
Сайт-визитка используется для того, чтобы представить потенциальным (и реальным) клиентам сведения об услугах человека или компании, а также другую информацию. Что это может быть? Ценник на услуги, прайс-лист товаров, история компании, преимущества, сертификаты, контактные данные… Иными словами, все, что поможет человеку, зашедшему на сайт, понять, чем занимается человек (или компания), и – возможно – почему клиенту нужно обратиться именно к владельцу сайта (или данной фирме).
Естественно, главная цель сайта-визитки – это реклама и (по возможности) превращение посетителя сайта в клиента.
Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Подписаться
Разделы
Сайт-визитка – это в первую очередь Ваша виртуальная визитка. Вероятнее всего, что человек, который захочет найти о Вас информацию в интернете (или воспользоваться Вашими услугами), попадет на этот сайт, поэтому крайне важно, чтобы ожидания пользователя от посещения Вашего сайта оправдались.
Обязательную информацию Вы можете представить как в виде различных разделов (страниц), так и опубликовав ее на одной странице (если используете одностраничный дизайн).
- Общие данные: рассказ о том, чем занимается человек/компания (возможно, с элементами истории).
- Контактные данные: желательно перечислить все виды, то есть телефон, e-mail, адрес (если есть), в последнее время стали популярны ссылки на аккаунты в социальных сетях и других сервисах.
- Форма обратной связи: несмотря на контактные данные, некоторым клиентам проще оставить свои данные для того, чтобы с ними связались.
- Список услуг: Вы можете указать это в общих данных, но лучше вынести услуги, которые оказываете Вы или Ваша фирма, отдельным списком.
Необязательная информация:
- Кнопки социальных сетей: их наличие даст возможность Вашим клиентам советовать Вас, то есть будут служить Вам своеобразной рекламой, а значит, и дополнительным каналом для привлечения новых клиентов.
- Фирменный логотип: узнаваемый символ будет ассоциироваться с Вами у клиентов и выделит Вас на фоне других сайтов с похожей тематикой или услугами.
- Новости (или блог): как правило, этот раздел характерен для более крупного, чем сайт-визитка, сайта, однако Вы можете писать на сайте какие-то краткие новости или анонсировать акции. Подобный раздел также оказывает положительное влияние на SEO.
- Достижения, партнеры, заказчики: эта информация будет важна для Ваших потенциальных клиентов, поэтому стоит сделать блок с этими данными.
- Сертификаты, официальные документы: как и в случае с предыдущим пунктом, это повысит доверие клиентов и абсолютно уместно и даже желательно на сайте-визитке.
- Отзывы: они значительно повышают кредит доверия, а также дадут возможность Вашим клиентам высказать свое мнение публично и порекомендовать Вас или Вашу фирму в качестве исполнителя.
- Дополнительные возможности: Вы можете сразу представлять свои услуги на сайте, например, добавив возможность записаться к Вам на прием и получить консультацию.
Помните, что сайт-визитка не предполагает более 5-7 страниц (иначе его можно будет уже отнести к корпоративным сайтам). Поэтому лучше обойтись только теми разделами, которые действительно важны и нужны клиентам.
Адрес
Если Вы решили создать сайт-визитку, то, скорее всего, уже знаете, на каком домене хотите его разместить. Однако если Вы еще не уверены в своем выборе, позвольте дать Вам несколько советов.
В англоязычном сегменте сети зачастую встречаются сложные и длинные адреса, которые сложно запомнить и практически невозможно правильно написать. Хотите ли Вы, чтобы Ваши клиенты столкнулись с подобными сложностями? Скорее всего, нет. Поэтому выбирайте лаконичный домен без особых сложностей с написанием.
Удобнее всего транслитерировать название фирмы (либо свою фамилию), чтобы адрес выглядел официально и строго. Если подобное название уже занято, то Вы можете:
- поменять доменную зону: к примеру, с .ru на .com или .org;
- прибавить к названию какое-либо слово: zeleniysvet.ru поменять на firmazeleniysvet.ru;
- сократить название до аббревиатуры: headhunter превратилось в hh;
- перевести название на английский (или другой) язык: вместо zeleniysvet.ru использовать greenlight.ru;
- выбрать слово или фразу, связанную с Вами и Вашим бизнесом.
Чего не стоит делать: пытаться изменить написание, написать с ошибками, вносить случайные буквы и цифры, смешивать перевод и транслит, пытаться сделать англоязычное слово похожим на русский аналог (АKYCTUKA.RU, APXUTEKTYPA.RU), использовать дефис в коротких адресах.
Выбор доменной зоны не очень важен, все зависит от того, на какую аудиторию Вы рассчитываете – русскоязычную (тогда лучше выбрать .ru или .рф) или иностранную (в этом случае обратите внимание на .com, .org, .net). Сейчас попадаются и экзотические доменные зоны – к примеру, .host, .name, .travel – и их можно использовать, чтобы выделить свой сайт на фоне остальных. Хотя определенное количество посетителей это может и отпугнуть.
Дизайн
Ваш сайт – это Ваше лицо, поэтому крайне важно, что оно отражало направленность Вашей деятельности. Большинство выбирает спокойный и лаконичный дизайн (похожий на бумажные визитки). Но если у Вас креативное агентство, то можно остановиться и на чем-то более провокационном.
Главное, не забывайте, что сайт Вы делаете для клиентов, а значит, в первую очередь он должен быть удобен. Поэтому навигация должна быть простой и понятной.
Также важен качественный контент (наполнение): грамотно написанные тексты, изображения и видео хорошего качества.
Общие правила оформления сайта-визитки:
- название и логотип на видном месте (обычно вверху, в самом начале страницы);
- заметный блок с контактами (можно сделать его чуть ниже названия и логотипа, чтобы клиент сразу видел его, как только зашел на сайт);
- небольшое и понятное меню;
- поиск по всем разделам.
Создание
После того, как Вы определились с основными параметрами своего сайта, самое время перейти к главному – к его созданию. Если у Вас совсем нет опыта в создании собственных страниц, то Вы можете обратиться в специализированное агентство, которых сейчас очень много на просторах Интернета.
Однако Вы можете создать подобную страницу и самостоятельно (даже если не знаете ни одного языка программирования). Есть два пути сделать это:
1 путь – воспользоваться конструктором сайтов Timeweb. Интуитивно понятный визуальный редактор позволит Вам сделать именно такой сайт, который Вы захотите.
2 путь – создать сайт на основе одной из популярных CMS. К примеру, можно остановиться на WordPress – самой популярной системой управления контентом на данный момент. Узнать, как установить и работать с этой платформой, Вы можете из статьи «Как создать блог: пошаговая инструкция для WordPress».
Удобство сайта-визитки заключается в том, что у Вас нет необходимости постоянно его обновлять: если на сайте отсутствуют разделы с новостями или блогом, то единственная причина обновить информацию – это изменение каких-то фактических данных (номера телефона, адреса, сертификатов и т.д.). Поэтому создав и настроив сайт единожды, Вы затем можете лишь поддерживать его работоспособность.
Если Вы решили публиковать на своем сайте новости, то обновлять этот раздел лучше не реже раза в две недели или месяц, иначе сайт может показаться клиентам заброшенным.
Одним из краеугольных камней также является стабильная работа сайта – Вы же не хотите, чтобы клиент попытался зайти к Вам на сайт и получил сообщение об ошибке? Поэтому следует выбирать стабильного хостинг-провайдера, который в случае возникновения непредвиденных ситуаций сразу может с ними справиться.
Второе, на что стоит обратить внимание при создании сайта, — это скорость загрузки. Если Вы не знаете, как заставить свой сайт работать быстрее, обязательно прочитайте статью «7 советов, как ускорить загрузку сайта».
Напоследок
После того, как Вы создали сайт, попросите кого-либо из коллег или друзей оценить и протестировать свой сайт: какие впечатления от дизайна, все ли понятно в навигации, есть ли какая-то информация, которую следует добавить? Обязательно прислушайтесь к ним и внесите соответствующие правки.
Поздравляю Вас с созданием собственного сайта-визитки!





