Начална страница на сайт: какво да има на нея

Добрата начална страница на сайт отговаря на три въпроса още на първия екран: какво правиш, за кого е и какво да направи посетителят сега. Под нея идват доказателствата (отзиви, снимки, проекти), услугите с конкретни примери, начинът на работа и контактите. Всичко останало е по желание. Ето как да подредиш началната си страница, за да носи запитвания, а не само да изглежда добре.

Първият екран: ти имаш няколко секунди

Първият екран е частта от страницата, която човек вижда, преди да превърти. Там отива най-ценното внимание. В изследване на Nielsen Norman Group от 2018 г. хората прекарват около 57% от времето си на една страница в горната ѝ част, преди първото превъртане, а 74% от времето в първите два екрана [1]. Затова същите изследователи съветват най-важното съдържание и главните призиви за действие да са в горната част [1].

На първия екран сложи:

1. Едно изречение какво правиш, за кого и къде. „Ремонт на бани и кухни в София, с фиксирана цена след оглед“ казва много повече от „Качество и професионализъм“.
2. Едно-две изречения с подробности. Какво те отличава: срок, гаранция, опит, работно време.
3. Един основен бутон. „Обади се“, „Запази час“, „Поискай оферта“. Един, не пет.
4. Истинска снимка. Обектът ти, екипът, готова работа. Повече за това има в какви снимки да сложиш на сайта си.

Nielsen Norman Group препоръчва точно това: кратко изречение до логото, което казва кой си и какво правиш [2]. Не е нужно да е остроумно. Нужно е да е ясно.

Ако непознат човек погледне първия екран за пет секунди и не може да каже какво предлагаш, текстът там още не е готов.

Доказателства, че може да ти се има доверие

Веднага след първия екран посетителят си задава следващия въпрос: „Добре, но добри ли са?“. Отговори с факти, не с прилагателни:

• два-три истински отзива с име (и снимка, ако клиентът е съгласен);
• средната ти оценка в Google и линк към отзивите; ако са малко, виж как да събираш повече отзиви в Google;
• снимки на завършени обекти, ястия, прически, преди и след;
• години опит, брой клиенти или обекти, но само ако са верни;
• известни клиенти или партньори, ако имаш такива.

Доказателствата помагат най-много, когато са близо до бутона. Човекът се колебае точно преди да натисне.

Услугите: конкретно и с примери

Тук много начални страници се провалят със списък от общи думи: „Консултации. Решения. Обслужване.“ Nielsen Norman Group съветва началната страница да показва конкретни примери от това, което предлагаш, а не само общи категории [2].

За всяка основна услуга дай:

• име, което клиентът сам би написал в Google („смяна на гуми“, не „автомобилни решения“);
• едно изречение какво получава;
• цена „от“ или как се формира цената, ако можеш да я кажеш;
• линк към отделната страница на услугата, ако имаш такава.

Ако услугите ти са много, покажи трите-четирите най-търсени и сложи линк към всички. Колко страници ти трябват изобщо, виж в едностраничен или многостраничен сайт. А за самите текстове има отделно ръководство: как да напишеш текстовете за сайта си.

Как работиш и кой стои отсреща

Хората се притесняват от неизвестното. Кратко „как става“ в три-четири стъпки сваля напрежението: обаждаш се, идваме на оглед, получаваш оферта, започваме. Добави и малък блок с хората: снимка на собственика или екипа и две изречения. Подробностите остави за страницата „За нас“, а началната страница само подава линк към нея.

Призив за действие и контакти

Всеки голям блок на страницата трябва да завършва с ясна следваща стъпка. Повтори основния бутон след доказателствата и още веднъж най-долу. Насоките на W3C за достъпно писане съветват текстът на линковете да казва къде водят и да не е неясен като „натисни тук“ или „научи повече“ [3]. „Запази час за подстригване“ е по-добре от „Изпрати“.

Най-долу сложи всичко за връзка:

• телефон, който се набира с едно докосване;
• адрес, карта и работно време;
• кратка форма или линк към резервации;
• линкове към профилите ти в социалните мрежи.

Бутоните трябва да са достатъчно големи за палец. Насоките на Apple за дизайн посочват, че бутонът по правило има нужда от зона за натискане от поне 44×44 точки, за да се улучва лесно [4]. Повече идеи как посетителят да стигне до запитване има в как да превърнеш посетителите в клиенти.

Какво да махнеш

Началната страница не е място за всичко, което знаеш. Махни:

• въртящите се слайдери с пет различни послания;
• дълги приветствия от рода на „Добре дошли в нашия сайт“;
• автоматично пускащи се видеа и изскачащи прозорци още при влизането;
• новини от 2021 г. и броячи на посещенията;
• голямата снимка, която тежи няколко мегабайта.

Последното е важно. Google следи колко бързо се появява най-голямото видимо нещо на страницата, обикновено голямата снимка или заглавието, с показател, наречен Largest Contentful Paint. Добра стойност според web.dev на Google е 2,5 секунди или по-малко [5]. Ако началната ти страница се зарежда бавно, виж защо сайтът ти е бавен и как да го ускориш.

Бърза проверка на твоята начална страница

Отвори сайта си на телефона и мини през този списък:

1. Разбира ли се на първия екран какво правиш и къде?
2. Има ли един ясен бутон, без да превърташ?
3. Има ли поне два истински отзива или снимки на реална работа?
4. Назовани ли са услугите с думите на клиента?
5. Телефонът набира ли се с едно докосване?
6. Зарежда ли се страницата бързо и на мобилни данни?
7. Заглавието на страницата в Google казва ли кой си и какво правиш? Виж заглавия и описания, които носят кликове.

Ако на повечето отговорът е „не“, най-бързата полза идва от пренаписването на първия екран.

Ако не искаш да го правиш сам

Добрата начална страница е повече подреждане, отколкото дизайн. Ако предпочиташ някой да го направи с теб, в Studio V1 сайтът струва около 50 € на месец и включва дизайн, изработка с проверка от истински разработчици, хостинг, поддръжка и малки промени. Първият месец стартира изработката, а сайтът е онлайн до 7 работни дни. Виж как работим, готови проекти или какво включва цената.

Източници

1. Nielsen Norman Group. "Scrolling and Attention." nngroup.com/articles/scrolling-and-attention
2. Nielsen Norman Group. "Homepage Design: 5 Fundamental Principles." nngroup.com/articles/homepage-design-principles
3. W3C Web Accessibility Initiative. "Writing for Web Accessibility – Tips for Getting Started." w3.org/WAI/tips/writing
4. Apple Developer. "Human Interface Guidelines: Buttons." developer.apple.com/design
5. web.dev (Google). "Largest Contentful Paint (LCP)." web.dev/articles/lcp