Jakie są zasady tworzenia strony www?

 

Strony www istnieją już od prawie trzydziestu lat!

Jednak zasady, które obowiązują strony www nie zmieniły się bardzo na przestrzeni lat.

Jeśli się zastanawiasz, po są co te zasady, to odpowiedź jest jedna: żeby budowane strony internetowe przynosiły efekty.

Jakie to zasady?

Jest ich kilka, a kluczowe (oraz kilka dodatkowych) znajdziesz w tym tekście.

Zaczynamy?

 

Najważniejsze rzeczy dotyczące dobrych stron www

Po iluś latach zajmowania się stronami internetowymi mogę powiedzieć, że jest kilka złotych zasad budowania strony www.

Mógłbym wyliczać ich więcej, ale powiedzmy, że jest ich pięć.

Dzięki tym zasadom łatwiej będzie Ci zacząć myśleć o budowie strony www dotrzeć do Twoich użytkowników.

 

1. Cel strony www

Każda strona musi mieć jasno określony cel. Ty go wyznaczasz i od Ciebie zależy, czy będzie on zrozumiały dla użytkowników.

Gdy go zrozumieją, łatwiej będzie im zrealizować cel strony www – kontakt, przeczytanie tekstu lub zapis na coś.

 

2. Wezwanie do działania – czyli jak zachęcić do realizowania celu strony?

Gdy już wiesz, czego chcesz od użytkowników – koniecznie daj im znać.

Wezwanie do działania to bardzo pojemne wyrażenie. Oddaje jednak ducha tego, o co chodzi w tej zasadzie: ma informować i zachęcać do realizacji.

Nawet tak proste zdanie jak „przeczytaj tekst i dowiedz się więcej” pełni taką rolę.

Warto pamiętać o języku korzyści.

Użytkownicy muszą wiedzieć, co zyskają realizując cel strony www.

Zapiszą się na newsletter i co dalej?

W WebWave jasno komunikujemy, że korzyścią, jaką daje nasz kreator jest zrobienie efektownej strony www bez kodowania.

A co zyskują użytkownicy Twojej strony www?

 

3. Jasny język 

Zdarzyło Ci się czytać coś na stronie internetowej i zastanawiać się, co autor miał na myśli? Pewnie nie raz ;).

Język strony www powinien być jasny – bez ozdobników i zawiłości.

Oferujesz coś użytkownikom?

Napisz to: prosto i zrozumiale.

Nie bój się testować takich komunikatów na bliskich i znajomych – mają dużo wspólnego z użytkownikami Twojej strony.

 

4. Zadbaj o nawigację strony

Nawigacja na stronie ma prostą rolę: ma być niewidoczna, a zarazem robić robotę.

Dobrze przemyślana nawigacja strony www sprawa, że użytkownik od początku wie, co może na niej znaleźć.

I znajduje to bez wysiłku. Innymi słowy: dobra nawigacja prowadzi prosto do celu.

 

5. Strony www kochają minimalizm

Ich użytkownicy – też.

Chociaż „minimalizm” brzmi modnie, to strony www potrzebują go. I to bardzo.

Dobrze przemyślana strona pomaga użytkownikowi zrealizować cel. Skoro go już znasz, to potraktuj minimalizm jako środek do celu.

Zastanów się, jak konstrukcja Twojej strony www pomoże zrealizować ten cel?

Czy nie odciąga od niego użytkownika? Najlepiej sprawdzi Ci się zasada „mniej znaczy więcej” – zwłaszcza jeśli masz jasno określony cel swojej strony internetowej :).

 

A poza tym są jeszcze rzeczy, których potrzebuje każda strona internetowa, czyli hosting, domena i program do tworzenia stron

Te kwestie wyjaśniłem w tym filmie (trwa około trzech minut, a masz wszystko w pigułce):

 

 

Dobry projekt strony www

Skoro już jesteśmy po pięciu złotych zasadach tworzenia dobrej strony www, to możemy przejść dalej.

Czyli do projektu strony.

Tych pięć punktów na początku pomoże Ci określić jasno cele.

Teraz musisz zabrać się za ich ładne zaprezentowanie. Do tego posłuży Ci projekt strony www.

Projekt nie musi być zjawiskowy, żeby robił robotę.

Ma przekazywać informacje.

Gdy znasz cel strony www, łatwiej Ci eliminować rzeczy, które nie pomagają w jego realizacji.

Coś może odciągać uwagę Twoich użytkowników? Zastanów się, czy potrzebujesz tego elementu.

Pamiętaj, że estetyczne strony sprawiają wrażenie profesjonalnych. A to dobrze świadczy o Tobie oraz o jakości tego, co oferujesz.

Warto pomyśleć o stworzeniu person(y). To pozwoli Ci jeszcze lepiej dostosować zawartość strony do konkretnych użytkowników i zrobić skuteczną stronę.

 

Wygląd tekstu i nagłówki – strony internetowe potrzebują porządku

Zadbaj o dobry wygląd tekstu na stronie.

Proste, bezszeryfowe fonty (bez ogonków) czyta się o wiele lepiej na ekranie.

Korzystaj z nagłówków – porządkują treść strony, a do tego dobrze użyte pomagają w pozycjonowaniu.

Dzięki nagłówkom Twoją stronę będzie wygodniej „skanować” wzrokiem.

Najważniejsze informacje, jeśli zawrzesz je w nagłówkach, będą się wyróżniać i przykuwać uwagę.

W nagłówkach strony www możesz dodać hasła lub… zasygnalizować korzyści.

Na stronie desktopowej rozmiar zwykłego tekstu nie powinien być mniejszy niż 18 pikseli – tak jest po prostu czytelniej.

Wielkość tekstu jest jeszcze ważniejsza na urządzeniach mobilnych. Optymalny rozmiar tekstu to nawet 20-22 piksele – zarówno na komputerze, jak i telefonie.

Pamiętaj, że na każdej podstronie może być tylko jeden nagłówek opisany jako H1.

W kreatorze stron WebWave z łatwością wprowadzisz skuteczną strukturę nagłówków strony www.

strony www poradnik

Mniej znaczy więcej, czyli „KISS” strony www

Gdy chcesz dodać kolejny element do projektu strony www zastanów się, jak wpływa on na realizację celu strony.

Nie dodawaj ozdobników lub ornamentów – odciągają uwagę użytkowników.

Sprawa ma się podobnie z kolorami lub efektami – mają uzupełniać treść, a nie odciągać uwagę użytkowników. Warto wybierać neutralne i łagodne kolory, unikać jaskrawości.

Wbrew pozorom biel i czerń, czasem przetykane dobrze dobranym kolorem, doskonale pasują dla każdej strony www.

Więcej o znaczeniu kolorów na stronie internetowej znajdziesz w tekście na naszym blogu.

Używając kolorów na stronie zadbaj też o to, żeby elementy nie ginęły ani nie zlewały się z tłem.

Niski kontrast czasem pomaga (na przykład gdy chcesz wyróżnić najważniejszy element na tle innych), ale takie zabiegi rzadko wychodzą.

Dlatego strony www potrzebują raczej sprawdzonych rozwiązań.

 

Oś pionowa i oś pozioma strony www

Strony internetowe przegląda się w osi pionowej; najważniejsze elementy są zawsze na górze i na środku.

To bardzo ważna informacja, zwłaszcza że strony www przegląda się głównie na urządzeniach mobilnych.

Strony w wersji mobilnej wyraźnie pokazują, że warto trzymać się osi pionowej.

Obie osie pomogą zachować Ci porządek na stronie, a przy okazji – poprowadzić użytkownika prosto do celu.

Po najważniejszych informacjach na górze, warto dodać te, które je podpierają lub rozszerzają.

Coś jest podstawą Twojej oferty lub możesz opisać w jednym zdaniu to, co robisz i oferujesz użytkownikom?

Ta informacja powinna być na górze strony.

Każdy kolejny element powinien rozszerzać lub wzmacniać przekaż głównej informacji na stronie.

Czyli podpierać wezwanie do działania, które opisuje cel :).

Zachowanie osi pomoże Ci jeszcze w jednym: utrzymaniu dystansu między sekcjami i elementami na stronie.

Taka przestrzeń nazywana jest whitespace i pozwala – w dużym skrócie – lepiej zaprezentować poszczególne elementy strony.

Tu znajdziesz kilka wskazówek dotyczących dobrego układu strony głównej. Każdą z nich zastosujesz do dowolnej podstrony :). 

W kreatorze stron www WebWave pomogą Ci w tym łatwe do wstawienia poziomice.

 

 

Dobra nawigacja strony

Pojawiła się wśród złotych zasadach, jasne.

Ale to tak ważny temat, że trzeba mu poświęcić więcej miejsca.

Przede wszystkim – nawigacja pomaga użytkownikom odnaleźć się na Twojej stronie i zrealizować cel.

Użytkownik zawsze może wrócić na stronę główną. To jest reguła.

Dobrym patentem jest wykorzystanie stopki strony do dodania linków do podstron. Dzięki temu uda Ci się utrzymać uwagę użytkownika nawet wtedy, gdy dojdzie do końca strony.

Dodatkowo linki w stopce daje szansę na rozbudowanie nawigacji o elementy, których mogą szukać użytkownicy.

Przyjęło się, że właśnie na dole są podstawowe informacje o Twojej stronie lub kontakt.

Tworząc nawigację strony www pamiętaj o prostocie i komunikatywności. Oklepane, lub – sprawdzone, rozwiązania lepiej zrobią robotę niż wymyślne nazwy podstron w menu.

Więcej o dobrym menu na stronie przeczytasz w tym tekście. Zawsze możesz też stworzyć własne w kreatorze strony www WebWave :).

Dołącz do ponad 120 tysięcy ludzi, którzy tworzą strony internetowe za darmo i  bez kodowania

Kreator stron www WebWave umożliwia zbudowanie strony www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując darmowy szablon www.

DOŁĄCZ >

Jak pisać na stronie?

Prosty i zrozumiały.

No to dobra, to już mamy. Idziemy dalej ;).

Ale tak na poważnie, to język strony powinien być jasny i przekazywać wyraźne komunikaty.

Do tego każdy komunikat musi być kierowany do odbiorcy i opisywać coś, co rozwiązuje jego problem.

Powiedzmy, że użytkownik szuka porady.

Konkretnie przekazana wiedza zrobi robotę, zwłaszcza jeśli masz się czym dzielić.

Albo szuka mechanika; wtedy informacja o tym, jakie usługi oferujesz i jakie są opinie klientów o Tobie są na wagę złota.

Staraj się – za pomocą języka – komunikować użytkownikowi rozwiązania, które dla niego masz.

Skupiaj się na osobie, która znalazła Twoją stronę; ona szuka wiedzy lub rozwiązania problemu. Mów do niej tak, jak chcesz, żeby do Ciebie mówiono: zrozumiale, bez kruczków i ozdobników.

Pisząc na stronie pamiętaj o dobrych fontach i nagłówkach.

Najważniejsze informacje możesz wytłuścić lub wyróżnić. Pamiętaj jednak, żeby te zabiegi nie burzyły estetyki projektu strony www.

 

Zdjęcia i grafiki – strony ich potrzebują

Elementy graficzne na stronie internetowej bardzo się przydają.

Jednak to kolejne narzędzie, które pomoże Ci zrealizować Twój cel.

W końcu nawet gdy tworzysz fotograficzne portfolio, to celem nie są zdjęcia same w sobie, ale to, że chcesz dzięki nim coś osiągnąć.

Zdjęcia i grafiki mają wzmacniać przekaz strony i uzupełniać treść.

Warto poświęcić chwilę na dobór dobrych zdjęć. To naprawdę dobrze spędzony czas. 

Muszą pasować do tematu, a do tego – wyglądać naturalnie. W bazach zdjęć znajdziesz masę metaforycznych kadrów.

Użytkownicy Twojej strony nawet nie zauważą. Prześlizgną się po nich wzrokiem w poszukiwaniu konkretniejszej treści.

Pamiętaj też o rozmiarze zdjęć.

Większość użytkowników korzysta z wyświetlaczy o (realnej) rozdzielczości poniżej 1400 na 800 pikseli.

Wrzucanie zdjęć większych niż mogą wyświetlić ekrany mija się z celem, a do tego obciąża stronę.

Dlatego warto optymalizować zdjęcia na stronie internetowej

Dlatego – jeśli możesz – dodawaj do strony grafiki w formacie .jpg lub .svg (elementy wektorowe).

To znacznie przyśpiesza ładowanie się strony, a to jeden z istotnych czynników odpowiedzialnych za pozycjonowanie strony www.

Do tego warto umieszczać zdjęcia na osi pionowej strony internetowej.

Są dobrym przerywnikiem w tekście i świetnie uzupełniają go treścią.

Nie bój się zdjęć zrobionych samodzielnie! Jeśli pasują do tematu, a do tego pokazują, że znasz się na rzeczy, to nawet umiarkowanie udany kadr zrobi robotę.

Jednak jeśli nie masz zdjęć, którymi możesz się pochwalić, to zawsze możesz skorzystać z darmowych baz zdjęć. Na przykład tej w kreatorze stron internetowych WebWave :).

Zrobisz to naprawdę łatwo! 

 

 

Zadbaj o responsywność swojej strony www

Pewnie wiesz, ale większość ruchu w internecie to urządzenia mobilne.

Dlatego zadbaj o responsywność swojej strony internetowej. Chodzi w gruncie rzeczy o to, żeby strona dobrze wyświetlała się na telefonach.

Mniejszy ekran urządzeń mobilnych wymusza priorytety.

Ale jeśli od początku podporządkujesz stronę celowi, to dostosowanie jej do potrzeb urządzeń mobilnych nie zajmie Ci dużo czasu. Zwłaszcza w WebWave :).

Strona mobilna wymaga też więcej przestrzeni między elementami – dlatego tak ważny jest wspomniany whitespace na stronie.

Przestrzeń między elementami, bardzo ważna w projekcie na duży monitor, na urządzeniach mobilnych jest po prostu kluczowa.

Jeśli uwzględniłeś w projekcie oś pionową i poziomą, to będzie Ci dużo łatwiej dobrze rozłożyć elementy na stronie responsywnej.

W WebWave zamienisz projekt „desktopowej” strony w szybkie wersje responsywne kilkoma kliknięciami – bez kodowania :).

Do tego dzięki nowej funkcji w WebWave (Grupy elementów) zrobisz stronę responsywną jeszcze szybciej

 

Pozycjonowanie strony www

To temat rzeka, ale da się je ogarnąć samodzielnie.

Bardzo pomaga w tym jasno określony cel strony.

Skoro wiesz, o czym jest strona, to łatwiej Ci odpowiedzieć nią na konkretne potrzeby użytkowników.

Czyli – na frazy, które wpisują w wyszukiwarkę.

W znalezieniu tych fraz pomoże Ci na przykład Planer Słów Kluczowych Google lub Ubersuggest.

Pamiętaj o wpleceniu słów kluczowych w tytuły i opisy każdej ze stron.

Do tego dodawaj alternatywne opisy zdjęć oraz zadbaj o szybkość i responsywność strony www (bardzo ważne, zwłaszcza że niedawno Google wprowadziło indeksowanie Mobile-First!).

Na dokładkę – postaraj się znaleźć kilka miejsc, które mogą linkować do Twojej strony.

Więcej o SEO i pozycjonowaniu dowiesz się z naszej bazy wiedzy lub z cotygodniowego i darmowego szkolenia z pozycjonowania stron internetowych.

Wszystkie elementy potrzebne w pozycjonowaniu z łatwością dodasz do swojej strony zrobionej w WebWave.

 

Dobre treści – paliwo strony www?

Jeśli czujesz się na siłach – prowadź bloga na swojej stronie.

Dzięki niemu pokażesz, że znasz się na tym, czego dotyczy Twoja strona www.

Przy okazji będziesz często aktualizować strukturę strony (co roboty wyszukiwarek bardzo sobie cenią).

Prowadzenie bloga ma też jedną „ukrytą” zaletę: pokazuje użytkownikom, że strona żyje.

Zawsze warto napisać kilka zdań o nowych wyzwaniach lub ciekawostkach i okrasić do kilkoma zdjęciami. Nawet raz w miesiącu.

strony www łatwe tworzenie

Hosting i domena: dom i adres strony www

Skoro już wiesz, co powinno być na stronie, warto wspomnieć o tym, czego sama strona potrzebuje.

Oczywiście – trochę uwagi i pracy, ale żeby znaleźć się w internecie potrzeba nieco więcej. Na przykład hostingu i domeny.

Hosting to miejsce na serwerach, gdzie przechowywana jest strona internetowa.

Tam są wszystkie pliki strony i to stamtąd przeglądarki internetowe wczytują dane.

Ale żeby to zrobić, strona musi mieć swój własny adres www.

Każdy adres www kończy się domeną. Przeglądarka potrzebuje go, żeby użytkownik mógł trafić na Twoją stronę internetową. W WebWave hosting i adres na naszej subdomenie masz za darmo :).

Pamiętaj też o bezpieczeństwie strony!

Od jakiegoś czasu przeglądarki sygnalizują, że strony łączą się przez nieszyfrowane łącze. Od 69. wersji Google Chrome oznacza takie strony jako niezabezpieczone.

Traktują to jako coś niebezpiecznego i pokazują odpowiednie ostrzeżenie koło adresu.

Żeby to zmienić musisz dodać do strony certyfikat SSL.

Darmowy certyfikat SSL dostają gratis wszyscy użytkownicy Pakietu Premium w WebWave :).

Zobacz jak ważne jest bezpieczeństwo stron:

 

 

Zrób swoją stronę internetową!

Skoro wiesz już wiesz, czego potrzebuje strona www – spróbuj swoich sił i zbuduj swoją własną stronę internetową w WebWave.

Zrobisz ją za darmo, a do tego z łatwością dostosujesz ją do urządzeń mobilnych.

Bez kodowania, aktualizacji ani szukania stabilnego hostingu.

Dołącz do ponad 120 tysięcy ludzi, którzy tworzą strony internetowe za darmo i  bez kodowania

ZACZNIJ TERAZ!

Interesuje Cię temat strony www? Koniecznie przeczytaj też te teksty:

 

Jak zrobić stronę internetową?

Projektowanie stron internetowych

Jak stworzyć dobrą stronę internetową?

Strony internetowe, które znamy - krótka historia internetu

Tworzenie stron internetowych - to łatwe

 

Autor: Bartek Raducha. Prowadził i konsultował projekty stron internetowych w sektorze kultury. Pracując w agencji reklamowej prowadził i współprowadził projekty stron dla klientów (m.in. Beko, Bonduelle Food Service czy Froneri Polska). W WebWave – człowiek od marketingu i nie tylko.

Cykliczne porady o tym jak tworzyć strony www

Będziesz otrzymywać 1 email na tydzień z informacjami na temat jak tworzyć strony www.

Wpisz swój adres e-mail:
ZAPISUJĘ SIĘ
ZAPISUJĘ SIĘ
Formularz został wysłany - dziękujemy.
Proszę podać poprawny e-mail.

Zapisując się akceptujesz regulamin WebWave. Możesz zrezygnować w dowolnej chwili.

28 grudnia 2017
Strona internetowa jest najczęściej pierwszym elementem firmy, z którym spotykają się nasi potencjalni klienci. Czy tego chcemy czy nie, na podstawie jej wyglądu ludzie potrafią wyrobić sobie opinię na temat
14 grudnia 2017
Trendy dotyczą wielu dziedzin naszego życia i zmieniają się bardzo szybko, jednak w przypadku rozwiązań technologicznych i stron internetowych proces ten przebiega kilka razy szybciej niż w innych kategoriach. Ciągłe
28 września 2017
Tworząc i prowadząc stronę internetową powinniśmy przykładać uwagę do wszystkich elementów - od szablonu i funkcjonalności, po zawartość. Nie mamy tutaj na myśli tylko tekstu dostosowanego dla czytelników i wyszukiwarek,
24 sierpnia 2017
Jeżeli macie swoją stronę internetową lub planujecie ją stworzyć, na pewno słyszeliście o takich pojęciach jak "certyfikat SSL" oraz "HTTPS". Oba terminy są ze sobą ściśle powiązane i odnoszą się

Top 5

Najpopularniejsze artykuły o tym jak tworzyć strony www.

ZACZNIJ TERAZ

PANEL WEBMASTERA

Logowanie

Strony www - kilka prostych zasad ich tworzenia.

Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona internetowa za darmo? To łatwe - zacznij już teraz.

Panel webmastera

KONTAKT

contact@webwavecms.com
tel. +48 731 395 898

KREATOR

OFERTA

DLA KLIENTÓW

WEBWAVE

MATERIAŁY

Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.

PL

EN

POZNAJ NAS BLIŻEJ W SIECI

Zacznij Teraz

RO

Porozmawiaj z nami na czacie.