Будова сайту: розбір основних частин
Основні частини сайту на реальному макеті We.Inc із підписами: шапка й навігація, перший екран, заклик до дії, послуги, підтвердження, інформація про компанію, контактна форма й підвал, а також домен, заголовок і карта сайту.
Більшість сайтів малого бізнесу складається з тих самих восьми частин, розташованих згори донизу: шапки й навігації, першого екрана, заклику до дії, послуг, підтверджень, інформації про компанію, контактів і підвалу. За ними є кілька невидимих відвідувачам елементів, як-от домен, заголовок сторінки й карта сайту. Нижче кожну частину позначено на прикладі дизайну, створеного у We.Inc.
Видимі частини згори донизу
- Шапка. Смуга вгорі з логотипом або назвою компанії. Вона є на кожній сторінці, щоб відвідувачі розуміли, де перебувають.
- Навігація (меню). Посилання на головні сторінки або розділи: послуги, про компанію, ціни, контакти. Залиште п’ять–сім пунктів. На телефоні меню згортається до кнопки.
- Перший екран. Перша видима частина сторінки: заголовок про те, чим і для кого ви займаєтеся, коротке пояснення й часто зображення. За кілька секунд відвідувачі вирішують, чи залишитися. Дивіться приклади першого екрана.
- Заклик до дії (CTA). Головна кнопка, наприклад «Записатися на дзвінок» або «Отримати кошторис». Розмістіть її на першому екрані й повторіть ближче донизу.
- Послуги або функції. Що ви пропонуєте: короткий блок для кожного пункту з описом результату для клієнта.
- Підтвердження. Відгуки, приклади робіт, сертифікати або гарантії. Використовуйте лише справжні.
- Про компанію. Хто стоїть за бізнесом і чому йому можна довіряти. Дивіться як написати сторінку про компанію.
- Контакти. Форма, номер телефону, електронна адреса й адреса або зона обслуговування. Дивіться як додати контактну форму.
- Підвал. Нижня смуга: повтор контактних даних, додаткові посилання, політика конфіденційності й посилання на соцмережі.
Частини, яких відвідувачі не бачать
| Частина | Що вона робить |
|---|---|
| Домен | Адреса сайту, наприклад yourbusiness.com |
| Хостинг | Комп’ютери, з яких сайт надходить відвідувачам |
| Заголовок і опис сторінки | Текст у результатах Google і на вкладках браузера |
| Карта сайту | Список сторінок, що допомагає пошуковим системам їх знаходити |
| Фавікон | Маленька іконка на вкладці браузера |
| Зображення для поширення | Картинка, що відображається, коли посилання публікують у соцмережах |
Ті самі частини на коротких і довгих сайтах
Односторінковий сайт розміщує всі ці частини на одній сторінці з прокручуванням, а меню веде до кожного розділу. На багатосторінковому сайті послуги, інформація про компанію й контакти мають окремі сторінки, але шапка й підвал однакові. Вебзастосунок додатково дає змогу входити в систему й зберігати дані.
Усі частини сайту у We.Inc
Кожен шаблон We.Inc уже містить шапку, навігацію, перший екран, CTA й підвал, а для опублікованих сайтів автоматично налаштовуються заголовок, карта сайту й зображення для поширення. На плані Free можна безкоштовно опублікувати до 3 сайтів на основі шаблонів з адресою we.inc, без кредитів ШІ та власного домену. Платні плани від $20 на місяць додають створення сайтів за допомогою ШІ та власний домен. Перегляньте шаблони.
Поширені запитання
З яких основних частин складається сайт?
Шапка, навігація, перший екран, заклик до дії, послуги, підтвердження, інформація про компанію, контакти й підвал, а також приховані частини: домен, хостинг, заголовки сторінок і карта сайту.
Що таке перший екран сайту?
Перша частина сторінки, яку бачать відвідувачі: заголовок, коротке пояснення, часто зображення й головна кнопка заклику до дії.
Що розмістити в підвалі сайту?
Контактні дані, додаткові посилання, наприклад на політику конфіденційності й умови, посилання на соцмережі, а іноді й коротке повторене меню.
Чи має односторінковий сайт ті самі частини?
Так. Ті самі розділи розміщені на одній сторінці, а меню веде до кожного з них замість відкриття нових сторінок.
Почати безкоштовно · Банківська картка не потрібна
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App