У сучасному світі створення сайту з нуля не вимагає від вас глибоких знань програмування або веб-дизайну. За допомогою сучасних CMS ви можете створити повноцінний сайт всього за кілька годин.
У цій статті ми розглянемо процес створення сайту з нуля на прикладі CMS WordPress. WordPress — це найпопулярніша CMS у світі, за допомогою якої створено понад 40% усіх сайтів. Причина такої популярності криється в інтуїтивній зрозумілості CMS, зручному інтерфейсі та великій кількості шаблонів, база яких безперервно оновлюється. З якоїсь сторони, ви не отримаєте тієї свободи, яку дають навички веб-програмування, але повноцінний, сучасний сайт, будь то невеликий лендінг або інтернет-магазин, цілком можна зробити.
Крок 1: Вибір домену та хостингу
Насамперед вам необхідно вибрати спеціально підготовлений WordPress хостинг і зареєструвати домен для вашого сайту. Домен — це адреса вашого сайту в інтернеті, наприклад, example.com. WordPress хостинг — це місце, де будуть зберігатися файли вашого сайту.
Ви можете купити домен і хостинг у одного і того ж провайдера або у різних, хоча, тут є нюанс. Якщо ви читали розміщені у нас огляди провайдерів, ви могли помітити, що багато українських хостингів пропонують безкоштовний домен при купівлі послуг хостингу. Інші ж пропонують знижки на домен. Отже, вигідніше вибирати домен і хостинг в одному місці. Правда, залишається ще питання вибору самого провайдера, і цьому треба приділити серйозну увагу. Зараз на ринку чимало компаній, що пропонують подібні послуги, обіцяючи все, відразу і мало не задарма. Однак, далеко не завжди слова відповідають дійсності.
При виборі провайдера зверніть увагу на наступні фактори:
- Вартість – не повинна визначати ваш вибір.
- Якість обслуговування – а ось цей фактор має набагато більше значення, ніж ціна.
- Репутація – завжди вивчайте майбутнього провайдера комплексно.
- Реселінг – найкраще вибирати не реселера, а “оригінального” провайдера з власним дата-центром, особливо, якщо у вас серйозний, великий проект.
Рекомендуємо також ознайомитися з нашими рекомендаціями – “Як вибрати хостинг для сайту” і “Основні критерії при виборі хостингу“, щоб мати більш-менш чітке уявлення про хостинг.
Надійний провайдер – це впевненість не тільки в завтрашньому дні, але і в сьогоднішньому, а ще – хороша швидкість, гідні квоти, підтримка сучасних веб-технологій і оперативна допомога в разі чого.
Крок 2: Встановлення WordPress
Після того, як ви вибрали домен і хостинг, необхідно встановити WordPress. Залежно від адмін-панелі, потрібно виконати кілька нескладних дій. Хоч дії майже однакові, ми все ж перерахуємо їх покроково:
- Для хостингу на базі cPanel:
- Увійдіть в панель управління хостингом.
- Перейдіть в розділ «Додаткові сервіси» > «WordPress».
- Введіть назву вашого сайту, адресу електронної пошти та пароль.
- Натисніть кнопку «Встановити».
- Для хостингу на базі DirectAdmin:
- Увійдіть в панель управління хостингом.
- Перейдіть до розділу «Управління сайтами» > «Додати сайт».
- Виберіть тип сайту «WordPress».
- Введіть назву вашого сайту, адресу електронної пошти та пароль.
- Натисніть кнопку «Створити».
- Для хостингу на базі Plesk:
- Увійдіть в панель управління хостингом.
- Перейдіть до розділу «Сайти та домени» > «Додати сайт».
- Виберіть тип сайту «WordPress».
- Введіть назву вашого сайту, адресу електронної пошти та пароль.
- Натисніть кнопку «Створити».
Після встановлення WordPress ви потрапите на сторінку адміністрування сайту. Йдемо далі.
Крок 3: Налаштування WordPress
Насамперед вам необхідно налаштувати основні параметри WordPress, такі як мова, часовий пояс і валюта. Для цього перейдіть в розділ «Налаштування» > «Загальні».
Потім ми створюємо користувача-адміністратора. Для цього переходимо в розділ «Користувачі» > «Додати нового».
Після цього ви можете приступити до створення контенту для вашого сайту. Фактично, на даному етапі ми переходимо до веб-дизайну.
Тут нам потрібно вибрати Тему. Вони є безкоштовні та платні, різниця, як завжди, в можливостях і варіативності опцій. Базові теми ВордПресс рідко приваблюють користувачів, і це не дивно, оскільки вони досить обмежені і їх мало. Кожна тема може мати власний функціонал і можливості, відмінні від інших. Розділ Зовнішній вигляд – саме тут, внизу, ми можемо додати нову тему (просто натисніть на відповідний напис), а також ознайомитися з трьома базовими.
Одна з найбільш популярних і зручних безкоштовних тем – Astra. Для цієї теми в розділі Плагіни встановлюємо також універсальний плагін Spectra, який істотно розширить її можливості. Взагалі, і тем, і плагінів – тисячі, це окрема, велика область.
Крок 4: Створення контенту
Існує безліч способів створення контенту. Для цього можуть застосовуватися вбудовані інструменти WordPress, такі як редактор блоків, або сторонні плагіни.
Для створення простого сайту-візитки, хитромудрі інструменти вам не потрібні. Але, якщо ви хочете створити більш складний сайт, то вам можуть знадобитися сторонні плагіни (крім вже встановленого раніше Spectra). Наприклад, для створення інтернет-магазину ви можете використовувати плагін WooCommerce.
Давайте спробуємо створити сторінку разом. Досить почати і ви побачите, що це зовсім нескладно. Для створення контенту на WordPress є редактор сторінок, який дозволяє додавати і редагувати текст та інші елементи, в тому числі медіаконтент – картинки і відео.
Створюємо сторінки
Для створення нового контенту на WordPress, необхідно перейти в розділ “Сторінки” або “Записи” на панелі управління. Виберіть “Додати нову” і назвіть сторінку. Кожна сторінка повинна мати назву, щоб ви розуміли, де яка, але для користувачів назву краще приховати (для цього клікаємо на іконку ока).
Дизайн блоків складається з двох областей – в правій редагуємо блоки, в лівій їх додаємо. Коли сторінка готова – натискайте Опублікувати (дана кнопка в подальшому буде замінена на кнопку Оновити). Після публікації вам буде доступна історія версій, або – редакцій, і при бажанні ви завжди зможете відкотити на попередню редакцію. Поруч з кнопкою публікації/оновлення є іконка з комп’ютером, це попередній перегляд. А ще там є спливаюче віконце, яке дасть нам можливість переглянути вигляд сторінки не тільки зі звичайного монітора, але і з мобільних пристроїв.
Головна сторінка
Головна сторінка – обличчя сайту. Призначити її нескладно. Йдемо в консоль, вибираємо Налаштування/Читання, і бачимо опцію “На головній сторінці відображати” – тут нас цікавить Статична сторінка. Перемикаємо. Все – тепер та сторінка, на якій ви зробили цю дію, і буде головною.
Типи контенту
WordPress підтримує два основних типи контенту: Сторінки та Записи. Незалежно від типу контенту, пам’ятайте, що SEO просування сайту починається на етапі його створення, зокрема, наприклад, з використання ключових слів у тексті.
Чим же відрізняються Сторінки та Записи?
- Сторінки використовуються для статичного контенту, який не змінюється часто. Наприклад, це можуть бути сторінки про компанію, про продукцію або про послуги.
- Записи використовуються для динамічного контенту, який змінюється регулярно. Наприклад, це можуть бути новинні статті, блоги або портфоліо.
Додавання зображень
Щоб додати зображення до контенту, просто натисніть кнопку «Додати медіафайл». Далі вибираємо зображення на своєму комп’ютері і натискаємо «Відкрити».
Після того, як зображення буде додано, ви можете змінити його назву, опис та інші параметри.
Додавання відео
Щоб додати відео до контенту, необхідно натиснути кнопку «Вставити медіафайл». Виберіть відео на своєму комп’ютері або введіть URL-адресу відео.
Далі все так само, як і з картинками — додавши відео, можна прописати назву, опис тощо.
Додавання посилань
Щоб додати посилання до контенту, слід виділити текст, до якого ви хочете додати посилання, і натиснути кнопку “Посилання“. Введіть URL-адресу посилання і натисніть “Ок“.
Додавання стилів і скриптів
Щоб додати стилі та скрипти до контенту, потрібно відкрити файл шаблону сторінки або запису, після чого внести необхідні зміни.
Крок 5: Просування сайту
Після того, як сайт з’явився, ожив і став доступний через рядок браузера, вкрай важливо зайнятися його просуванням. Хоча, строго кажучи (і ми вже згадували про це вище), SEO просування сайту починається ще на етапі його створення з ключових слів в тексті. Ключові слова повинні бути інтегровані в текст гармонійно, відповідати структурі тексту і його змісту. Важливе правило – їх не повинно бути багато (бажано не більше 1 ключа на 500 знаків), бо роботи пошукових систем як ніндзя – приховані, непомітні, але надзвичайно ефективні. Якщо у вас переспам ключів для сайту, це не плюс до видачі, а мінус. Ще один непоганий метод – внутрішня перелінковка сторінок.
Просування сайту – це процес підвищення його видимості в пошукових системах і поліпшення позицій. Не потрібно бути генієм статистики, щоб знати – саме перша десятка у видачі за пошуковим запитом є найбільш конкурентною. За перші позиції в пошуку розгортається найсерйозніша боротьба. SEO – не тема нашої сьогоднішньої статті, але обійти її стороною ми не могли.
Тепер давайте узагальнимо вищесказане, додавши ще пару моментів:
- Оптимізація сайту для пошукових систем (SEO).
- Реклама в пошукових системах.
- Соціальні мережі.
- Посилання і трафік з інших інтернет-ресурсів.
Взагалі, на тему SEO просування сьогодні пишуть наукові праці, і це питання заслуговує, принаймні, окремої статті. Але навіть вищезазначеного буде достатньо, щоб отримати загальне уявлення і, головне, результат.
Підводячи підсумки…
І, наостанок, кілька правил, які допоможуть вам створити успішний сайт:
- Виберіть правильну тему і плагіни.
- Вивчайте сайти конкурентів.
- Використовуйте якісний контент.
- Просувайте свій сайт у пошукових системах.
Правила прості, але дієві, тому не варто нехтувати кожним з них.
WordPress – лише одна з CMS, і в рамках даної статті неможливо розкрити всі особливості та тонкощі її роботи/налаштування. Тому – стежте за оновленнями в нашому Блозі, розвивайтеся і спробуйте вже сьогодні створити власний сайт.