Як вебмайстер, ти, мабуть, уже знаєш, що таке лендінг. Однак якщо ти не знаєш, що це таке, дозволь нам коротко пояснити. Словом, лендінг – це цільова сторінка, на якій опиняються користувачі, коли вони натискають на рекламу, яка їм відображається. Для чого потрібен такий сайт?
Є багато переваг у тому, аби мати власний лендінг, будучи вебмайстром у партнерському маркетингу. Давайте розглянемо їх ближче.
Майте на увазі, що, незважаючи на складний процес, створити хороший лендінг зовсім не складно. З нашою допомогою ти створиш лендінг, який дозволить тобі заощадити до кількох тисяч доларів.
Запитання, які варто поставити собі перед створенням лендінгу
Перш ніж почати створювати лендінг, дай собі відповідь на такі запитання:
Хто твоя цільова аудиторія?
Відповідь на це питання вплине на зовнішній вигляд сторінки. Якщо твоя ЦА - жінки, слід шаблон повинен бути більш світлим, пастельним, якщо чоловіки - темнішим і стриманішим, відповідно. Спробуй створити профіль користувача профіль користувача для свого сайту. Завдяки цьому тобі буде легше визначити його потреби та адаптувати до них свій вебсайт.
Чого стосується і що саме там мають знайти користувачі?
Відповіді на ці питання допоможуть вибрати правильний дизайн і доменне ім'я. Пам'ятайте про принцип "менше — це краще". Якщо у користувача занадто великий вибір, він може розгубитися та покинути сайт.
Яка мета твого сайту?
Відповідь на це запитання допоможе тобі у наступних кроках, під час розробки та вибору шаблону. Подумай, що має бути на твоєму вебсайті і яку користь від цього отримає користувач? Що шукають люди і як ти можеш їм це запропонувати? Які послуги ти можеш їм надати?
Скільки часу та грошей ти хочеш витратити?
Відповідь на це питання допоможе обрати правильний хостинг, домен, і вирішити на чому працювати: готовий шаблон чи почати з нуля.
Лендінг - вибір хостингу
Що таке хостинг?
Уяви, що твій вебсайт розташований на твоєму комп’ютері. Кожен раз, коли ти вимикаєш його, ніхто не бачить сайту. Однак ми всі знаємо, що вебсайти працюють 365 днів на рік без зупинки. Це тому, що ці сайти розміщені на комп’ютерах, які працюють цілодобово. Ці комп’ютери є серверами, а послуга оренди місця на ньому – хостингом.
Перш ніж створювати свою цільову сторінку, тобі потрібно подумати, який хостинг вибрати. Яке це має значення? Це перший крок, щоб змусити користувачів залишатися на твоєму вебсайті та повертатися на нього більш охоче, а не втікати з нього.
Ти коли-небудь покидав вебсайт, який завантажувався так довго, що у тебе закінчилося терпіння, і ти нарешті знайшов інший сайт? Цього ми хочемо уникнути, обираючи хороший хостинг.
Вебсайти, на яких можна придбати хостинг, наприклад: ukraine.com.ua, ukrline.com.ua, seohost.pl.
Початківцю тобі потрібна зручна, функціональна та інтуїтивно зрозуміла панель керування сервером. Коли йдеться про ці критерії, то так званий спільний сервер. Однак майте на увазі, що разом із розширенням цільової сторінки тобі знадобиться більш потужний сервер, тобто такий, який зможе вмістити більше інформації, графіки, відео та просто працюватиме швидше. Якщо ти вибереш поганий хостинг, ти можеш зіткнутися з багатьма постійними проблемами на цьому шляху.
Скільки коштує хостинг?
Сума хостингу зазвичай коливається від $2 до приблизно $12 на місяць. Розбіжність досить велика, оскільки сума залежить від розміру сторінки (скільки на ній підсторінок, які на ній файли ітп.) і необхідних ресурсів сервера.
Лендінг - вибір домену
Шо таке домен?
Домен — це адреса, яку ти вводиш у свій браузер, щоб знайти сторінку. Кожен домен унікальний, його не можна спільно використовувати чи дублювати. Якщо ти подивишся на верхній пошуковий рядок Google, ти побачиш, що наш домен — mylead.global.
Це, певним чином, основа твого онлайн-бізнесу. Хороший домен – це простий і помітний, щоб користувач запам’ятав тебе. Також варто звернути увагу на пораду: у Україні вибирай .ua, у Великій Британії – .uk, а якщо хочеш, щоб вебсайт був глобальним – обирай .com. Це найпопулярніше закінчення, а тому більш викликає довіру.
Сторінки, на яких можна придбати домен, наприклад: Namecheap.com, regery.com або ovh.pl.
Часто, вибираючи домен і шукаючи натхнення для його назви, ми стикаємося в інтернеті з твердженням, що домен повинен містити ключову фразу, яка змусить Google (або інші пошукові системи) просувати його. У цьому є частка істини. Однак включення ключової фрази в доменне ім’я не дуже ефективний хід. Коли ключовою фразою є весь домен (наприклад, klapkinabasen.pl), ти стріляєш собі в коліно. Таким чином, ти конкуруєш з усіма виробниками, які продають шльопанці для басейну, тому потрапити на першу сторінку Google - досить складне завдання. Більше того, при пошуку твого сайту користувачеві доведеться покопатися в масі оголошень цих шльопанців для басейну. Найкращим рішенням для тебе буде обрати домен із власним ім’ям або поєднати його з ключовою фразою, наприклад rankingklapek.pl.
Дай волю своїй творчості та придумай назву для цільової сторінки. Зауваж, що деякі імена вже можуть бути зарезервовані. Щоб перевірити доступність певного домену, який ти придумав, використовуй, наприклад: atthost.pl.
Скільки коштує купити домен?
Вартість домену зазвичай коливається від $3 до $18 на місяць. Розбіжність знову досить велика, оскільки сума залежить від компанії-реєстратора, імені, розширення домену та його історії.
Лендінг - встановлення WordPress
У цій статті ми познайомимо тебе із процесом створення вебсайту на прикладі WordPress. Звичайно, це не єдиний варіант. Також є готові шаблони на Mobirise, Wix, Zyro або інших порталах, де потрібно лише підключити свій домен. Однак ти повинен знати, що це пов’язано з набагато меншим діапазоном можливостей, і у випадку складного вебсайту краще інвестувати свій час у створення всього з нуля.
Що стосується WP, то весь процес інсталяції проходить швидко та гладко, тож тобі не про що хвилюватися. Встановлення WordPress вручну передбачає завантаження файлів інсталяції та їх завантаження на сервер.
Етап 1 - Завантаж WordPress
Першим кроком у створенні власного сайту є завантаження інсталяційного пакета WordPress.
Etap 2 - Розпакуй файли
Після завантаження натисни на завантажений архів .zip:
Потім відкрий папку wordpress:
Там ти знаходяться 19 файлів, знайди серед них wp-config-sample.php, скопіюй та встав його в ту саму папку, а потім перейменуй на wp-config.php.
Файл wp-confing-sample.php, як випливає з назви, є файлом із стандартного шаблону WordPress. Це означає, що він міститиме рядки, які потрібно буде заповнити твоїм власними даними, але про це згодом.
Етап 3 - Створи базу даних MySQL
WordPress — це система, яка використовує базу даних. Перш ніж ми разом встановимо WordPress на сервер хостингу, тобі потрібно буде створити базу даних MySQL.
Але що таке база даних MySQL?
База даних — це не що інше, як збір даних, збережених на основі певних правил. Найчастіше це цифрові дані, зібрані відповідно до правил конкретних комп’ютерних програм, які використовуються для збору та обробки таких даних. Що стосується MySQL, то це одна з найпотужніших баз даних, яка може обробляти величезну кількість запитів.
Тепер, коли ти знаєш, що таке база даних MySQL, давайте створимо її за допомогою Hostinger. Вашими базами даних MySQL можна повністю керувати зі сторінки баз даних MySQL. Щоб створити базу даних, тобі просто потрібно знайти Хостинг → Управління → Бази даних MySQL:
У спадному меню зліва вибери назву сайту, якому буде присвоєна база даних:
У розділі Створення нової бази даних MySQL і користувача бази даних введи назву бази даних MySQL, ім’я користувача та пароль, а потім натисни «Створити»:
Після цього нова база даних буде автоматично призначена вибраному домену та з’явиться в розділі «Список поточних баз даних і користувачів MySQL», де ти зможеш управляти нею.
Етап 4 - Заповни файл wp-config.php даними
На цьому етапі тобі знадобиться попередній файл wp-config.php і інформація з бази даних, яку ти створив на етапі 3.
Відкрий файл wp-config у стандартній програмі Notepad++ (якщо використовується Windows) або програмі TextEdit за замовчуванням (якщо використовується macOS).
Знайди наступні рядки тексту та заміни виділені значення назвою бази даних, яку ти створив, ім’ям користувача та правильним паролем, які ти встановив на кроці 3:
Після того, як ви змінили всю вищезазначену інформацію, не забудьте зберегти файл.
Важливо:
- Не видаляй апострофи! Значення необхідно вводити між символами.
- Ім’я бази даних і користувача — це не лише значення, яке ти ввів на панелі на сервері, це також те, що перед підкресленням (дивлячись на скриншоти вище: ім’я бази даних і користувача буде таким: name_interedзначення).
- Що таке локальний хост? Localhost — це адреса сервера бази даних. Зазвичай у цьому полі слід залишити localhost. Однак деякі хостингові компанії вимагають іншу адресу. Якщо ти не знаєш, чи є твій одним із тих найвимогливіших, ти дізнаєшся про це під час інсталяції, якщо після виконання одного з кроків ти отримаєш таке повідомлення: Помилка встановлення з’єднання з базою даних. Якщо ти отримуєш таку помилку, перевір, чи була інформація про це на картці зі зведенням створеної тобою бази даних (Крок 3). Якщо їх там немає, звернись до адміністрації сервера та попросіть адресу, яку слід ввести замість localhost.
Етап 5 - Налаштування підключення до сервера в FileZilli
Майже все готово, залишається лише налагодити останню кнопку, тобто завантажити файли на сервер. Виконай це завдання за допомогою FileZilli.
Однак перш ніж почати передачу файлів, установи підключення до сервера. Нижче ти знайдеш інструкції, як це зробити:
1. Знайди повідомлення, яке ти отримав від свого хостинг-провайдера. Там ти знайдеш: FTP-адресу, FTP-логін і пароль. Якщо ти не отримував такого повідомлення або не маєш в ньому таких даних, напиши адміністратору з запитом FTP-адреси сервера та створенням користувача.
2. Відкрий FileZilla та виберіть Файл -> Менеджер сайту -> Нова адреса. Вибери назву для свого підключення (наприклад, назву веб-сайту чи блогу), а потім заповни:
- Сервер: введи посилання на сервер, яке починається з ftp.nazwaserwera.pl,
- Протокол: FTP – протокол переказу файлів,
- Шифрування: якщо доступне, використовуй прямий FTP через TLS,
- Режим логування: нормальний,
- Користувач: назва користувача FTP,
- Пароль: пароль, (важливо бути складним, тому варто використовувати генератор паролів, наприклад 1password).
3. Натисни «Підключити»
Етап 6 - Завантаження файлів на сервер
Якщо все зроблено правильно і дані введені правильно, підключення до сервера буде встановлено і активується права частина екрану FileZilla. Напис віддалений сервер буде виділено, а у вікнах нижче відображатимуться папки або файли. Пам'ятай, що ти не можеш розміщувати файли будь-де. Вони мають бути у підпапці public_html (якщо ти не бачиш такої назви, знайди «www»). Ти знайдеш його в папці за адресою твого сайту.
Якщо у тебе є доступ до основного каталогу FTP, ти можеш знайти правильну папку, перейшовши за адресою: domains -> domainname.pl -> public_html / www. Звичайно, це приклад дескриптора папки, оскільки цей шлях може дещо відрізнятися залежно від твого хостинг-провайдера. Якщо ти все ще не можеш знайти потрібну папку, зверніться до служби підтримки свого хостинг-провайдера.
Тепер видали усі файли з папки. Після цього у лівому вікні FileZilla знайди папку з файлами та папками WordPress. Вибери всі, крім wp-config-sample.php (він не потрібен) і перемісти їх у вікно праворуч. Передача почнеться автоматично. У цей момент ти завантажуєш свій сайт в Інтернет. Якщо ти отримуєш повідомлення про дублікати файлів, постав прапорець «Змінити» та натисни «ОК». Передача має зайняти кілька хвилин, все залежить від швидкості твого Інтернету. Після завершення передачі заверши з’єднання з сервером.
Етап 7 - Встановлення WordPress
Лише кілька хвилин відділяє від тебе від офіційного володіння власним вебсайтом. Після завершення передачі файлу введи адресу свого вебсайту в браузері, який ти використовуєш. Неважливо, чи це Chrome, Firefox, Safari, Opera чи щось інше. Кожен браузер має перенаправляти тебе на таку адресу: http://твійсайт.ua/wp-admin/install.php. Якщо ні, введи цю адресу вручну, просто не забудь змінити «твійсайт.ua» на твоє доменне ім’я. Після натискання «ввести» має з’явитися цей екран:
- Назва сайту - введи назву свого вебсайту, а не адресу,
- Ім'я користувача - твій логін, під яким ти будеш входити як адміністратор (вибирай щось інше, крім адмін та адміністратор, оскільки це найпоширеніші і найпростіші імена для злому),
- Пароль - будь креативним, пароль має бути важко зламати (ти можеш використовувати генератор паролів онлайн),
- Адреса електронної пошти - на цю адресу буде надіслано електронний лист із даними для входу та адресою,
- Видимість - якщо ти не хочеш, щоб типовий Ковальський бачив твою незавершену сторінку, постав прапорець поруч із «видимістю для пошукових систем», не забувай зняти цей прапорець під час публікації сторінки у вкладці: Налаштування -> Читання, у самому низу екрана.
Коли вся інформація буде заповнена, натисни «Встановити WordPress», зачекай кілька хвилин і готово. Твій сайт тепер в мережі, тепер натисніть «Увійти», введи логін, пароль і починай створювати.
Створення лендінгу за допомогою Elementor
WordPress, очевидно, не єдине рішення, коли справа доходить до створення вебсайтів. Існують різні платформи, на яких ти можеш створити свій вебсайт набагато простіше. Звичайно, це коштує (наприклад, Shopify або Wix.com), але є також багато безкоштовних варіантів. До них відносяться такі плагіни, як:
Сьогодні ми покажемо тобі, як виглядає процес створення вебсайту за допомогою безкоштовної версії Elementor.
Elementor - реєстрація
На самому початку, після вибору безкоштовної версії, ти побачиш екран реєстрації:
Питання та вибір планів
Пізніше на тебе, серед інших, чекає кілька запитань:
- для кого ти створюєш сайт,
- чим ти займаєшся,
- чи є у тебе досвід створення вебсайтів,
- про що буде твій сайт.
Після відповідей на ці запитання з’явиться наступний екран із запитом, чи справді ти хочеш придбати будь-який із їхніх планів. Якщо ти шукаєш безкоштовну версію, просто прокрути сторінку нижче.
Вибери план
Спустившись вниз, ти побачиш порівняння всіх версій і можливість вибрати одну з них:
Надання доменного імені
Після вибору безкоштовного плану ти побачиш екран, де тобі потрібно буде ввести посилання на домен:
Встановлення Elementora
Якщо твій домен уже підключено до WordPress, має з’явитися такий екран:
Elementor - опис і FAQ
Після натискання кнопки «Встановити Elementor» вебсайт автоматично перенаправить тебе на твій домен, де тобі потрібно буде ввійти. Коли ти пройдеш процес входу, ти побачите сторінку із загальною інформацією про Elementor, а в нижньому правому куті ти знайдеш кнопку «Встановити», натисніть її.
Активація плагіна
Потім ти з’явишся на своїй сторінці з цим екраном, тепер натисніть кнопку «Увімкнути плагін».
Створити/увійти в обліковий запис
Тепер має з’явитися екран із можливістю створити новий обліковий запис або підключитися до існуючого (прокрути нижче), вибери відповідну опцію:
Пов’язування облікового запису
Тепер ти повинен побачити вікно, де ти можеш зареєструватися, а після реєстрації ти побачиш екран, показаний нижче. Для цього натисни «Connect».
Вступ до проєктування
Після пов’язання твого облікового запису із сайтом ти побачиш екран нижче. Натисни кнопку «Продовжити з Hello Theme», потім введи назву свого вебсайту (вона буде видима лише на панелі WP) і додай логотип. Якщо у тебе його немає, ти можеш пропустити цей крок і повернутися до нього пізніше (хорошим і простим способом створення логотипу є, наприклад Canva.com).
Порожній шаблон або готовий
Нарешті почалося найцікавіше, настав час розробити вебсайт. але спочатку ти можеш обрати порожній шаблон або один з понад 100 шаблонів для перегляду. Рекомендуємо вибрати варіант праворуч. Чому? Що ж, кожному художнику інколи потрібне натхнення.
Натхнення
Переглянувши кілька або десяток шаблонів, стане відомо, в якому напрямку ти хочеш рухатися зі своїм вебсайтом. Тепер все у твоїх руках. Успіху!
Незабаром у нашому блозі з’явиться друга частина посібника зі створення вебсайту, де ти знайдеш хитрощі та поради щодо дизайну.