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.

Szkolenie oceniam bardzo dobrze. Paweł jest praktykiem, ma dużą wiedzę, a co najważniejsze, potrafi ją fajnie sprzedać.

Poniżej prezentuję kilka podpowiedzi dla początkujących z E-mail Marketingiem.

E-mail marketing – żelazne zasady

• Jeśli zbierasz adresy e-mail potrzebna jest jasna informacja co i jak często będzie na te adresy wysyłane.
• Zawsze stosuj metodę double opt-in. Po pierwsze, adresy potwierdzone istnieją. Po drugie, nie istnieje problem blokady wysyłki przy wskaźniku odbić powyżej 1%. Po trzecie, jesteśmy odporni na nieuczciwe działania konkurencji.
• Wysyłki powinny być cykliczne i regularne. Dobrą częstotliwością jest raz na 2 tygodnie. Treści mniej perswazyjne (np. ciekawy newsletter) możesz wysyłać raz na tydzień.
• Zawsze dodawaj stopkę formalną oraz link rezygnacji.
• Przy zbieraniu e-mailu należy (choć bez przesady) zbierać inne przydatne informacje o użytkowniku.
• Baza e-maili powinna być dobrze posegmentowana, co pozwoli lepiej stargetyzować wysyłki.
• Zawsze pamiętaj o teście antyspamowym. Przeprowadź też test klienta pocztowego.
• Stosuj testy A/B, aby zwiększyć skuteczność wysyłki. Pamiętaj, aby testować jeden parametr (element) e-maila na raz.

Jak zbudować bazę adresów e-mail – kilka pomysłów

• Wabik w postaci jakiegoś „prezentu”, np. e-booka.
• Integracja formularza kontaktowego w serwisie z zapisem na newsletter.
• Propozycja zapisu na newsletter we wszelkiej korespondencji transakcyjnej, w sklepach internetowych.
• Zbieranie adresów e-mail w realu, przy różnych okazjach (konferencje, wydarzenia etc.).
• Konkurs, głosowanie, gra, serwis społecznościowy (dobry PR, a czasem efekt wirusowy).

Baza adresów e-mail – segmentacja i „higiena”

• W momencie, gdy mamy już bazę adresów e-mail, dążymy do jak najlepszej jej segmentacji.
• Kryteria mogą być podstawowe (np. demograficzne), ale im więcej wiemy o naszych użytkownikach (ich zainteresowaniach, potrzebach), tym celniej możemy kierować do nich naszą ofertę.
• Uwaga: Jeśli adres e-mail jest w wielu segmentach bazy jednocześnie – należy uważać, aby użytkownik nie dostawał od nas zbyt wielu e-maili w krótkim czasie.
• Z bazy należy „czyścić” e-maile, z których nastąpiły twarde / miękkie odbicia (odpowiednia ich liczba z rzędu). Im mniej „martwych” adresów w naszej bazie, tym lepiej.

Zasady dotyczące samego e-maila

• Pole „od” konstruować można na 3 sposoby: – „Imię Nazwisko”,  – „Nazwa firmy”, – „Imię Nazwisko / Nazwa firmy” ; należy testować która forma jest najwłaściwsza w naszym konkretnym przypadku.
• Tytuł wiadomości powinien być krótki i składać się z prostych „żołnierskich” słów. W tytule warto stosować element pilności, ograniczyć ofertę czasowo.
• Stosujmy wersję HTML z dodatkową wersją tekstową „pod spodem”.
• Celem e-maila jest nakłonienie użytkownika do przejścia na stronę docelową. Stosuj zatem prostą rzeczową komunikację. Stosuj krótkie wyraźne komunikaty, śródtytuły, buttony oraz zachęty do kliknięcia.
• W treści wiadomości zaproponuj dodanie swojego adresu (nadawcy) do książki adresowej lub tzw. white listy.

Inne zasady e-mail marketingu, strona docelowa

• Nie kieruj użytkownika na stronę główną. Na cele kampanii e-mailowej stwórz odpowiednią stronę docelową (tzw. landing page).
• Strona docelowa musi być „przedłużeniem” e-maila (grafika, logika, przekaz).
• Strona docelowa nie może zawierać zbyt wielu dróg „ucieczki”. W końcu chcemy realizować na niej konkretny scenariusz (lead, sprzedaż etc.).
• E-maile są z reguły sprawdzane w pracy. Zatem dobrym czasem na wysyłkę są godziny poranne („kawka”) lub okolice godziny 14-tej (po lanczu).

PS
Zachęcam do komentowania i dzielenia się uwagami nt. dobrego e-mailingu.

W ostatnim wpisie na temat WordPressa zachwalałem go jako dobry CMS

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/, przeładowujemy ją i kopiujemy całość wygenerowanego tekstu.

Fragment z pliku konfiguracyjnego:

define(‘AUTH_KEY’, ‘wprowadz tutaj unikatowa fraze’);
define(‘SECURE_AUTH_KEY’, ‘wprowadz tutaj unikatowa fraze’);
define(‘LOGGED_IN_KEY’, ‘wprowadz tutaj unikatowa fraze’);
define(‘NONCE_KEY’, ‘wprowadz tutaj unikatowa fraze’);

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/wp-admin/install.php

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. W następnym odcinku nt. WordPressa zajmiemy się jego wyglądem (skórkami / szablonami).

('DB_NAME', 'nazwatwojejbazydanych');

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ć.

Szczegółowe relacje ze szkoleń już wkrótce.

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
W następnym odcinku: instalacja WordPressa.

Usystematyzowany plan pozycjonowania

Książka zaczyna się kilkoma rozdziałami wprowadzenia do tematyki SEO (pozycjonowania), po których następuje usystematyzowany przewodnik rozpisany na tygodnie i poszczególne dni. Oczywiście, plan zawarty w książce można wykonywać w różnym tempie, ale właśnie takie usystematyzowane podejście pozwala lepiej zorganizować swój czas pracy nad optymalizacją witryn pod kątem wyszukiwarek.

Praktyczne podejście do SEO

Książka napisana jest bardzo przystępnym językiem, a co najważniejsze – nastawiona jest na praktykę, działanie; nie jest to nudny wykład z teorii, ale wzorcowy przewodnik po skomplikowanej dziedzinie pozycjonowania. „Zrób to teraz”, „odłóż książkę i sprawdź to”, czy inne tego typu zachęty – to tutaj komunikaty stosowane powszechnie.

Rekomendacja absolutna

Tak, jak podkreślałem już wcześniej – jeśli SEO (pozycjonowanie) jest dla Ciebie źródłem dochodu lub z innych względów zależy Ci na solidnej wiedzy z tego tematu – „Godzina dziennie z SEO” to pozycja obowiązkowa. Nie wahaj się ani przez moment, aby ją kupić.

Pozdrawiam serdecznie i zachęcam do podzielenia się swoimi uwagami nt. omawianej książki w komentarzach.

Plusy książki

• Tematyka SEO jest tu przedstawiona w szerokim kontekście. Nie brakuje dobrych analogii i przykładów obrazujących prawidła pozycjonowania.
• Z książki mogą skorzystać zarówno początkujący, jak i specjaliści. Uniwersalność jest niewątpliwie zaletą tej pozycji.
• Biblia SEO zawiera wartościowe dodatki (A, B, C i D). Mamy tu zatem treściwy rozdział dotyczący optymalizacji dla 3 głównych wyszukiwarek, wywiady branżowe, listę wartościowego oprogramowania, narzędzi i zasobów SEO oraz arkusze robocze przydatne w codziennej pracy pozycjonera.
• I inne, które pominąłem*.

Minusy

• Tłumaczenie bywa momentami fatalne. Mylone są podstawowe pojęcia, co szczególnie dla początkujących może stanowić przeszkodę w zrozumieniu.
• Książka jest rozwlekła. Nie wiem, czy to wina autorki, czy tłumaczącego, ale gdyby wycisnąć clue – z 400 stron zostałoby niecałe 200. Być może chodziło o realizację maksymy: „3 najważniejsze rzeczy powtórz 3 razy”, ale 10 najważniejszych rzeczy razy 18 – to lekka przesada.
• Biblia SEO jest droga. Co prawda wydana w twardej oprawie, ale po jej przeczytaniu i dotarciu do (naprawdę) ostatniej strony zawierającej cenę (79 zł) – pozostaje niesmak…

Podsumowując tę krótką recenzję, Biblia SEO autorstwa Jerri Ledford (dla mnie) jest warta tyle, co 4 dodatki na samym końcu. Dla tych dodatków warto przejść się do księgarni na pół godziny, poczynić odpowiednie notatki, a 79 zł wydać na zaplecze ;-)

Pozdrawiam Was serdecznie.

*Punkt, jakich wiele w omawianej książce – nie niosący żadnej informacji.

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.

Paweł Przybyś, programista i webdeveloper

Zachęcam do przeczytania wywiadu z programistą i webdeveloperem, Pawłem Przybysiem. Z Pawłem mam okazję współpracować w ramach Szczepaniec.com i życzyłbym wszystkim, żeby mieli do czynienia tylko z takimi fachowcami. Paweł współpracował m.in. z Rafałem Agnieszczakiem, twórcą Fotka.pl.

Wywiad dotyczy – ogólnie rzecz ujmując – tworzenia i optymalizacji stron www, dobrych praktyk i trendów w tej dziedzinie. Zachęcam do komentowania i zadawania Pawłowi pytań. Wszelkie pytania przekażę, a odpowiedzi opublikuję w komentarzach.

World Wide Web ogólnie

Czym dla Ciebie jest obecnie World Wide Web?

- Sieć to dla mnie ocean pomysłów, inspiracji i możliwości. Aktualnie relacje www są tak rozległe i skomplikowane, że Internet (w wymiarze www) porównuje się z organizmem ludzkim. Żyjemy w ciekawych czasach rządów informacji. Informacji serwowanej błyskawicznie. Przewagę ma ten, kto nadąża i odpowiednio reaguje. (…) No, i później siedzimy w pracy po godzinach… (śmiech)

Jak – wg Ciebie – zmienia się samo serwowanie informacji w Internecie?

- Zaczynaliśmy od prostych stron internetowych. Strony zaczęły pełnić coraz więcej funkcji, zaczęły rosnąć i stały się skomplikowane. Nadeszły wreszcie portale społecznościowe, gdzie treść tworzona jest przede wszystkim przez użytkowników. Przechodzimy do etapu, w którym informacje z wielu źródeł serwowane są w jednym miejscu. Wszechobecna „chmura” nadchodzi.

Jak zmieniający się charakter sieci wpływa na pracę programisty / webdevelopera?

- Zmiany pociągają za sobą ciągły rozwój mojego kunsztu. Praca „informatyka” – dlaczego wszyscy mnie tak nazywają? – jest z pewnością bardzo ciekawa. Nowe technologie, trendy i zmieniające się wymagania, nawyki Internautów sprawiają, że wciąż podnoszę swoje kwalifikacje.

Jak oceniasz rynek przeglądarek? Jak ich rozwój wpływa na Twoją pracę?

- Współzawodnictwo, konieczność bycia zawsze o krok przed konkurencją przynosi temu rynkowi same korzyści. Ich rozwój wpływa korzystnie na moją pracę – staje się prostsza, choć zdarzają się też rozwiązania, za którymi nie przepadam…

Co jest naczelną barierą www – bandwidth (przepływność łącza internetowego), przeglądarki, czy jeszcze coś innego?

- Ludzka wyobraźnia. Wszystko jest możliwe.

Wyszukiwanie, Google

Co jest według Ciebie ważniejsze – dobry, przyjazny, łatwy do zapamiętania URL (adres strony), czy pozycjonowanie, walka o wysoką pozycję w Google?

- Pytasz czy prawdziwe jest założenie o wielkości Google? Tak, ale nie dlatego, że jest to wyszukiwarka idealna, ale dlatego, że jest najpopularniejsza. Wszyscy Internauci używają Google. Nie jest jednak tak, że jesteśmy skazani jedynie na te techniki promowania stron, które są „po linii” wyszukiwarki. Wszystko da się pogodzić. Najważniejsza jest unikalna treść. Mając odpowiedni content – połowa sukcesu jest nasza. Wartościowa treść powinna być celem każdego, kto zabiera się za stworzenie witryny internetowej.

Co sądzisz o universal search w Google (wymieszane SERP-y / wyniki wyszukiwania wideo, obrazki, mapy, newsy itd. prezentowane razem z wynikami naturalnymi / tekstowymi)?

- To po prostu kolejny krok w ewolucji wyszukiwarek. Pamiętajmy, że wyszukiwarki to świetny biznes. Utrzymanie go jest najważniejszym celem stakeholders (osób mających wpływ na biznes). Jeśli użytkownicy „lubią” i klikają obrazki – Google będzie je wyświetlał. Satysfakcja użytkowników przekłada się wprost na zyski.

Strony www, technologie

Jakie są kolejne etapy budowania strony, nadawania jej struktury?

- Najważniejszy zawsze jest dobry pomysł. Polecam od razu próbować wyobrazić sobie jak będzie wyglądał nasz serwis, jakie będzie miał funkcje i jak będzie wykorzystywany przez użytkowników. Na początek wystarczy projekt na serwetce, w dalszym etapie należy stworzyć profesjonalny prototyp (makietę) – takie podejście ułatwia dalszą pracę nad serwisem. Później następuje implementacja i pielęgnacja, dopracowywanie szczegółów.

Czy i w jakim stopniu wykorzystujesz prototypy stron?

- Stosuję je zawsze, bo dobry prototyp, to połowa sukcesu. Chodzi nie tylko o spokój pracy programisty / webdevelopera, ale o sprawną komunikację z klientem i o wiele innych praktycznych aspektów.

Powiedz coś o prawidłowej anatomii strony internetowej. Jak najczęściej „składane” są strony www?

- Strona składa się z nagłówka, treści właściwej oraz stopki. (śmiech) Sztuką jest natomiast takie układanie tych „klocków”, aby możliwe były szybkie i czasem spore modyfikacje.

Jakie znasz, stosujesz standardy HTML?

- xHTML 1.0 Transitional oraz HTML 5.

Skomentuj proszę podpięty tutaj plik graficzny.

- Jest to coś pięknego, przyszłość HTML-a!

Jak powinien być zbudowany odnośnik HTML?

<a href=”http://www.strona.com/” title=”Odpowiedni tytuł
łącza”>Słowa właściwie opisujące treść po kliknięciu</a>

Niby proste, a jednak – z moich obserwacji – wiele osób nie dba o strukturę swoich łączy.

Jak powinny być zbudowane linki wewnętrzne i zewnętrzne?

- Tak jak wyżej. Łącza zewnętrzne można opatrzyć atrybutem rel=”nofollow”, jeśli nie mamy potrzeby wspierać (lub nie sprawdziliśmy dokładnie zawartości) strony, do której linkujemy.

Odnośniki powinny być otwierane w nowym oknie, czy w tym samym?

- W tym samym. To użytkownik ma decydować, nie my.

Co sądzisz o umieszczaniu w kodzie strony odnośników typu mailto, skype itp.?

- Nie widzę przeszkód, ale nie wolno przesadzić. Co za dużo (aplikacji zewnętrznych) to niezdrowo.

Jak prawidłowo umieścić w kodzie obrazek?

<img src=”http://www.strona.com/obrazek.jpg” alt=”Odpowiedni użyteczny tekst alternatywny” title=”Krótki tytuł zdjęcia” width=”400” height=”300” />

Jak obecnie wykorzystywane są tabele?

- Do prezentacji danych tabelarycznych. Jeśli pytasz mnie o to, czy ktoś jeszcze stosuje tabele do prezentacji stron www, to odpowiadam, że wolałbym nie wiedzieć.

Jak prawidłowo skonstruować formularz?

<form action=”” method=”post”>
<fieldset>
<legend>Tytuł</legend>
<div>
<label for=”field_id”>Pole</label>
<input type=”text” name=”field” id=”field_id” />
</div>
<div>
<input type=”submit” value=”Wyślij” />
</div>
</fieldset>
</form>

Jaki jest udział poszczególnych technologii, języków w „webdeveloperce”? Dlaczego proporcje są takie, a nie inne?

- Króluje PHP, a reszta, czyli ASP.NET, Python, Ruby – goni. Dlaczego? To długa i nudna historia.

CSS, optymalizacja grafiki

Na czym polega sukces / fenomen CSS (kaskadowych arkuszy stylów)?

- Zajrzyj na CSS Zen Garden.

Podaj proszę parę ogólnych porad / trików CSS.

- Zamiast opisywać konkretne rozwiązania – polecam gorąco studiowanie A List Apart. Trikami, wypracowanymi w pocie czoła, z zasady się nie chwalę. Dociekliwym pozostaje studiowanie źródła.

Jakie – dla potrzeb Internetu – formaty obrazków powinno się stosować? W jakim stopniu optymalizujesz grafikę?

- Najwłaściwsze formaty to: PNG, JPG, GIF. Optymalizacja: JPG 51% oraz technika CSS Sprites.

Domeny, hosting, publikacja strony

Jakie masz doświadczenia – te dobre i złe – z rejestratorami domen? Jakie z firmami hostingowymi?

- W obu przypadkach zastosuję dyplomatyczną ciszę…

Jak powinien wyglądać optymalny proces publikacji strony w Internecie?

- Powinien być bezproblemowy, ale nigdy taki nie jest.

Trendy w tworzeniu stron www

Jak bardzo zaawansowane są technologie „śledzenia” użytkowników?

- Bardzo, bardzo. Cytując Waltera: „I can see You. We can all see You.”

Jakie rozwiązania pozwalają na personalizację stron i usług w sieci?

- Hmm… Profil na Facebooku? (śmiech)

Jakie trendy widzisz w tworzeniu stron www?

- Trend Facebook Fan. To naprawdę niesamowite, ale dla niektórych użytkowników Faceook równa się Internet. „Załatwiają” tu wszystkie swoje sieciowe potrzeby. Oczywiście fakt ten nie został pominięty przez marketerów internetowych. „Fan content” robi prawdziwą karierę.

W którym kierunku idziemy? Strony-tabloidy, „zły” Flash, czy może semantyka, struktura, czytelność, wyszukiwalność?

- Powolutku odchodzimy od Flasha, na rzecz HTML 5. Trzymam kciuki za utrzymującą się tendencję.

W którym kierunku chciałbyś iść Ty?

- HTML 5, bo to przyszłość.

Czy jako programista / webdeveloper dostrzegasz jakieś nisze?

- Pewnie, ale ich tu nie opiszę, żeby mi pomysłu nie „zwędzono”. (śmiech)

Co poradziłbyś początkującym programistom / webdeveloperom?

- Pytaj, czytaj dokumentację, bądź uparty (oj, uparty!), ucz się na błędach, najlepiej nie na swoich.

Czy chciałbyś jeszcze dodać coś od siebie?

- „Live long and prosper.”

Dziękuję za wywiad.

- Dzięki.

• pomogą odnaleźć użytkownikom Twoją witrynę w gąszczu innych,
• pomogą odnaleźć użytkownikom to, czego szukają w Twoim serwisie,
• pomogą zachęcić do powrotów.

Priorytet 1

• Opracuj dobrze napisaną oryginalną treść, która wpasowuje się w niszę i odpowiada Twojemu audytorium.
• Przyłóż się do keyword research, tj. do stworzenia listy odpowiednich słów kluczowych. Słowa umieść w strategicznych miejscach kodu źródłowego HTML. Gęstość słów kluczowych (keyword density) nie powinna przekraczać 7%.
• Używaj zgodnego ze standardami semantycznego kodu źródłowego. (Sprawdź co oznacza semantyczny kod źródłowy. Przy okazji chciałbym poinformować, że wkrótce na tej stronie znajdziesz słownik najważniejszych pojęć używanych w branży internetowej.)
• Przestrzegaj wszelkich wytycznych dotyczących dostępności stron internetowych tak, aby treść była czytelna dla wyszukiwarek.
• Twórz przewidywalne przyjazne wyszukiwarkom adresy URL.
• Zadbaj o dobrej jakości linki przychodzące i promocję swojej witryny na innych witrynach.
• Stwórz pliki robots.txt oraz sitemap.xml i powiadom główne wyszukiwarki o istnieniu pliku mapy witryny. Ewentualnie utwórz mapę serwisu w formacie HTML, aby ułatwić nawigację użytkownikom i wyszukiwarkom.
• Utwórz własne strony 404 tak, aby pomóc użytkownikom, którzy się zgubili.
• Zadbaj o to, aby kod JavaScript i treść we Flashu nie blokowały indeksacji przez wyszukiwarki.
• Analizuj ruch w serwisie szukając stron najlepszych i najgorszych. Odpowiednio optymalizuj swój serwis.

Priorytet 2

• Dodaj wyszukiwarkę wewnętrzną w witrynie.
• Zastosuj mikroformaty, aby informacje o wydarzeniach i dane kontaktowe nabrały charakteru przenośnego.
• Stwórz bloga i za pośrednictwem serwisów pingujących powiadamiaj katalogi blogowe i wyszukiwarki o nowych wpisach.
• Upowszechnij treść za pośrednictwem kanałów RSS.
• Postaraj się o wirusową wymianę treści, które publikujesz.
• Optymalizuj witrynę pod kątem wydajnego indeksowania.

Priorytet 3

• Zbuduj i rozwijaj listę mailową.
• Stwórz kampanię w Google AdWords (tzw. linki sponsorowane), aby zwiększyć liczbę odwiedzin Internautów.
• Wspieraj swoją witrynę poza Internetem poprzez reklamę w prasie, radiu i innych kanałach.

Czas zainwestowany w poprawę wyszukiwalności Twojej witryny jest bezcenny. Działaj konsekwentnie i cierpliwie, a efekty przyjdą na pewno.

PS
Książkę A.Waltera czyta się znakomicie. Jest, co prawda, napisana językiem technicznym, z myślą o programistach i webmasterach, ale nawet mniej zaawansowanym czytelnikom zapewnia sporą dawkę bezcennej wiedzy (przede wszystkim z zakresu pozycjonowania, ale też użyteczności).