• Twój koszyk jest pusty

Jak formatować teksty na strony internetowe?

Blog

Pisanie tekstu na blog lub opisu produktu zazwyczaj zaczyna się od „researchu”, czyli od zgłębienia tematu. Zwykle wiąże się to z przejrzeniem od kilku do kilkunastu stron w internecie, niekiedy sięgnięciem do kilku książek, wypisaniem kluczowych elementów i spisaniem planu artykułu. W momencie, gdy klawiatura przestaje dymić i stawiamy ostatnią kropkę nad „i”, nadchodzi czas na wstawienie tekstu na stronę, jak się do tego zabrać?

Formatowanie tekstu na strony internetowe

Ciekawe treści potrzebują ciekawej oprawy, co to oznacza w praktyce? Można stworzyć fajny, interesujący, merytoryczny tekst, lecz jeśli wstawi się go na stronę bez podziału na akapity, bez śródtytułów i do tego dodamy czcionkę szeryfową i tycie literki – nikt nie będzie chciał go czytać. Przejrzystość i czytelność to najważniejsze cechy przy formatowaniu tekstu na stronę internetową.

Przejrzystość tekstu na stronie

Pierwsze sekundy spędzone na stronie internetowej są kluczowe, to od nich zależy czy ktoś zostanie na dłużej i przeczyta artykuł. Jeśli czytelnik zderzy się ze ścianą tekstu, czyli tekstem, który nie ma podziału na akapity, nie będzie chciał go czytać. Jak więc poprawić przejrzystość tekstu na stronie?

Konieczne jest stosowanie akapitów i śródtytułów, mile widziane są również wyliczenia, tabele, zdjęcia.

Akapity na blogu

Już w podstawówce, w pierwszych wypracowaniach, kładzie się nacisk na akapity (zwane w internecie również paragrafami od nazwy znacznika HTML), które powinny rozwijać kolejne myśli. Tak samo jest w tekstach publikowanych na stronach internetowych, z jedną różnicą – nie trzeba robić wcięć.

Podczas formatowania tekstu na stronie warto tworzyć krótkie akapity, które zawierają się w 4-6 liniach.

Oczywiście w zależności od wielkości czcionki i szerokości kontenera z tekstem oraz długości zdań, może zajść potrzeba podziału na dłuższe fragmenty, więc można również operować ilością zdań od 2 do 4. Ważne, aby podziały nie wyglądały sztucznie, powinny wynikać z naturalnego toku wypowiedzi.

Nagłówki, czyli śródtytuły na stronie internetowej

Śródtytuły to nie tylko świetne miejsce na wplatanie fraz kluczowych, przede wszystkim powinny wzbudzać zainteresowanie czytelnika. Przy skanowaniu tekstu wzrokiem pomagają w zorientowaniu się o czym jest artykuł i ustaleniu czy znajdują się w nim odpowiedzi na pytania odbiorcy tekstu.

Wyliczenia, tabele, grafiki, linie w artykule

Na przejrzystość tekstu mają wpływ również elementy dodatkowe, które pozwalają uniknąć ściany tekstu. Wypunktowane lub ponumerowane listy pozwalają wprowadzić różnorodność, która przełamuje bloki tekstowe i ułatwia skupienie się na czytaniu. Ogromną zaletą list jest możliwość modyfikacji punktorów, można je zastąpić np. glifami - ikonkami fa-icon.

Podobnie dzieje się z liniami oddzielającymi bloki tekstów (znacznik <hr /> w HTML), również można je dostosować do stylu strony. Nie muszą być czarne, cienkie i nudne, mogą przyjąć kształt przypominający ornamenty, rysowanki (doodle) lub wstęgi – wystarczy w css wprowadzić dekoracyjny obrazek.

Jeśli mamy umiejętność tworzenia materiałów graficznych, warto rozważyć wprowadzenie do tekstów wykresów, tabel i infografik. Wykresy i tabele sprawdzą się w tekstach naukowych, gdzie warto zwizualizować liczby. Kolorowe infografiki to idealne narzędzie, gdy chcemy w krótkich równoważnikach zdań zebrać najważniejsze informacje z artykułu.

Zdjęcia w artykułach na stronie internetowej

Długie teksty, szczególnie w branżach „lifestylowych”, potrzebują czegoś, na czym można zawiesić oko. Zdjęcia, które odwołują się do marzeń czytelników, na pewno pomogą wydłużyć czas, który odbiorcy treści poświęcą na „siedzenie w artykule”. Kto oparłby się oglądaniu wymarzonej aranżacji mieszkania, miejsca na wakacje lub szczenięcia? Należy jednak pamiętać, aby nie przesadzić z ilością fotografii oraz o tym, aby wiązały się tematycznie z treścią tekstu.

Czytelność tekstu na stronie internetowej

Poza tym, że tekst na stronie powinien być przejrzysty, ważne jest także, aby był czytelny. Formatowanie tekstu na strony internetowe powinno wiązać się z odpowiednim wyrównaniem, czcionką i kolorem. Te elementy zwykle koduje się na poziomie stylu strony, czyli w pliku css.

Wyrównanie tekstu na stronie internetowej

Podczas pracy przy formatowaniu artykułu na blog często powstaje pytanie: Czy justować tekst na stronie? Odpowiedź brzmi: Nie. W Internecie nie justujemy, najlepiej jeśli tekst wyrównany jest do lewej, czyli powinno się stosować skład chorągiewkowy.

Dlaczego nie justować?

Przykład z materiałów drukowanych - najczęściej spotykany koszmarek justowania można odnaleźć w opisach ekspozycji na wystawach muzealnych. Justowanie tekstu doprowadza do tego, że pojedyncze słowo w ostatnim wierszu zostaje podzielone na pojedyncze litery, a między wyrazami powstają większe i mniejsze przestrzenie, co nie wygląda dobrze oraz utrudnia przyswojenie treści.

Justowanie na stronach internetowych ma jeszcze głębsze dno, poza dziwnymi odstępami międzywyrazowymi, tekst może stać się nieczytelny na urządzeniach mobilnych.

Fonty na stronie internetowej

Na odbiór tekstu ogromne znaczenie ma wybór odpowiedniej czcionki, która w sieci nazywana jest fontem. W artykułach drukowanych spotykamy zwykle czcionki szeryfowe, dzięki którym litery nie zlewają się podczas czytania. W publikacjach elektronicznych jest na odwrót, pismo szeryfowe męczy wzrok i utrudnia czytanie, dlatego należy go unikać.

Najczęściej szeryfy pojawiają się na stronach w branży beauty lub artystycznej, wynika to z nieznajomości podstawowych zasad projektowania stron. Fonty z szeryfami, gdy zostaną pogrubione stają się całkowicie nieczytelne, ciężko odnaleźć w tekście punkty zaczepienia.

Wielkość liter i interlinia

Poza krojem liter, powinno się także zwrócić uwagę na ich wielkość i wysokość interlinii. Obecnie uważa się, że 16 pikseli to minimum dla wielkości tekstu na stronie internetowej. Należy jednak pamiętać o tym, że różne fonty mają różne wielkości bazowe, więc użyty font może będzie musiał być większy. Trzeba znaleźć środek między czytelnością, a wyglądem strony.

Interlinia to odstęp między wierszami budującymi tekst. Zbyt ciasno ułożone zdania są ciężkie do odczytania na ekranie. Warto sprawdzić jak wygląda tekst z różnymi wysokościami prześwitów i zaprogramować w pliku .css opcję, która jest najkorzystniejsza dla procesu czytania.

Kolor tekstu i tła w artykułach na stronie internetowej

Na czytelność tekstu na stronie znaczenie ma również kolor liter i tło na jakim się znajdują. Długie artykuły na blogu lub opisy produktów najlepiej umieścić w konwencjonalnej kolorystyce: czarno na białym, a jeśli nie czarno to np. grafitowo. Ważne, aby ciemna czcionka znajdowała się na jasnym tle, gdyż ułatwi to odbiorcy czytanie tekstu.

W przypadku krótkich tekstów, które np. budują stronę główną, można poszaleć z barwami i zastosować odwróconą kolorystykę – ciemne tła z jasnymi napisami. W tym miejscu zwykle „rzuca się okiem” i nie ma potrzeby dłuższego skupienia wzroku, więc jeśli chcemy, aby strona wyglądała nowocześnie, możemy zaszaleć.

Długość zdań w treściach na stronie

Była już mowa o długości akapitów, aby tekst był przejrzysty, okazuje się, że długość zdań również ma znaczenie. Powinno się operować krótkimi, prostymi zdaniami o długości ok. 10-20 słów. Zdania wielokrotnie złożone powinno się skracać. Krótkie zdania ułatwiają zapamiętanie treści artykułu oraz skupienie się na czytaniu.

Podsumowanie

Na odpowiednie formatowanie tekstu na strony internetowe wpływ ma wiele czynników, lecz warto wdrożyć system, który sprawi, że treści będą czytelne. Przejrzyste artykuły ułatwiają czytanie i zachęcają odbiorcę do pozostania na naszej stronie.

Ocena użytkowników: 5 / 5

Gwiazdka aktywnaGwiazdka aktywnaGwiazdka aktywnaGwiazdka aktywnaGwiazdka aktywna
 

Koszyk

  • Koszyk jest pusty

Waluta