Сайт для бізнесу: 10 речей, без яких корпоративний сайт не працює

Ти відкриваєш свій сайт і бачиш його так, як бачить власник: знайомий логотип, фото з корпоративу, розділ «Про нас», який писали три тижні. Людина, яка приходить із пошуку, бачить інше. У неї є кілька секунд, щоб зрозуміти, куди вона потрапила, чи це їй підходить і що робити далі. Якщо відповіді немає, вона повертається у видачу, де поруч стоять ще дев’ять компаній.

Дослідження, яке переказує Nielsen Norman Group, показало: люди часто залишають сторінку за 10-20 секунд, а щоб утримати увагу на кілька хвилин, цінність треба донести приблизно за 10 секунд (NN/g, 2011). Дослідженню вже багато років, але сама логіка не змінилася: перші секунди вирішують, чи читатиме людина далі.

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

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

Мало того, щоб призначення сайту знав ти. Його має зрозуміти людина, яка про твій бізнес чує вперше. На першому екрані головної вона шукає дві відповіді: що тут пропонують і який наступний крок від неї очікують (написати, замовити розрахунок, подзвонити, перейти в каталог).

Погано: «Словник: ваш надійний партнер у світі слів. Якість, досвід, професіоналізм». Гарно звучить, але незрозуміло, чи це бюро, школа, видавництво чи онлайн-словник.

Добре: «Юридичний і технічний переклад для компаній: договори, тендерна документація, інструкції. Англійська, німецька, польська. Розрахунок вартості за один робочий день». Під цим одна помітна кнопка «Надіслати документ на розрахунок».

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

Поширена порада про просту URL-адресу зазвичай зводиться до домену з назвою компанії. Це правда, але половина правди. Адреса сайту складається з двох частин, і обидві мають бути зрозумілими людині.

Домен. Короткий, без зайвих дефісів і цифр, з назвою бренду, який легко продиктувати по телефону. Порівняй:

Окремо перевір, на кого зареєстрований домен. Часто трапляється, що його колись записав на себе розробник «щоб було швидше», і через кілька років компанія не може навіть продовжити реєстрацію без нього. Як забрати домен, хостинг і доступи до сайту, ми розібрали в статті «Підрядник зник. Що залишилося від твого сайту?».

Адреси сторінок. Google радить використовувати в URL читабельні слова, а не довгі ідентифікатори, розділяти слова дефісами, а не підкресленнями, і прибирати зайві параметри (Google Search Central).

• Погано: slovnyk.com.ua/index.php?page=37&cat=2
• Погано: slovnyk.com.ua/pereklad_dogovoriv_TEST_final
• Добре: slovnyk.com.ua/pereklad-dohovoriv/
• Добре: slovnyk.com.ua/tekhnichnyi-pereklad/nimetska/

Google також пише, що слова в адресі мають бути мовою аудиторії, транслітерація теж годиться, а неанглійські символи в посиланнях кодуються. На практиці кирилична адреса, скопійована в месенджер, часто перетворюється на рядок на кшталт %D0%BF%D0%B5%D1%80..., і людина вже не розуміє, куди її кличуть. Тому для україномовних сторінок зручніша транслітерація. Ще одна деталь з того самого документа: для Google /Pereklad і /pereklad різні адреси, тож обери один регістр (малі літери) і тримайся його.

Якщо сайт уже живе роками з адресами на кшталт ?page=37, не кидайся змінювати все за вихідні: зміна адрес без переадресацій вбиває накопичений пошуковий трафік. Це робиться як переїзд, з картою старих і нових адрес.

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

Погано: логотип з розмитими краями, бо його витягли зі старого PDF. На головній три шрифти, у меню четвертий. Фото команди з різних років і в різній якості, поруч стокова дівчина в навушниках, яка «перекладає». Комерційна пропозиція, яку менеджер надсилає після заявки, оформлена в стилі, якого на сайті взагалі немає.

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

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

Тип меню (випадне, бокове, бургер) значення не має. Значення має, чи людина знаходить потрібну сторінку за назвою пункту, не гадаючи. Детально про структуру, назви пунктів і поширені міфи, зокрема «правило трьох кліків», ми розписали в окремій статті про навігацію на сайті. Тут лише коротка перевірка.

Погано: «Головна, Про нас, Діяльність, Рішення, Напрями, Портфоліо, Новини, Контакти». «Діяльність», «Рішення» і «Напрями» звучать як одне й те саме, і людина, яка шукає «переклад договору», не знає, куди тиснути.

Добре: «Послуги (з підпунктами за типом перекладу), Мови, Ціни, Приклади робіт, Про бюро, Контакти». Назви пунктів збігаються зі словами, якими клієнт формулює свою задачу.

Як перевірити: дай трьом людям по одній задачі («знайди, скільки коштує технічний переклад німецькою», «знайди, як надіслати документ») і мовчки подивись, куди вони тиснуть. Для довідки, на grandma.agency головне меню з шести пунктів: Послуги, Кейси, Чому ми, Про нас, Блог, Контакти. На телефоні воно ховається під кнопку-бургер.

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

Погано: контакти лише на окремій сторінці, телефон картинкою (його не можна скопіювати й на телефоні не можна натиснути), форма з дванадцятьма обов’язковими полями, а email вигляду slovnyk.office.2017@gmail.com.

Добре:

• телефон і email у шапці або футері кожної сторінки, телефон клікабельний;
• окрема сторінка контактів з адресою (якщо є офіс, куди можна прийти), графіком, картою, реквізитами компанії;
• пошта на власному домені: office@slovnyk.com.ua;
• кілька способів зв’язку на вибір: телефон, пошта, форма, месенджер, якщо ти справді відповідаєш у ньому;
• коротка форма, де є лише те, без чого не обійтися на першому кроці.

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

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

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

Де ставити: на першому екрані, наприкінці кожної сторінки послуги і поруч із блоками, після яких людина зазвичай готова діяти (ціни, приклади робіт, відгуки). Різні сторінки можуть мати різний головний заклик: на сторінці цін логічно «розрахувати мою вартість», у статті блогу м’якше «перевірити свій документ».

Чого не робити: не перетворюй сайт на ярмарок. Спливне вікно через дві секунди, таймер «знижка згорить за 04:59», чат, який сам відкривається, і три різні кнопки на одному екрані дратують і відштовхують, особливо в B2B, де людина спершу хоче розібратися. Один головний заклик на екрані і, за потреби, один другорядний.

Адаптивний дизайн, тобто сайт, який підлаштовується під ширину екрана, давно став мінімумом, а не перевагою. Головне інше: Google використовує мобільну версію сайту для індексації та ранжування (Google Search Central). Тобто для пошуку твій сайт насамперед такий, яким він є на телефоні.

Погано: на телефоні сховали блок цін і приклади робіт, «щоб не захаращувати». Таблиця з мовами вилазить за екран. Кнопки такі маленькі, що в них важко влучити пальцем. Форма відкривається, але клавіатура перекриває кнопку «Надіслати».

Добре: на телефоні той самий основний зміст, що й на комп’ютері (Google прямо радить тримати його однаковим, бо з урізаної версії він бачить менше). Телефон дзвонить з одного дотику, форма зручно заповнюється однією рукою, перший екран показує, що це за компанія, а не лише гігантське фото.

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

Люди приходять на сайт по відповідь на свою задачу. Тексти, які описують, яка компанія чудова, читають рідко. Тексти, які пояснюють, як буде влаштована робота і скільки вона коштуватиме, читають і пересилають колегам.

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

Добре: окрема сторінка під кожен вид послуги, на якій є:

• для кого це і з якими документами працюють;
• як формується ціна (за сторінку, за слово, за терміновість) і що впливає на неї;
• як іде робота: від надісланого файлу до готового перекладу;
• відповіді на типові питання, які менеджер чує щотижня;
• приклад результату, якщо його можна показати.

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

Контент не робиться один раз. Ціни змінюються, з’являються нові мови й послуги, а новина «Ми відкрилися!» трирічної давності на головній красномовно каже, що за сайтом ніхто не стежить.

Перед тим як звернутися до незнайомої компанії, люди шукають підтвердження, що іншим вона вже допомогла. Відгуки, логотипи клієнтів (з їхньої згоди), розбори виконаних проєктів працюють саме так.

Часто можна почути, що фальшиві відгуки «легко розпізнати». Насправді не завжди, і саме тому вони небезпечні: їх викривають не одразу, а коли викривають, втрачається довіра до всього, що є на сайті. До того ж Google прямо забороняє штучну активність на Картах: відгуки, написані з кількох акаунтів однією людиною, куплені відгуки або винагороду за відгук, і так само заборонено вибірково просити відгуки лише в задоволених клієнтів. Такий вміст видаляють, а за систематичні порушення можуть обмежити чи закрити акаунт (Google Maps User Contributed Content Policy).

Погано: п’ять однакових за стилем відгуків від «Олени К.», «Ігоря М.» і «Задоволеного клієнта», без дат і без компаній. Або віджет із зірочками, які ніде не можна перевірити.

Добре: відгук з ім’ям, посадою і компанією (з дозволу людини), конкретним результатом («переклали пакет тендерної документації за чотири дні, замовник прийняв без зауважень») і датою. Посилання на профіль компанії в Google, де відгуки живуть незалежно від тебе.

Ще один нюанс для тих, хто розраховує на зірочки в пошуку. Google не показує зірочки рейтингу для відгуків, які компанія розміщує про саму себе на власному сайті, навіть якщо вони вставлені через віджет стороннього сервісу (Google Search Central). Відгуки на сайті все одно потрібні, але для людей, а не для сніпета. Що з мікророзмітки реально дає розширений результат у видачі, ми розібрали в статті про Schema.org і розширені сніпети.

Що зробити: після кожного закритого проєкту проси відгук у всіх клієнтів, а не лише в тих, хто сказав «дякую». Дай пряме посилання на профіль у Google. Відповідай на відгуки, особливо на критичні: спокійна відповідь по суті переконує читача більше за ідеальні п’ять зірок.

Порада «встанови Google Analytics» застаріла в буквальному сенсі. Стара версія, Universal Analytics, перестала обробляти дані 1 липня 2023 року (Довідка Google Analytics). Зараз працює GA4, і сам лічильник на сайті мало що дає. Він покаже відвідування, а питання бізнесу інше: скільки людей зробили те, заради чого існує сайт, і звідки вони прийшли.

Для цього в GA4 є ключові події. Google визначає ключову подію як подію, що вимірює дію, особливо важливу для успіху бізнесу. Раніше їх називали конверсіями, а тепер словом «конверсія» Google позначає дію для оцінки рекламних кампаній (Довідка Google Analytics). Будь-яку подію, яку збирає GA4, можна позначити ключовою в розділі адміністрування.

Погано: лічильник стоїть, у звіті «1 200 користувачів за місяць», і ніхто не знає, скільки з них надіслали заявку. Відправка форми не відстежується, або відстежується як «перегляд сторінки подяки», яку частина людей просто не бачить.

Добре: для бюро «Словник» налаштовано кілька подій і саме вони позначені ключовими:

Подія generate_lead є в списку рекомендованих подій Google для форм і запитів інформації (Довідка Google Analytics). Користуватися рекомендованими назвами зручно, бо їх розуміють звіти й інтеграції.

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

Пройдися списком чесно, на телефоні, як новий клієнт.

1. Призначення. Людина, яка бачить головну вперше, за 10 секунд називає, що ти продаєш, кому і що треба зробити далі.
2. Адреса. Домен короткий, з назвою бренду й зареєстрований на компанію. Адреси сторінок читабельні, з дефісами, малими літерами, без зайвих параметрів.
3. Брендинг. Логотип чіткий, шрифтів один-два, фото справжні, сайт і комерційна пропозиція виглядають однаково.
4. Навігація. Назви пунктів меню збігаються зі словами клієнта, три людини з задачами знаходять потрібне без підказки.
5. Контакти. Телефон і пошта на кожній сторінці, телефон натискається, пошта на власному домені, форма коротка.
6. Заклики до дії. На першому екрані й наприкінці кожної сторінки послуги є одна помітна кнопка з дією і користю.
7. Мобільна версія. Шлях від головної до відправленої заявки з телефона через мобільний інтернет проходить без проблем, зміст той самий, що на комп’ютері.
8. Контент. Кожна послуга має свою сторінку з ціноутворенням, процесом і відповідями на типові питання.
9. Відгуки. Тільки справжні, з іменем, компанією, датою й конкретикою, плюс посилання на профіль у Google.
10. GA4. Відправка форми, клік по телефону й пошті відстежуються і позначені ключовими подіями, тестова заявка видна у звіті.

Якщо хочеш, щоб на сайт подивився хтось збоку, є безкоштовна перевірка сайту: SEO, видимість в AI-пошуку і сигнали довіри.

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

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