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

Опубликовано: 01.09.2018

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

Выбираем платформу для будущего сайта: конструктор или CMS

Если вы хотите самостоятельно сделать визитку для своего бизнеса, то у вас есть два возможных варианта: хостинг+CMS ИЛИ онлайн конструктор сайтов. Давайте вкратце рассмотрим оба варианта.

Вариант 1. Хостинг и CMS

Что такое хостинг я уже рассказывал в одной из статей . CMS расшифровывается как система управления контентом (например WordPress, Joomla, Битрикс и т.д.). Для тех, кто не знает о чем речь — полезная статья в википедии .

Как бесплатно создать сайт на Wordpress за час [GeekBrains]

Этот вариант подходит для серьезных и перспективных проектов. Основные преимущества:

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

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

Как создать свой сайт самому, с нуля, бесплатно. Обучение HTML и CSS. Пошаговая инструкция. Урок 1

Вот сколько примерно будет стоить простенький сайт, созданный на CMS:

Статья расходов Примерная стоимость Примечание

Домен	100 руб для .ru и 500 руб. в .com	Ежегодно
Хостинг	Простой виртуальный хостинг - 150-200 руб.	Ежемесячно
CMS	Проще всего взять Wordpress	Бесплатно
Дизайн	Готовый дизайн на Themeforest - 50$	Единоразово
Логотип	В среднем 500-2000 руб.	Единоразово

Вариант 2. Конструкторы сайтов

Отлично подходит для:

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

Основные плюсы:

Просто и удобно. Конструктор берет на себя все технические проблемы, а вам остается только выбрать подходящий шаблон и добавить на сайт описание своего товара или услуги и контактные данные. Быстро. На создание сайта уйдет буквально 20-30 минут. Вам останется только настроить контекстную рекламу и вы начнете получать первых клиентов. Дешево. У некоторых конструкторов есть бесплатные тарифы, но их функционал значительно урезан. Скорее всего, вам придется со временем перейти на один из платных тарифов, но это не будет стоить больших денег. В среднем цены начинаются от 200 руб. в месяц.

Что же все-таки выбрать?

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

Лучшие конструкторы для сайта визитки в 2018 году

Вот список самых лучших конструкторов, которые отлично подойдут для создания сайта визитки.

Создание сайта визитки своими руками на примере конструктора 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 .

Заключение

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

Как с нуля сделать сайт визитку для бизнеса самостоятельно бесплатно: инструкция was last modified: by admin