Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Układ tekstu na stronie WWW
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Układ tekstu na stronie WWW
Technologie webowe

Układ tekstu na stronie WWW

WebInside.pl
Ostatnia aktualizacja: 14.08.2023
WebInside.pl
Udostępnij
Udostępnij

Teksty pisane na komputerze i wyświetlane w internecie są ciągle trudniejsze do czytania niż na tradycyjnym papierze. W tym celu powinniście swoim odwiedzającym ułatwić czytanie waszych tekstów.

Przeprowadzony przez Jackoba Nielsena test udowodnił, że czytanie tekstu na monitorze może być do 50% wolniejsze, co daje oczywiście wiele do myślenia webmasterom. Odwiedzający zastanawia się zanim w ogóle przeczyta, czy to się opłaca. Aby czytanie danego tekstu było łatwe, musi on być przejrzyście przedstawiony.


Tak wygląda przykładowa strona na początku

Na stronie może być zamieszczone bardzo wiele informacji, lecz czytelnik i tak najczęściej czyta nagłówek. Tak jak to zostało przedstawione wyżej czytelnik nie znajduje tzw. „przerwy w czytaniu”. „Przerwę” tę można osiągnąć poprzez dodanie większej ilości wcięć lub akapitów. „Wcięcia” mówią czytelnikowi: „Pierwsza część się skończyła.” Teksty lub artykuły nie posiadają podtytułów. Podtytuł sprawia, że nawigacja w tekście jest łatwiejsza. W taki sposób może czytelnik np. poznać, że dany odcinek tekstu się skończył. Takowy odcinek może być porównany do rozdziału w książce. Ważne jest również, abyście to wy uważali, by wiersze nie były dłuższe niż 70-80 znaków.


Tak oto wygląda tekst z większą ilością wcięć, bądź akapitów

Jak widać na obrazku, tekst ten posiada więcej struktur, lecz jego czytanie nadal nie jest przyjazne. Do takiego tekstu można również dołączyć obrazki. Oferują one punkt zatrzymania się i mogą opisywać zawartość tekstu. Nie powinien to być jeden duży obrazek, lecz więcej mniejszych.


Tekst w akapitami oraz z dodanymi obrazkami

Obok akapitów i grafiki powinny również znajdować się podkreślenia (uwydatnienia) i wyróżnienia najważniejszych cytatów. Cytat taki będzie odseparowany od reszty wiersza. Najważniejsze części tekstu powinny być pokolorowane, albo pogrubione. Pojedyncze pojęcia lub skróty można również podkreślić.


Tekst został pokolorowany i cytaty zostały wyróżnione

Może Cię zainteresować

Jak wybrać agencję do tworzenia strony internetowej w Warszawie?

Lovable – recenzja po 3 miesiącach. Cennik, opinie, kredyty, limity

Stanowisko web developera w 2026: co naprawdę przyspiesza pracę — i za co nie warto przepłacać

AI kontra klasyczne kreatory stron: kto tu naprawdę wygrywa?

Jak wybrać i zarejestrować domenę? Praktyczny przewodnik dla firm i osób prywatnych

WebInside.pl 2023-08-14 2023-08-14
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Rozwiązywanie problemów z Internet Explorerem
Następny artykuł Marketing emaliowany
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Jak zwiększyć rozpoznawalność marki w całym mieście dzięki reklamie na tramwajach
E-marketing
person holding black iphone 4
Newsletter w małym sklepie internetowym. Jak zacząć, żeby pierwszy mail nie wylądował w spamie
E-marketing
Jak wybrać agencję do tworzenia strony internetowej w Warszawie?
Technologie webowe
person sitting while using laptop computer and green stethoscope near
Badania profilaktyczne w Warszawie – jaki pakiet zrobić raz w roku i gdzie się umówić
Artykuły partnerskie
Dlaczego skuteczność reklamy zależy również od tego, co dzieje się na stronie?
E-marketing
Lovable – recenzja po 3 miesiącach. Cennik, opinie, kredyty, limity
Technologie webowe
A smartwatch with a dark textured band and a colorful app icon display
Smartwatch jak mały komputer – dlaczego naprawa Apple Watch wymaga dziś specjalistycznej technologii?
Poradniki
Stanowisko web developera w 2026: co naprawdę przyspiesza pracę — i za co nie warto przepłacać
Technologie webowe
Close-up of gold and silver cryptocurrency coins on a digital trading chart.
Bybit po ataku za 1,5 miliarda dolarów: co giełda zmieniła i co sprawdzisz sam
Artykuły partnerskie
Odnowiony iPhone jako telefon testowy – dlaczego osoby z branży IT sięgają po refurbished zamiast nowego?
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Jak wybrać agencję do tworzenia strony internetowej w Warszawie?

3 min czytania

Lovable – recenzja po 3 miesiącach. Cennik, opinie, kredyty, limity

15 min czytania
Technologie webowe

Stanowisko web developera w 2026: co naprawdę przyspiesza pracę — i za co nie warto przepłacać

7 min czytania
a computer screen with the words the easy way to build marketplaces
Technologie webowe

AI kontra klasyczne kreatory stron: kto tu naprawdę wygrywa?

5 min czytania
Technologie webowe

Jak wybrać i zarejestrować domenę? Praktyczny przewodnik dla firm i osób prywatnych

5 min czytania
Technologie webowe

Komentarze w CSS – jak dodawać i do czego służą? Przykłady użycia

17 min czytania
Technologie webowe

Co to jest REST API i na jakich zasadach działa? Przewodnik dla początkujących

21 min czytania
Technologie webowe

Marginesy i dopełnienie w CSS – czym się różnią właściwości margin i padding?

17 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy



Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Jak zwiększyć rozpoznawalność marki w całym mieście dzięki reklamie na tramwajach
  • Newsletter w małym sklepie internetowym. Jak zacząć, żeby pierwszy mail nie wylądował w spamie
  • Jak wybrać agencję do tworzenia strony internetowej w Warszawie?
  • Badania profilaktyczne w Warszawie – jaki pakiet zrobić raz w roku i gdzie się umówić

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?