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

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

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

Заповнити бриф

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

1. Застаріла інформація на сайті

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

Якщо ваш контент не оновлюється, він втрачає свою актуальність та цінність для читачів. Google це помічає та знижує ваш сайт у пошуковій видачі. Отже, якщо у вас досі є статті «Кращі смартфони 2015 року», настав час терміново щось змінювати.

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

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

2. Сайт незручно переглядати на мобільних пристроях

Зараз понад 80% користувачів відвідують сайти з мобільних пристроїв. Якщо не зробити адаптацію під смартфони, ці користувачі на сайтах не затримаються і навряд чи повернуться знову. Вони не прочитають статті, не дізнаються про продукти, не куплять товари та послуги. Словом, власник сайту втратить купу клієнтів тільки тому, що його ресурсом незручно користуватися на телефоні з невеликим розміром і роздільною здатністю екрану. І це реально губить ваш сайт.

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

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

3. Низька продуктивність сайту

Дуже часто в інтернеті пишуть про 1-2 секунди, за які має завантажитись сайт. Хтось навіть говорить про мілісекунди. Але це не так критично. Користувач не помічає різниці між часом у 1 секунду та в 1,5 секунди. Потрібно, щоб сайт загалом добре працював. Завантажитися швидко повинна не тільки головна сторінка, але й інші розділи сайту, на які може перейти відвідувач. Оперативно та коректно мають відкриватися усі форми зяавок. Разом це все і включає продуктивність.

Перевірте продуктивність вашого сайту у PageSpeed Insight. Сервіс безкоштовний та дає базові рекомендації щодо покращення технічних характеристик.

4. Незвична навігація та розташування розділів сайту

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

5. Неправильне використання шаблону

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

Але потрібно правильно налаштувати шаблон відповідно до свого бренду, так можна отримати зрештою досить непоганий дизайн. Читайте Як замовити дизайн сайту для вашої компанії.

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

Також, якщо ви вирішили використати шаблон, переконайтеся, що на ньому не збудовано ще кілька сотень сайтів-конкурентів.

6. Використання типового шаблону за замовчуванням

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

Можна привітати використання Font Awesome. Він дозволяє вибрати з безлічі іконок ті, які ви зможете відмінно поєднувати з будь-яким інтерфейсом. Але якщо ви справді дбаєте про свій бренд, може, краще найняти ілюстратора, який намалює вам оригінальні іконки, яких більше ні в кого не буде?

7. Слабкий контраст між заголовком та основним текстом

Шрифти насправді відіграють важливішу роль на сайті, ніж думає більшість не-дизайнерів. В цілому для дизайну сайту достатньо 2 шрифтів для основного тексту і заголовків.

Важливо! Використання великої кількості шрифтів різних розмірів і кольорів призводить до появи візуального шуму.

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

8. Великі полотна текстів

Звісно, текст потрібний. Без нього розповісти про продукт буде складно. Але в ньому не повинно бути води (канцеляризмів, зайвих вступних слів, тавтології), а лише конкретика та відповіді на запитання відвідувача. А якщо тексту буде багато, то ваш потенційний покупець злякається та втече з сайту!

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

Можливо, ви подумали: «А як же SEO? Без довгих текстів, що кишать ключовими словами, хороших позицій не буде!». По-перше, пошукові системи навчилися добре визначати тематику сторінок і без «засіяних» текстів. По-друге, вони віддають перевагу сайтам з якісним хорошим контентом, який подобається користувачам.

А якщо вам дуже хочеться додати SEO текст, додайте його внизу сторінки, а не спочатку.

9. Автовідтворення медіафайлів

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

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

10. Застарілий дизайн, що не відповідає сучасним тенденціям

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

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

Прийміть як належне: відвідувач приходить на сайт не помилуватися дизайном, а знайти інформацію. Дизайн повинен йому в цьому допомагати! Якщо декоративний елемент (іконка, картинка, рамка) не несе смислового навантаження, а розміщується на сайті для краси, його можна сміливо видаляти.

11. Використання темного тла

Колір фону – це основна частина дизайну вашого сайту, тому до його вибору потрібно підходити дуже ретельно.

Як правило, повністю темні сайти майже ніколи не виглядають добре, якщо вони професійно не розроблені. Білий колір – безпечна ставка, але більшість дизайнерів використовують світло-сірий. Пам’ятайте, що чим темніше тло, тим гірше виглядають на ньому темні літери. Найкраще використовувати 15% сірого відтінку і залишатися на світлому фоні.

12. Декілька рівнозначних закликів до дії

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

Переконайтеся, що ви забрали всі зайві заклики до дії на вашому сайті. Залиште мінімальну кількість, щоб користувач одразу знав, що він повинен зробити – відкрити меню, прочитати інформацію. Поставте акценти, зробіть решту функцій м’якшими і менш помітними.

13. Непрофесійні тексти

Писати добре насправді важко, але це потрібно навчитися, якщо ви хочете зайняти певне місце в Інтернеті. Особливо якщо ви хочете щось продати. Читайте Як правильно писати SEO тексти.

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

14. Проблеми з читабельністю

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

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

15. Невідповідність

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

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

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