A zatem, jak sprawić aby Twoją stronę łatwo się czytało?

Używaj maksymalnie 3 rozmiarów czcionki

Rozmiar czcionki świadczy o hierarchii treści. Zbyt wiele rozmiarów sprawi, że Twoi użytkownicy nie będą w stanie odnaleźć się w tekście, że zgubią sens.

Używaj czcionek bezszeryfowych

Czcionki bezszeryfowe są łatwiejsze do czytania w Internecie, dlatego jeśli nie musisz – nie używaj czcionek szeryfowych. [A blog, który czytasz, potraktowałem "szeryfem", bo mi wolno... licentia poetica! ;-)]

Nie używaj zbyt wielu rodzajów czcionek

Oczywiście jeśli zasadę potraktowalibyśmy zbyt poważnie – cały „Internet” napisany byłby Arialem i byłoby smutno… Ale co do zasady, radzę używaj 1 czcionki do nagłówków i 1 do tekstu.

Stosuj wyróżnienia, ale rozważnie

Mowa o podkreśleniach, wytłuszczeniach i kursywie. Osobiście staram się unikać podkreśleń tak, aby użytkownicy nie uznali ich za linki. Wytłuszczenia są pożyteczne, ale pod warunkiem, że nie ma ich za dużo. Kursywę możecie stosować np. zamiast cudzysłowu.

Wyrównuj do lewej

Większość tekstów w Internecie powinna być wyrównana do lewej. Oczywiście znajdą się wyjątki, ale to właśnie wyrównanie do lewej sprawdza się najlepiej.

Tekst wyjustowany czasem wygląda lepiej, ale spowalnia czytanie. Wyśrodkowanie można stosować jedynie dla bardzo krótkich fragmentów tekstu i tylko gdy chcemy dany fragment wyróżnić.

Zadbaj o dobry kontrast tekstu

Najlepszym tłem dla tekstów w Internecie jest kolor biały, a kolor samego tekstu powinien być (optymalnie) ciemnoszary. Takie zestawienie jest najlepsze dla czytelności.

Unikaj wersalików

WERSALIKI spowalniają czytanie, dlatego unikaj ich na stronach internetowych, chyba że jest to absolutnie konieczne.

Używaj białej przestrzeni

Biała przestrzeń użyta w rozsądny sposób jest ważna – mówi o logicznej separacji. Przykładem jest większa odległość od góry nagłówka, która daje użytkownikom dodatkowy sygnał, że w danym miejscu zaczyna się inna część treści.

Dziel bloki tekstu na mniejsze

Osobiście lubię czytać teksty, które mają dobrze (i logicznie) podzielone akapity. Akapit powinien stanowić logiczną całość i nie przekraczać 2-3 zdań. W Internecie oznacza to maksymalnie 4-5 wierszy, przy założeniu, że pojedynczy wiersz ma ok. 70 znaków.

Pozdrawiam i życzę czytelnych stron!

Tego typu rotacja sprawia, że nie tylko częściej ćwiczę swój „internetowy mózg”, ale częściej też pozwalam sobie uzupełniać biblioteczkę nowymi pozycjami. :-) Przestałem już liczyć, ale szacuję, że na chwilę obecną przeczytałem już 70-80 pozycji, a drugie tyle czeka na swoją kolej…

Przed sprzedażą „Optymalizacji funkcjonalności serwisów internetowych” (Nielsen, Loranger) postanowiłem ją sobie odświeżyć i wynotować rzeczy, o których nie chciałbym nigdy zapomnieć.

Wpis jest swoistą „notatką” z tej lektury, stąd też jego specyficzna „hasłowa” forma.

Na starcie zaznaczam, że lista tego typu z pewnością nie jest zamknięta – dlatego zachęcam do jej rozwinięcia w komentarzach.

Wsłuchiwanie się w użytkowników i klientów

Oczywista oczywistość ;-), z której jednak wynikają poważne konsekwencje dla tego jak prowadzisz swoje projekty internetowe. Jest to inaczej umiejętność bycia otwartym na potrzeby użytkowników i próby zaspokojenia tych potrzeb.

Jedną z najprostszych i najwłaściwszych metod są testy z użytkownikami. Testy nie muszą być ani skomplikowane, ani drogie – warto je zatem przeprowadzać, najlepiej kilka razy do roku.

Podstawy użyteczności

Użyteczność stron internetowych jest znakomitym przykładem łączenia dbałości o użytkowników z celami biznesowymi. Z punktu widzenia użytkownika odpowiednio zaprojektowany serwis daje mu większą satysfakcję, co – ogólnie rzecz ujmując – zwiększa jego lojalność.

Z punktu widzenia właściciela serwisu internetowego i jego celów biznesowych – użyteczność (w uproszczeniu) prowadzi do zwiększenia współczynnika konwersji.

Wyczucie w kwestiach graficznych

„Jak nas widzą – tak nas piszą.” Wrażenia estetyczne są jednym z najważniejszych czynników po jakich oceniamy nowe dla nas serwisy internetowe.

Oczywiście, że istnieją wyjątki – serwisy, które nie są najpiękniejsze, a mimo to są skuteczne – ale w większości przypadków odpowiedni design serwisu będzie działał na jego korzyść, a użytkownicy będą go bardziej lubić i ufać właścicielowi serwisu.

Choć nie ma tutaj gotowego przepisu na sukces, z doświadczenia polecam inwestować w dobrych grafików. Ich praca z reguły nie jest tania, ale warta swojej ceny.

Webwriting (tworzenie dobrych tekstów)

Następną ważną umiejętnością internetowego speca jest umiejętność tworzenia dobrych tekstów, dostosowanych do Internetu.

Na dobry tekst składają się m.in.:

• przygotowanie psychologiczne – aby umieć docierać do ludzi, trzeba umieć wejść w ich skórę i sposób myślenia;
• stylistyka – czytać dobrze sformułowane zdania jest przyjemniej, niż przebijać się przez „gnioty” (ludzie czytający nie będą mieli problemu ze stylem, a zatem – czytajcie :-));
• optymalizacja pod skanowanie – tekst do Internetu musi być także odpowiednio sformatowany. Wynika to ze sposobu w jaki „konsumujemy” treści w Internecie.

Więcej o webwritingu

Content (czyli treść)

Jedną z najtrudniejszych wg mnie umiejętności jest kreatywne podejście do treści; sam często staję przed problemem „ale o czym by tu dzisiaj…”. ;-)

Nie jest tajemnicą, że content marketing – forma marketingu internetowego oparta na tworzeniu wartościowej treści – to jedna z najlepszych metod na zdobywanie ruchu i popularności.

Zakładając, że znamy potrzeby naszych użytkowników (jesteśmy o krok do przodu) – prawdziwym wyzwaniem jest regularne tworzenie (wartościowej dla grupy docelowej) treści, a następnie jej skuteczne dystrybuowanie.

SEO (optymalizacja i pozycjonowanie)

Każdy internetowy spec powinien umieć dogadać się z Google-m i innymi „maszynami”. Elementem dystrybucji treści (naszych serwisów) jest odpowiednie ich przygotowanie – optymalizacja pod wyszukiwarki.

SEO jest zbyt rozległą wiedzą, aby opisać ją w kilku zdaniach, ale warto znać podstawy optymalizacji on- i off-site.

O ile optymalizacja on-site nie jest trudna, prawdziwym wyzwaniem jest zwiększanie popularności serwisu dzięki zdobywaniu linków (link building).

Więcej o SEO

Analityka internetowa

Analityka internetowa obecnie przeżywa moim zdaniem renesans. Nowa wersja Google Analytics, nowe funkcje, raporty etc. – sprawiają, że ilościowa i jakościowa ocena serwisów staje się coraz łatwiejsza i przyjemniejsza.

Internetowy spec powinien wiedzieć jak analizować swój serwis na co dzień i jak „wyciągnąć” z niego jeszcze więcej. Umiejętności tego typu pomogą mu także uzasadnić ew. zmiany przed „sponsorami” (zakładając, że nie jest on właścicielem serwisu).

Wyczucie Social Media

Serwisy społecznościowe mają się bardzo dobrze. Świadczy o tym choćby liczba linków (przycisków) społecznościowych dodawanych do serwisów, czy ostatni szum wokół Pinterest.

Wyczucie w zakresie social media pomoże nie tylko w zwiększaniu popularności serwisu, ale może też pomóc w analizowaniu grupy docelowej.

Podstawy HTML i CSS

Wreszcie, internetowy spec powinien znać podstawy HTML i CSS (ew. także innych technologii wykorzystywanych w Internecie).

Nie chodzi tu wcale o to, aby potrafił samodzielnie napisać dany serwis, ale im więcej wie nt. technologii – tym lepiej będzie mu się dogadać ze swoimi webdeveloperami, tym szybciej zrozumie co poszło nie tak w publikacji treści etc.

I to tyle na dzisiaj.

PS
Do roboty! ;-)

Jednoznaczność

Strona – rozumiana jako określona treść mająca swój adres w sieci – powinna mieć tylko 1 adres (adres „kanoniczny”). Jeśli twoje strony występują w wersji z „www” i bez, ze slash-em na końcu i bez etc. – powinieneś zadbać o spójność i scalić adresy do 1, najbardziej pożądanego.

Rozszerzenia

Rozszerzenia plików w adresach URL (np. „html”, „php”) nie są Ci do niczego potrzebne (popacz ;-) na adres tego wpisu). Ani użytkownicy, ani maszyny (w większości) nie wyniosą żadnej ciekawej informacji z faktu, że strona jest plikiem w takiej czy innej technologii.

Zwięzłość

Adresy URL powinny być możliwie krótkie. Sam przeszedłem w tym zakresie sporą ewolucję, od „adres-url-traktujacy-o-tym-i-tamtym-a-i-jeszcze-nawiazujacy-do…” do „adres-url-krotkie-zolnierskie-slowa”. :-) Tworząc nazwę strony staraj się aby jej „slug” (część adresu dla ludzi, bez domeny) nie przekroczył magicznej granicy 5 słów.

Słowa kluczowe w adresach stron są istotne, ale nie przesadzaj… Optymalizacji pod wyszukiwarki można dokonać też w innych miejscach (title, meta, body), a powyżej sformułowana zasada zwięzłości adresu powinna być nadrzędna, głównie ze względu na dbałość o użytkowników.

Liczby i parametry

W adresach URL unikaj – jeśli to możliwe – różnego rodzaju „numerków” (cyfr, liczb). Jeśli Google doszuka się w adresie Twojej strony daty i będzie ona odległa – potraktuje stronę jako przestarzałą, nieaktualną. Oczywiście w przypadku serwisów z dużą liczbą stron numerki zapewniają integralność struktury i są nie do uniknięcia.

Idąc dalej, w adresach stron unikaj parametrów. Oczywiście, że serwisy z bardziej rozbudowanymi funkcjami bardzo często nie obejdą się bez parametrów. Podobnie problematyczne bywa „tagowanie” pod kątem analityki, ale i na to są sposoby (opisane i podlinkowane przez Michaela).

Katalogi

Pamiętając, że zwięzłość adresu jest kwestią dość istotną, jeśli to możliwe – unikaj „drzewiastej” struktury adresów URL, z wieloma (pod)katalogami. Najprostszą strukturą adresacji jest struktura „płaska”, w której slug-i następują zaraz po domenie. (Znowu, serwisom z bardzo dużą liczbą stron będzie trudno obyć się bez (pod)katalogów.)

Przekierowanie 301

Przy jakichkolwiek zmianach adresacji, najlepszą metodą zachowania spójności jest przekierowanie 301 (trwałe). Stosuj je gdy optymalizujesz adresację w serwisie, gdy łączysz kilka stron, czy „sprzątasz” w CMS-ie pozbywając się starych nieaktualnych stron.

I to tyle. Życzę jak najlepszych adresów URL. :-)

Update: Bardzo dobrym uzupełnieniem tematu jest wpis http://goo.gl/os146. Dziękuję Arkowi, który podlinkował wpis na tablicy KielceCom.

Zastanawiasz się:

• jak zaprojektować intuicyjną nawigację?
• jak powinna wyglądać dobra strona artykułu / produktu?
• jak kierować uwagą użytkownika na stronie?
• jak ułatwić interakcję ze stroną?
• etc.

- ten serwis jest dla ciebie!

Informacja krótka, acz radosna:

Ściągam rel=”nofollow” z linków w komentarzach!

Zasady są następujące:

• Wszystkie komentarze są moderowane.
• Te merytoryczne kwalifikują się do dofollow, reszta – out.

Dofollow przyznawane jest gdy:

• Komentarz jest odpowiedniej długości (pow. 150 znaków) i/lub
• Jest co najmniej 3 komentarzem danej osoby (identyfikowanej przez adres e-mail).

Mam nadzieję, że dzięki zmianie blog ożyje, a ja dostanę od Was pozytywnego „kopa” do częstszych publikacji.

Zasubskrybuj (trudne słowo) bloga, aby być na bieżąco! :-)

• http://goo.gl/08tQN
• http://goo.gl/Y9hdD

- oba traktują nt. konwersji, a uważna lektura może dać Wam wiele wskazówek jak ją poprawić. Poniżej wybrane najważniejsze punkty i dobre praktyki. Zachęcam do lektury.

Co może zabijać konwersję

Na podstawie http://goo.gl/rTGo9:

• Captcha – ochrona przed spamem jest ważna, ale może captcha sprawia także problem użytkownikom?
• Potwierdzanie danych, np. dwukrotne wpisywanie adresu e-mail – może błędy danych nie są tak częste i warto zrezygnować z potwierdzania?
• Sprawdzanie danych (walidacja) – czystość danych w bazie jest ważna, ale może ważniejsze jest, aby użytkownicy mieli jak najmniej trudności?
• Nadmiar zbieranych danych – może zabijać konwersję z oczywistych powodów.

Niektóre dobre praktyki

http://goo.gl/0C1EL:

• Podkreślenie linków
• Podlinkowanie obrazków

http://goo.gl/0C1EL:

• Czytelne wiadomości o błędach w formularzach
• I wyświetlane w widocznych dla użytkowników miejscach

http://goo.gl/BdpwG:

Pomysły na stronę błędu 404:

• Przekierowanie na stronę główną
• Link do strony głównej
• Odrobina humoru tak, aby „rozluźnić” użytkownika
• Linkownia na kształt mapy serwisu
• Rekomendacje produktów / artykułów
• Rekomendacje dostosowane do strony / zapytania użytkownika
• Kupon rabatowy, w ramach rekompensaty

http://goo.gl/YyDDd:

Jak sprawić, aby użytkownicy wracali:

• Personalizacja, czat w serwisie
• Remarketing poza serwisem
• SMS, e-mail, telefon lub list do opuszczających ścieżkę konwersji

http://goo.gl/SIeY:

W liczeniu współczynnika konwersji należy uważnie dobrać „mianownik”.

W sklepie internetowym powinna to być liczba wizyt, ale już na stronie gdzie przykładowo konwersją jest rejestracja – liczbę wizyt należałoby zmniejszyć o wizyty użytkowników już zarejestrowanych.

http://goo.gl/12f4i:

Każdy kontakt z użytkownikiem trzeba traktować jak szansę na konwersję. Przykładowo, mail potwierdzający zapisanie się na newsletter powinien zawierać jakąś „okazję”.

Psychologia konwersji

Na podstawie http://goo.gl/Y9hdD:

Poczucie przynależności (i zaangażowanie) sprawia, że łatwiej nam podejmować decyzje.

Przykładowo, aby przekonać użytkowników do konwersji – napisz na odpowiedniej stronie jak wielu innych użytkowników kupiło dany produkt / zarejestrowało się etc.

Wezwania do akcji (calls to action) powinny zawierać instrukcję co mam zrobić.

Użycie treści „pilnych” (częstych w wezwaniach do akcji) sprawia, że użytkownik czuje paraliż… Ale jeśli w odpowiednim momencie zaprezentujemy mu instrukcję jak powinien się zachować – nie ma już wyjścia. Może odczuwać niepewność, strach, ale będę działał, bo dostał wskazówki jak.

Personalizacja to potężna broń – szczególnie w stosunku do powracających klientów.

Najprostszym przykładem jest prezent bez okazji, parę dni (tygodni) po pierwszym zakupie. Efektem u klienta będzie utwierdzenie się w przekonaniu, że pierwszy zakup był dobrym wyborem – klient poczuje się komfortowo, co zwiększa prawdopodobieństwo kolejnych zakupów.

Kotwice cenowe mogą wydawać się głupie, ale mogą też… zwiększać sprzedaż.

Przykład – prenumerata The Economist:

1 scenariusz: online – 59 dol. (wybrana przez 68% osób), wersja papierowa – 125 dol. (32 %). Sprzedaż (na 100 osób): 8 012 dol.

2 scenariusz: online – 59 dol. (16%), papier – 125 dol. (0%), papier i online – 125 dol. (84%). Sprzedaż: 11 444 dol.

W drugim scenariuszu ludzie porównywali 2 i 3 opcję, a skoro tak – oczywistym było, że w wybiorą 3. Tak samo, jak obecność środkowej opcji, ważna jest cena pierwszej opcji. Jeśli będzie ona za niska, istnieje ryzyko, że ludzie będą wybierali opcję najtańszą.

I to na dzisiaj tyle. Miłego myślenia nad zwiększaniem współczynników! :-)

Pełna infografika tutaj: http://unbounce.com/noob-guide-to-online-marketing-infographic/

Materiał to 3 płytki DVD (5-6 h) nagrane podczas Search Marketing Day, konferencji która odbyła się w czerwcu tego roku, w Poznaniu. Szkolenie podzielone było na 3 części:

• Tomasz Frontczak wprowadził uczestników w system reklamowy Facebook Ads.
• Jacek Gadzinowski mówił o komunikacji na Facebook-u (i ogólnie w Internecie), w tym o strategiach prowadzenia fan page-a.
• Piotr Maruszewski omówił system Facebook Premium Ads.

Na końcu materiału znalazł się też panel dyskusyjny, w którym oprócz ww. uczestniczył Maciej Budzich.

Facebook Ads

Pierwsza część przeznaczona jest dla mniej doświadczonych marketerów. Są to absolutne podstawy jak przygotować i uruchomić prostą kampanię.

Z drugiej strony Tomek to wieloletni ekspert Google AdWords i ze szkolenia (o reklamach na Facebook-u) można wyłapać parę cennych (uniwersalnych) wskazówek.

Jedno co zostaje na pewno zostaje w głowie po tej części szkolenia to fakt, że Facebook daje niesamowite możliwości w zakresie dopasowania przekazu do grupy docelowej. Pomyślcie o tym dodając kolejne informacje o sobie na „Fejsie”… ;-)

Komunikacja na Facebook-u

Druga część szkolenia jest mniej techniczna, a bardziej „miękka”. Jacek opowiada o właściwym podejściu do komunikacji na Facebook-u, czy do komunikacji w ogóle w Internecie.

Jest zatem dużo dobrych rad / praktyk, popartych często przykładami, ale jednocześnie ta część szkolenia – jako najbardziej miękka – zostawiła mnie z niedosytem. Bowiem najczęściej jedyną dobrą odpowiedzią na wątpliwości (moje i uczestników szkolenia) jest: „to zależy”.

Nie zmienia to faktu, że lepiej jest posłuchać praktyka komunikacji w Internecie, niż nie! :-)

Facebook Premium Ads

Piotr był wg mnie najlepiej przygotowanym szkoleniowcem, choć jego główny temat – reklamy Premium – zarezerwowane są dla podmiotów raczej z większymi budżetami reklamowymi.

Tak, czy inaczej, w sposób bardzo klarowny zostały przedstawione za i przeciw tego typu kampanii oraz inne szczegóły techniczne.

Podsumowanie

Podsumowując, szkolenie oceniam na 4/5 i uważam, że jest warte wydania raptem 200 zł (w podstawowej „gołej” wersji).

Infografika pochodzi z bloga KISSmetrics, a dokładniej stąd: http://blog.kissmetrics.com/2011-b2b-marketing-guide/.