Dobrze zaprojektowany tekst. Porady zebrane

Oto 23 proste zalecenia, które pomogą Tobie, jako redaktorowi serwisu internetowego tworzyć treści dostępne, przejrzyste oraz widoczne w wyszukiwarkach.

Wszystkie treści w Internecie powinny być łatwe w odbiorze i w obsłudze, oraz zrozumiałe, z tym zgodzi się chyba każdy. Jeżeli tworzysz teksty do sieci lub dopiero zaczynasz poznaj 4 podstawowe, dobre praktyki:

  1. Zacznij od czcionki. Używaj prostej, odpowiednio dużej i kontrastowej do tła. Wykonaj mały test. Zmruż oczy i sprawdzić czy wszystko widzisz u siebie na stronie. Jeżeli nadal nie jesteś pewny czy wszystko jest tak jak powinno może pomóc Tobie narzędzie Accessibility Color Wheel, które symuluje i podpowiada najlepsze połączenie koloru tła z kolorem tekstu na stronie. Więcej o typografii możesz przeczytać tutaj.
  2. Pisz w sposób prosty i klarowny. Ogranicz specjalistyczne słownictwo albo zgiń! Jeżeli sądzisz, że Twoimi czytelnikami są tylko osoby, które dobrze znają użyte przez Ciebie wyrażenia, to jesteś w błędzie. Sieć jest dla wszystkich.
  3. Pamiętaj o każdym. Internet to nie jedna grupa ludzi o jednakowych cechach. Na Twój tekst może natrafić np. osoba z dysfunkcją wzroku. Jeżeli chcesz sprawdzić jak wygląda strona
    w oczach osoby słabo widzącej skorzystaj z WebAIM Low Vision Simulation.
  4. Pisz do Internetu, nie do prasy. W sieci czytelnicy skanują teksty, a materiałów o podobnym temacie jaki właśnie tworzysz jest tyle, że głowa boli. Jeżeli Twój artykuł nie będzie odznaczał się dobrą konstrukcją i przejrzystością stracisz potencjalnego odbiorcę. I nie miej złudzeń, on nie wróci.

Rozwiń skrzydła. Postaraj się jeszcze bardziej
Jeżeli zależy Tobie na naprawdę dobrych tekstach nie tylko pod kątem merytorycznym poznaj
i zapamiętaj poniższe reguły.

  1. Logika i podział. Na początku tworzenia swojego tekstu dobrze go przemyśl i podziel na logiczne części. Następnie całość podziel na niezbyt długie akapity. Twoja treść będzie dobrze odbierana, a tekst bardziej rozpoznawalny.
  2. Justowanie. Pewnie tego nie robisz, ale pamiętaj – justowanie tekstu do prawej znacznie utrudnia czytanie osobom z dysleksją.
  3. Style. Korzystaj wyłącznie ze stylów treści, które zostały zaprojektowane na potrzeby Twojego serwisu (czcionka, kolory, wzory tabel etc.). Dzięki temu zachowasz jednolitość wszystkich swoich artykułów. Tabele – jeżeli musisz, użyj je. Pamiętaj jednak, że czytanie rozbudowanych tabel sprawia ogromną trudność osobom z niepełnosprawnością wzroku.
  4. Nagłówki i śródtytuły. Zawsze stosuj nagłówki i śródtytuły. To dobrzy przyjaciele wszystkich czytelników, a dla osób niewidomych stanowią coś jeszcze bardziej cenniejszego.
  5. Wyróżnienie. Zaznaczaj treść, którą chcesz wyróżnić np. pogrubieniem. Pomoże to w powrocie do miejsca gdzie czytanie zostało przerwane.
  6. Kursywa. Ograniczaj pisanie kursywą. Zbyt długie teksty pisane w ten sposób stają się nieczytelne dla części osób z dysleksją.
  7. Cudzysłów. Jeżeli chcesz wyróżnić cytat pamiętaj o cudzysłowach (powinieneś też znaleźć odpowiedzialny za ten element styl w swoim panelu administratora).
  8. Liczby i listy. Stosuj liczby i listy w tekście. Ludzie chcą porządku, a liczby zawsze przykują ich uwagę.
  9. Dobre gratisy. Słowa kluczowe, które zawsze warto stosować: szybko, prosto, gwarancja. Antytezy, w tym: prawdopodobnie, próbować, możliwe, może i raczej zabiją Twoje teksty.
  10. Linki. Wszystkie linki umieszczone w tekście prezentuj zawsze w ten sam sposób. Nie stosuj linków typu „czytaj więcej”. Wielokrotne zamieszczanie takiego linku w stronie utrudnia orientację osobom niewidomym. Jeżeli link jest wpleciony w ciąg słów i nie da się jednoznacznie wywnioskować do czego prowadzi, dodaj do niego odpowiedni atrybut - title. Jeżeli linkiem jest np. tytuł artykułu, atrybutu title nie musisz dodawać.
  11. Grafika. Stosuj zdjęcia i rysunki dla wyjaśnienia trudnych tematów. Pamiętaj o dodawaniu opisów alternatywnych do każdego takiego elementu. Dzięki temu będą one dostępne dla osób niewidomych, a dodatkowo wyszukiwarka obrazów Google może polubi Ciebie. Jeżeli chcesz zaoszczędzić czas, postaraj się zautomatyzować ten proces. Możesz np. zaopatrzyć Twój panel administratora w funkcję, która przy wgrywaniu zdjęcia poprosi o podanie jego tytułu. Tytuł ten może stanowić alternatywny opis zdjęcia/ rysunku na stronie. Pamiętaj jednak aby opis ten odpowiadał jak najbardziej znaczeniu i zawartości danego elementu graficznego. W tekstach staraj się stosować autorskie obrazy. Jeżeli masz możliwość ogranicz do minimum zdjęcia ze stocka. Unikaj również jak ognia umieszczania skanów dokumentów
    w treści artykułu. Są one zupełnie nieużyteczne dla osób niewidomych.
  12. Pliki do pobrania. Jeżeli dodajesz pliki do pobrania pamiętaj aby w jego nazwie wpisać typ dokumentu oraz jego rozmiar. Nazwa linku, pod którym jest plik do pobrania powinna najlepiej odpowiadać jego zawartości – np. Formularz rejestracji nowego pacjenta (PDF, 44kB). Pamiętaj również o zamieszczeniu linku do programu odczytującego odpowiedni format pliku, który umieszczasz na stronie. Nie każdy jest tak dobry jak Ty i niekoniecznie będzie go mieć u siebie na komputerze.
  13. Skróty i trudne słownictwo. Jeżeli używasz skrótów lub specjalistycznych słów, pamiętaj o ich wyjaśnieniu. Jeżeli chcesz zaoszczędzić na czasie zautomatyzuj ten proces poprzez wdrożenie do swojej strony słownika.
  14. Wideo. Dodając filmy/ pliki audio pamiętaj o osobach niesłyszących. Pod plikiem napisz krótki opis tego co się w nich zajmuje lub dodaj napisy do materiału wideo.

Idź na całość. Zadbaj o kod strony
Pisząc artykuły zadbaj również o ich odpowiednią konstrukcję, także w kodzie strony. Przy dużej produktywności tekstów dodatkowa funkcjonalność i automatyzacja w tym zakresie na pewno ułatwi Tobie życie. Kilka porad poniżej.

  1. Title. Każda strona Twojego serwisu (np. pojedynczy artykuł) powinna mieć unikalny i sensowny tytuł tzw. metatag title. Powinien być to tytuł Twojego artykułu. Jeżeli dzielisz artykuły na strony (często stosowane przy stronach komercyjnych) dodawaj do każdej strony w jej metatagu title kolejne numery, np. „Projektowanie treści. Porady zebrane, str. 2.” Google bardziej pokocha Ciebie za takie tytuły. My jednak, ze względów użyteczności rekomendujemy dodawanie do każdego unikalnego tytułu, na jego końcu źródło tekstu, wtedy Twój tytuł może wyglądać np. tak: „Projektowanie treści. Porady zebrane, str. 2 | twojastrona.pl
  2. Keywords. Każda strona powinna zawierać w kodzie unikalne słowa kluczowe tzw. metatag keywords. Obecnie metatag ten nie ma większego znaczenia z punktu widzenia SEO (jeden ze sposobów promujących serwisy internetowe w wyszukiwarkach), ale bądź profesjonalny. Możesz np. jeżeli mechanizm Twojej strony na to pozwala, dodawać do tekstu tagi (dodatkowe znaczniki służące do opisywania informacji, dodatkowa nawigacja po serwisie), które automatycznie będą wpisywać się w metatag keywords.
  3. Description. Każda strona powinna zawierać w kodzie jej unikalny opis tzw. metatag description. Element ten to opis Twojego artykułu, który wyświetli się wraz z tytułem na stronie SERP (strona wyników wyszukiwania np. w Google). Dobrze zaprojektowany i ciekawy description może mieć więc wpływ na czytelność Twojego tekstu. Jeżeli Twoje treści dzielone są na zajawkę oraz część rozszerzoną spróbuj podawać automatycznie treść z zajawki do description. Jeżeli chcesz sprawdzić jak Twoja strona będzie prezentowała się w wynikach wyszukiwarki skorzystaj
    z narzędzia Google SERP Snippet Optimization Tool.
  4. Pamiętaj: tytuł strony, zajawka oraz słowa kluczowe w jak największym stopniu powinny nawiązywać do treści Twojego tekstu. Jeżeli tworzysz stronę postaraj się wykorzystać część słów kluczowych w tytule, opisie i treści strony. Pomocne do oceny kondycji Twoich metatagów może być narzędzie Meta Tag Analyzer.

Dodaj komentarz