Części strony internetowej: przykład z opisami (anatomia strony)

Części strony internetowej wyjaśnione na oznaczonym przykładzie z We.Inc: nagłówek, nawigacja, hero, CTA, usługi, dowody, o nas, formularz kontaktowy i stopka oraz części niewidoczne, jak domena, tytuł i mapa witryny.

Najczęściej zadawane pytania

Jakie są główne części strony internetowej?

Nagłówek, nawigacja, sekcja główna (hero), wezwanie do działania, usługi, dowody, o nas, kontakt i stopka, plus części ukryte, takie jak domena, hosting, tytuły stron i mapa witryny.

Czym jest sekcja hero strony internetowej?

Pierwszym ekranem, który widzą odwiedzający: nagłówek, krótka linijka wspierająca, często obraz i główny przycisk wezwania do działania.

Co umieszcza się w stopce strony?

Dane kontaktowe, linki dodatkowe, takie jak polityka prywatności i regulamin, linki do mediów społecznościowych, a czasem krótkie powtórzenie menu.

Czy strona jednostronicowa ma te same części?

Tak. Układa te same sekcje na jednej stronie, z menu, które przeskakuje do każdej z nich zamiast otwierać nowe strony.

Większość stron małych firm składa się z tych samych ośmiu części, od góry do dołu: nagłówka i nawigacji, sekcji głównej (hero), wezwania do działania, usług, dowodów, sekcji o nas, kontaktu i stopki. Za nimi kryje się kilka części, których odwiedzający nigdy nie widzą, takich jak domena, tytuł strony i mapa witryny. Poniżej każda z nich jest oznaczona na przykładowym projekcie wykonanym w We.Inc.

Przykładowy projekt strony biura księgowego wykonany w We.Inc, pokazujący nagłówek, nawigację, nagłówek sekcji głównej i przycisk wezwania do działania
Przykładowy projekt (nie prawdziwy klient). Numery na poniższej liście odpowiadają częściom od góry strony w dół.

Części widoczne, od góry do dołu

  1. Nagłówek. Pas na górze z logo lub nazwą firmy. Pojawia się na każdej stronie, więc odwiedzający zawsze wiedzą, gdzie są.
  2. Nawigacja (menu). Linki do głównych stron lub sekcji: Usługi, O nas, Ceny, Kontakt. Ogranicz się do pięciu do siedmiu pozycji. Na telefonach składa się w przycisk menu.
  3. Sekcja główna (hero). Pierwszy ekran: nagłówek mówiący, czym się zajmujesz i dla kogo, krótka linijka wspierająca i często zdjęcie. Odwiedzający decydują w kilka sekund, czy zostać. Zobacz przykłady sekcji głównej.
  4. Wezwanie do działania (CTA). Główny przycisk, na przykład Umów rozmowę lub Poproś o wycenę. Umieść go w sekcji głównej i powtórz blisko dołu.
  5. Usługi lub funkcje. Co oferujesz, po jednym krótkim bloku na pozycję, każdy z linijką o rezultacie, który dostaje klient.
  6. Dowody. Opinie, przykłady prac, certyfikaty lub gwarancje. Używaj tylko prawdziwych.
  7. O nas. Kto stoi za firmą i dlaczego warto mu zaufać. Zobacz jak napisać stronę o nas.
  8. Kontakt. Formularz, numer telefonu, e-mail oraz adres lub obszar działania. Zobacz jak dodać formularz kontaktowy.
  9. Stopka. Dolny pas: ponownie dane kontaktowe, linki dodatkowe, polityka prywatności i linki do mediów społecznościowych.

Części niewidoczne dla odwiedzających

CzęśćCo robi
DomenaTwój adres, na przykład yourbusiness.com
HostingKomputery, które udostępniają stronę odwiedzającym
Tytuł i opis stronyTo, co pokazuje się w wynikach Google i kartach przeglądarki
Mapa witrynyLista Twoich stron, która pomaga wyszukiwarkom je znaleźć
FaviconMała ikona na karcie przeglądarki
Obraz udostępnianiaObraz pokazywany, gdy Twój link jest publikowany w mediach społecznościowych

Te same części, różna długość stron

Strona jednostronicowa układa wszystkie te części na jednej przewijanej stronie, a menu przeskakuje do każdej sekcji. Strona wielostronicowa daje usługom, sekcji o nas i kontaktowi własne strony, ale zachowuje ten sam nagłówek i stopkę na każdej. Aplikacja webowa dodaje na wierzchu logowanie i zapisane dane.

Wszystkie części w We.Inc

Każdy szablon We.Inc zawiera już nagłówek, nawigację, sekcję główną, CTA i stopkę, a opublikowane strony mają ustawiony tytuł, mapę witryny i obraz udostępniania. Plan darmowy publikuje do 3 stron z szablonów pod adresem we.inc, bez kredytów AI i bez własnej domeny. Plany płatne, od $20 miesięcznie, dodają budowanie z AI i własną domenę. Przeglądaj szablony.

Zacznij za darmo · Bez karty kredytowej

Product

Who It's For

Features

Resources

Company

View Sitemap