Як зробити сайт візитку самому безкоштовно: покрокова інструкція

1. Вибираємо платформу для майбутнього сайту: конструктор або CMS
2. Варіант 1. Хостинг і CMS
3. Варіант 2. Конструктори сайтів
4. Варіант 3. Замовити створення візитки «під ключ»
5. Що ж все-таки вибрати?
6. Кращі конструктори для сайту візитки в 2019 році
7. Створення сайту візитки своїми руками на прикладі конструктора Ukit
8. вибираємо шаблон
9. Вибираємо доменне ім'я
10. Заповнюємо контактні дані
11. редагуємо шаблон
12. редагуємо шапку
13. Переходимо до слайдеру
14. Текстова презентація
15. Наступний блок - наша команда
16. Портфоліо
17. Форма зворотного зв'язку
18. Інші сторінки сайту
19. Панель управління
20. висновок

Наша команда-партнер Artmisto

У цій статті я детально розповім про те як самому зробити сайт-візитку абсолютно безкоштовно. Я постараюся охопити всі найважливіші питання починаючи від вибору платформи і закінчуючи створенням сайту в графічному редакторі. Стаття буде довга, так що заварюйте чай (або кава), запасайтеся печеньки, ми починаємо ...

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

Якщо ви хочете самостійно зробити візитку для свого бізнесу, то у вас є два можливих варіанти: хостинг + CMS АБО онлайн конструктор сайтів. Давайте коротко розглянемо обидва варіанти.

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

Що таке хостинг я вже розповідав в одній зі статей . CMS розшифровується як система управління контентом (наприклад WordPress, Joomla, Бітрікс і т.д.). Для тих, хто не знає про що мова - корисна стаття в вікіпедії .

Цей варіант підходить для серйозних і перспективних проектів. Основні переваги:

1. Дизайн. Для початку можна використовувати безкоштовний шаблон або платну багатофункціональну тему. Надалі можна замовити у фахівців брендування і унікальний дизайн.
2. Функціональність. До сайту на CMS можна додати будь-який функціонал без обмежень. Крім готових розширень можна замовити унікальні функції у професійного програміста.
3. Доступ співробітників. CMS дозволяє організувати доступ співробітників до сайту (дизайнер, контент-менеджер, маркетолог і т.д.)

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

Ось скільки приблизно буде коштувати простенький сайт, створений на CMS:

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

Дуже добре підходить для:

• запуску простих проектів
• швидкого отримання перших клієнтів з контекстної реклами
• тестування різних бізнес ідей і нових ніш

Основні плюси:

1. Просто і зручно. Конструктор бере на себе всі технічні проблеми, а вам залишається тільки вибрати відповідний шаблон і додати на сайт опис свого товару або послуги і контактні дані.
2. Швидко. На створення сайту піде буквально 20-30 хвилин. Вам залишиться тільки налаштувати контекстну рекламу і ви почнете отримувати перших клієнтів.
3. Дешево. У деяких конструкторів є безкоштовні тарифи, але їх функціонал значно урізаний. Швидше за все, вам доведеться з часом перейти на один з платних тарифів, але це не буде коштувати великих грошей. В середньому ціни починаються від 200 руб. у місяць.

Варіант 3. Замовити створення візитки «під ключ»

Якщо у вас є необхідний стартовий капітал і ви не хочете витрачати час на самостійні експерименти, то можна замовити сайт «під ключ» в веб-студії або у фрілансера.

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

Крім того, потрібно пам'ятати: щоб отримати хороший результат необхідно сформувати дуже докладний ТЗ (технічне завдання на розробку сайту) і заздалегідь обговорити з виконавцем всі нюанси майбутньої роботи.

Зі свого боку, можу порадити веб-студію Divly . У них багато хороших відгуків і цілком демократичні ціни.

Що ж все-таки вибрати?

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

Кращі конструктори для сайту візитки в 2019 році

Ось список найкращих конструкторів російською мовою, які відмінно підійдуть для створення сайту візитки.

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

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

висновок

Я постарався максимально докладно розповісти про всі етапи створення сайту візитки. Виникли питання? Обов'язково напишіть про це в коментарях і обов'язково відповім і доповню статтю. Крім того, не забудьте вступити в нашу групу в контакті , Щоб стежити за всіма оновленнями блогу і отримувати цікаві та корисні новини.