1. Logo (lewy górny róg) po kliknięciu powinno prowadzić do strony głównej.
2. Stopka powinna zawierać linki do najważniejszych stron serwisu (ale czasem także do tych mniej ważnych).
3. Elementy nawigacyjne powinny być w tym samym miejscu na różnych podstronach serwisu.
4. Linki powinny otwierać się w tym samym oknie; wyjątkiem są np. dokumenty PDF.
5. Bieżąca lokalizacja w serwisie powinna być wyróżniona w menu.
6. Używaj czcionek rozsądnej wielkości; stosuj elastyczne rozmiary czcionek (em lub %, nie px).
7. Czcionki bezszeryfowe są łatwiejsze do odczytania przy małych rozmiarach; czcionki szeryfowe – przy dużych.
8. Szerokość strony powinna być odpowiednia do grupy docelowej; starsi ludzie lubią niższe rozdzielczości, osoby zaawansowane – wyższe.
9. Grupuj logicznie powiązane elementy, a grupy oddzielaj od siebie widocznymi przerwami.
10. Aby wyróżnić fragmenty treści strony – używaj odpowiednich rozmiarów czcionki, kolorów i stylów.
11. Dobra wysokość linii to 1.4-1.5 em.
12. Dobra długości linii to 4o-60 znaków.
13. Używaj linków kontekstowych, umieszczonych w głównym tekście strony. Pamiętaj o linkach do stron powiązanych z bieżącą.
14. Zmieniaj kolory linków już odwiedzonych.
15. Linki powinny być podkreślone; wyjątkiem są niektóre linki nawigacyjne.
16. Ważne elementy strony nie mogą przypominać reklam.
17. Teksty na stronach powinny być zwięzłe i zoptymalizowane pod skanowanie.
18. Jeśli tło strony jest białe – tekst powinien być ciemnoszary, nie czarny.
19. Dziel długie strony – powyżej 3 ekranów – na kilka stron.
20. Nigdy nie używaj samych wielkich liter. SĄ TRUDNIEJSZE DO CZYTANIA.
21. Tekst powinien być dobrze podzielony na nagłówki – ułatwia to skanowanie.
22. W formularzach używaj widocznych przycisków.
23. Używaj standardowych elementów interfejsu. Np. nie zmieniaj standardowego paska przewijania.
24. Używaj okruszków (breadcrumbs) tak, aby wspomóc nawigowanie po serwisie.
25. Strona wyników wyszukiwania powinna zawierać wyszukiwaną frazę.
26. Stosuj krótkie i łatwe do odczytania adresy URL.
27. Wszelkie elementy graficzne, zdjęcia etc. powinny być zoptymalizowane tak, aby szybko się ładowały.
28. Publikuj świeże treści regularnie, nie od święta. Tutaj biję się w pierś… ;-)
29. Testuj serwis w popularnych przeglądarkach (IE, Firefox, Safari, Opera, Chrome).
30. Daj użytkownikom możliwość podzielenia się uwagami. Np. pozwól im komentować publikowane treści.
31. Unikaj żargonu, chyba że jest to nie do uniknięcia.
32. Formularze powinny być krótkie. Proś w nich tylko o niezbędne informacje.
33. Udostępniaj mapę serwisu w 2 wersjach – dla użytkowników i dla wyszukiwarek (XML).
34. W linkach używaj atrybutu title tak, aby dodać im więcej kontekstu.
35. Teksty linków powinny sugerować treść po kliknięciu. Link „kliknij tutaj” nie daje takiej informacji.
36. Pisz używając stylu odwróconej piramidy – zacznij od rzeczy najważniejszych, te mniej ważne umieszczaj niżej.
37. Zadbaj o użyteczność strony błędu 404, w szczególności umieść tam linki do najważniejszych części serwisu.

Tekst powstał na bazie: http://www.designinginteractive.com/design/50-tips-to-a-user-friendly-website/

Pierwsza część szkolenia dotyczyła podejścia do promocji w sieci. Stąd podtytuł „Ewolucyjne podejście…”.

Druga część, z której większości nie zdołałem przekazać z powodu braku czasu, to podpowiedzi SEM / Usability.

Zgodnie z obietnicą (złożoną uczestnikom i organizatorom) publikuję całość szkolenia, ze szczególnym naciskiem na część drugą. Przygotujcie kubek kawy i… zaczynamy!

Ewolucyjne podejście do zwiększania widoczności
w sieci

Na początek zalecam trzymanie się 5 zasad:

• Nie wszystko od razu – bo choć możliwości technologiczne stale rosną, to ludzie nie przyswajają tego w tym samym tempie.
• Stosuj rozsądny miks ciężkiej pracy z innowacją – stosuj wypracowane nawyki, a od czasu do czasu „skocz w bok”, aby nabrać inspiracji.
• Przede wszystkim działaj – nie staraj się (za wszelką cenę) przewidzieć wszystkich pułapek, nie pisz skomplikowanych dokumentacji.
• Nastaw się odpowiednio do popełnianych błędów – bo „tam, gdzie drwa rąbią – tam wióry lecą”.
• Współpracuj – bo sukces w sieci w pojedynkę to co raz rzadszy scenariusz.

From Zero, czyli jak zacząć

Zakładając, że jesteś na początku procesu i albo tworzysz swój serwis od zera, albo dokonujesz znacznej przebudowy – w tej części proponuję jak zacząć, aby już na starcie zwiększyć potencjał sukcesu przedsięwzięcia.

Faza inspiracji

Obserwowanie, szukanie inspiracji najczęściej zaczynamy od konkurencji online. Nie ma w tym nic złego, natomiast nie wolno zapominać o grupie docelowej – za każdym razem jest ona bowiem ciut inna. Jeśli kopiujesz - rób to z głową i nie jota w jotę.

Znakomitą metodą jest też obserwowanie świata offline. Zdecydowana większość rozwiązań w sieci ma swoje źródło w konkretnej potrzebie ludzi istniejącej przede wszystkim w świecie offline.

Kolejnym dobrym źródłem pomysłów są eksperci i potencjalni (przyszli) użytkownicy. Spotykaj się, rozmawiaj, przeprowadź badania focusowe, poczytaj analizy eksperckie etc.

Draft projektu

Ten etap pozwoli Ci określić co dokładnie chcesz stworzyć. Polecam jak najprostszą formę, optymalnie 1-stronicowy brief i dodatkowych kilka stron informacji obrazkowej. Obrazki naprawdę pomagają dobrze zrozumieć się z resztą zespołu…

Propotypowanie

Bardzo ważny etap projektu, w którym po raz pierwszy (namacalnie) pokazujemy coś użytkownikom dając im się wypowiedzieć (i rzecz jasna poklikać).

Prototypowanie bywa kosztowne, ale z moich doświadczeń zawsze się opłaca. Po prostu – jeśli się mylić (jako projektant), to lepiej wcześniej.

Produktem tego etapu są koncepcje funkcjonalne serwisu. Wiemy już co tworzymy i jak to będzie działać.

Projekt graficzny

Wygląd serwisu jest o tyle istotny, że bardzo często – w oczach użytkowników – jest to jeden z najistotniejszych czynników oceny, przynajmniej jeśli chodzi o pierwsze wrażenie.

Dodatkowo istnieje silnie zarysowana reguła „przeniesienia” – skoro serwis wygląda (grafika) i działa (użyteczność) tak dobrze – to firma, która za tym stoi jest równie profesjonalna…

Koncepcja SEM

Obecnie absolutna podstawą – na etapie tworzenia jakiegokolwiek serwisu – jest zadbanie o widoczność w wyszukiwarkach.

Jednym z najważniejszych działań jest analiza słów kluczowych. I do tej analizy naprawdę warto się przyłożyć. Analiza na wczesnym etapie powstawania serwisu w efekcie łączy dwa światy: ludzi i maszyn.

Zrównoważone podejście pozwoli Wam stworzyć (zaplanować) treści przydatne dla Waszych użytkowników, a jednocześnie wystarczająco widoczne dla wyszukiwarek (maszyn).

To Hero, czyli jak zwiększać widoczność w sieci

Co robić?

Widoczność w sieci można osiągnąć tylko w jeden sposób – spełniając potrzeby ludzi. Najczęstszą potrzebą realizowaną w sieci jest znajdowanie (wartościowych) informacji, czy ogólnie rzecz ujmując – wartościowej treści. Zapamiętajcie to!

Gdzie?

Odpowiedź jest prosta – tam, gdzie jest ROI.

Postaraj się zapętlić swoje działania w następujący sposób:

• Wypracuj listę miejsc (serwisów, metod), które warto wypróbować w promocji Twojego serwisu.
• Działaj w wybranych miejscach – co najczęściej oznacza udział w tworzeniu treści (w tych miejscach).
• Analizuj – nie skupiaj się na zbyt wielu wskaźnikach; wypracuj te najważniejsze i miej pewność, że potrafisz z nich wnioskować.
• Odsiewaj miejsca nieefektywne.

Podpowiedzi SEM

Elementarz SEO:

• Wartościowa i wyszukiwalna treść
• Słowa kluczowe – umiejętny dobór słów oraz kierowanie na słowa kluczowe
• Wyszukiwarkowe UX – uwzględnienie specyfiki wyszukiwania
• Linki, popularność – ujęcie szerokie
• Analiza (wnioskowanie nt. ROI)

Wartościowa wyszukiwalna treść

Wartość dla użytkowników można budować na wiele sposobów. Sprawdzają się:

• Badania, raporty, analizy, omówienie rzeczy popularnych i nowych (nieznanych)
• Opinie, podpowiedzi eksperckie – ułatwiające zrozumienie czegoś nietrywialnego
• Dyskusje, najlepiej z konkluzją (ułatwiającym życie podsumowaniem)

Widoczność treści (w wyszukiwarkach) można osiągnąć praktycznie tylko w jeden sposób: publikując ją w formie tekstowej...

Internet jest ogromny. Liczba stron w sieci jest na tyle duża, że google-owa idea zaindeksowania 99% publikowanej treści to utopia w czystej postaci. (Pamiętajcie, że Google to tylko firma, z jej infrastrukturą i… rachunkami za energię.)

Podstawowa prawda jest taka, że Google radzi sobie naprawdę dobrze tylko z tekstem. I właśnie w takich uwarunkowaniach Wasza treść musi być widoczna.

Oznacza to, że:

• Jeśli to możliwe – powinniście publikować teksty.
• Jeśli treścią są obrazki – muszą mieć one odpowiednio uzupełnione teksty alternatywne (atrybuty alt znacznika img).
• Jeśli treścią jest audio/wideo – zadbajcie o odpowiednie meta informacje, rozważcie też publikowanie transkryptów.

Dodatkowo warto zainteresować się semantycznym (znaczeniowym) „dopalaniem” treści dzięki tzw. mikro formatom.

Słowa kluczowe

Badanie słów kluczowych to jedna z najistotniejszych rzeczy jakie możecie (z)robić, aby skutecznie zwiększać widoczność w sieci.

Słowa kluczowe powinny:

• Przynosić ruch
• Nie być zbyt trudne (konkurencyjne)
• Być adekwatne (do stawianych celów)
• Wartościowe (przynosić konwersje)

Metody badania słów kluczowych:

• Badanie z użytkownikami zakończone ekspercką burzą mózgów
• Baczna analiza wyników wyszukiwania, wsparcie się narzędziem Google Insights for Search
• Analiza podpowiedzi w pasku wyszukiwania
• Podglądanie wartościowych serwisów konkurencyjnych
• Narzędzie Keyword Tool External
• Testowa kampania AdWords

Kombinacja ww. metod pozwoli Wam wytypować najlepsze frazy. Oczywiście można wspierać się dedykowanymi narzędziami do badania słów kluczowych, ale już powyższe 6 metod daje zadowalające wyniki.

Jedną z najlepszych metod jest ta wymieniona w ostatnim punkcie – testowa kampania AdWords. Metoda pozwala „wyciągnąć” z wyszukiwarki realne dane, podglądnąć w jaki sposób użytkownicy wyszukują interesujących ich (i nas) treści.

Istotą metody jest takie dobranie parametrów kampanii, aby nie kosztowała ona zbyt dużo jednocześnie generując dużą liczbę wyświetleń boksów reklamowych na różnorodne słowa kluczowe. Już po 2-3 tygodniach będziemy wiedzieć, które słowa
z badanego zbioru generują ruch, a które nie.

Kierowanie na słowa kluczowe

Mając wytypowane słowa jesteśmy w połowie drogi. Wartościową wiedzę nt. najlepszych słów kluczowych trzeba wykorzystać budując (lub optymalizując) treści serwisu. Niestety nie jest to zadanie łatwe.

Podczas dopracowywania podstron serwisu pamiętajcie, że serwis to nie tylko strona główna. Strony docelowe (nawet te głęboko w strukturze) zoptymalizowane pod starannie wybrane słowa kluczowe to clue Internetu.

Więcej o optymalizacji on-site/off-site

Wyszukiwarkowe UX

Specyfiką marketingu w wyszukiwarkach jest specyficzne doświadczenie użytkownika z… samymi wyszukiwarkami. Większość z nas zaczyna od „google-owania”, z wyników wyszukiwania klikamy odpowiadający nam link i trafiamy na (z reguły) nieznaną nam stronę.

I tu najistotniejsze jest pierwsze wrażenie (doświadczenie). Statystycznie najlepsze wrażenie robią strony spełniające wysokie standardy User Experience / Usability. W takim ujęciu UX staje się częścią marketingu w wyszukiwarkach.

Ludzie czują się komfortowo gdy:

• Wiedzą (rozumieją) co to za serwis, na który trafili
• Znajdują na nim wartościową treść
• Rozumieją jak działają różne funkcje i nie boją się ich użyć
• Serwis jest prosty, czytelny i łatwo w nim coś znaleźć
• Serwis wygląda profesjonalnie

Linki, budowanie popularności

Szeroko rozumiane zdobywanie linków to de facto zdobywanie internetowej popularności. Linki można podzielić na:

• Linki całkowicie naturalne – pojawiają się na skutek czyjejś autonomicznej decyzji
• Linki zdobywane – budowane w pocie czoła autonomiczną decyzją… „SEOwca”
• Wszelkie twory like-opodobne

W przypadku linków zdobywanych pamiętaj aby urealniać wszelkie „szare” formy ich zdobywania. Najczęstszymi błędami są: powtarzane teksty klikalne (anchor text), brak linków z nazwą/adresem strony, brak linków nofollow etc.

Niektóre tradycyjne metody zdobywania linków:

• Dzielenie się wiedzą (how-tos, tutoriale, best-ofs, agregacja treści)
• Udzielanie się na blogach, forach, portalach
• Publikacja artykułów i notek prasowych
• Katalogowanie

Niektóre inne metody:

• Profile zewnętrzne – wszelkie miejsca, gdzie możemy mieć swój profil z linkiem zwrotnym
• Profile wewnętrzne – jeśli nasz serwis daje możliwość stworzenia wyodrębnionych stron profilowych użytkowników, z dużym prawdopodobieństwem będą one linkowane właśnie przez tych użytkowników
• Dobrze zarządzane bezpośrednie prośby – linki z serwisów linkujących do naszej konkurencji, od kontrahentów, klientów, znajomych; umiejętne wykorzystanie Google Alerts
• Darmowe produkty (usługi) rozdawane do testów – testerzy linkują w recenzjach
• Konkursy
• Pomoc blogerom – najczęściej w publikacji nowej treści

Analiza i wnioskowanie nt. ROI

Dostępne narzędzia analityki internetowej można podzielić na ilościowe
i jakościowe. W dużym uproszczeniu analiza ilościowa (np. dzięki Google Analytics) daje nam ogólne pojęcie nt. ruchu w serwisie, na poszczególnych podstronach, nt. liczby konwersji etc. Jest jednak spojrzeniem z lotu ptaka i często nie pozwala na pełne wnioskowanie.

Analiza jakościowa (testy A/B, testy z użytkownikami) pozwala przyjrzeć się poszczególnym „historiom” użytkowników, poszczególnym sesjom, specyficznym zachowaniom. Analiza jakościowa z reguły pozwala wyciągać wnioski, które przełożone na poprawki w serwisie zwiększają satysfakcję użytkowników.

Oba typy analizy uzupełniają się i są jednakowo istotne.

Wnioskowanie nastawione na maksymalizację ROI można osiągnąć jedynie dobierając odpowiednie wskaźniki skuteczności.

Trzy najważniejsze dane/wskaźniki to:

• Liczba wizyt w rozbiciu na poszczególne źródła ruchu – pozwala ocenić skuteczność działań promujących serwis; docelowo powinniśmy znać koszt 1 wizyty z każdego źródła ruchu
• Liczba wizyt w rozbiciu na (najważniejsze) słowa kluczowe oraz strony docelowe – pozwala ocenić skuteczność sterowania / kształtowania ruchu z wyszukiwarek
• Liczba konwersji – wszystkie działania w sieci zmierzają ostatecznie do maksymalizacji tej liczby

Podpowiedzi Usability

Oprócz oczywistej istotności SEM w zwiększaniu widoczności w sieci, drugim równie ważnym aspektem jest spełnianie podstawowych kryteriów Usability (użyteczności). Druga część wpisu poświęcona jest wybranym aspektom kanonu użyteczności serwisów, które generalnie coś sprzedają.

3 poziomy serwisów

Większość średnich i dużych serwisów internetowych posiada 3 poziomy (typy) stron – stronę główną, stronę kategorii (listingu) i stronę produktu (usługi, artykułu).

Zalecenia dla strony głównej

• Pokaż jasno co oferujesz – pokaż także czego nie oferujesz.
• Bądź ostrożny z grafikami, które mogą być źle zrozumiane i dawać błędne poczucie o czym jest Twój serwis.
• Określ hierarchię – wyeksponuj najważniejsze linki.
• Zaprezentuj linki do głęboko położonych, acz istotnych podstron serwisu.
• Używaj kategorii zrozumiałych dla Twoich użytkowników; unikaj „wizjonerstwa” jak coś może być nazwane.
• Jeśli istnieje wiele kryteriów wyboru tego co najlepsze dla użytkownika – zapewnij więcej ścieżek do najważniejszych stron serwisu.

Strona kategorii (listingu)

• Unikaj zbyt wielu elementów – istotne z punktu widzenia czasu ładowania strony oraz z perspektywy wyszukiwarek.
• Dostosuj linki stronicowania do listowanych produktów (usług, artykułów) – „1, 2, 3,…” to niekoniecznie najlepszy wybór.
• Daj użytkownikom możliwość filtrowania listingu wg istotnych dla nich kryteriów.
• Jeśli listing zawiera obrazki, zadbaj o ich wystarczającą jakość. Ze względu na ograniczony rozmiar pokazuj tylko istotne szczegóły.
• Jeśli to uzasadnione, zapewnij użytkownikom mechanizm porównywania elementów listingu.

Strony trzeciego poziomu

• Opisy produktów (usług, artykuły) powinny zawierać tylko istotne szczegóły. Rozwlekłe teksty i tak nie zostaną przeczytane.
• Jeśli konieczna jest duża ilość treści warto podzielić ją na warstwy (i np. zorganizować w CSS-owe zakładki – szczęśliwy jest i użytkownik i roboty wyszukiwarek).
• Używaj tylko prostego języka. Czytanie w Internecie jest trudne i należy się do tej sytuacji dostosować.
• Unikaj marketingowego bełkotu.
• Więcej nt. efektywnego pisania do Internetu

Wyszukiwarka wewnętrzna

Wyszukiwarka wewnętrzna jest punktem odniesienia dla użytkowników, dla których nawigacja nie jest wystarczająco efektywnym narzędziem nawigowania po serwisie. Zalecenia dla wyszukiwarki wewnętrznej:

• Powinna być widocznym polem tekstowym na każdej podstronie serwisu.
• Dobrze, jeśli istnieje też link do wyszukiwania zaawansowanego.
• Najważniejszym zaleceniem jest konsekwentne analizowanie fraz wpisywanych do wyszukiwarki wewnętrznej i idąca za analizą optymalizacja wyników wyszukiwania.
• Obsługuj synonimy, odmiany, błędy wyszukiwania, literówki, etc.
• Dobrze jeśli wyszukiwarka pokazuje zakres wyszukiwania, tzn. w jakiej części serwisu znajdują się określone wyniki.
• Wyniki wyszukiwania powinny dać się sortować (i filtrować). Zbyt długie strony wyników nie są użyteczne.
• Jeśli wyręczamy użytkownika (dając mu określone wyniki algorytmicznie) – trzeba mu to wyjaśnić…

Akcje wykonywane przez użytkowników

• Nigdy nie komplikuj wezwania do akcji – używaj najczęściej stosowanych określeń, konwencji.
• Przyciski to optymalna i znana forma akcji – muszą być one odpowiednio duże.
• Po kliknięciu i wykonaniu jakiejś akcji użytkownik powinien dostawać jasną informację zwrotną, że coś się zadziało.
• Jeśli zależy Ci na rejestracjach w serwisie – zawsze wyjaśniaj korzyści, ale nie zapominaj o zapewnieniu, że dane użytkownika będą bezpieczne.

Ścieżki konwersji

• Pamiętaj o odpowiednim nazywaniu i oznaczaniu kroków procesu.
• Pamiętaj, że zależy Ci na przejściach „Dalej” – wyeksponuj ten przycisk/strzałkę.
• Tuż przed podaniem danych użytkownik powinien wiedzieć dokładnie na co się decyduje, ile to kosztuje etc. – zostawianie informacji na później nadszarpuje zaufanie.
• Unikaj „wyliczanek” (zakresy cenowe, tabelaryczne koszty uzależnione od wagi etc.) – licz ostateczne koszty za użytkownika.

Formularze

• W formularzach zbieraj tylko istotne dane.
• Pamiętaj też, aby przy danych sensytywnych wyjaśniać użytkownikom po co Ci one.
• Stosuj czytelne podpisy najlepiej nad polami i zbliżone do pola, którego dotyczą.
• Rozmiary pól powinny być adekwatne do rodzaju danych; np. kod pocztowy – krótkie pole, adres e-mail – odpowiednio dłuższe.
• Dane sprawdzaj rozważnie. Porządek w bazie danych jest istotny, ale liczba wypełnień istotnych formularzy też. :-)
• Zwróć szczególna uwagę na prawidłową obsługę błędów.
• Przy bardziej skomplikowanych formularzach wyświetlaj podsumowanie.
• Wyraźnie komunikuj prawidłowe wysłanie formularza.

Sprzedaż i budowa zaufania

• Nigdy nie ukrywaj cen. Pokazuj ceny ostateczne, ewentualnie wyjaśnij składowe ceny.
• Jeśli konieczne są koszty dodatkowe – spraw, aby były one jak najniższe.
• Pokazuj tylko dostępne produkty/usługi. Konkurencja jest tylko kilka kliknięć od Ciebie…
• Stosuj wyróżnione promocje, nowości i wyprzedaże – to działa prawie zawsze i prawie na każdego.
• Wszelkie wyboru muszą być typu opt-in, nigdy opt-out.
• Stosuj narzędzia ułatwiające komunikację – szybki kontakt, live chat etc.
• Prezentuj wiarygodne informacje o firmie – jeśli używasz rekomendacji, spraw aby nie były one anonimowe.
• Prezentuj pełne informacje o produktach/usługach – aktualne opisy, bez błędów.
• Zadbaj o profesjonalny wygląd serwisu – to naprawdę buduje zaufanie.
• Nie pomijaj polityki prywatności, zwrotów, reklamacji itp.
• Jeśli stosujesz zabezpieczenia SSL – podkreślaj to na zabezpieczonych stronach.
• Dodaj alternatywne formy zamówienia oraz dostęp do żywych ludzi z działu obsługi klienta.
• Zapewnij szybką obsługę. Nic tak nie cieszy jak szybka odpowiedź na maila. :-)

Podsumowanie

Najważniejsze aspekty budowania pozycji w sieci to:

• Ewolucja, stopniowe dochodzenie do celu
• Przygotowanie dobrego startu serwisu
• Wartościowa treść, tekst (x3)
• Odpowiednie słowa kluczowe
• Dbanie o dobre UX, Usability
• Linki, popularność, Inbound Marketing
• Analiza, wnioskowanie ROI

PS
Pozdrawiam i zachęcam do komentowania!

Co widzisz na zdjęciu?

Pomyśl o tym, a ja zdradzę Ci 3 konteksty, które w nim są.

• Zagrożenie. A raczej jego brak. Kobieta jest wyraźnie zrelaksowana, nic jej nie grozi.
• Seks. Kontekst nie wymaga dodatkowych słów.
• Jedzenie. Kobieta jest w restauracji, pije wino.

3 konteksty, które sprawiają, że klikamy

To właśnie ww. konteksty sprawiają, że zachowujemy się w określony sposób, a mój wpis inspirowany jest lekturą książki dr Susan Weinschenk, Neuro Web Design. What makes them click?.

Książka znakomita, prosta, a niżej wymienione twierdzenia poparte są w niej wieloma przykładami, przekonującymi eksperymentami.

Opowiem Ci historię:
Jesteś prymitywny, czujesz i (troszkę) myślisz

Dobre strony internetowe przemawiają do Twoich 3 części mózgu – pierwotnej, emocjonalnej i racjonalnej.

• Pierwotna odpowiada za najbardziej podstawowe czynności człowieka.
• Emocjonalna sprawia, że czujesz, płaczesz, uśmiechasz się.
• Racjonalna (ewolucyjnie najnowsza) sprawia, że analizujesz, myślisz, miewasz wątpliwości.

Wszystkie części wpływają na to, jak zachowujesz się w Internecie. Przeważa jednak część pierwotna i emocjonalna.

Twoje nieświadome wybory i racjonalne uzasadnienia

Najczęściej Twoje wybory są nieświadome. Napędzane są skrótami pochodzącymi z pierwotnej części mózgu. Dodatkowo tworzysz racjonalne uzasadnienia swoich decyzji.

Przecież wiesz, że zdjęcie u góry wpisu to prowokacja, prawda? Wszedłeś tu na pewno dlatego, że uwielbiasz czytać moje wpisy.

Musisz przynależeć i żyć z ludźmi dobrze

Jesteś stadny. To ważne. I bardzo wiele z tego wynika.

Twoje decyzje w większości przypadków napędzane są obserwowaniem innych.

Ponadto nie lubisz być dłużny. Każdy, nawet drobny, prezent chciałbyś zwrócić, najczęściej z nawiązką. Jest to prawdą szczególnie, gdy zobowiązanie dotyczy Twoich bliskich, znajomych.

Opinie na stronach www są super. Lubię strony, które dają mi coś fajnego. Odwiedzam je częściej.

Naprawdę tego chcę… teraz

Rzeczy mniej dostępne są przez Ciebie bardziej pożądane. Dotyczy to także informacji.

Ty naprawdę chcesz mieć dostęp do limitowanego specjalistycznego raportu za 300 dolarów. I chcesz go bardziej, niż masowego czasopisma branżowego za 25 złotych.

Oferta na raport kończy się za 5 dni. Na stronie z raportem jest licznik, a minuty, uciekają. Chcesz go jeszcze bardziej.

Mówisz, że chcesz mieć wybór, ale on Cię paraliżuje

Klikając reklamę na Facebooku (na którym lubisz być, bo masz tam znajomych) trafiłeś na stronę z listą 18 raportów. Dziedzina, którą się zajmujesz, jest przecież skomplikowana.

Twój rozum podpowiada Ci, że chciałbyś wybrać samodzielnie. Przecież lubisz mieć wybór, wiesz co robisz i robisz to świadomie.

Problem w tym, że z reguły nie jesteś w stanie ogarnąć jednocześnie wielu informacji. Dozujesz je sobie, przyswajasz drobne „mikro informacje”.

Twój mózg jest w stanie zestawiać ze sobą jednocześnie 2-3 parametry na raz.

Wytną to dla mnie albo ja zrobię to za nich

Właściciel strony z (przykładowymi) raportami może ułatwić Ci wybór (i sprzedać Ci raport) ograniczając możliwości.

Co powiesz na 5 raportów, z czego pierwszy to ten „naprawdę fachowy” (uwaga: cytat z Twojej najstarszej części mózgu)? A może 10 raportów i prosty, dobrze widoczny, mechanizm ograniczający listę?

Najprawdopodobniej wybierzesz z 2-3 propozycji, przy czym pierwszą wybierzesz statystycznie najczęściej.

Ty, ty, ty – bezpieczny, syty, przedłużający gatunek

Prawie już wybrałeś. Jesteś na stronie tego raportu.

Właściciel strony zwraca się do Ciebie bezpośrednio. Mówi teraz tylko do Ciebie. Stara się o Twoje emocjonalne zaangażowanie. Opowiada Ci historię.

Mówi, że raport – oprócz wielu mądrych wykresów – zawiera receptę na bezpieczeństwo Twojej firmy. Przetrwasz. Ty i Twoi bliscy nie umrą z głodu.

Właściciel ma też atrakcyjną znajomą (dla Pań: atrakcyjnego znajomego), mniej, więcej, w Twoim wieku. Patrzy na Ciebie właśnie ze strony, a Ty, nieświadomie, przez krótką chwilę, myślisz o przedłużaniu gatunku.

(Ach, zapomniałbym. Zauważyłeś jeszcze inne zdjęcia podobnych do Ciebie atrakcyjnych ludzi, którzy wypowiadali się pozytywnie o raporcie, który być może też kupisz.)

Klikasz i idziesz dalej.

Albo nie klikasz. Ale, ze względu na emocje, które wzbudził u Ciebie właściciel strony – wrócisz tu jeszcze za parę chwil. Zapamiętałeś tę stronę.

Nie lubisz się nudzić, nie lubisz tracić, angażujesz się

Wracasz na stronę. Widzisz, że zmieniły się drobne szczegóły. Coś się rusza, coś zmieniło postać. Nie nudzisz się.

Docierasz też do informacji, że istnieje skrócona wersja raportu za 200 dol. Ale przecież raport za 300 dol. jest pełny. Prawie go mam. To tak, jakbym go miał. Nie chcę tracić żadnej jego części. Nawet jeśli krótszy raport jest tańszy.

W międzyczasie dokonałeś decyzji i kupujesz pełny raport.

Mija miesiąc, dostajesz maila, w którym pada proste pytanie – czy raport spełnił oczekiwania. „Jeśli tak – kliknij tutaj”.

Klikasz, bo klik to nic wielkiego. Informacja trafia do bazy właściciela. On wróci, bo okazałeś minimalne zaangażowanie.

Jak wróci, poprosi Cię o coś więcej, bo raz już się zaangażowałeś. Może będzie to prośba o wypełnienie formularza-ankiety, która (jeśli wyrazisz na to zgodę, a wyrazisz) pojawi się na stronie promującej raporty.

Podsumowanie

Przemyśl to. :-)

Ach, i jeśli możesz – daj cynk o tym wpisie Twoim znajomym na FB, ok? Dzięki.

W moich poprzednich wpisach nt. WordPressa pisałem o: zaletach tego popularnego CMSa oraz o jego instalacji.

Dzisiejszy wpis dotyczy zarządzania wyglądem WordPressa. Opowiem o konstrukcji WordPressa oraz
o szablonach (inaczej: skórkach, templatkach).

Podstawowe pytanie

Każdy, kto chce udoskonalić wygląd swojej witryny na WordPressie, musi odpowiedzieć na podstawowe pytanie: czy ma wystarczająco dużo czasu na zajęcie się sprawą samodzielnie, czy może lepszy wygląd witryny trzeba będzie „kupić”.

Szablony WordPressa do kupienia

Zważając na ogromną popularność WordPressa, szablonów (skórek, templatek) jest cała masa. Zatem jeśli nie znasz się na podstawach tworzenia stron internetowych, nie wiesz co to HTML, CSS, czy PHP – droga kupna szablonu będzie dla Ciebie lepszym wyjściem.

W sieci istnieje sporo serwisów sprzedających naprawdę dobrej jakości skórki WordPressa. Osobiście najczęściej korzystam z szablonów WooThemes, jako że są bardzo dobrej jakości, zarówno jeśli chodzi o estetykę, ale i o czystą porządną konstrukcję w kodzie.

Najtańsza subskrybcja kosztuje 70 dolarów (stan na listopad 2010 r.), za które otrzymamy 2 szablony.

Darmowe szablony WordPressa

Poza możliwością kupienia szablonu, w sieci istnieje równie dużo skórek darmowych.

Na marginesie: Darmowe szablony WordPressa to częsta metoda zdobywania linków (ang. link building / link baiting) przez twórców owych szablonów. Linki do ich stron znajdują się najczęściej w stopce szablonu.

Tutaj nie polecę żadnych konkretnych źródeł, gdyż źródło dobrej darmowej skórki zależy od rodzaju budowanego serwisu. Zaznaczyć trzeba jednak, że ogólna jakość szablonów darmowych odbiega nieco od szablonów, za które trzeba zapłacić.

Samodzielna budowa (modyfikacja) szablonu WordPressa

Dla ludzi, którzy znają podstawy tworzenia stron www, istnieje inna ścieżka – samodzielnej budowy (czy dostosowania) szablonu WordPressa. Ścieżka jest, rzecz jasna, trudniejsza i bardziej czasochłonna, ale wiedza wyniesiona z nauki konstrukcji szablonów WP może okazać się bardzo przydatna.

Drobne modyfikacje nie są trudne

Na początek rada dla tych, którzy nie wiedzą, czy podołają – nie ma się czego bać! Aby dokonać drobnych modyfikacji wyglądu witryny (np. zmiana kolorów niektórych elementów):

• Na serwerze FTP znajdź pliki odpowiadające za wygląd (pliki aktualnie zainstalowanej skórki).
• Dokonaj kopii zapasowej plików, które zamierzasz modyfikować. Z doświadczenia wiem, że tego kroku nie warto pomijać ;-) Dodatkowo polecam upewnić się, że Twój dostawca hostingu robi regularne kopie bezpieczeństwa.
• Znajdź podstawowy plik stylów CSS zainstalowanej skórki (często style.css).
• Jeśli nie masz czasu na studiowanie pliku, do ustalenia elementu, który chcesz zmienić – polecam użycie (na żywej stronie) jakiegokolwiek narzędzia do określania heksadecymalnego kodu kolorystycznego.
• Mając wartość kodu kolorystycznego (np. tło w kolorze #f5f5f5), poszukaj odpowiedniego elementu w pliku CSS.
• Zmień wartość w odpowiednim miejscu na nową pożądaną wartość.
• Zapisz zmiany, odśwież stronę – element (np. tło) zmienił kolor! :-)

Struktura szablonu WordPressa

Szablon strony opartej na WordPressie zawiera kilka niezmiennych elementów. Są to:

• Header – nagłówek strony często zajmujący całą szerokość szablonu,
• Content (lub Main Content) – miejsce głównej treści strony (lewa środkowa część),
• Sidebar – pasek boczny (prawa środkowa część), na którym umieszczane są treści dodatkowe;
• Footer – stopka na drugorzędną treść (cała szerokość).

Każdy z 4 ww. elementów ma swoje odzwierciedlenie w kodzie HTML. Są to tzw. kontenery – znacznik <div>. Cztery kontenery umieszcza się wewnątrz elementu container tak, aby móc zarządzać zbiorem 4 elementów na raz.

Widoczna treść strony (zawartość znacznika <body>) będzie zatem wyglądała ogólnie w następujący sposób:

<body>
<div id=”container”>
<div id=”header”>…</div>
<div od=”content”>…</div>
<div id=”sidebar”>…</div>
<div id=”footer”>…</div>
</div>
</body>

Wnętrze każdego z kontenerów wypełniane jest odpowiednim kodem, który umieszczony jest bezpośrednio w kontenerze lub pobierany jest z zewnętrznego pliku PHP.

Przykładowo, na stronę index.php składać się będą pliki: header.php, sidebar.php oraz footer.php, a treść główna tworzona będzie przez odpowiednie funkcje WordPressa (np. wyświetlanie listy wpisów). Znając zasadę możesz stworzyć dowolny inny układ elementów.

Prace projektowe, cięcie

Mając na uwadze ww. strukturę witryny na WordPressie – możemy brać się do części najprzyjemniejszej, tj. projektowania i wdrażania projektu. Popularnym narzędziem wykorzystywanym do projektowania jest Photoshop, a wdrożenie (tzw. cięcie) to niezmiennie para technologii HTML i CSS.

Szczegółowych rad na temat projektowania grafiki i jej wdrożenia nie da się udzielić w pojedynczym wpisie na blogu. Szukających pomocy zachęcam do kontaktu.

A wszystkich czytających serdecznie pozdrawiam!

PS
Głodnym wiedzy nt. WordPressa, w tym nt. zarządzania jego wyglądem, polecam książkę Smashing WordPress. Beyond the Blog.

PSPS
W następnym wpisie nt. WordPressa – będzie o wtyczkach (pluginach).

• bardzo lubię to, co robię;
• trafiam na właściwych ludzi,
• w konsekwencji od dłuższego czasu wędruję z powodzeniem po naprawdę stromej (dodatniej) krzywej uczenia :-)

Dobre szkolenia z marketingu internetowego

Niezależnie od codziennej pracy i zbierania różnych doświadczeń – zawsze miałem „parcie” na dokształcanie się; forma dowolna.

Zebrałem zatem przeszło 100 książek na temat marketingu w Internecie (czytam, nie kurzą się). Przestudiowałem całą masę notek / wpisów z wszelakich źródeł zebranych w czytniku RSS oraz na forach. Przeszkoliłem się wreszcie z najważniejszych zagadnień wchodzących w skład ogólnie pojętego marketingu w Internecie.

Ze wszystkich form przyswajania wiedzy za najbardziej efektywne uważam szkolenia. Jakie szkolenia odbyłem i polecam? Kolejność przypadkowa.

IT Media

IT Media to warszawska firma specjalizująca się w szkoleniach z produktów Adobe. Ja miałem przyjemność uczestniczyć w 10 dniowym szkoleniu z tworzenia stron www.

Szkolenie tego typu warte jest polecenia każdemu, kto para się marketingiem w Internecie. Podstawowe zrozumienie konstrukcji stron internetowych – w tym HTML, CSS, PHP, MySQL* – to podstawa w tym fachu.

*Niektórzy pomijają ten etap przechodząc od razu do „MySWL” ;-)

Search Marketing Week

SMW to cykl tygodniowych szkoleń z marketingu internetowego; linki sponsorowane, pozycjonowanie (także w wersji dla profesjonalistów), E-mail Marketing, Usability etc.; prowadzonych przez ekspertów w poszczególnych dziedzinach.

SMW cieszy się sporą popularnością, bo jest to forma wygodna (intensywnie; raz, a dobrze) i w przystępnej cenie (tak, tak uważam).

Byłem w maju, wybieram się w listopadzie. Warto.

MaxROY

Ludzie z MaxROY-a to współtworzący Search Marketing Week. Od ich szkoleń zaczynałem; linki sponsorowane Google AdWords oraz SEO – optymalizacja i pozycjonowanie.

Szkolenia są bardzo dobre, szczególnie dla początkujących.

FirsteArts

Firma Andrzeja Sienkiewicza, znakomitego eksperta użyteczności serwisów internetowych (na jego koncie jest m.in. interfejs Onetu!).

Z panem Andrzejem mam okazję współpracować w Vattenfall-u. Oprócz szkolenia z użyteczności brałem udział w wielu spotkaniach projektowych, testach użyteczności itp.

Szkolenie, współpraca i doświadczenia – bezcenne!

SearchLab

Agencja SEM wyodrębniona z Agory. SearchLab przeszkolił mój zespół www, w Vattenfall-u, z optymalizacji i pozycjonowania.

Podsumowując

Wszystkie ww. doświadczenia, zebrana wiedza, udane projekty w ramach Szczepaniec.com, ale też wiele popełnionych błędów sprawiają, że czuję się w tym co robię coraz pewniej.

Bez dalszych opowieści polecam swoje usługi: produkcja www, e-marketing, doradztwo i szkolenia. Wszystko w służbie jakości Twojej obecności w Internecie.

Pozdrawiam i zachęcam do komentowania.

Swoje portfolio zbudował projektując dla firm takich, jak: Grupa TVN, PTK Centertel, Polkomtel SA, PTC Sp. z o.o., Grupa Onet.pl.

Jak wygląda u Ciebie proces graficznego projektowania strony internetowej?

Projektowanie zaczynam od zapoznania się z dobrze napisanym, szczegółowym briefem. A przynajmniej chciałbym, żeby zawsze tak było.

Zdarza się jednak, że klienci nie potrafią skonkretyzować swoich potrzeb, nie mają pomysłu na własną stronę – wtedy staramy się wspólnie wypracować jakąś wizję, którą będę mógł przelać na wirtualny papier.

Kolejny etap to poszukiwanie i dobieranie odpowiednich zdjęć, tekstur, fontów, form i kolorów, w oparciu o które będę budował stronę. Jednocześnie staram się rozrysować różne koncepcje rozkładu elementów, by odnaleźć ten optymalny.

Nie jestem zwolennikiem projektowania kilku różnych wersji tej samej strony – moim zdaniem jest to strata czasu designera i pieniędzy klienta.

Następny krok to konsultacje z klientem i nanoszenie ewentualnych poprawek. Ta część pracy nierzadko jest najdłuższa i najbardziej stresogenna.

Potem – w oparciu o zaakceptowany projekt strony głównej – projektuję kolejne podstrony, by na końcu przekazać wszystko w ręce kodera wdrażającego projekt graficzny w działającą witrynę internetową.

Na każdym etapie pracy nieodzowne okazuje się też oglądanie projektu z wszelkich możliwych odległości i różnych perspektyw (z tego co wiem, jest to bardzo popularny „tik” u designerów stron www) oraz – co jest już działaniem w pełni uzasadnionym – wyświetlenie strony na różnych monitorach, najlepiej różnej klasy.

Pozwala to dobrać odpowiednią temperaturę barw oraz kontrast, który pozwoli zachować wysoką czytelność strony także na słabszym lub nieskalibrowanym sprzęcie.

Jakbyś zdefiniował dobry projekt? Po czym poznać projekt udany od średniego?

Dobry projekt to taki, który chętnie umieszczę w portfolio. Z przemyślaną, intuicyjną  nawigacją, czytelny, spełniający wszelkie wymagania postawione w briefie, a przy tym atrakcyjny wizualnie. Projekt udany zatrzymuje internautę na dłużej, średni nie pozostawia śladu w pamięci.

Czy i jak (jakie) wykorzystujesz siatki?

Solidnie przygotowany grid to podstawa dobrego projektu. Dzięki niemu nawet najbardziej zagmatwane wizualnie strony pozostają czytelne i łatwe w odbiorze.

Przyznam, że jestem w tym względnie niemiłosiernie pedantyczny. Bywa, że klientów to irytuje – najczęściej w sytuacji, kiedy nie chcę powiększyć ich logo, tłumacząc się właśnie zaburzeniem siatki.

Stosuję bardzo różne siatki , wszystko zależy od konkretnego projektu, zawartości i przeznaczenia strony . Najczęściej jednak jest to standardowe, szeroko znane i lubiane 960 px (ze względu na swoją podzielność) oraz 970 px – zwłaszcza w przypadku sklepów internetowych.

Na czym polega wg Ciebie równowaga projektu graficznego?

Projekt graficzny jest idealnie zrównoważony, kiedy strona przyciąga wzrok internauty, jest charakterystyczna i zapamiętywalna,  a jednocześnie pozwala mu skupić się na prezentowanej treści.

W procesie projektowym nie wolno zapomnieć, że to właśnie treść (rozumiana jako tekst, informacja, prezentacja usługi, produktu) jest najważniejsza, a cała oprawa graficzna to „tylko” tło.

Na czym polega jedność? spójność?

Spójność projektu można rozpatrywać na dwóch płaszczyznach. Z jednej strony jest to zachowanie jednolitego stylu graficznego, co przejawia się w wykorzystywaniu tylko ustalonej palety barw, typografii, form geometrycznych, podobnych stylistycznie zdjęć, czy ikon.

Druga kwestia to zgodność oprawy wizualnej z zawartością strony – treść musi znaleźć swoje odzwierciedlenie w grafice. Inaczej będzie wyglądać strona korporacyjna koncernu paliwowego, a inaczej blog nastoletniej fanki Tokio Hotel.

Na czym polega wyróżnienie?

Wyróżnienie polega na wizualnym wyeksponowaniu elementów, na które chcemy zwrócić szczególną uwagę widza. Osiąga się je na wiele sposobów – najczęściej na zasadzie kontrastu, akcentu.

Przykładem może być różnica w wielkości, zastosowanie innego fontu, kolor spoza gamy barw użytej na stronie czy odmienna tekstura tła.

Ważne, aby nie przesadzać z ilością jednocześnie eksponowanych elementów. Po pierwsze może to zdezorientować internautę („Hej, kliknij tutaj!”, „Nie, lepiej tutaj!”, „Nie, czekaj! Tutaj jest najlepsza promocja!”).

Po drugie mnogość wyróżnionych w podobnym stylu informacji sprawia, że takie wyróżnienie traci swoją moc i w efekcie staje się po prostu kolejnym (jednym z wielu na stronie) sposobem na prezentację treści.

W takim przypadku pojawia się  niebezpieczeństwo, że internauta pominie informację, którą staraliśmy się mu za wszelką cenę przekazać.

Jakie są najpopularniejsze układy stron? Jak je oceniasz?

Dawno temu niepodzielnie królował układ trójkolumnowy z główną, szeroką kolumną środkową i wąskimi bocznymi – lewą i prawą. Do tego oczywiście nagłówek i stopka. Nie można mu odmówić funkcjonalności, ale chyba wszystkim się nieco przejadł ;-)

Dzisiaj strony mają często dużo ciekawszą i bardziej zawiłą konstrukcję. Niektórzy projektanci w oparciu o te skomplikowane formy wypracowali nawet swój charakterystyczny, łatwo rozpoznawalny styl.

Ja zawsze staram się być elastyczny, w związku z czym stosuję bardzo wiele różnych układów – zależnie od typu strony: od prostych, jednokolumnowych galerii, po skomplikowane wielokolumnowe „konstrukcje” na potrzeby wortali i branży
e-commerce.

Od pewnego czasu w projektowaniu stron modne stało się także wykorzystanie złotego podziału, z czego zresztą bardzo się cieszę – efektem są bardziej harmonijne projekty.

Co Cię inspiruje?

Prawdopodobnie w dobrym tonie byłoby powiedzieć, że inspiruje mnie piękno otaczającego nas świata, ekologia oraz muzyka klasyczna, jednak – choć wstyd się przyznać – dla mnie inspiracją często są magazyny dla kobiet (te z nieco wyższej półki) :-)

Po prostu jest w nich pełno świetnie zrobionych reklam, same w sobie też są bardzo dobrze zaprojektowane, a że ich męskich odpowiedników nie kupuję, to korzystam
z zasobów żony.

Poza tym codziennie przeglądam Internet, a to zdecydowanie najlepsze i najczęściej aktualizowane źródło inspiracji.

Jak rozpoznajesz potrzeby klienta?

Wczytuję się w brief.  Niestety czasami  to nie wystarcza i rzeczywiste potrzeby klienta wyczytuję dopiero z korespondencji zawierającej litanię poprawek.

Jakie są ograniczenia w projektowaniu stron www? Rozdzielczość, waga grafiki, czy jeszcze coś innego?

Kwestie techniczne mogą oczywiście nieco „podcinać skrzydła” designerowi, ale generalnie od momentu, kiedy Internet Explorer zaczął sobie radzić z przezroczystością w plikach .png, można projektować dość swobodnie.

Nie obawiam się już dzisiaj klątw ciskanych w moim kierunku przez rozeźlonych koderów. Jakiś czas temu nieraz miało to miejsce, gdy trzeba było wdrożyć mniej standardowy projekt, a klient akurat zażyczył sobie bezwzględną kompatybilność
z IE6.

Problem zbyt dużej wagi plików graficznych pojawia się dzisiaj głównie przy projektowaniu stron, które docelowo mają odnotowywać bardzo duży ruch.

Przy setkach tysięcy odwiedzin dziennie każdy zbędny kilobajt jest mocno niepożądany, trzeba więc nadal stosować sztuczki typu powtarzalne tło, czy mocną kompresję grafiki.

W przypadku pozostałych stron, dzięki coraz szerzej dostępnym i tańszym szybkim łączom internetowym, mało kto wzdryga się już na wieść o potrzebie załadowania np. rozbudowanego pliku tła o „masie” kilkuset KB, można więc graficznie poszaleć.

Tak naprawdę największym ograniczeniem nadal pozostaje wyobraźnia projektanta i w tej materii raczej nieprędko coś się zmieni.

PS
Kolejna część wywiadu już wkrótce.

Przed instalacją WordPressa

Zakładając, że instalujemy WordPressa w swojej domenie, przed instalacją musimy:

1. Posiadać (mieć zarejestrowaną) domenę*.
2. Mieć hosting, inaczej swoje miejsce na serwerze www (z PHP i MySQL).
3. Wszelkie dane, które pozwalają zarządzać domeną i hostingiem (oraz FTP).
4. Klienta FTP – program pozwalający przesyłać dane z i do serwera (np. FileZilla).

*Na potrzeby wpisu będę posługiwał się przykładową domeną www.adres.pl.

Pliki instalacyjne WordPressa (2 min.)

Pliki instalacyjne należy ściągnąć z Internetu: pliki instalacyne WordPressa.

Następnie rozpakowujemy paczkę gdzieś na dysku.

W tym miejscu są 2 szkoły: albo instalujemy „gołą” instalację rozszerzeniami (czy skórkami) zajmując się później, albo kompletujemy na dysku wersję ostateczną (z rozszerzeniami i skórkami) i instalujemy całość za pierwszym razem.

W naszym przypadku pójdziemy pierwszą drogą. Dlaczego? Bo według mnie tak jest łatwiej.

Przygotowania po stronie serwera (5 min.)

Kolejnym krokiem są odpowiednie działania po stronie serwera.

1. Przy pomocy klienta FTP wchodzimy do katalogu głównego na serwerze www. Często nosi on nazwę www lub public_html. W środku katalogu głównego tworzymy katalog o odpowiedniej nazwie podobnej lub tożsamej z nazwą domeny (np. adres.pl).

2. Przypisanie domeny do odpowiedniego katalogu. Wchodzimy do panelu zarządzania domeną i definiujemy katalog, na który wskazywać ma domena. W naszym przypadku: domena www.adres.pl wskazywać będzie na katalog adres.pl.

Uwaga: Założyłem, że domena oraz hosting wykupione są w tej samej firmie. Wtedy powiązanie jednego z drugim jest łatwiejsze. W przypadku, gdy domenę wykupiliśmy w firmie A, a hosting mamy w firmie B – w panelu zarządzania domeną musimy zmienić serwery DNS tak, aby wskazywała DNSy firmy B. Jeśli potrzebujecie pomocy w tej lub jakiejkolwiek innej kwestii – proszę o kontakt.

3. Baza danych MySQL. Każdy panel zarządzania serwerem posiada skrót do sekcji MySQL. Wchodzimy i tworzymy bazę danych. W trakcie jej tworzenia należy przypilnować, aby nazwa bazy, użytkownika i hasło nie były oczywiste i łatwe do złamania.

Załóżmy, że stworzyliśmy bazę o nazwie baza_danych, użytkownik nazwa_uzytkownika, hasło tajne_haslo (host nazwa_hosta).

Stworzenie pliku konfiguracyjnego wp-config.php
(3 min.)

Wracamy do katalogu na naszym dysku, w którym znajdują się pliki instalacyjne WordPressa. Odnajdujemy plik o nazwie wp-config-sample.php i otwieramy go np. w notatniku. W pliku tym mamy do zmiany kilka rzeczy:

1. Nazwa bazy danych. W linijce, gdzie znajduje się zapis: define(‘DB_NAME’, ‘nazwatwojejbazydanych’); w odpowiednie miejsce wpisujemy nazwę bazy danych.
2. Nazwa użytkownika: define(‘DB_USER’, ‘nazwauzytkownika’);
3. Hasło: define(‘DB_PASSWORD’, ‘tutajtwojehaslo’);
4. Serwer MySQL (tzw. host): define(‘DB_HOST’, ‘localhost’);
5. Klucze uwierzytelniania. Wchodzimy na stronę: https://api.wordpress.org/secret-key/1.1/salt/, przeładowujemy ją i kopiujemy całość wygenerowanego tekstu.

Fragment z pliku konfiguracyjnego zaczynający się od: define(‘AUTH_KEY’, ‘put your unique phrase here’); a kończący: define(‘NONCE_SALT’, ‘put your unique phrase here’); zastępujemy tekstem wygenerowanym.

Po wykonaniu wszystkich kroków, zapisujemy plik i zmieniamy jego nazwę na wp-config.php.

Przesłanie kompletu plików na serwer (4 min.)

Przy pomocy klienta FTP przegrywamy całą zawartość katalogu z plikami instalacyjnymi z naszego dysku do odpowiedniego katalogu na serwerze (w naszym przypadku katalog adres.pl). Transfer plików zajmuje kilka minut.

Po przegraniu plików należy upewnić się, że transfer przebiegł prawidłowo i wszystkie pliki znajdują się na serwerze.

Instalacja WordPressa (1 min.)

Instalacja WordPressa zajmuje krótką chwilę, a wywołujemy ją wpisując do przeglądarki internetowej www.adres.pl

Uwaga: Jeśli po wpisaniu ww. adresu instalacja się nie rozpoczyna lub występują błędy – skontaktuj się z firmą odpowiadającą za domenę i hosting lub ze mną.

Po instalacji wygenerowane zostanie hasło. Logujemy się po raz pierwszy do panelu administracyjnego WordPressa i pierwsze co robimy to zmiana hasła. Hasło do panelu powinno być nieoczywiste i bezpieczne.

To wszystko.

Jeśli wolisz zlecić nam instalację WordPressa – Zapytaj o wycenę

 ('DB_NAME', 'nazwatwojejbazydanych');

17-21 maja odbył się Search Marketing Week, tydzień szkoleń z marketingu internetowego zorganizowany przed MaxROY.com.

Tematyka szkoleń

Szkoliłem się z następujących tematów:

1. E-mail Marketing – prelegent P.Sala – FreshMail.pl
2. Sklepy internetowe – W.Kyciak – Kyciak.pl ; P.Jarosz – Sklepy24.pl
3. Usability (użyteczność stron) – T.Karwatka – Ideacto.pl
4. SEO i pozycjonowanie PRO – MaxROY.com ; C.Glijer – ceZzy.pl
5. Google Analytics – P.Modrzewski – MarketingLab.pl ; B.Berliński

Strzał w 10

Pomysł wyjazdu na cały tydzień szkoleń z marketingu w Internecie uważam za strzał w 10.

Z każdego szkolenia wyniosłem coś nowego, a szkolenie SEO i pozycjonowanie PRO okazało się warte niemałych pieniędzy, jakie trzeba było za nie zapłacić.

Platforma WordPress w swojej pierwotnej postaci przeznaczona była do blogowania. Mieliśmy zatem klasyczny układ bloga, z wpisami na stronie głównej, boksami wpisów archiwalnych, kategoriami, tagami i tak dalej.

Z czasem ogromna popularność – a co za tym idzie społeczność skupiona wokół WordPressa – przyczyniła się do dynamicznego rozwoju platformy, a także form, w jakich zaczęła być ona wykorzystywana.

Od tej pory nie traktujemy WordPressa tylko i wyłącznie jak oprogramowania do blogowania. Stał się on klasycznym CMS-em (systemem zarządzania treścią) i nadaję się do tworzenia stron zarówno amatorskich, jak i profesjonalnych.

Rozszerzenia (wtyczki) WordPressa to potęga

Ogromna popularność oprogramowania poskutkowała publikacją niezliczonej ilości tzw. wtyczek, tj. rozszerzeń WordPressa spełniających najróżniejsze funkcje.

Mamy zatem wtyczki z kalendarzem, wtyczki blokujące spam w komentarzach, wtyczki prezentujące użytkownikom wpisy podobne do aktualnie wyświetlanego oraz wiele, wiele innych.

Elastyczny otwarty kod skryptu WordPressa i niezliczona liczba wtyczek sprawiają, że oprogramowanie stale się rozwija dając jego amatorom ogromne możliwości.

WordPress jest przyjazny wyszukiwarkom

Oczywiście nie zaraz po zainstalowaniu. Optymalizacja WordPressa pod kątem wyszukiwarek (SEO) nie jest jednak niczym trudnym.

Zakładając, że masz odpowiednią wiedzę i wiesz co chcesz osiągnąć w zakresie SEO swojego bloga, czy strony opartej o WordPressa  – odpowiednie rozszerzenie (wtyczka) już tam jest. Wystarczy tylko trochę poszukać.

Optymalizacja WordPressa wg Yoast.com | Optymalizacja WordPressa wg Mariusza Gąsiewskiego | Popularna wtyczka All in One SEO Pack

Uzasadniony dobry PR WordPressa

WordPress uwielbiają miliony. Ale czy to oznacza, że zaspokaja gusta tylko i wyłącznie masowe? Otóż nie. Oprogramowanie zyskało uznanie nawet najbardziej wymagających użytkowników.

Używają go specjaliści pracujący na własną rękę lub w firmach (autopromocja), właściciele stron firmowych (prezentacja oferty lub tzw. zaplecze), właściciele stron amatorskich oraz blogerzy (newsy, recenzje, fotografia, wideo).

Reprezentanci każdej z tych grup wypowiadają się o WordPressie w sposób bardzo przychylny, a najlepszym dowodem ich zadowolenia z WordPressa jest fakt, że używają go na co dzień. Czego jestem przykładem.

Polecam WordPressa każdemu

Podsumowując chciałem szczerze polecić WordPressa jeśli:

• chcesz poeksperymentować i przekonać się czy WordPress jest dla Ciebie,
• masz pomysł jak dzięki WordPressowi zarabiać,
• potrzebujesz dobrej jakości darmowego oprogramowania do publikacji stron internetowych.

Pozdrawiam.

PS
Sprawdź wpis: instalacja WordPressa.

Ze świetnej napisanej bardzo przystępnym językiem książki możemy dowiedzieć się m.in.:

• jaka jest natura tekstów internetowych i jak teksty te czytane (odbierane) są przez Internautów,
• czym charakteryzuje się dobry tekst na potrzeby Internetu,
• w jaki sposób wzbogacać treści o linki uzupełniające, rekomendujące oraz elementy multimedialne,
• jak (w detalach) napisać skuteczny e-mail perswazyjny,
• czym powinny cechować się internetowe teksty dziennikarskie (flash, news agencyjny i prasowy),
• na czym polega dobry „googlewriting” (pisanie tekstów reklamowych w Google AdWords).

Funkcjonalność stron internetowych

W rozdziale wprowadzającym znajdziesz podstawy usability (użyteczności) i funkcjonalności stron internetowych. Podstawową metodą oceny funkcjonalności są badania eyetracking-owe. Polegają na śledzeniu ruchów oczu Internautów przeglądających daną stronę www.

Badania te pokazują jasno, że większość użytkowników zwraca uwagę przede wszystkim na górną lewą część strony. Tam więc powinniśmy umieszczać najważniejszą treść.

Najważniejsza treść powinna znajdować się powyżej linii zanurzenia (przełamania). Jest to linia, która odcina ekran widoczny po otwarciu strony od części, którą widzimy po przewinięciu ekranu w dół.

Podstawą każdej strony powinna być dobrze zaprojektowana nawigacja; klikalne logo, wyszukiwarka, koszyk, pomoc, menu z kategoriami i podkategoriami.

Podstawy webwritingu

Najistotniejszą cechą tekstów dla Internetu jest ich… występowanie na ekranie komputera. Fakt ten w znacznym stopniu utrudnia czytanie (odbiór) treści. Z drugiej strony Internet jest medium, które pozwala nam dotrzeć do bardzo wielu odbiorców w bardzo krótkim czasie. Pisanie do Internetu jest zatem nie lada wyzwaniem. Napisać dla wielu tak, aby trudności w odbiorze treści nie zniechęciły zbyt wielu.

Pisząc dla Internetu skup się na użytkowniku

W Internecie zmienia się również tradycyjna hierarchia układu piszący-odbiorca. Na pierwszym miejscu zawsze stawiamy odbiorcę. To nie czytelnik ma zrozumieć odbiorcę (choć to dobry objaw) – aby dotrzeć, być skutecznym, to autor ma zrozumieć swojego czytelnika. Techniką pozwalającą lepiej wywiązać się z tego zadania jest tworzenie tzw. person.

Stwórz persony, a zrozumiesz Twoich odbiorców

Persona jest modelem potencjalnego odbiorcy. Staramy się zatem usystematyzować dane ne temat tej osoby; podstawowe – imę, wiek, płeć, ale również sytuację rodzinną, wykształcenie, dochody, stopień zaawansowania technicznego etc. Tak przedstawiona persona pozwala lepiej zrozumieć cele, potrzeby i zadania, które pragnie ona zrealizować za pośrednictwem naszej strony.

Person powinniśmy stworzyć około 5-6. Pamiętajmy, że dobrze zdefiniowane persony to świetne modele użytkowników, którzy mogą odwiedzić stronę.

Zacznij od najważniejszego, używaj odpowiednich słów kluczowych

Mając na uwadze to, jak czytają Internauci – tworząc teksty na stronę www powinniśmy stosować regułę tzw. odwróconej piramidy. Najważniejsza część tekstu, najważniejsze informacje powinny znaleźć się na górze strony, a im niżej – tym mniejsza istotność tekstu.

Sam układ to nie wszystko. Wchodząc na naszą stronę użytkownicy przede wszystkim sprawdzają, czy znajdą tu to, czego szukali. Aby pomóc im podjąć decyzję należy stosować odpowiednie słowa kluczowe. Powinny znaleźć się w tytule, w pierwszych słowach wprowadzenia (leadu), w pierwszym akapicie.

Spraw, aby Twój tekst był użytkowy

Nasze teksty powinny być zwięzłe, rzeczowe, przejrzyste, czytelne, napisane prostym językiem, hipertekstowe i konwersacyjne. Są to wszystkie cechy tzw. tekstu użytkowego.

Tytuł musi być konkretny i rzeczowy. W ok. 60 znakach powinniśmy zawrzeć clue całej treści. Pisząc tytuł zawsze zastanówmy się, czy jeśli to my zobaczylibyśmy go po raz pierwszy – czy wiedzielibyśmy o czym będzie tekst?

Akapit to spójna treściowo samodzielna część tekstu. Najlepiej stosować zasadę: jedna myśl – jeden akapit. Ma to szczególne znaczenie w tekstach dla potrzeb Internetu ze względu na ulotność treści (konkretny tekst konkuruje z wieloma innymi, a użytkownik często i łatwo przechodzi dalej / wstecz). Oczywiście im ważniejszy akapit – tym wyżej powinien znajdować się w tekście.

W tekście powinniśmy stosować nagłówki. Normalnie nie jest to tak istotne, ale w Internecie – bardzo ważne. Nagłówki pomagają nawigować po tekście, przyspieszają czytanie i ułatwiają zrozumienie w bardzo krótkim czasie o czym jest dana strona.

Pamiętajmy, że na zatrzymanie użytkownika na stronie, po jego pierwszym wejściu, mamy ok. 10 sekund. To średni czas, po którym zwykle następuje decyzja: zostaję / wychodzę.

W tekście na potrzeby Internetu świetnie sprawdzają się również wyliczenia (numerowane, bądź nie). Wyliczenia porządkują myśli, pomagają w zapamiętywaniu, zapewniają większą przejrzystośc tekstu, umożliwiają także szybsze odszukanie istotnych informacji.

Dobrym pomysłem jest prezentowanie danych liczbowych w tabelach. Tabele sprawdzają się również w przypadku listy zdań warunkowych (jeśli warunek – to…). W przypadku tabel należy zwrócić szczególną uwagę na to, jak prezentują się one na stronie. Tabela nie powinna mieć za dużo kolumn (aby nie stracić na czytelności), nie może też być za długa. W przypadku większej ilości treści warto rozważyć podział tabeli na częsci.

Wyjątkowo ważną kwestią w webwritingu jest język jakim się posługujemy. Powinniśmy pisać prostym językiem, najlepiej krótkimi zdaniami. W Internecie sprawdzają się zdania pojedyncze. Zdania złożone powinniśmy się zatem starać podzielić i stworzyć z nich kilka zdań prostych.

Autorka książki podaje kilka przydatnych wskazówek jak upraszczać zdania:

• podmiot blisko orzeczenia,
• przysłowek blisko czasownika,
• przymiotnik przed rzeczownikiem,
• zaimek blisko rzeczownika.

Ponadto, ze względu na ryzyko utraty czytelności tekstu, należy unikać:

• synonimów,
• zaimków,
• zaprzeczeń,
• rzeczowników odczasownikowych,
• łańcuchów przymiotników,
• cyfr i liczb pisanych słownie.

Tekst do Internetu powinien być hipertekstowy. Co to oznacza? Mówiąc krótko różnego rodzaju odnośniki na stronie prowadzące do innych stron. Hipertekstowość sprawia, że tekst internetowy przestaje być linearny, ciągły. Możemy zacząć go czytać, następnie w środku tekstu klikając odnośnik przejść na inną stronę, z tamtej na inną (lub wrócić do poprzedniej) i tak dalej.

Łącza (odnośniki) należy wstawiać w odpowiednich miejscach, powinny być one dobrze opisane, a ze względu na czytelność (użyteczność) strony – nie powinno ich być zbyt wiele. Zwróć uwagę, że linki rozpraszają uwagę odbiorcy, a w przypadku gdy chcemy, aby tekst na stronie został przeczytany w jak największym stopniu – linki (np. śródtekstowe) mogą być nawet niewskazane.

Wstawiając linki pamiętaj, że jego opis musi nieść choć minimum cennych informacji. Tekst odnośnika (anchor text) „Czytaj więcej nt. pozycjonowania stron internetowych” jest zawsze lepszy od „Czytaj więcej„. Oczywiście drugi typ odnośnika, jeśli strona jest wystarczająco czytelna(!) – zostanie i tak zrozumiany przez użytkownika (link osadzony jest w pewnym kontekście).

Link drugiego typu zostanie lepiej przyjęty, gdy użytkownik nie skupia się na czytaniu (śledzi elementy hipertekstowe / interaktywne). Jest on też lepiej przyjmowany przez roboty wyszukiwarek; treść strony, do której prowadzi link zostanie powiązana lepiej ze słowami kluczowymi występującymi w tekście odnośnika. Polecam - w miarę możliwości – stosowanie drugiego typu odnośników.

Kolejnym istotnym aspektem pisania na potrzeby Internetu jest konwersacyjność tekstu, inaczej – prowadzenie z odbiorcą swoistego dialogu.

• Lepiej pisać na „ty”. Skracamy w ten sposób dystans, a poprzez wyeksponowanie roli czytelnika okazujemy mu większy szacunek.
• Dobrze jest stosować pytania. Starajmy się, aby były takie, jakie mogliby zadać Internauci. Stosowanie odpowiednich słów kluczowych (tzw. słów pragnień) jest tutaj bardzo ważne.
• Stosuj dużo czasowników.
• Stosuj stronę czynną czasowników w miejsce strony biernej. Strona czynna jest łatwiejsza w czytaniu.
• Stosuj tryb rozkazujący czasowników. Tryb ten wyrywa użytkowników
  z bezczynności, jest impulsem do działania.

Podsumowanie

Powyżej znajdują się absolutne podstawy. Dalsze rozdziały książki mówią o:

• dziennikarstwie internetowym,
• internetowych tekstach reklamowych,
• pisaniu perswazyjnych e-maili,
• googlewritingu,
• pisaniu na potrzeby e-PR.

Książkę p. Joanny szczerze polecam. Jest krótka, świetnie napisana,  zawiera też sporo ćwiczeń, które przydadzą się początkującym webwriterom.

Zachęcam do dyskusji w komentarzach i pozdrawiam.