Розробка сайтів на WordPress

Один рушій закриває і візитку, і магазин — коли завдання зміниться, будувати новий сайт з нуля не доведеться.

Платформа сайту — це його фундамент: те, на чому тримаються сторінки, фото, форми й товари. Зазвичай фундамент обирають під одне конкретне завдання: конструктор лендингів добре робить одну сторінку, магазинний рушій добре робить каталог. Щойно завдання виходить за ці межі, фундамент доводиться міняти — а це фактично новий сайт і нові гроші.

WordPress влаштований інакше: це основа загального призначення, яку нарощують під потребу. Майстер із ремонту почав із візитки на п’ять сторінок, за рік додав блог і форму запису, ще за рік — невеликий магазин матеріалів. Адреса сайту, дизайн і накопичена історія в пошуку залишились ті самі.

• візитка й корпоративний сайт із послугами
• лендинг під рекламу чи сезонну акцію
• інтернет-магазин на WooCommerce
• блог, медіа, каталог із фільтрами

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

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

Тексти, фото, ціни й товари ви міняєте самі — без звернення до розробника й без оплати за кожну дрібницю.

Адмінка — це закритий паролем розділ вашого сайту. Заходите туди зі звичайного браузера, бачите список сторінок і товарів, обираєте потрібний і редагуєте його майже так само, як текст у Word. Виправили ціну, натиснули «Оновити» — на сайті вже нова.

Порівняйте із сайтом, зверстаним просто на коді: там будь-яка зміна — це правка файлів і завантаження їх на сервер, тобто завжди через виконавця й завжди в його чергу. Тут ви не залежите ні від чиєї відпустки. На етапі запуску ми окремо показуємо, як усе це робити.

• змінити текст, заголовок або ціну
• завантажити нові фото замість старих
• додати сторінку, статтю або товар
• бачити заявки з форм і відповідати на них

Важливо розуміти межу, бо саме тут виникає розчарування. Контент — ваш: слова, картинки, ціни, новини. Структура — наша: додати новий тип блоку, переробити картку товару чи змінити логіку каталогу — це вже робота розробника. «Мені казали, я зможу все сам» найчастіше про цю плутанину.

На навчанні попросіть записати екран або надіслати коротку інструкцію на пошту. Через місяць, коли вперше знадобиться щось поміняти, деталі забуваються — а запис завжди під рукою.

WordPress дає технічну основу, щоб сайт правильно потрапив у Google, — але місця у видачі приносять уже тексти й робота над ними.

Спершу про індексацію простими словами. Google надсилає програму-робота, вона обходить сторінки сайту й заносить їх до свого каталогу. Якщо сторінку не занесли — її в пошуку просто немає, скільки б грошей ви не вклали в дизайн. WordPress влаштований так, що робот легко проходить сайт: адреси сторінок читабельні, карта сайту формується сама.

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

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

Чесно: сам рушій нікого не піднімає. Два сайти на WordPress можуть стояти на першій і на п’ятій сторінці Google, і різниця буде в текстах, структурі розділів і в тому, чи ведеться робота далі. Просування — окрема послуга з окремим бюджетом, а не властивість платформи.

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

Нові розділи й функції додаються до готового сайту поступово — те, що вже працює, переробляти не треба.

Сайт зібраний з окремих частин. Тема відповідає за вигляд, плагіни — за функції: форма заявки, онлайн-запис, каталог, розрахунок вартості. Додати функцію означає доставити ще одну частину, а не розібрати будівлю до фундаменту. Саме тому сайт можна впевнено починати з малого.

Типовий шлях стоматології: спочатку п’ять сторінок і форма зворотного зв’язку. Через півроку — онлайн-запис із розкладом лікарів. Ще через рік — друга мова сайту й особистий кабінет пацієнта. Кожен крок додавали на робочий сайт, не зупиняючи його й не втрачаючи вже набрані позиції в пошуку.

• нові сторінки, послуги, розділи каталогу
• форми, калькулятори, онлайн-запис
• друга мова сайту
• зв’язок із CRM, поштою, аналітикою

Чесно: «додається легко» не означає «безкоштовно й миттєво». Кожна нова функція — це робота, іноді платний плагін і завжди перевірка, щоб нічого не зламалось. І набивати сайт плагінами без розбору не варто: чим їх більше, тим повільніше вантажаться сторінки й тим більше треба оновлювати.

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

WooCommerce — магазинна частина, яка вбудовується у звичайний сайт на WordPress і перетворює його на повноцінну точку продажу.

Це не окремий продукт із чужою адмінкою, а розширення вже знайомої системи. Товари, замовлення й покупці з’являються в тому самому керуванні, поруч зі сторінками та статтями. Для відвідувача це виглядає звично: картки товарів із фото й ціною, кнопка «Купити», кошик і форма оформлення замовлення.

Оплату й доставку підключаємо під українські реалії: карткою онлайн, накладений платіж, самовивіз, кур’єр. Замовлення можна передавати у вашу CRM або в облік 1С, щоб менеджер не переписував ті самі дані руками й нічого не губилось між сайтом і складом.

• каталог із категоріями, фільтрами й пошуком
• кошик і оформлення замовлення
• оплата карткою й доставка перевізниками
• передача замовлень у CRM або 1С

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

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

Сайт — ваш актив: файли, базу даних і дизайн можна забрати й перенести на будь-який хостинг, до будь-якого підрядника.

WordPress — система з відкритим кодом: користуватись нею можна безкоштовно, ніхто не бере плату за саме право мати сайт. Гроші йдуть за хостинг — це місце, де живуть файли сайту, приблизно як орендована квартира з щомісячним рахунком. Квартиру ви орендуєте, але речі в ній ваші, і переїхати можна будь-коли.

У конструкторі все навпаки: сайт живе всередині чужого сервісу. Поки платите абонплату — працює. Піднялась ціна, змінились правила чи потрібна функція з дорожчого тарифу — вибору немає, а забрати сайт цілком і поставити деінде зазвичай неможливо. З WordPress такої залежності немає ні від сервісу, ні від нас.

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

Зворотний бік володіння теж треба назвати. За оновлення, резервні копії й безпеку відповідає власник, а не платформа: у конструкторі це роблять за вас і це закладено в абонплату. Сайт на WordPress, забутий на рік без оновлень, — типова причина зламу.

Одразу після запуску заберіть у виконавця доступи й перевірте, що домен зареєстрований на вас. Це п’ять хвилин зараз — і врятована ситуація, якщо колись доведеться міняти підрядника.