Witryny Nie Do Ukrycia. Jak Zbudować Stronę, Którą Znajdzie Każda Wyszukiwarka

Witryny nie do ukrycia.
Jak zbudowa stron, ktr

znajdzie kada wyszukiwarka
Autor: Aarron Walter
Tumaczenie: Jan Lipka
ISBN: 978-83-246-1836-1
Tytu oryginau: Building Findable Web Sites:
Web Standards SEO and Beyond
Format: 170x230, stron: 280
Jak zagwarantowa wysokie miejsce Twojej witryny w wyszukiwarkach
internetowych?
Jak pozycjonowa sowa kluczowe?
Jak wykrywa i rozwizywa problemy z Twoj stron WWW?
Stworzenie strony WWW to pierwszy krok do sukcesu. Kolejny z nich to wybranie waciwej
firmy, ktra opublikuje Twoj stron. Jednak najwaniejszy jest krok trzeci... Chodzi o to,
jak szybko Twoj stron znajdzie wyszukiwarka, w jaki sposb zostanie ona zindeksowana
i jak wysoko pojawi si w wynikach wyszukiwania czyli jak szybko dotrze do niej
potencjalny odbiorca. Wbrew pozorom masz na to wpyw! Jeeli tworzysz strony WWW,
ta ksika wskae Ci, jak zaprojektowa strony przyjazne dla wyszukiwarek. Jeli natomiast
jeste klientem projektanta, moesz zweryfikowa jako dostarczonej Ci strony!
Dziki tej ksice poznasz istotne znaczniki, promujce szybkie wyszukiwanie. Dowiesz si,
w jaki sposb zapewnienie zgodnoci z standardami oraz zastosowanie mikroformatw
wpywaj na pozycj strony w wynikach wyszukiwania. Zdobdziesz wiedz na temat
mechanizmw po stronie serwera, wpywajcych na wizerunek Twojej strony. Opanujesz
niuanse zwizane z pozycjonowaniem sw kluczowych. Zrozumiesz, jak wykorzysta
wewntrzn wyszukiwark i unikn zatorw oraz jakich narzdzi moesz uy, aby odkry
potencjalne problemy. Autor prezentuje tu najpopularniejsze podejcie do kwestii
wyszukiwania:
standardy WWW + atrakcyjna tre = lepsze wyszukiwanie = wikszy sukces witryny
Jeeli chcesz, aby Twoja strona odniosa sukces i pojawiaa si na pierwszych stronach
wyszukiwarek, nie przegap tej pozycji!
Pojcie wyszukiwalnoci
Strategie tworzenia kodu HTML
Waciwe wykorzystanie znacznikw
Zastosowania systemw wymiany czy
Tworzenie dostpnych witryn
Wykorzystanie mikroformatw
Uywanie moduu Apache mod_rewrite
Zastosowanie wasnych stron dla bdw 404
Pozycjonowanie sw kluczowych
Zasady budowy bloga z moliwoci wyszukania
Wykorzystanie wyszukiwarki wewntrznej
Zapobieganie zatorom wyszukiwalnoci
Uywanie list dyskusyjnych
Odkrywanie bdw na stronie WWW
Dostpne narzdzia do analizy witryny
standardy WWW + atrakcyjna tre = lepsze wyszukiwanie = wikszy sukces witryny!
Spis treci
Wstp .......................................................................................................................... 13
Witryna zwizana z ksik ..................................................................................... 14
Rozdzia 1. Pojcie wyszukiwalnoci .................................................15

Co to jest wyszukiwalno? ..................................................................................... 16
Wyszukiwalno a programowanie ........................................................................ 17
Najgbsze pragnienia wyszukiwarek .................................................................... 18
Wicej ni SEO .......................................................................................................... 20
Od pocztku zaangauj cay zesp ........................................................................ 21
Wykorzystanie kompasu moralnego ...................................................................... 23
Rozdzia 2. Strategie tworzenia kodu HTML .......................................25

Elementarz standardw internetowych WWW ..................................................... 26
Zaczynamy stosowa standardy WWW .......................................................... 28
Korzyci wynikajce ze standardw WWW .................................................... 29
Standardy WWW i wyszukiwalno dobrana para ......................................... 31
Kwestia semantyki ............................................................................................. 31
Czy wyszukiwarki naprawd nagradzaj za trzymanie si
standardw WWW? ........................................................................................ 33
Istotne znaczniki promujce wyszukiwalno ............................................... 35
Mit znacznikw meta: dobre, ze i brzydkie .................................................... 38
Zapobieganie indeksowaniu treci .................................................................. 42
Otwrz si na technologie przyszoci ............................................................ 43
Tre dostpna jest treci wyszukiwaln ............................................................ 45
Aby elementy graficzne byy widoczne ........................................................... 45
Usunicie zatorw spowodowanych przez mapy obrazkowe ...................... 48
Podmiana obrazw: dostpno, wyszukiwalno i estetyka ..................... 49
Dobry i zy sposb korzystania z tabel ............................................................ 51
Wicej sw kluczowych w elementach zwizanych z dostpnoci ......... 52
Zagroenia dostpnoci przeszkod w indeksowaniu .................................. 53
Wpyw mikroformatw na wyszukiwalno .......................................................... 53
Jak uzyska przenoszenie danych o wydarzeniach hCalendar i hCard .... 54
Wykorzystanie obiektu hCard .......................................................................... 58
Zastosowanie mikroformatu rel-tag ................................................................ 59
Inne mikroformaty, z ktrymi warto si zapozna ......................................... 60
Zastosowanie ikon do wskazania treci mikroformatw ............................. 61
Czy wyszukiwarki naprawd rozpoznaj tre mikroformatw? ................. 62
Rozdzia 3. Strategie po stronie serwera ........................................... 65

Znaczenie nazw plikw i folderw .......................................................................... 66
Wybr nazw domen i zarzdzanie nimi ................................................................. 67
Rozwizanie problemu kanonicznego Google ............................................... 68
Budowanie adresw URL przyjaznych wyszukiwarkom ..................................... 71
Proste rozwizanie ............................................................................................. 71
Przenoszenie stron i domen poprzez przekierowanie 301 .................................. 75
Wasne strony 404 uatwiaj powrt na waciw ciek ..................................... 77
Jak zrobi udan stron obsugi kodu 404 ..................................................... 78
Optymalizacja wydajnoci indeksowania ............................................................. 79
Pami podrczna i buforowanie plikw ....................................................... 81
Zarzdzanie rozmiarem pliku ........................................................................... 86
Kompresja plikw za pomoc Gzip ................................................................. 89
Redukcja liczby da HTTP ........................................................................... 92
Diagnostyka z wykorzystaniem YSlow ............................................................ 93
Sterowanie procesem indeksacji przez plik robots.txt ........................................ 94
Rozdzia 4. Tworzenie treci przycigajcej internautw ................... 97

Tre wcigajca (uytkownikw) .......................................................................... 98
Historia Tomka ................................................................................................... 98
Tre prawo przyczyny i skutku ....................................................................... 100
Framework CSS zwany Blueprint .................................................................. 100
Otwarta tre rodzi uznanie ........................................................................... 102
Tre ze znakiem jakoci ....................................................................................... 103
Pozosta w temacie ........................................................................................ 103
Wypenij nisz .................................................................................................. 104
Zachowaj arliwo i autorytatywno ......................................................... 104
Bd godny zaufania ....................................................................................... 105
Odwoaj si do zainteresowa czytelnikw ................................................. 106
Bd oryginalny ................................................................................................ 107
Uyj odpowiedniej formy wyrazu ................................................................... 108
Bd regularny ................................................................................................. 109
Wszystkie drogi prowadz do treci ..................................................................... 109
Tre ma wiele aromatw ...................................................................................... 111
Blogi ................................................................................................................... 112
Artykuy, analizy przypadku i raporty ............................................................ 113
Biblioteki linkw .............................................................................................. 115
Szablony dokumentw, przykady kodu rdowego i inne narzdzia ..... 115
Recenzje i rekomendacje ................................................................................ 116
Tre subskrybowana (RSS) .......................................................................... 117
Tre generowana przez uytkownikw (UGC) ........................................... 118
Pozycjonowanie sw kluczowych w treci ......................................................... 120

Badanie i wybr sw kluczowych ................................................................. 120
Pozycjonowanie sw kluczowych ....................................................................... 125
Obliczanie gstoci sowa kluczowego ........................................................ 126
Strategie rozwijania treci ..................................................................................... 127
Wywietlanie treci RSS na witrynie ............................................................ 128
Inne zastosowania RSS .................................................................................. 135
Zastosowanie systemu RSS do tworzenia biblioteki linkw ..................... 137
Rozdzia 5. Budowanie wyszukiwalnego bloga ................................143

Blog najlepsze praktyki zwizane z wyszukiwalnoci ................................ 144
Pisz regularnie na ten sam temat .................................................................. 145
Uywaj czsto linkw, w tym linkw do innych wpisw,
z uwagi na trackback ................................................................................... 145
Utwrz wasny szablon dla bloga .................................................................. 146
Umie sowa kluczowe w tytuach swoich wpisw .................................. 146
Podziel archiwum na tematy .......................................................................... 147
Streszczaj wpisy, by uatwi nawigacj ........................................................ 148
Dodaj sekcj z popularnymi wpisami ........................................................... 149
Dodaj sekcj z ostatnimi wpisami ................................................................. 150
Powiedz ludziom, kim jeste i o czym jest Twj blog ................................. 150
Propaguj kana RSS ........................................................................................ 151
Dodaj linki do starszych wpisw ................................................................... 151
Zach uytkownikw, by podzielili si Twoj treci z innymi ................ 152
Kieruj uytkownikw do pokrewnych wpisw ............................................. 153
Indeksacja treci zduplikowanej .................................................................... 153
Wykorzystanie WordPress ..................................................................................... 154
Instalacja wtyczek WordPress ....................................................................... 156
Tworzenie wasnych motyww graficznych ................................................. 156
Jak poprawi wyszukiwalno bloga na WordPress ......................................... 157
Definiowanie serwisw aktualizacyjnych ..................................................... 157
Remapowanie adresw URL typu Permalink .............................................. 159
Wykorzystanie kategorii do archiwizacji tematycznej ................................ 161
Streszczenia wpisw uatwiaj nawigacj ................................................... 162
Wywietlanie najpopularniejszych wpisw .................................................. 163
Wywietlanie najnowszych wpisw .............................................................. 164
Wspieranie i ledzenie subskrypcji RSS za pomoc FeedBurnera .......... 166
Zachty do wymiany treci w obrbie spoecznoci internetowych ......... 166
Prezentacja pokrewnych wpisw .................................................................. 167
Automatyczne generowanie XML-owej mapy witryny ................................ 168
Inne wtyczki WordPress zwizane z SEO ..................................................... 168
Oznaczanie wpisw ......................................................................................... 170
Optymalizacja przekazu treci za pomoc buforowania ............................ 171
Rozdzia 6. Wyszukiwarka wewntrzna ........................................... 173

Zastosowanie darmowych systemw wyszukiwania ........................................ 175
Zastosowanie systemu wyszukiwania Google (CSE) ................................. 175
Zastosowanie interfejsu Google AJAX Search API .................................... 181
Zastosowanie Rollyo ....................................................................................... 189
Zastosowanie Atomz ....................................................................................... 190
Yahoo! Search Builder .................................................................................... 192
Zakup systemu wyszukiwania .............................................................................. 194
Zastosowanie wyszukiwarki FastFind ........................................................... 194
Zastosowanie wyszukiwarki Zoom ................................................................ 195
Zbuduj wasny prosty system wyszukiwania produktw .................................. 197
Utworzenie narzdzia do wyszukiwania produktw ................................... 197
Archiwizacja lokalnych wyszukiwa w celu wykrycia
mankamentw witryny ................................................................................ 200
Dodaj OpenSearch do swojej witryny .................................................................. 201
Konfigurowanie OpenSearch ......................................................................... 201
Rozdzia 7. Zapobieganie zatorom wyszukiwalnoci ....................... 203

Unikanie puapek zwizanych z JavaScript ........................................................ 204
Ulepszanie progresywne ........................................................................................ 205
Rozwizywanie problemw nawigacyjnych zwizanych z JavaScript ..... 207
Rozwizywanie problemw z formatowaniem opartym na JavaScript ... 208
Rozwizywanie problemw z Ajaksem ......................................................... 214
Wyszukiwalny Flash ............................................................................................... 224
Zastosowanie obiektu SWFObject do ulepszania progresywnego Flasha .... 227
Wyszukiwalne audio i wideo ................................................................................. 234
Tworzenie transkrypcji tekstowych ............................................................... 235
Rozdzia 8. Lista mailingowa przycignie internautw ..................... 239

Zachcanie do subskrypcji .................................................................................... 240
Zapracuj na ich zaufanie ................................................................................. 240
Deklaracja zgody powinna rzuca si w oczy .............................................. 241
Ogranicz formularz do minimum .................................................................. 242
Powiedz im, na co mog liczy ...................................................................... 243
Zastosowanie systemu zarzdzania list mailow ............................................ 243
Dlaczego warto skorzysta z systemu zarzdzania list mailow? .......... 244
System subskrypcyjny w technologii Ajax .......................................................... 247
Eksperymentowanie z MailChimp ................................................................. 247
Zarejestruj mnie! Oglny schemat dziaania systemu ............................... 249
Tworzenie formularza subskrypcyjnego ....................................................... 250
Budowanie funkcji zapiszAdres() .................................................................. 252
Warstwa Ajaksa ............................................................................................... 257
10
Rozdzia 9. Wykorzystanie wyszukiwalnoci w praktyce ...................261

Podejcie oparte na priorytetach .......................................................................... 262
Priorytet 1 .......................................................................................................... 262
Priorytet 2 .......................................................................................................... 263
Priorytet 3 .......................................................................................................... 264
Odkrywanie problemw na witrynie .................................................................... 264
Narzdzia SEO firmy Sitening ........................................................................ 264
Spam Detector ................................................................................................. 264
Semantic Extractor .......................................................................................... 265
Obliczanie priorytetu i gstoci sw kluczowych ...................................... 265
Kontroluj statystyki .......................................................................................... 265
Kiedy pojawi si rezultaty? .................................................................................. 265
Uwagi kocowe: wyszukiwalno ocalia wiat ................................................. 266
Skorowidz ................................................................................................................. 269
11
Tworzenie treci
przycigajcej
internautw
Witryna, ktra jest znakomicie
zoptymalizowana wzgldem
wyszukiwarek, a nie ma jakociowej
treci o istotnym znaczeniu
dla swojego audytorium,
to nieporozumienie. Okazuje si,
e Twoja tre jest najlepszym
narzdziem przycigania
internautw.
98
ROZDZIA 4
Chocia odbiorcy docelowi mog odkry Twoj

witryn po zastosowaniu strategii promowania
wyszukiwalnoci, jednak aby zechcieli na niej
pozosta i powraca na ni od czasu do czasu,
potrzebna jest ujmujca tre. Wyszukiwalno
i tre yj w symbiozie i obie wymagaj uwagi.
Wspaniaa tre przy zaniedbanej wyszukiwalnoci pozostanie nieodkryt
wysp na morzu milionw witryn. Z kolei saba tre na doskonale
zoptymalizowanej witrynie przycignie internautw tylko na chwil,
nigdy nie bd powraca, jeeli nie znajd tego, co jest im potrzebne.
Tre wcigajca (uytkownikw)

Dobrze opracowana, wartociowa tre przyciga uytkownikw z wielk
si. Kiedy ludzie znajduj co ekscytujcego w internecie, z upodobaniem
informuj o tym innych. Moe jest w tym co z egoizmu, a moe z altruizmu.
Pocz t prawd o naturze ludzkiej z komunikatywnoci waciw internetowi,
a otrzymasz recept na zwikszenie liczby odwiedzin swojej witryny.
Zbadajmy scenariusz udostpnienia wyjtkowo wartociowej treci przez
witryn zajmujc si handlem elektronicznym.
Historia Tomka
Pewien uytkownik o imieniu Tomek chce kupi zestaw kina domowego,
ale nie jest pewien, jaki sprzt jest mu potrzebny i jak si go prawidowo
montuje. Naturalnie, ze swoimi pytaniami zwraca si do internetu. Korzystajc
z gwnych wyszukiwarek, wpisuje wyraenie porady na temat kina
domowego i wchodzi na stron, ktra spenia warunki wyszukiwania. Jest
to witryna maej sieci sklepw oferujcych wysokiej jakoci urzdzenia
elektroniczne. Oprcz typowego sklepu internetowego na witrynie znajduj
si recenzje napisane przez ekspertw i uytkownikw oraz artykuy opisujce
znakomity system kina domowego i jego monta. Mona te znale linki
do stron zajmujcych si tego rodzaju sprztem. Zachcajca tre sprawia,
e Tomkowi zakup nie wydaje si ju tak skomplikowanym zadaniem. Linki
w obrbie artykuw i recenzji uatwiaj mu powizanie nowych wiadomoci
z rnymi produktami oferowanymi przez witryn.
Poniewa Tomek moe dowiedzie si wszystkiego na stronach witryny, ktra
rwnie sprzedaje potrzebne mu produkty, postanawia na niej wanie
98
TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW
zrealizowa zakup zestawu kina domowego. Kiedy zamwiony towar zostanie

dostarczony do jego domu, Tomek powraca na witryn, by uzyska wsparcie
przy montau zestawu.
Ze wzgldu na pozytywne dowiadczenia zarekomenduje t witryn swoim
przyjacioom i czonkom rodziny. Wejdzie jeszcze raz na witryn, by napisa
wasn recenzj na temat zakupionego produktu. Na koniec napisze kilka
ciepych zda na swoim osobistym blogu i nadmieni, e znalaz tam duo
cennych informacji, podajc linka do witryny.
Wszystkie trzy cele zwizane z wyszukiwalnoci pom ludziom
w znalezieniu swojej witryny, pom ludziom w znalezieniu potrzebnej
informacji na witrynie i zach ich, by wracali zostay zrealizowane w tym
scenariuszu, dziki wysokiej jakoci zamieszczonej treci.
Przyjrzyjmy si dokadniej, jakie byo znaczenie treci dla osignicia tych
celw.
1. Sowa i frazy kluczowe w artykuach i recenzjach wzbudziy zainteresowanie
wyszukiwarki.
2. Uytkownik mg znale potrzebne produkty dziki linkom znajdujcym
si w artykuach i recenzjach.
3. Uytkownik wielokrotnie powraca na witryn, by zapozna si z uyteczn
treci i doda wasn recenzj na temat zakupionych produktw.
4. Uytkownik by zadowolony, wic pomg innym znale witryn i utworzy
linka na swoim blogu.
Dziki trafnej, dobrze opracowanej treci nie tylko Tomek odnis korzystne
wraenie, ale dodatkowo podniosa si wyszukiwalno witryny wzgldem
przyszych uytkownikw. Znakomita tre sprawia, e Tomek sta si
ordownikiem tej witryny. Poinformowa o niej przyjaci i rodzin i utworzy
linka na swoim blogu. Rzeczywicie przyczyni si do zwikszenia liczby
odwiedzin internautw! Jego link spowoduje take podniesienie rankingw
w wyszukiwarkach, poniewa linki przychodzce s wskanikiem zaufania
do witryny.
Recenzje napisane przez Tomka powikszyy zakres poytecznej treci
na witrynie, co moe przyczyni si do tego, e inni internauci rwnie stan
si klientami. Sowa kluczowe zawarte w napisanym przez niego tekcie
zwikszaj prawdopodobiestwo znalezienia witryny przez innych internautw
korzystajcych z wyszukiwarek.
99
100
ROZDZIA 4
Mora z tej historyjki jest taki, e Twoje audytorium wynagrodzi Ci

za wartociow tre, ktra zaspokaja jego potrzeby. Nagrod bdzie wzrost
sprzeday, wysza ocena marki, wiksze zaangaowanie uytkownikw
lub po prostu wiksza liczba odwiedzajcych, co oznacza osignicie
dowolnego celu biznesowego lub komunikacyjnego. Na tym polega pikno
internetu. Rozwizujesz jaki problem dla ludzi, dajesz im co poytecznego,
tworzysz co zabawnego lub unikalnego, a Twoje dobre uczynki spotykaj
si z nagrod.
Tre prawo przyczyny i skutku

Jak pokazuje historyjka o Tomku, kiedy rozwiesz jaki problem lub dostarczysz
uytkownikom potrzebnych informacji, poprawia si wyszukiwalno Twojej
witryny. Uytkownicy chc podzieli si z innymi tym, co znaleli w internecie
z korzyci dla siebie.
Karma, staroytna koncepcja hinduska wyraajca prawo przyczyny i skutku,
znajduje odniesienie w praktyce rozwijania treci. W uproszczeniu karma
wyraa prawd, e nasze uczynki s przyczyn, ktra niesie okrelony skutek.
Kiedy tworzysz tre, ktra w sposb altruistyczny spenia potrzeby internautw,
masz szanse na odniesienie korzyci w postaci linkw przychodzcych
zaadresowanych na Twoj witryn, wzrost sprzeday internetowej, pochlebne
posty na blogach, zwikszenie renomy Twojej marki i wiksze natenie ruchu
internautw. Witrynie bez wartociowej treci trudno bdzie osign te cele.
Dla dalszego zilustrowania tych zwizkw przyczynowo-skutkowych rozpatrzmy
przykad ze wiata realnego, jak dobre uczynki zwizane z treci przyczyniy
si do znakomitych rezultatw w zakresie wyszukiwalnoci.
Framework CSS zwany Blueprint

Student politechniki norweskiej Olav Frihagen Bjorkoy stworzy wyjtkowo
poyteczny framework CSS o nazwie Blueprint (http://www.blueprintcss.org/),
ktry wkrtce sta si olbrzymi sensacj w wiecie projektw internetowych.
Sekret sukcesu Blueprinta polega na zrcznym podejciu do problemu, ktry
irytuje wielu projektantw internetowych: proces rozmieszczania elementw
na stronie i testowania na rnych wyszukiwarkach moe by nucy. Chocia
napisano na ten temat wiele artykuw i opracowano niejedno narzdzie
wspomagajce prac projektantw, brakowao praktycznego wzorca czcego
teori i praktyk. Blueprint Olava okaza si rozwizaniem, ktrego szukao
wielu projektantw, tote wkrtce sta si bardzo popularny.
Po ukazaniu si Blueprinta znani projektanci internetowi, tacy jak Khoi

Vinh (http://subtraction.com), Jeff Croft (http://jeffcroft.com) i Mark Boulton
(http://markboulton.co.uk), na swoich blogach zamiecili wpisy, dziki ktrym
o pracy Olava dowiedziao si tysice projektantw i programistw
internetowych. Pojawiy si setki nastpnych postw z pochwaami
dla Blueprinta i linkami do strony Olava.
W cigu tygodnia od udostpnienia swojego projektu Olav zaobserwowa
kolosalny wzrost liczby subskrypcji na kana RSS do swojego bloga.
Mj blog w cigu tygodnia rozrs si z 300 goci dziennie do ponad
20 000. Liczba subskrybentw wzrosa z 200 do 3000.
W cigu okoo trzech tygodni Blueprint zosta pobrany ponad 25 000 razy.
Obserwujc liczb gosw poparcia zapisanych na http://del.icio.us
popularnej witrynie spoecznociowej Olav mg oszacowa sukces
projektu.
Lubi liczy zakadki do moich artykuw na http://del.icio.us, poniewa
uwaam, e na tej podstawie mona przewidzie, ile osb planuje faktycznie
wykorzysta to w przyszoci. [Aktualna liczba zakadek wynosi] okoo
6000.
Blueprint nie by inicjatyw marketingow. Olav wypowiedzia si na ten
temat w wywiadzie przeprowadzonym przez Khoi Vinha w roku 2007
(http://www.subtraction.com/archives/2007/0807_the_framework.php):
Blueprint jest nieznanym, nieprzetestowanym i nieuywanym frameworkiem,
udostpnionym przez nieznanego gocia na wysoce nieregularnym blogu.
Wida wic, jak wielkie jest zapotrzebowanie na porzdny framework dla
projektantw.
Chocia sukces Blueprinta mona czciowo uzasadni tym, e ukaza si
w odpowiednim czasie, ostatecznie przyczyn tego zjawiska byo pragnienie
Olava podzielenia si swoim dzieem ze spoecznoci internetow. Publikujc
przydatne rozwizanie powszechnie znanego problemu, Olav przycign
na swoj witryn olbrzymie rzesze internautw. Wedug Google jego witryna
ma obecnie 22 500 linkw przychodzcych.
Blueprint jest zdumiewajcym przykadem, jak dobre uczynki owocuj
ogromnymi korzyciami w zakresie wyszukiwalnoci.
101
102
ROZDZIA 4
Otwarta tre rodzi uznanie

Po opracowaniu znakomitej treci na og pierwszym odruchem jest pragnienie
zabezpieczenia jej przed wykorzystaniem lub modyfikacj poprzez naoenie
restrykcji zwizanych z prawami autorskimi. Z pewnoci ma to swoje
uzasadnienie.
Open Content,
Remix Culture, and the
Sharing Economy: Rights,
Ownership, and Getting
Paid (Otwarta tre,
kultura remiksowa
i ekonomia udostpniania:
prawa, wasno i zasady
patnoci)
http://audio.sxsw.com/
podcast/interactive/
panel/2007/SXSW07.INT.
20070312.OpenContent
RemixCulture.mp3
Na przykad firma Google nie chce udostpni publicznie algorytmu swojej

wyszukiwarki, poniewa doprowadzioby j to do bankructwa. Jednak w wielu
sytuacjach due i mae organizacje mog sporo zyska na wyszukiwalnoci
dziki otwartej licencji, ktra umoliwia innym wykorzystywanie i modyfikacj
udostpnionej treci.
Jak ju wspominalimy w ramce Licencjonowanie Creative Commons
na kocu rozdziau 2., firma Creative Commons (http://creativecommons.org)
oferuje darmowe, legalne rodki jednoczesnej ochrony i wspdzielenia treci
wszelkiego rodzaju. Zamiast cakowicie blokowa prawa do wykorzystania
i publikowania treci, licencja Creative Commons umoliwia jej udostpnienie
w ograniczonym zakresie.
Popularna licencja Creative Commons zapobiega komercyjnemu wykorzystaniu
Twojej treci, uytkownicy mog z niej korzysta pod warunkiem powoania
si na autora. To samo zastrzeenie dotyczy dalszych modyfikacji. Kiedy
uytkownicy wykorzystuj Twoje dzieo na warunkach licencji, maj obowizek
wskaza Ciebie i Twoj witryn jako rdo wersji oryginalnej. Najczciej
tworzone s linki przychodzce do Twojej witryny, co sprawia, e ronie liczba
odwiedzajcych.
Udoskonalenia przeprowadzane przez uytkownikw mog przyczyni si
do zwikszenia zakresu zastosowania Twoich pomysw. Twoja dobra zasada
udostpnienia treci oryginalnej dla caej spoecznoci na pewno zostanie
zauwaona. Otwarte licencjonowanie moe wesprze dobr opini na temat
Twojej witryny o wiele mocniej ni przy podejciu zamknitym.
Framework CSS opracowany przez Olava Frihagena Bjorkoya jest udostpniony
na zasadzie licencji open source MIT (http://www.opensource.org/licenses/
mit-license.php), ktra umoliwia innym wprowadzanie ulepsze. Do caego
zamieszania faktycznie przyczynia si otwarto projektu, a take jako
pierwszej wersji, ktra uwzgldniaa pomysy innych projektantw.
Dobr regu jest dzielenie si pomysami i wykorzystywanie ich dla
podniesienia wyszukiwalnoci witryny. Wok dobrych pomysw powstaje
duo szumu i ronie przychylno internautw, co prowadzi do wzrostu liczby
odwiedzin witryny.
Tre ze znakiem jakoci

Tworzenie treci moe by zadaniem zniechcajcym. Czasem trudno jest
okreli, od czego zacz. Sekret sukcesu tkwi w wiedzy na temat wartociowej
treci.
Wartociowa tre:
Q jest na temat,
Q wypenia nisz,
Q jest miarodajna i pasjonujca,
Q jest godna zaufania,
Q jest przydatna w dziaaniu, bawi lub w inny sposb budzi zainteresowanie
internautw,
Q jest oryginalna,
Q wykorzystuje gos opinii publicznej.
Kada z tych cech koresponduje w pewien sposb z trafnoci Twojej treci.
Poza ca zoonoci techniczn internet peni przede wszystkim rol medium
komunikacyjnego. Wysanie niewaciwego, nieistotnego lub niegodnego
zaufania komunikatu lub umieszczenie go w niewaciwym opakowaniu moe
mie opakane skutki dla witryny. Zbadajmy szczegowo poszczeglne cechy
jakociowe treci, ktra spenia wymagania internautw.
Pozosta w temacie
Budujc swoj tre, okrel temat lub kilka tematw i trzymaj si ich
pieczoowicie. Prawdopodobnie wszyscy natknlimy si na blog, ktrego
autor pisze co interesujcego, nagle zmienia temat i zaczyna opisywa
szczegy swojego miesica miodowego. Jeeli blog ma charakter
autobiograficzny, taki tekst jest cakowicie uzasadniony. Jeli natomiast
Twoi czytelnicy zostali zwabieni wpisami o historii projektowania, to wzmianka
dotyczca spraw osobistych moe Ci kosztowa utrat niejednego czytelnika.
Trzymanie si tematu jest warunkiem uzyskania komunikatu istotnego dla
odbiorcw.
103
104
ROZDZIA 4
Wypenij nisz
Temat oglny, taki jak architektura, jest bardzo trudny do prowadzenia nawet
dla caego zespou autorw. Zamiast wybiera jaki mglisty temat, ktry moe
mie rne znaczenie dla rnych ludzi, wybierz temat niszowy, ktrego nie
mona spotka na innych witrynach lub nie jest dobrze rozwinity. Prby
podejmowania tematw obszernych zazwyczaj kocz si wygenerowaniem
treci oglnej i bez znaczenia. Ponadto tematy obszerne wi si z ostrzejsz
konkurencj o wzgldy czytelnikw.
Pewien znakomity nauczyciel powiedzia: Nigdy nie pro o tabliczk czekolady,
gdy moesz dosta batonik. Jego rada trafia w sedno. Specyficzno sprawia,
e Twj komunikat jest mocniejszy i istotniejszy dla audytorium w porwnaniu
do uoglnie.
Witryna powicona dwudziestowiecznej architekturze wiejskiej w stanie
Alabama bdzie wyjtkowo wana dla specyficznego audytorium, poniewa
temat dotyczy cile jego zainteresowa, a witryna jest pod tym wzgldem
unikalna.
Niewane, e wypeniasz mao znan nisz, zawsze znajd si internauci,
ktrych to interesuje. Audytorium niszowe bardzo szybko staje si lojalne,
odwiedza regularnie witryn, tworzy do niej linki i informuje innych o jej
istnieniu. To jest wanie ten typ audytorium, dla ktrego warto zbudowa
witryn!
Zachowaj arliwo i autorytatywno

Nic bardziej nie wzbudza pasji w audytorium jak pasja przemawiajcego.
Cokolwiek jest przedmiotem dyskusji, podejd do tego z zapaem i zadbaj,
eby zapa da si odczu w treci Twojej witryny. Do tego potrzeba maksimum
wiedzy. Gdy wybierzesz temat niszowy i przedstawisz go w sposb zrozumiay,
staniesz si autorytetem dla swojego audytorium, ktre obdarzy Ci zaufaniem.
Czasem autorytatywno nie oznacza, e caa informacja jest skupiona
w jednym miejscu. Wskazane jest doczenie biblioteki linkw do stron
zawierajcych wartociow wiedz na dany temat. Bdzie to cenne dla
Twojego audytorium, a autorytet zostanie oparty na grupie. Wpynie
to pozytywnie na liczb odwiedzin, gdy wiele osb bdzie korzysta
z biblioteki linkw jako punktu odniesienia. Czas powicony na staranne
opracowanie biblioteki linkw bdzie wiadectwem Twojego zaangaowania,
a internauci doceni Twj wysiek.
W dalszej czci tego rozdziau zajmiemy si jeszcze tym problemem

i zbudujemy wasn bibliotek linkw.
Bd godny zaufania
Aby sta si autorytetem w danym temacie, musisz zdoby swoje audytorium,
a nastpnie utrzyma jego zaufanie. Nie przychodzi to atwo, a jeszcze trudniej
jest odbudowa raz utracon pozycj. Zaufanie jest bodaj najistotniejszym
znakiem jakociowym, wymagajcym cigej uwagi.
Jeeli tre jest naprawd dobra i wiea, atwiej jest utrzyma zaufanie
audytorium. Staraj si pogbia swoj wiedz, aby prezentowa tre opart
na faktach, a nie przypuszczeniach.
Jeeli popenisz bdy typograficzne lub ortograficzne, podwaysz zaufanie
do wasnych kompetencji. Starannie sprawdzaj pisowni przed zamieszczeniem
tekstu na stronie internetowej. Wzgldy estetyczne s rwnie wane jak strona
merytoryczna. Lepiej opni nieco publikacj nowej treci, ni udostpni
j z literwkami i bdami ortograficznymi, ktre skompromituj Ci w oczach
internautw.
Bdy s rzecz naturaln. Myli si jest rzecz ludzk. Wielk zalet internetu
jest moliwo szybkiego korygowania drobnych bdw. Gdy zauwaysz
jaki bd, nie wahaj si z jego poprawieniem.
Jeli jednak bdy dotycz strony merytorycznej, powiniene wskaza, kiedy
i dlaczego wprowadzie zmiany. W ten sposb okaesz swojemu audytorium,
e nie ukrywasz bdw i zaley Ci na rzetelnoci i wiarygodnoci treci.
W jzyku HTML wystpuj znaczniki <del> wskazujcy na usunicie
oraz <ins> wskazujcy na wstawienie. Oto prosty przykad, jak naley
prawidowo wskaza na zmian merytoryczn w treci:
Drugim prezydentem USA by <del cite="http://www.whitehouse.gov/
history/presidents/" datetime="20070818">Thomas Jefferson</
del><ins>John Adams</ins>.
Jak pokazano na rysunku 4.1, przegldarki domylnie wywietlaj tekst
usunity, stosujc efekt przekrelenia, a w przypadku tekstu wstawionego
efekt podkrelenia. Atrybuty datetime i cite zawieraj dodatkowe
informacje dotyczce korekty sygnalizowanej przez <del> albo <ins> i stanowi
link do dokumentu, w ktrym zostay wyjanione przyczyny wprowadzonych
zmian.
105
106
ROZDZIA 4
RYSUNEK 4.1. Stosujc znaczniki <del> i <ins>,

zachowasz klarowno przy poprawianiu bdw
Za pomoc maego arkusza stylu moesz zmieni domylny sposb

prezentowania tekstu w znaczniku <ins>, aby nie myli go ze zwykym linkiem.
W tym prostym przykadzie zastpiem zwyke podkrelenie podkreleniem
z pogrubieniem.
ins {text-decoration:none; font-weight:bold;}
Wicej o znacznikach <del> i <ins> dowiesz si pod adresem

http://www.w3schools.com/tags/tag_del.asp.
Zaufanie do Twojej treci moe te ulec osabieniu, jeli nie bdziesz
uczciwy co do swoich powiza, ktre mog mie wpyw na punkt widzenia.
Na przykad, jeeli w swoim osobistym blogu napiszesz pomienn recenzj
na temat produktu wytwarzanego przez firm, w ktrej jeste zatrudniony,
to dobrym pomysem jest ujawnienie tego faktu. Kto, kto moe mie udzia
wasny w sukcesie oferowanego produktu, jest postrzegany jako osoba
pozbawiona obiektywizmu. Ujawnienie swoim czytelnikom powiza z firm
bdzie sygnaem, e nie prbujesz ich nacign na zakup. Mog oni
zaakceptowa Twoj rekomendacj lub j odrzuci. Tak czy owak, lepiej
bdzie pozwoli czytelnikom, by zdecydowali sami, ni ryzykowa, e pniej
oskar Ci o podstpne motywy.
Odwoaj si do zainteresowa czytelnikw

Ludzie zazwyczaj odwiedzaj witryny z okrelonych powodw. Chc rozwiza
konkretny problem, zdoby informacje lub rozerwa si. Istniej oczywicie
inne przyczyny, ale cele uytkownikw daj si na og zaliczy do jednej
z tych trzech kategorii. Znajomo tych celw i zainteresowa moe by
pomocna przy okrelaniu, jaki rodzaj treci naley zamieci na witrynie, aby
zachci odwiedzajcych do powrotu.
Jeeli pracujesz w zespole, prawdopodobnie architekt informacji zbada ju
audytorium i naszkicowa rodzaj treci, ktra najlepiej obsuy jego potrzeby.
Jeeli pracujesz na wasn rk, bdziesz musia sam przeprowadzi t analiz.
Chocia dogbne omwienie bada nad uytkownikami wykracza poza zakres
tej ksiki, przedstawiamy kilka porad dotyczcych waciwego wyboru treci:
Q Podziel swoje audytorium na grupy uytkownikw pierwszego, drugiego

i trzeciego rzdu.
Q Wypisz cele i motywacje tych uytkownikw, aby ustali, czego spodziewaj
si po witrynie.
Q Patrzc z perspektywy swoich czytelnikw, utwrz list tematw, ktre
Twoim zdaniem byyby dla nich przydatne.
Q Jeli jest to moliwe, porozmawiaj z przedstawicielami swojego audytorium.
Zapytaj, czy teksty, ktre planujesz zamieci na swojej witrynie, byyby
dla nich interesujce.
Q Po uruchomieniu witryny popro uytkownikw o ocen jej treci.
Q Przygldaj si statystykom, na podstawie ktrych stwierdzisz, ktre strony
s najbardziej popularne i najduej ogldane.
Kiedy tre zaspokaja potrzeby uytkownikw, ronie prawdopodobiestwo,
e bd wielokrotnie odwiedza Twoj witryn. Wstpne badanie
potrzeb uytkownikw, zanim rozpocznie si planowanie i programowanie
witryny, jest na wag zota, gdy odkrywa rodzaj treci, jaka powinna
znale si na Twoich stronach internetowych.
Bd oryginalny
Internet jest z natury miejscem silnego wspzawodnictwa. Jeeli Twoja
witryna oferuje podobne rzeczy i stosuje takie samo podejcie jak witryny
firm konkurencyjnych, to jak motywacj bd mie uytkownicy, by j
odwiedzi? Tre musi by oryginalna, aby przycign internautw i skoni
ich do powrotw. Oryginalno wyrni Ci spord ogromnej liczby witryn.
Zabawne, e dla osignicia oryginalnoci Twoje teksty i pomysy wcale nie
musz by nowe. Moesz po nowatorsku przedstawi znane treci i w ten
sposb stworzysz oryginaln perspektyw, ktr ludzie zaakceptuj.
Znakomitym przykadem tworzenia wartociowej, oryginalnej treci ze starych
materiaw jest witryna Smashing Magazine (http://smashingmagazine.com)
rysunek 4.2. Jako blog projektantw internetowych Smashing Magazine
tworzy czsto wszechstronne wykazy wartociowych zasobw, ktre dotycz
problemw nurtujcych projektantw internetowych. Jak sugeruje tytu,
popularny post 70 eksperckich pomysw na lepsze kodowanie CSS zawiera
kompleksow list najlepszych praktyk kodowania kaskadowych arkuszy
stylw CSS. Te praktyki zostay zebrane z innych rde. Zatem co w tym
oryginalnego, skoro wiele pomysw pochodzi z innych miejsc? Nikt inny
107
Norm Carr i Tim

Meehan ciekawie opisuj
proces badania
uytkownikw w swoim
artykule Whats
the Problem? na witrynie
A List Apart (http://www.
alistapart.com/articles/
whatstheproblem).
Kilka znakomitych
artykuw na temat
architektury informacji
znajdziesz pod adresem
http://informationarchi
tects.jp/.
108
ROZDZIA 4
nie opracowa tak kompleksowego i dobrego rozwizania. Oryginalno tkwi

w identyfikacji problemu i zredagowaniu kompletnej odpowiedzi, ktra zawiera
najlepszy dostpny materia. Czasem to wystarczy.
RYSUNEK 4.2. Smashing
Magazine (http://smash
ingmagazine.com) daje
czytelnikom unikaln tre,
tworzc wszechstronne
wykazy wartociowych
zasobw
Uyj odpowiedniej formy wyrazu

Sposb mwienia jest czsto rwnie wany jak to, co si mwi. Wrmy
do naszego przykadu z Tomkiem kupujcym zestaw kina domowego
za porednictwem internetu. Gdyby witryna, ktra sprzedaa Tomkowi sprzt
elektroniczny, zawieraa artykuy w tonie protekcjonalnym lub przeadowane
terminami technicznymi niezrozumiaymi dla nowicjusza, prawdopodobnie
nie doszoby do transakcji.
Posuchaj nagrania
Writing Better (Piszc
lepiej): http://odeo.com/
audio/11797773/play.
Aby znale waciw form wyrazu dla swojej treci, rozwa profil i potrzeby
potencjalnych czytelnikw. Przed rozpoczciem pisania zadaj sobie
nastpujce pytania:
Q Jaki jest poziom czytelniczy mojego audytorium?
Q Czy uytkownicy s ekspertami, czy nowicjuszami w tym temacie?
Q Czy licz na ton autorytarny, czy humorystyczny? Jzyk potoczny
czy formalny?
Q Z jak prdkoci moi czytelnicy bd czyta?
Internauci maj na og skonno do szybszego czytania i w krtszych

odcinkach, tote styl Twojego przesania powinien by pozbawiony kwiecistoci
i konkretny. Czasem lepiej jest zastpi fragmenty tekstu zdjciami
lub ilustracjami.
Bd regularny
Gdy znajdziesz ju swoj nisz, staraj si publikowa czsto i w regularnych
odstpach. Czstotliwo publikacji zaley od rodzaju dostarczanej
treci. Artykuy o technikach CSS powinny by odwieane czciej ni
jednostronicowe podsumowanie waciwoci CSS. W uzasadnionych
przypadkach czste aktualizacje treci spowoduj, e uytkownicy bd
regularnie zaglda na Twoj witryn i stan si lojalnymi czytelnikami.
Regularne zmiany sprzyjaj powtarzajcym si wizytom internautw.
Niezmiernie popularna witryna z kreskwkami http://homestarrunner.com
aktualizuje swoj tre w kady poniedziaek. Poniewa uytkownicy wiedz,
kiedy mog si spodziewa nowego filmu rysunkowego, w kady poniedziaek
nastpuje 250 000 wizyt zaknionych rozrywki internautw. Jednak waciw
przyczyn tak duego ruchu jest znakomita tre!
Wrd specjalistw od SEO panuje mit, e wyszukiwarki nagradzaj
dodatkowymi punktami rankingowymi witryny, ktre czsto zmieniaj swoj
tre. Nie jest to prawda. Witryna, ktra nie bya w ogle aktualizowana
od momentu opublikowania moe mie rwnie wysoki ranking, jak witryna
aktualizowana codziennie. Wiele czynnikw wpywa na Twj ranking
w wyszukiwarkach, ale czstotliwo aktualizacji nie jest jednym z nich.
Wszystkie drogi prowadz do treci

Po utworzeniu dobrej treci zechcesz upewni si, czy uytkownicy j znajduj.
Zwaszcza na duych witrynach, podzielonych na wiele segmentw, wane
jest utworzenie arterii prowadzcych do obszarw przeznaczonych dla
odwiedzajcych. Strona gwna jest znakomitym miejscem na utworzenie
wywoa, ktre pomog uytkownikom w znalezieniu odpowiedniej treci.
Na rysunku 4.3 pokazano stron gwn fotografa Stephena Grotea (http://
stephengrote.com), ktra przyciga uwag uytkownikw ostatnio dodanymi
fotografiami i kolekcjami zdj panoramicznych. Wyrnianie aktualizacji
sprawia, e strona gwna wydaje si wci wiea, zachcajc do powrotw
109
110
ROZDZIA 4
RYSUNEK 4.3. W lewej

czci strony gwnej
http://stephengrote.com
zostaa wyeksponowana
ostatnio dodana tre,
dziki ktrej internauci
s kierowani na rne
ciekawe strony tej witryny
goci, ktrzy czsto szukaj nowoci na witrynie. Charakterystyczna tre

kieruje uytkownikw do rnych obszarw witryny, ktre internauta mgby
przeoczy.
Happy Cog (http://happycog.com) rwnie wietnie organizuje ruch do rnych
wanych miejsc witryny (rysunek 4.4). Aby przekaza nowym gociom
informacje o firmie, strona gwna zawiera krtkie streszczenie.
Witryna, ktra nie powica uwagi nowym gociom, jest obarczona ryzykiem
zwikszonego wskanika odbi liczby natychmiastowych wyj z witryny
w stosunku do cakowitej liczby odwiedzin. Krtkie wprowadzenie dziaa
podobnie jak etykieta Jeste tutaj na mapie, dajc uytkownikom pewn
orientacj, co upewnia ich, e znaleli si we waciwym miejscu. Jeli
internauci pozostan duej, ronie prawdopodobiestwo, e zrobi co
lub naucz si czego, co stanowi cel tej witryny.
Solidny projekt strony gwnej jest bardzo mocnym narzdziem nakaniania
ludzi do zapoznania si z treci witryny. Powi nieco czasu na przemylenie
hierarchii celw biznesowych i komunikacyjnych swojej witryny i upewnij
si, e strona gwna odzwierciedla te cele.
111
RYSUNEK 4.4. Witryna

Happy Cog oferuje kilka
atwych do rozpoznania
drg do swojej treci.
Krtkie streszczenie profilu
dziaalnoci firmy
znajdujce si w grnej
czci strony gwnej
zawiera zgrabne linki
do kluczowych sekcji
ze szczegowymi
informacjami. Elementy
graficzne w czci
rodkowej przycigaj
uwag i kieruj internautw
na inne strony witryny
Derek Powazek udziela szczegowych rad na temat strony domowej

w artykule Home Page Goals (Cele strony gwnej) na witrynie
A List Apart (http://www.alistapart.com/articles/homepagegoals).
Tre ma wiele aromatw

Rodzaje treci wybranej do zamieszczenia na witrynie zale od celw Twojej
organizacji i iloci czasu, jaki bdziesz mg powici na wytwarzanie treci.
Planowanie treci zaczyna si od okrelenia celw, a koczy na weryfikacji,
gdy czas i dostpne zasoby utrudniaj tworzenie nowej treci. Znajomo
popularnych rodzajw treci oraz jej czasochonnoci pomoe Ci w okreleniu
strategii rozwoju treci, ktra przycignie internautw, ale nie pochonie zbyt
duej iloci czasu.
112
ROZDZIA 4
Blogi
Blogi mog by wyjtkowo efektywnymi platformami dostarczania nowej
treci. S atwe w konfigurowaniu, a wpisy czsto zawieraj duo sw
kluczowych przycigajcych internautw. Blog moe by zarzdzany przez
jedn osob lub grup autorw tekstw. Teksty z blogw s zwykle
rozpowszechniane na innych witrynach i platformach w standardowym
formacie XML za pomoc kanaw RSS. Uytkownicy mog zapisywa si
na subskrypcje RSS w agregatorach takich jak Bloglines (http://bloglines.com),
Netvibes (http://netvibes.com) lub Google Reader (http://google.com/reader).
Te narzdzia pobieraj nagwki wiadomoci z wielu rde i wywietlaj je
w zwizym formacie, dziki czemu uytkownicy s na bieco informowani
o nowociach na wielu witrynach bez koniecznoci ich odwiedzania.
Jeeli koncepcja
RSS jest dla Ciebie
nowa, obejrzyj
prezentacj wideo
na witrynie Common
Craft http://www.common
craft. com/rss_plain_
english.
Kiedy tre z Twojej witryny jest rozpowszechniana na inne lokalizacje,

wzrasta liczba czytelnikw i poprawia si ruch na stronie. Wzrasta
prawdopodobiestwo, e internauci bd czciej odwiedza Twoj witryn.
Wikszo platform z blogami automatycznie publikuje kanay RSS,
umoliwiajc autorom skupienie si na treci, a nie aspektach technicznych
publikacji. W nastpnym rozdziale zajmiemy si szczegow analiz blogw
i korzyci dla wyszukiwalnoci, jakie z nich wynikaj.
Powiniene zrezygnowa z pomysu prowadzenia bloga, jeli nie dysponujesz
dostateczn iloci wolnego czasu i nie jeste szczeglnie zainteresowany
tworzeniem nowej treci. Stagnacja na blogu powoduje, e uytkownicy
przestaj odwiedza witryn i wypisuj si z kanau RSS. To le wpywa
na opinie o Twojej witrynie i natenie ruchu internautw.
Znacznie atwiej utrzyma wieo treci na blogu, gdy jest on prowadzony
przez zesp. Wwczas ciar zobowiza wynikajcych z publikacji tekstw
jest rozoony na kilka osb. Jeeli wiesz, e w najbliszej przyszoci bdziesz
zajty, moesz przygotowa zawczasu kilka wpisw, a Twoi koledzy zamieszcz
je w czasie Twojej nieobecnoci.
Dobrym pomysem jest nawizywanie do wpisw na innych blogach oraz
zamieszczanie do nich linkw. Spowoduje to automatyczne opublikowanie
fragmentu Twojego wpisu jako komentarza na blogu drugiego autora. Oprcz
fragmentu tekstu znajdzie si tam rwnie link do Twojej witryny. Linki
przychodzce zwikszaj ruch na witrynie i ranking w wyszukiwarkach.
Automatyczna publikacja pomidzy dwoma blogami przy uyciu metody
trackback i jest standardem dla wikszoci platform blogowych.
Chocia blogi nale do najmocniejszych narzdzi publikowania treci, ktre

generuj nowy ruch na Twojej witrynie, s take bardzo czasochonne.
Wymagaj nieustannej pracy i pasjonowania si tematem, ale mog wydatnie
przyczyni si do zwikszenia liczby wizyt internautw.
Artykuy, analizy przypadku i raporty

By moe pisae ju artykuy, analizy przypadku dotyczce projektw swoich
klientw lub raporty biznesowe zawierajce kompleksowe objanienia tematw
istotnych dla Twojego audytorium. S to cenne atuty, ktre po niewielkich
przerbkach moesz opublikowa na swojej witrynie. Tego rodzaju materiay
s ju zazwyczaj opracowane na potrzeby klientw i nadaj si
do rozpowszechniania wrd internautw poszukujcych porad w danej
dziedzinie.
Jeli to moliwe, przedstaw te materiay w formacie HTML, aby wyszukiwarki
mogy je z atwoci zindeksowa. Wyszukiwarki indeksuj pliki PDF, ale
HTML daje wiksze moliwoci w zakresie optymalizacji SEO.
Artykuy, analizy przypadku i raporty biznesowe zawieraj na og sporo sw
kluczowych, ktre mog przycign ruch z wyszukiwarek. Chocia ich
opracowanie wymaga duego nakadu czasu, gdy autor rozpoczyna od samego
pocztku, to jednak po opublikowaniu nie musz by czsto odnawiane, jak
wpisy na blogu.
Pisanie artykuw dla popularnych publikacji internetowych to doskonay
sposb na wyeksponowanie wasnej witryny, a przy okazji zrobienie czego
poytecznego dla spoecznoci internetowej.
Piszc artyku z objanieniem rozwizania jakiego problemu, nie tylko
budujesz swoj reputacj wrd czytelnikw, ale zdobywasz take wany
link przychodzcy, ktry jest zaadresowany do Twojej witryny.
Publikacje internetowe maj na og bardzo wysokie rankingi
w wyszukiwarkach. Link z witryny o wysokim PageRank moe wykadniczo
podnie Twj ranking. Po skokowym wzrocie liczby odwiedzin
spowodowanym opublikowaniem artykuu nastpi trwae zwikszenie
natenia ruchu pochodzcego od wyszukiwarek.
Andy Rutledge, projektant i waciciel firmy UNIT Interactive, regularnie
zamieszcza na swojej witrynie inteligentne artykuy na temat zasad
projektowania (http://andyrutledge.com) zobacz rysunek 4.5. Jego artykuy
s czytane przez okoo 3300 osb dziennie i wywary ogromny wpyw na jego
renom w brany.
113
114
ROZDZIA 4
RYSUNEK 4.5. Witryna

Andyego Rutledgea
(http://andyrutledge.com)
notuje rednio 3300
odwiedzin dziennie dziki
jego znakomitym artykuom
powiconym projektowaniu
publikowanie artykuw na witrynie jest prawie wycznie odpowiedzialne

za cakowit liczb odwiedzin internautw i w duym stopniu przyczynio
si do mojej reputacji w brany. Sdz, e zarwno obserwatorzy, jak
i potencjalni klienci doceniaj warto moich artykuw, ktre s dla
mnie sposobem wyraenia sposobu mylenia, rozumowania, wnikliwoci
i podejcia do kwestii zwizanych z projektowaniem. Przypuszczam, e 70
procent potencjalnych klientw, ktrzy kontaktuj si ze mn, przyznaje,
e zainspirowa ich jeden z moich artykuw. Nie dlatego pisz i publikuj
artykuy, ale z pewnoci jest to mie i poyteczne.
Andy jest rwnie autorem popularnych publikacji internetowych, ktre
zostay zamieszczone na witrynie A List Apart, co dodatkowo spopularyzowao
jego prac. Jego artyku z roku 2007 zatytuowany Contrast and Meaning
(http://www.alistapart.com/articles/contrastandmeaning/) przycign na jego
witryn 1333 nowych goci w pierwszym tygodniu po opublikowaniu. Poprzez
regularne wyraanie swoich idei Andy Rutledge nie tylko zbudowa audytorium
witryny, ale rwnie przysporzy sukcesw swojej firmie.
Biblioteki linkw
Biblioteka linkw jest kolekcj poytecznych linkw do zasobw, ktre Twoje
audytorium uwaa za wartociowe. Peni funkcj podobn do zakadek
z ulubionymi witrynami w przegldarce i powinna zawiera tylko najbardziej
przydatne linki zwizane z konkretnym tematem.
Stworzenie biblioteki linkw nie jest tak czasochonne jak inne metody
rozbudowywania treci. Dla webmastera, ktry nie dysponuje du iloci
wolnego czasu, biblioteka linkw jest praktycznym rozwizaniem, gdy
udostpnia tre potrzebn uytkownikom i jest atwa w utrzymaniu. Dobrze
opracowane biblioteki linkw obejmuj zwizy wykaz cennych zasobw
i potrafi zaowocowa linkami przychodzcymi oraz wpisami na blogach,
ktre przycign nowych uytkownikw na Twoj witryn.
W dalszej czci tego rozdziau zobaczymy przykady kodu rdowego
potrzebnego do zbudowania biblioteki linkw z wykorzystaniem popularnych
serwisw spoecznociowych: Delicious (http://del.icio.us) i Magnolia
(http://ma.gnolia.com).
Szablony dokumentw,
przykady kodu rdowego i inne narzdzia
Publikowanie uytecznych szablonw, przykadw kodu rdowego i innych
narzdzi nie tylko generuje ruch na Twojej witrynie i gwar w blogosferze,
ale rwnie buduje szacunek i pozytywne postrzeganie Twojej marki. Majc
w dorobku pewne atuty wykorzystywane do wasnych celw, moesz
udostpni je swojemu audytorium.
Program do sprawdzania kontrastu Jonathana Snooka (http://snook.ca/
technical/colour_contrast/colour.html) jest podrcznym narzdziem, ktre
porwnuje kolor ta z kolorem czcionki i okrela, czy kontrast jest wystarczajcy
dla daltonistw (rysunek 4.6). Proste narzdzie Snooka zostao opracowane
dla jego wasnych celw i opublikowane z korzyci dla jego audytorium,
w skad ktrego wchodz projektanci i programici internetowi.
Wedug danych udostpnionych przez Google program Color Contrast
Checker Snooka wygenerowa okoo 300 linkw przychodzcych, co stanowi
wielk nagrod za jego wysiek.
115
116
ROZDZIA 4
RYSUNEK 4.6. Program

do sprawdzania kontrastu
kolorw Jonathana
Snooka jest uytecznym
narzdziem,
ktre wygenerowao duy
ruch na jego witrynie
Recenzje i rekomendacje
Recenzje i rekomendacje to jeszcze jeden wietny sposb na dostarczenie
swojemu audytorium istotnej informacji, dostosowanej do jego potrzeb
i zainteresowa. Przedmiot recenzji zaley od celw Twojej witryny.
Jak ju wspominalimy w historyjce o Tomku, witryny powicone handlowi
elektronicznemu mog uzyska wzrost sprzeday i przycign wikszy ruch
z wyszukiwarek, jeeli zawieraj recenzje eksperckie na temat oferowanych
produktw, co pomaga klientom w podjciu waciwej decyzji.
Witryny powicone edukacji mog skorzysta z dodania sekcji powiconej
recenzjom ksikowym, ktre stanowi uzupenienie artykuw na dany temat.
Recenzje mog zaintrygowa Twoich czytelnikw jako dodatkowe rdo
interesujcej treci.
Terra Incognita (http://terraincognita.com) firma projektujca nagrodzone
wieloma wyrnieniami interaktywne witryny, z siedzib w Austin w stanie
Teksas zamieszcza na swojej witrynie rekomendacje ksiek, ktre maj
zwizek z rnymi dotychczas zrealizowanymi projektami i zasadami, jakimi
kieruj si jej pracownicy (rysunek 4.7). Czytelnicy z upodobaniem przegldaj
te rekomendacje. Do grona klientw przyjmujcych ten sam system wartoci
nale National Geographic i Smithsonian Museum.
117
RYSUNEK 4.7. Terra

Incognita dodaa
na swojej witrynie
skategoryzowane
rekomendacje ksikowe,
ktre uwzgldniaj
zainteresowania
czytelnikw i posiadaj
wartoci edukacyjne
Piszc recenzj na jakikolwiek temat, dobrze jest zastosowa mikroformat

hReview. Jak ju wspominalimy w sekcji rozdziau 2. zatytuowanej Inne
mikroformaty, z ktrymi warto si zapozna, recenzje wykorzystujce
mikroformat hReview s widoczne w wyszukiwarce mikroformatw Technorati
(http://kitchen.technorati.com/search/). Na witrynie Microformats znajduje
si znakomity kreator hReview (http://microformats.org/code/hreview/creator),
ktry generuje kod HTML po wpisaniu treci na prostym formularzu.
Po zamieszczeniu recenzji na serwerze moesz poinformowa o tym
wyszukiwark Technorati. W tym celu zarejestruj swj adres URL na stronie
Pingerati (http://pingerati.net/).
Tre subskrybowana (RSS)

Rozpowszechnianie treci za pomoc kanaw RSS daje Twoim uytkownikom
wygodny sposb uzyskiwania informacji o zmianach na Twojej witrynie. Kady
rodzaj treci moe by rozpowszechniany za porednictwem RSS 2.0, w tym
pliki tekstowe, graficzne i audio.
Wikszo blogw i systemw zarzdzania treci publikuje automatycznie
kanay RSS, a nawet powiadamia serwisy zajmujce si ledzeniem blogw,
takie jak Technorati. Te z kolei powiadamiaj wszystkich subskrybentw
Twojego kanau RSS, e jest do pobrania nowa informacja. To znakomity
sposb przypominania uytkownikom o istnieniu Twojej witryny i zachcania
ich do odwiedzin.
118
ROZDZIA 4
RSS przydaje si rwnie do szerokiej dystrybucji Twojej treci, ktra moe

by wywietlana na wielu platformach i wielu witrynach, za kadym razem
z linkiem do Twojej witryny.
Tre generowana przez uytkownikw (UGC)

Tre generowana przez uytkownikw (UGC) jest mocnym narzdziem,
ale nie w kadej sytuacji. Zanim zaistniej warunki dla UGC, wikszo witryn
wymaga pewnego czasu na zbudowanie swojego audytorium. Potrzeba nie
tylko godziwej liczby internautw odwiedzajcych witryn. Niezbdny jest
rwnie pewien poziom zainteresowania i lojalnoci z ich strony, dziki ktremu
stan si prawdziwymi wsppracownikami.
W najlepszym razie UGC to wolna tre generujca ruch za porednictwem
wyszukiwarek i bdca przyczyn sporego gwaru. W najgorszym razie UGC
moe si zakoczy cakowitym fiaskiem i brakiem wspdziaania ze strony
internautw.
UGC moe mie rne formy i rozmiary. Recenzje, fora, media i komentarze
to tylko kilka spord wielu moliwoci zaangaowania si uytkownikw
na Twojej witrynie.
Recenzje uytkownikw odnoszce si do Twoich produktw i usug maj
charakter obiektywnego uwierzytelnienia Twojej oferty. Witryna Amazon
pozwala uytkownikom na dopisywanie wasnych recenzji i wpywanie w ten
sposb na sprzeda prezentowanych ksiek. Niezalenie od tego, czy oddwik
jest pozytywny czy negatywny, czytelnicy ceni sobie tak informacj, gdy
chc si czu dobrze zorientowani przy podejmowaniu decyzji o zakupie.
Jak pamitamy z historyjki o Tomku, dostarczenie uytkownikom korzystnej
informacji moe promowa sprzeda i zachca ich do powrotw.
Inn popularn platform UGC s fora. Jeeli Twoja witryna skupia si
na przekazywaniu uytkownikom informacji i rozwiza typowych problemw,
to forum moe by dobrym sposobem dla uytkownikw na wzajemne
wspieranie si. Obserwujc gorce tematy na forach, moesz wpa na pomys,
na jaki temat napisa kolejny artyku lub wpis na blogu. Poniewa wpisy
s bogate w sowa kluczowe, dobrze prosperujce forum moe przysporzy
witrynie wielu cennych punktw rankingowych.
Jednak z forami wi si pewne problemy. Zmor kadego moderatora jest
spam. Musisz zadba o wyrafinowane zabezpieczenia przed spamem, jeeli
chcesz, by Twoje forum przetrwao prb czasu.
Moderacja forum jest wan kwesti i moe by czasochonna. Kade forum

ma swojego pgwka, ktry wypisuje bzdury. Tote moderacja jest niezbdna
dla zapewnienia komfortu uytkownikom.
Fora mog si okaza zupen klap, gdy nie ma chtnych do dyskusji. Czasem
wystarczy kilka osb zadajcych interesujce pytania, by rozwina si zaarta
debata. Jeeli mimo zacht forum nie wystartuje, zlikwiduj je, gdy forum,
na ktrym nic si nie dzieje, le wiadczy o witrynie.
Przyjrzyj si statystykom witryny i komentarzom w blogu, zanim podejmiesz
decyzj w sprawie forum. Jeeli Twj blog ma niewiele komentarzy, moesz
wycign wniosek, e rwnie forum nie bdzie si cieszyo popularnoci.
Jeeli rozwaasz dodanie forum do witryny, moesz wyprbowa

jeden z popularnych systemw dostpnych na rynku. PHPBB
(http://www.phpbb.com/) i vBulletin (http://www.vbulletin.com)
to popularne, wielofunkcyjne fora, z ktrymi warto si zapozna.
Wraz ze wzrostem popularnoci UGC wiele organizacji doczyo bezkrytycznie
do grona zwolennikw tej metody, nie analizujc jej przydatnoci dla swoich
witryn. Brak zainteresowania nie jest najgorsz rzecz, jaka moe si przydarzy.
W roku 2007 firma Chevy ogosia konkurs na sekwencj wideo z samochodem
sportowo-uytkowym Tahoe. Uytkownicy nadesali ponad 30 000 filmw,
z ktrych wikszo dotyczya promocji tej marki. Ale niektre obnayy
wady tego samochodu nadmierne zuycie paliwa i niekorzystny wpyw
na rodowisko naturalne.
Chocia UGC moe zredukowa czas potrzebny na tworzenie nowej treci,
nie jest to metoda prosta. Starannie przeanalizuj konsekwencje i scenariusze
dla najgorszych przypadkw, zanim zdecydujesz si na dopuszczenie
uytkownikw do generowania treci na witrynie.
Artyku na temat nieudanej kampanii reklamowej samochodu Chevy

Tahoe i kilka kontrowersyjnych filmw znajdziesz pod adresem
http://www.wired.com/wired/archive/14.12/tahoe.html.
119
120
ROZDZIA 4
Pozycjonowanie
sw kluczowych w treci
W rozdziale 2. dowiedziae si, e w dokumentach HTML istnieje wiele miejsc,
w ktrych naley umieci sowa kluczowe, aby osign korzystny ranking
w wyszukiwarkach. Jednak nie wystarczy wiedzie gdzie, rwnie wana jest
odpowied na pytanie, jakie sowa kluczowe bd najkorzystniejsze dla Twojej
witryny.
Badanie i wybr sw kluczowych

Wpisy na blogach, artykuy i inne teksty powinny by w sposb naturalny
wypenione sowami kluczowymi, ktre przycign Twoje audytorium. Istniej
pewne miejsca na witrynie, gdzie powinny si znale najwaniejsze sowa
kluczowe. Te miejsca to znacznik tytuu, znacznik meta description, nagwki
i tre strony gwnej. Dopracowane sowa kluczowe w strategicznych
obszarach kodu rdowego HTML oraz tre bogata w sowa kluczowe
przyczyniaj si do zwikszenia ruchu pochodzcego od wyszukiwarek.
Moesz mie oglne wyobraenie, ktre sowa kluczowe s najwaniejsze,
ale czasem przypuszczenia na temat popularnoci sw kluczowych rozmijaj
si z rzeczywistoci. Zamiast prbowa odgadn, ktre sowa kluczowe
najbardziej odpowiadaj zwyczajom uytkownikw przy wyszukiwaniu, moesz
uzyska odpowied obiektywn w wyniku przeprowadzenia badania sw
kluczowych.
Najlepiej rozpocz badanie sw kluczowych od samych wyszukiwarek.
Wykonujc wyszukiwanie sw kluczowych, ktre wydaj Ci si odpowiednie,
natrafisz na witryny firm konkurencyjnych i ewentualnie znajdziesz inne
terminy, ktrych wczeniej nie brae pod uwag.
Aby dowiedzie si, jakimi sowami kluczowymi posuguj si internauci,
zanim odnajd Twoj witryn, wpisz jej adres w polu wyszukiwania jednej
z witryn spoecznociowych, na przykad Delicious (http://del.icio.us)
lub Magnolia (http://ma.gnolia.com) (rysunek 4.8). Sowa, ktrych ludzie
uywaj na tych witrynach do opisania Twojej treci, odzwierciedlaj
zachowanie uytkownika przy wyszukiwaniu. Jeli pewne terminy powtarzaj
si, powiniene je rozway jako nowe sowa kluczowe.
Jeeli Twoja witryna nie jest jeszcze uruchomiona albo nie zostaa
rozpowszechniona na serwisach Magnolia lub Delicious, moesz wykona
wyszukiwanie dla dotychczasowych sw kluczowych, aby sprawdzi, jakie
121
RYSUNEK 4.8. Wykonujc

wyszukiwanie swojej
domeny na serwisie takim
jak Magnolia (http://ma.
gnolia.com), moesz
odkry, jakich sw uywaj
internauci do opisania
Twojej treci
inne sowa kluczowe s z nimi powizane. Dziki temu, e tysice ludzi zajmuje
si codziennie oznaczaniem treci na witrynach Delicious i Magnolia, moesz
dowiedzie si, jakie s zwyczaje internautw zajmujcych si wyszukiwaniem.
Wordtracker
Aby uzyska wicej informacji na temat sw kluczowych, zastosuj jedno
z narzdzi specjalnie zaprojektowanych do tego celu. Wordtracker (http://
wordtracker.com) jest wydajnym narzdziem do identyfikowania sw
kluczowych i ustalania, jak czsto internauci wykonuj dla nich wyszukiwania.
Wordtracker sprawdza inne witryny, ktre maj dobre rankingi
w wyszukiwarkach, i pokazuje, jakich sw kluczowych one uywaj. Ponadto
tworzona jest statystyka wyszukiwa dla gwnych wyszukiwarek, co uatwia
ustalenie aktualnego poziomu popularnoci rnych terminw.
Wordtracker (zobacz rysunek 4.9) jest serwisem patnym, ale mona z niego
korzysta za darmo w okresie prbnym, a tym samym zapozna si z jego
moliwociami. Opaty za korzystanie z tej aplikacji s do rozsdne i zale
od okresu jej udostpnienia.
Funkcje Wordtrackera polegajce na wyszukiwaniu wyrae pobocznych
oraz synonimw uatwiaj znalezienie dodatkowych sw kluczowych.
Na rysunku 4.9 wida wyniki wyszukiwania dla sowa kluczowego espresso.
Wrd tych wynikw wystpuj synonimy, na przykad coffee i latte,
jak rwnie wyrazy poboczne, na przykad coffee beans i barista. Dziki
Wordtrackerowi moesz odkry wiele pominitych terminw.
122
ROZDZIA 4
RYSUNEK 4.9. Wordtracker

jest przydatnym narzdziem
do badania, ktre sowa
kluczowe najbardziej
pasuj do witryny
Po odnalezieniu nowych terminw moesz przeprowadzi dalsze badania,

aby przekona si, ilu uytkownikw posuguje si nimi oraz na ilu witrynach
s one zastosowane. Terminy obszerne, takie jak espresso, s trudniejsze
do namierzenia, poniewa wiele witryn o nie rywalizuje. Potrzebne Ci bd
terminy niszowe, ktre nie maj duej konkurencyjnoci, a ciesz si wzgldn
popularnoci wrd internautw.
Uytkownicy zazwyczaj zaczynaj od terminw oglnych, a nastpnie
poprawiaj swoje wyszukiwanie, gdy uzyskaj wiksz wiedz na dany temat.
Wtedy wanie stosuj terminy niszowe, dziki ktrym pojawia si wiksza
szansa na dokonanie zakupu lub wykonanie innej akcji na witrynie.
Wordtracker bada popularno sw kluczowych i porwnuje z ich
konkurencyjnoci, w oparciu o wzr matematyczny. W rezultacie jest wyliczany
tzw. indeks efektywnoci sowa kluczowego (KEI). Algorytm obliczania
wskanika KEI jest nastpujcy:
KEI = P2/C
KEI:
indeks efektywnoci sowa kluczowego
P2:
kwadrat popularnoci sowa kluczowego
C:
konkurencyjno (liczba innych witryn zoptymalizowanych na to

sowo kluczowe)
Warto KEI pomidzy 10 a 100 oznacza sowo lub fraz kluczow o charakterze
niszowym, czyli zachowanie pewnej rwnowagi pomidzy czstotliwoci
wykorzystania w wyszukiwaniach a konkurencyjnoci. Warto KEI
przekraczajca sto wskazuje, e sowo kluczowe jest trudne do znalezienia.
Ilustruje to rysunek 4.10.
RYSUNEK 4.10. Dane
z Wordtrackera
pomagaj w ustaleniu
sw kluczowych,
ktre rokuj najwikszy
sukces
Gdy odkryjesz wartociowe sowa kluczowe, moesz albo prowadzi na nich

dalsze badania w celu odkrycia kolejnych terminw niszowych, albo doda
je do swojej listy sw kluczowych. Lista sw kluczowych jest kocowym
wynikiem Twoich bada. Stanowi ona gwn list odniesienia przy budowaniu
witryny. Jej celem jest przycignicie Twojego audytorium.
Inne serwisy badajce sowa kluczowe

Jeeli nie chcesz wyda kilku zotych na badanie sw kluczowych przy pomocy
Wordtrackera, istniej sposoby alternatywne. Zarwno Google, jak i Yahoo!
udostpniaj narzdzia do badania sw kluczowych swoim aktualnym
i potencjalnym zleceniodawcom ogosze tekstowych. Narzdzia te
s cakowicie bezpatne. Umoliwiaj znalezienie terminw pobocznych
oraz ustalenie stopnia popularnoci sw kluczowych.
Narzdzie do badania sw kluczowych w ramach Google AdWords (https://
adwords.google.com/select/KeywordToolExternal) umoliwia gromadzenie
danych na dwa sposoby. W przypadku nowej witryny po wpisaniu listy sw
kluczowych nastpuje wyszukanie terminw pokrewnych i synonimicznych.
123
124
ROZDZIA 4
W przypadku witryny istniejcej po podaniu jej adresu URL otrzymasz list

charakterystycznych sw kluczowych.
W obydwu przypadkach program tworzy wykresy supkowe prezentujce
graficznie liczb witryn i liczb wyszukiwa dla poszczeglnych terminw
w cigu minionego miesica. Porwnujc te dwa wykresy, moesz atwo
wyselekcjonowa terminy, dla ktrych uzyskasz najlepsze rezultaty.
Naley wspomnie, e dane wywietlane przez Google opieraj si na linkach
sponsorowanych wykupionych w ramach programu Google AdWords, a nie
na informacjach z caego internetu. Poniewa jednak Google AdWords jest
bardzo popularn platform ogoszeniow, prezentowane wyniki s zblione
do wynikw opartych na wyszukiwaniach organicznych, czyli prezentowane
dane s miarodajne patrz rysunek 4.11.
RYSUNEK 4.11. Narzdzie
do badania sw
kluczowych w ramach
programu Google AdWords
udostpnia informacje
o czstotliwoci
wyszukiwa opartych
na rnych sowach
kluczowych i wskazuje ich
poziom konkurencyjnoci.
Dziki temu narzdziu
moesz zbada istniejc
witryn i ustali zalecan
list sw kluczowych
Terminy o charakterze organicznym to sowa kluczowe umieszczane

w najwaniejszych obszarach kodu rdowego w celu osignicia
jak najlepszego rankingu w wyszukiwarkach. Terminy patne to sowa
kluczowe, o ktre licytuj si waciciele witryn, wykupujc linki
sponsorowane.
125
Narzdzie Yahoo! wykrywa podobne dane, ale na mniejszym poziomie

szczegowoci w porwnaniu do narzdzia programu Google AdWords.
Po wpisaniu sowa kluczowego w programie Yahoo! otrzymasz list
terminw pobocznych i synonimicznych wraz z informacj, ile razy wystpoway
w wyszukiwaniach w poprzednich miesicach.
Informacje te wydaj si nieco starsze, ni podaje program nalecy do
Google, brakuje te danych na temat konkurencyjnoci. Narzdzie Yahoo!
(rysunek 4.12) moesz zastosowa jako uzupenienie potwierdzajce dane
z innych rde.
Inne ciekawe i poyteczne narzdzia do badania sw kluczowych

oraz artykuy powicone temu tematowi znajdziesz na stronie
http://searchenginewatch.com/facts/article.php/2156041.
Pozycjonowanie sw kluczowych
Po zidentyfikowaniu najistotniejszych sw kluczowych powiniene
umieci je w treci i kodzie HTML swojej witryny. W rozdziale 2. wskazujemy
na najwaniejsze obszary w dokumencie, w ktrych wykorzystujemy sowa
kluczowe. Do tych obszarw nale:
Q znacznik <title>,
Q znaczniki nagwkowe, zwaszcza <h1>, <h2> i <h3>,
Q znaczniki <strong> i <em>,
Q etykiety linkw,
Q nazwy plikw (nazwa pliku graficznego logo, nazwa zewntrznego
pliku CSS) ,
Q atrybuty alt,
Q atrybuty title,
Q elementy tabel, takie jak <th>, <caption> i atrybut summary,
Q znaczniki <acronym> i <abbr>,
Q pierwsza linia pierwszego akapitu na stronie,
Q znacznik meta description,
Q adres URL.
RYSUNEK 4.12. Narzdzie
Yahoo! do badania sw
kluczowych wykrywa
zarwno poboczne,
jak i synonimiczne sowa
kluczowe
126
ROZDZIA 4
Sowa kluczowe naley umieci wewntrz dokumentu HTML, a take w treci

witryny. atwo jest popa w przesad pozycjonowania i doprowadzi do tego,
e tekst staje si nieczytelny.
Chocia optymalizacja ze wzgldu na sowa kluczowe moe podnie ranking
w wyszukiwarkach, a tym samym ruch na witrynie, nie powicaj jakoci
treci dla tego procesu. Tre powinna w pierwszej kolejnoci suy
internautom, a dopiero w drugiej wyszukiwarkom!
Kiedy sowa kluczowe pojawiaj si na stronie zbyt czsto, wyszukiwarki
nabieraj podejrze, e prbujesz nieuczciwie przeadowa nimi strony,
aby uzyska korzyci rankingowe. Wyszukiwarki wykorzystuj prosty wzr
matematyczny i podstawow logik jzykow do okrelania, czy sowa
kluczowe s w naturalny sposb rozmieszczone na stronie. Poniszy
wzr suy do obliczania gstoci sowa kluczowego na stronie:
Czstotliwo sowa kluczowego/liczba wyrazw na stronie =
= gsto sowa kluczowego
Wedug tego wzoru, jeli na stronie zawierajcej 500 wyrazw sowo kluczowe
wystpuje 50 razy, to jego gsto wynosi 10 procent. Badajc rne teksty,
naukowcy stwierdzili, e typowa gsto sowa kluczowego nie przekracza
7 procent. Strona o gstoci dziesicioprocentowej wygldaaby podejrzanie
i mogaby zosta ukarana w rankingach wyszukiwarek.
Wyszukiwarki sprawdzaj te, czy sowa kluczowe s rozdzielone innymi
wyrazami, co potwierdza ich naturalne rozmieszczenie w tekcie.
Optymalizujc swoje strony, staraj si zatem, by nie przekroczy progowej
gstoci siedmioprocentowej. Do tych oblicze bdzie Ci potrzebny program
uytkowy.
Obliczanie gstoci sowa kluczowego

Obliczanie gstoci sowa kluczowego na wasn rk nie jest najlepszym
pomysem. Na szczcie istniej dobre i darmowe narzdzia, ktre wykonaj
brudn robot za Ciebie.
Jeden z najpeniej funkcjonalnych analizatorw gstoci sw kluczowych
jest udostpniony na stronie http://www.ranks.nl/cgi-bin/ranksnl/spider/spider.cgi.
Oprcz analizy gstoci sw kluczowych moesz take uzyska informacj
na temat ich wanoci (rysunek 4.13). Sowa kluczowe umieszczone
w znacznikach <title> i nagwkowych s wyej notowane w porwnaniu
RYSUNEK 4.13. Ranks.nl jest narzdziem do obliczania gstoci i wanoci sw

i wielowyrazowych fraz kluczowych na stronie internetowej
do pozostaych. Obliczajc jednoczenie gsto i wano sw

kluczowych, moesz okreli, ktre z nich bd miay najwyszy ranking
w wyszukiwarkach.
Sporo innych informacji otrzymasz, podajc adresy URL swoich stron
analizatorowi sw kluczowych Ranks.nl. Wskazuje on PageRank stosowany
przez wyszukiwark Google, pokazuje nagwki HTTP, podaje linki do witryn,
ktre posiadaj linki do Twojej strony internetowej i mnstwo innych
poytecznych informacji. Oprcz wykrytych sw i fraz kluczowych zobaczysz
szereg duych liter wskazujcych miejsca w kodzie HTML, gdzie znajduje
si dany termin. Na rysunku 4.13 fraza kluczowa user experience pojawia si
8 razy i jest zawarta w znaczniku title, znaczniku meta keywords, nagwkach
oraz w tekcie pogrubionym i napisanym kursyw.
Jeeli stwierdzisz, e jedno z wyrae ma nisk gsto lub wano, moesz
po prostu dopisa je w jednym ze strategicznych miejsc wymienionych w tym
rozdziale.
Strategie rozwijania treci

Nie zawsze musisz by autorem wszystkich tekstw na witrynie. Dziki
niektrym wymylnym technikom internetowym moesz dynamicznie
pobiera tre z innych lokalizacji.
W sekcji zatytuowanej Tre subskrybowana (RSS) dowiedziae si,
e RSS jest standardowym formatem XML wykorzystywanym przez wiele
blogw i systemw zarzdzania treci do rozpowszechniania treci na innych
platformach i witrynach. Tysice witryn publikuje kanay RSS z myl
o rozszerzeniu swojego audytorium. Podobnie jak stacje telewizyjne emituj
audycje z innych kanaw jako uzupenienie wasnego programu, witryna
moe wywietla tre subskrybowan z innych witryn.
Przyjrzyjmy si kilku przykadom praktycznym wykorzystania kanaw RSS.
127
128
ROZDZIA 4
Wywietlanie treci RSS na witrynie

Nagwki i fragmenty tekstw z blogw lub innych witryn, ktrych tre jest
powizana tematycznie z Twoj, mog by wywietlane na pasku bocznym
strony domowej lub na innej stronie nalecej do witryny. Dziki temu
uytkownicy widz nagwki wiadomoci z wielu witryn w jednym miejscu.
Wszystkie nagwki mog zawiera linki powrotne do swoich witryn, wic
zainteresowani uytkownicy przeczytaj cay komunikat po klikniciu
odpowiedniego linka. W rezultacie powstaje relacja symbiotyczna, gdy obie
witryny odnotowuj wzrost liczby odwiedzin dziki dodatkowym linkom
przychodzcym. Wszyscy na tym zyskuj!
Transformacja treci w formacie RSS na format HTML nie jest zbyt trudna.
W poniszym przykadzie wykorzystamy popularny zestaw klas open source
PHP zwany Magpie (http://magpierss.sourceforge.net/) do wycigania treci
z plikw RSS.
Zanim zajmiemy si przetwarzaniem RSS, zobaczmy, jak wyglda typowy
plik w tym formacie:
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Szalone mapy</title>
<link>http://www.szalonemalpy.pl/</link>
<language>pl</language>
<description>Ciekawostki dotyczce map</description>
<item>
<title>Odkryto rzadki gatunek niebieskiej mapy!</title>
<description>Rzadki gatunek niebieskiej mapy odkryto niedawno
w opuszczonej fabryce wiecznych pir. Naukowcy nie s
zgodni, dlaczego ich skra ma kolor niebieski.</description>
<pubDate>Fri, 10 Aug 2007 05:19:47 GMT</pubDate>
<author>toniejestspam@przyklad.pl(Szymon Szympaski)</author>
<guid isPermaLink="true">http://www.szalonemalpy.pl/
niebieskiemalpy</guid>
<link>http://www.szalonemalpy.pl/niebieskiemalpy</link>
<category>Wiadomoci o mapach</category>
</item>
</channel>
</rss>
RSS przypomina HTML, a niektre znaczniki s nawet identyczne.

Do znacznikw zawierajcych informacje nale <channel>, ktry przechowuje
dane o witrynie publikujcej kana, oraz <item>, przechowujcy dane
o pojedynczym wpisie na blogu lub inny fragment treci. Tych ostatnich
jest zazwyczaj wicej po jednym dla kadego wpisu na blogu.
Przeanalizujmy plan przetwarzania i wywietlania kanaw RSS. W naszym
systemie bd zainstalowane trzy gwne komponenty:
Q Klasa MagpieRSS, ktr moesz pobra na stronie http://magpierss.
sourceforge.net/.
Q Skrypt PHP wykorzystujcy Magpie do transformacji RSS na HTML.
Q Strona, na ktrej bd wywietlane skrty wiadomoci.
Wykonamy to w dwch podstawowych krokach:
1. Utworzymy plik w jzyku PHP o nazwie parseRSS.php, ktry odpowiada
za poczenie z silnikiem parsujcym RSS klasy Magpie. W tym pliku
znajdzie si funkcja realizujca konwersj z RSS na HTML,
z wykorzystaniem funkcji nalecych do klasy Magpie. Nasz funkcj
nazwiemy parseRSS().
2. Utworzymy stron internetow o nazwie index.php, ktra poczy si
z plikiem zawierajcym funkcj parseRSS(). Nasza strona bdzie
wywoywa t funkcj, definiujc kanay do wywietlenia i liczb
nagwkw wiadomoci.
Wykorzystamy funkcj parseRSS(), ktra niejednokrotnie pojawia si w naszych
przykadach kodu rdowego. Zanim rozpoczniesz, przygotuj struktur
folderw tak jak na rysunku 4.14.
RYSUNEK 4.14. Dla
sprawdzenia przykadu
przetwarzania RSS utwrz
tak struktur folderw
Po pobraniu klasy Magpie i skonfigurowaniu folderw zgodnie

z rysunkiem 4.14 moemy rozpocz dalsze modyfikacje.
1. Utwrz nowy plik o nazwie parseRSS.php i zapisz go w folderze inc.
2. Na pocztku tego pliku docz klas Magpie i zdefiniuj funkcj
parseRSS().
129
130
ROZDZIA 4
Elementarz programowania zorientowanego obiektowo

Zastosowanie klasy Magpie wymaga znajomoci
podstaw programowania obiektowego (OOP).
W OOP szereg funkcji zwanych funkcjami
skadowymi oraz zmiennych zwanych
zmiennymi skadowymi jest zawartych w klasie
i wykorzystywanych razem do wykonywania
podobnych zada. Wszystkie funkcje skadowe
maj dostp do wartoci wszystkich zmiennych
skadowych. Elementy klasy wspdziaaj ze sob
jak pracownicy maej fabryczki. Pozwala to uproci
kod rdowy i przyspieszy wykonywanie
skomplikowanych zada.
Jeeli miae kiedykolwiek do czynienia
z technologi Flash, prawdopodobnie znasz
obiekty typu movie clip. Klasa movie clip jest
instancj klasy zwan obiektem aby skorzysta

z jej funkcjonalnoci. Kady obiekt posiada zestaw
metod, ktremu odpowiadaj funkcje skadowe
klasy i waciwoci, ktrym odpowiadaj zmienne
skadowe. Jak zobaczymy, jedn z zalet
programowania obiektowego jest wygodny sposb
wykorzystania rozwiza opracowanych przez
innych programistw. Kiedy zrozumiesz zasady
OOP, bdziesz mg zastosowa tysice klas PHP
dostpnych za darmo w internecie do rozwizywania
wasnych problemw informatycznych.
Jeeli ten krtki wykad podstaw programowania
obiektowego nie jest dla Ciebie wystarczajcy, dobre
przykady i wyczerpujce objanienia znajdziesz
w tych artykuach:
przechowywana w bibliotece klas i mona z niej

powoa do ycia dowoln liczb autonomicznych
instancji, a kad z instancji mona manipulowa
oddzielnie.
Podobny paradygmat wystpuje
w programowaniu obiektowym. Tworzysz now
http://www.sitepoint.com/article/objectoriented-php
http://devzone.zend.com/node/view/id/638
http://www.php.net/oop
// dodaj klas Magpie w celu przetwarzania RSS

require_once('magpie/rss_fetch.inc');
function parseRSS($url,$numHeadlines){
}
Zauwa, e funkcja parseRSS() przyjmuje w czasie wywoania dwie zmienne
zwane parametrami. Pierwszy parametr definiuje adres URL przetwarzanego
kanau, a drugi liczb wywietlanych nagwkw.
Pierwszym zadaniem funkcji parseRSS() jest wywoanie funkcji fetch_rss()
nalecej do Magpie. Kana RSS zwrcony przez Magpie bdziemy przechowywa
w zmiennej $rss w celu atwego uycia wewntrz skryptu.
// Wywoaj funkcj fetch_rss z klasy Magpie, aby przechwyci wiadomoci
$rss = @fetch_rss($url);
}
Po wywoaniu funkcja fetch_rss() zwraca kana w postaci obiektu o rnych

waciwociach zwanych take zmiennymi skadowymi. Kadej waciwoci
odpowiada jeden znacznik z kanau RSS wraz z oryginalnym tekstem.
Zauwa, e wywoanie funkcji fetch_rss() jest poprzedzone znakiem @. Dziki
temu nie bd wywietlane ewentualne komunikaty bdw. Kontrol bdw
przeprowadzimy we wasnym zakresie, aby komunikaty byy zrozumiae dla
uytkownika.
Po wykonaniu funkcji fetch_rss() nastpuje sprawdzenie, czy nie naley
zakoczy wykonywania skryptu, jeeli kana RSS nie zosta prawidowo
pobrany i przetworzony. W przeciwnym razie usuniemy niepotrzebne nagwki
wiadomoci, zostawiajc tylko tyle, ile zadeklarowano przy wywoaniu funkcji
parseRSS().
// Czy zmienna $rss ma jak warto?
if($rss){
// Pobierz tyle nagwkw, ile zdefiniowano w zmiennej $numHeadlines
$items = array_slice($rss->items, 0, $numHeadlines);
}else{
return '<div class="error">
Niestety! Nie udao si odczyta wiadomoci.</div>';
exit;
}
Jeeli zmienna $rss ma jak warto, liczba nagwkw okrelona przez
parametr $numHeadlines jest zapisywana w zmiennej $items. Dostp do treci
zawartej w <items> uzyskujemy poprzez $rss->items. Czsto w kanale RSS
jest tak wiele obiektw <items>, e Magpie zwraca je w postaci tablicy
zmiennej o wielu wartociach. Dziki funkcji PHP array_slice() moemy
odrzuci wszystkie zbdne pozycje <items> w tablicy i pozostawi tylko tyle
nagwkw wiadomoci, ile ma by wywietlonych.
Gdyby si nie powiodo pobranie kanau RSS, zostanie wysany komunikat
bdu w znaczniku <div> ze stosown informacj dla uytkownika. Fraza
class="error" wewntrz <div> uatwia nadanie odpowiedniego stylu dla
komunikatw bdu poprzez arkusz stylu CSS.
Po tych przygotowaniach jestemy gotowi do konwersji treci z formatu RSS
na HTML. Wszystkie transformacje na kod HTML bdziemy gromadzi
w zmiennej $feed. Plik HTML budowany przez skrypt bdzie mia sekcj
nagwkow wywietlajc rdo wiadomoci i link do niego, a nastpnie
131
132
ROZDZIA 4
pojawi si nieuporzdkowana lista ze skrtami wiadomoci. Przyjrzyjmy si

najpierw, w jaki sposb odbywa si pobranie informacji z kanau.
// nagwek kanau
$feed .= '<h4><a href="' . $rss->channel['link'] . '" target="_
blank">' . $rss->channel['title'] . '</a></h4>'; // Link do rda
// kanau
Znacznik <channel> obejmuje znaczniki <link> i <title>. Obiekt zwracany
przez funkcj fetch_rss() umieszcza te elementy wewntrz waciwoci
channel w postaci tablicy, tote dostp do danych otrzymamy dziki skadni:
$rss->channel['title'].
Zbudowanie listy nieuporzdkowanej wymaga zastosowania ptli foreach,
poniewa waciwo item, podobnie jak waciwo channel, ma zagniedone
znaczniki przechowywane w tablicy.
// Buduj list kanaw RSS
$feed .= '<ul class="feed">';
foreach ($items as $item) {
$href = strip_tags($item['link']);
$title = strip_tags($item['title']);
// w razie potrzeby obetnij nagwki, w przeciwnym razie zamie na komentarz
if(strlen($title) > 50){ $title =
substr_replace($title,"...",50); }
$feed .= '
<li><a href="'.$href.'" target="_blank" title="Czytaj wpis
w nowym oknie">'.$title.'</a></li>';
} // koniec ptli
// zamknij list
$feed .= "</ul>";
Znaczniki <ul> i </ul> s dodawane do zmiennej $feed poza ptl, gdy lista
ma by tylko jedna. Wewntrz ptli standardowa funkcja PHP strip_tags()
usuwa zbdne znaczniki dodane przez autora kanau, by zapobiec bdom
w kodzie HTML. Przy wyciganiu treci z innych rde roztropnie jest
zabezpieczy si przed niebezpiecznym cigiem znakw, takim jak </div>,
co spowodowaoby chaos przy wywietlaniu tej strony.
Podobnie jak <channel>, kady znacznik <item> ma wewntrz zagniedone
znaczniki, ktre funkcja fetch_rss() zwraca w postaci tablicy. Dostp do tych
znacznikw uzyskamy, stosujc zapis $item['nazwaznacznika'], gdzie
nazwaznacznika oznacza nazw konkretnego znacznika.
Chocia w naszym przykadzie nie jest wywietlany tekst zawarty w znaczniku

<description>, mona go atwo doda, korzystajc z $item['description'].
Dodamy go do skryptu w przykadzie z bibliotek linkw.
Tre RSS jest czsto wywietlana na maym obszarze, na przykad na pasku
bocznym strony gwnej. Moe to spowodowa rozbicie dugich nagwkw
na kilka wierszy tekstu. Moesz ograniczy liczb znakw w nagwkach
co nazywamy obciciem korzystajc ze standardowej funkcji PHP strlen().
W tym przykadzie nagwki zostay ograniczone do 50 znakw. W przypadku
przekroczenia tego limitu na kocu pojawi si znak wielokropka ().
Po prawidowym wykonaniu transformacji na kod HTML funkcja zwraca cay
kod rdowy:
return $feed;
}
?>
czc to wszystko razem, otrzymujemy skrypt:
<?
// dodaj klas Magpie w celu przetwarzania RSS
require_once('magpie/rss_fetch.inc');
// Wywoaj funkcj fetch_rss klasy Magpie, aby pobra pozycje z kanau
$rss = @fetch_rss($url);
// Czy zmienna $rss ma jak warto?
if($rss){
// Pobierz liczb nagwkw zdefiniowan przez zmienn $numHeadlines
$items = array_slice($rss->items, 0, $numHeadlines);
}else{
return '<div class="error"> Niestety! Nie udao si odczyta
wiadomoci.</div>';
exit;
}
// nagwek kanau
$feed .= '<h4><a href="' . $rss->channel['link'] . '" target="_
blank">' . $rss->channel['title'] . '</a></h4>'; // Link do
// rda kanau
133
134
ROZDZIA 4
// Buduj list kanaw

$feed .= '<ul class="feed">';
$feed .= '
<li><a href="'.$href.'" target="_blank" title=" Czytaj wpis
w nowym oknie">'.$title.'</a></li>';
} // koniec ptli
// zamknij list
$feed .= </ul>";
return $feed;
}
?>
Po zbudowaniu pliku parseRSS.php jeste gotowy, by pokaza tre kanau
RSS gdzie na swojej witrynie. W tym celu trzeba wykona dwa proste kroki:
1. Docz plik parseRSS.php do strony, na ktrej powinna si wywietli
tre z kanau.
2. Wywoaj funkcj parseRSS(), definiujc adres URL strony z kanaem RSS
i liczb nagwkw do wywietlenia.
Przykad innego
rozwizania tego problemu
znajdziesz na stronie
http://www.dmxzone.com/
ShowDetail.asp?
NewsId=12757.
Najtrudniejsz cz mamy ju za sob, natomiast samo dodanie treci

z kanau RSS na witrynie nie stanowi wikszego problemu. Poniszy przykad
dotyczy dodania jednej kolumny do zawartoci strony:
<div id="feed-col">
<? require_once('inc/parseRSS.php'); ?>
<div class="feedbox">
<?=parseRSS('http://feeds.feedburner.com/AarronWalter',5)?>
</div>
<div class="feedbox">
<?=parseRSS('http://snook.ca/jonathan/index.rdf',5)?>
</div>
</div>
Po doczeniu pliku parseRSS.php moesz wywoa funkcj parseRSS()
za kadym razem, gdy bdzie potrzebne wywietlenie treci z kanau RSS.
Jest to proste rozwizanie. Dodaem kilka znacznikw <div> z klasami
i identyfikatorami, aby uatwi rozmieszczenie elementw i wykorzysta
kaskadowe arkusze stylw CSS. Przykadowy wygld strony z informacjami
RSS pokazano na rysunku 4.15.
RYSUNEK 4.15. Skrty najwieszych
wiadomoci z witryn o podobnej treci
mog by wywietlane na Twojej stronie
internetowej dziki zastosowaniu RSS i PHP
Inne zastosowania RSS

Skrty wiadomoci z blogw nie wyczerpuj wszystkich moliwoci
wykorzystania na Twojej witrynie treci rozpowszechnianej na innych witrynach.
RSS to nisko wiszcy owoc, ktry moe dostarczy istotnej treci Twojemu
audytorium i przycign wiksz liczb internautw. Za kadym razem, gdy
zostanie opublikowana nowa tre, nastpi redystrybucja poprzez skojarzony
kana RSS i automatyczna aktualizacja na Twojej witrynie. Zastosowanie RSS
to wietny sposb na utrzymanie wieej treci przy niewielkim nakadzie
czasu pracy.
Teraz, gdy ju wiesz, w jaki sposb mona przetwarza dane RSS, z atwoci
wywietlisz na swojej witrynie informacje pochodzce z poniej wskazanych
witryn.
Muzyka: Last.fm
Last.fm (http://last.fm) jest spoecznociow witryn muzyczn, ktra
udostpnia narzdzia do adowania informacji zwizanych z aktualnie
odtwarzan muzyk. Przedstawia propozycje muzyczne dostosowane
do Twojego gustu i umoliwia kontaktowanie si z uytkownikami o podobnych
upodobaniach muzycznych.
135
136
ROZDZIA 4
Last.fm publikuje rne ciekawe kanay RSS, ktre moesz wybra wraz z list
ostatnio odtwarzanych cieek, najpopularniejszych artystw itp. Kada cieka
zawiera link zwrotny do witryny Last.fm, gdzie mona uzyska wicej informacji
na temat wykonawcy i albumu. Last.fm oferuje usugi patne i darmowe.
Fotografie: Flickr
Flickr (http://flickr.com) jest popularn aplikacj internetow do udostpniania
zdj. Uytkownicy wystawiaj zdjcia i oznaczaj je opisowymi sowami
kluczowymi, wic mona je atwo zlokalizowa w oglnych wyszukiwarkach.
Flickr opublikowa kanay RSS zwane photo streams dla kadego
indywidualnego konta i dla wszystkich tagw.
Moesz wykorzysta kanay RSS Flickra do wywietlania ostatnio zrobionych
zdj lub zdj opisanych wskazanym sowem kluczowym.
Ogoszenia o pracy: Authenticjobs.com

Naleca do Cameron Moll witryna Authentic Jobs (http://authenticjobs.com/)
publikuje informacje o wolnych posadach dla projektantw i programistw
internetowych. Informacje te moesz uzyska za porednictwem RSS w caoci
albo z podziaem na wymiar czasu pracy lub rodzaj pracy.
Wielu projektantw i programistw internetowych zamieszcza te dane
na swoich witrynach, gdy s adekwatne do potrzeb ich uytkownikw.
Wydarzenia: Upcoming.org
Upcoming (http://upcoming.org), serwis nalecy do Yahoo!, publikuje listy
interesujcych wydarze wszelkiego rodzaju z rnych stron wiata. Mona
wybra kanay RSS dla poszczeglnych kategorii wydarze lub ograniczone
do regionw geograficznych.
Moesz wykorzysta kanay RSS z tej witryny do wywietlania notek
informacyjnych o wydarzeniach lokalnych lub wydarzeniach zwizanych
z pewnym tematem, konkretnym lokalem i zespoem muzycznym.
Tworzenie linkw: Del.icio.us i Ma.gnolia.com

Popularne witryny zajmujce si gromadzeniem i kategoryzacj linkw:
Delicious (http://del.icio.us) i Magnolia (http://ma.gnolia.com) oferuj podobny
zestaw funkcji. Umoliwiaj uytkownikom przechowywanie swoich zakadek,
tworzenie linkw, prac w zespoach opracowujcych wiksze grupy zakadek
i wymian informacji z innymi uytkownikami. Zarwno Delicious,
jak i Magnolia oferuj wspaniae moliwoci w zakresie RSS, na przykad
subskrypcje na zakadki od dowolnego uytkownika lub przechwytywanie

wszystkich zakadek o jednakowym tagu.
Jak wkrtce si przekonamy, serwisy Delicious i Magnolia mog by take
wykorzystywane do tworzenia bardzo przydatnej biblioteki linkw, dziki
ktrej Twoja witryna odnotuje wzrost liczby odwiedzin.
Filmy: Netflix.com
Netflix (http://netflix.com) serwis prowadzcy internetow wypoyczalni
filmw oferuje kanay RSS ze zwiastunami nowych filmw na DVD,
recenzjami filmw oraz informacjami o najczciej wypoyczanych filmach.
Majc konto na tej witrynie, moesz zastosowa kanay RSS z ostatnio
ogldanymi filmami lub histori wasnych wypoycze.
Pliki: Box.net
Box.net (http://box.net) jest internetow aplikacj do przechowywania plikw,
ktre mog by udostpniane innym uytkownikom. Zarejestrowani
uytkownicy mog przechwytywa swj kana RSS i wywietla linki
do plikw przechowywanych w systemie Box.net.
Zastosowanie systemu RSS

do tworzenia biblioteki linkw
Poniewa Magnolia i Delicious publikuj wszystkie swoje zakadki
za porednictwem kanaw RSS, moesz zastosowa plik parseRSS.php
do utworzenia biblioteki linkw na swojej witrynie. Jak ju wspominalimy
wczeniej w tym rozdziale, w sekcji zatytuowanej Tre ma wiele aromatw,
dobrze skonstruowana biblioteka linkw ma warto dla uytkownikw
i zwiksza prawdopodobiestwo, e bd oni czsto powraca na Twoj
witryn.
Celem biblioteki linkw jest dostarczenie adresw wielu wietnych witryn
powiconych temu samemu tematowi. Dobra biblioteka nie moe zawiera
linkw nieistotnych. Ustal jaki temat, ktry jest wany dla Twojego audytorium,
i utwrz miarodajn bibliotek zasobw internetowych, ktre mog pomc
uytkownikom w rozwizaniu jakiego problemu.
Dziki wykorzystaniu systemu zarzdzania zakadkami, takiego jak Magnolia
lub Delicious, do zbudowania biblioteki linkw, jej aktualizacja bdzie bardzo
wygodna. Obydwa serwisy oferuj skryptozakadki do przegldania internetu,
aby szybko zapisa link na swoim koncie. Skryptozakadka jest to niewielki
137
138
ROZDZIA 4
skrypt napisany w jzyku JavaScript, przechowywany jako adres URL zakadki

w przegldarce internetowej lub jako adres odsyacza na stronie internetowej.
Po klikniciu skryptozakadki nastpuje wykonanie jakiego zadania,
na przykad poczenie z witryn w celu zapisania informacji.
Skryptozakadki
i podrczne rozszerzenia
przegldarki znajdziesz
na stronie http://del.icio.
us/help/.
Na witrynie Magnolia
moesz rwnie pobra
kilka dobrych
skryptozakadek:
http://ma.gnolia.com/
support/bookmarklets.
Za kadym razem, gdy zapiszesz zakadk na serwisie Delicious lub Magnolia,

Twoja strona z bibliotek linkw zaktualizuje si automatycznie, poniewa
pobierze informacje z kanau RSS systemu zarzdzania zakadkami.
Po zbudowaniu biblioteki linkw nie bdziesz musia si martwi o aktualn
tre dla swoich uytkownikw.
Jeeli dotychczas nie korzystae z funkcji udostpnionych na witrynie
Delicious (http://del.icio.us) lub Magnolia (http://ma.gnolia.com), odwied
je i wyprbuj ich moliwoci. adna z tych witryn nie pobiera opat
od uytkownikw.
Delicious i Magnolia oferuj metod rozpowszechniania zakadek opart
na skrypcie w jzyku JavaScript, zwan linkroll. Poniewa wtyczki typu
linkroll s zalene od skryptu w jzyku JavaScript, wyszukiwarki nie zobacz
tych linkw, co podwaa sens ich instalowania. Lepsze jest podejcie
polegajce na interpretacji kodu PHP po stronie serwera, gdy wwczas
biblioteka linkw staje si widoczna dla robotw wyszukiwarek.
Aby wykorzysta plik parseRSS.php do zbudowania biblioteki linkw,
wykonamy kilka prostych modyfikacji kodu rdowego w odniesieniu
do ptli foreach, aby pokaza dodatkow informacj opisow. Wyrniem
obszary, ktre zmieniy si w porwnaniu do poprzedniego przykadu.
$desc = $item['description'];
if(strlen($desc) > 200){ $desc =
substr_replace($desc,"...",200); }
$feed .= '
<li>
<h4><a href="'.$href.'" target="_blank" title="Przeczytaj wpis
w nowym oknie">'.$title.'</a></h4>
'.$desc.'
</li>
';
} // koniec ptli
Teraz nasz skrypt doczy opis <description> do strumienia wyjciowego
w kodzie HTML. Opis ten moe by obcity do dowolnej dugoci. Dodanie
opisu jest szczeglnie wane w przypadku serwisu Magnolia, ktry
w znacznikach <description> przechowuje cenne informacje. Jest to fragment
kodu HTML, ktry warto zachowa.
Po przeprowadzeniu niezbdnych zmian w pliku parseRSS.php musimy
dowiedzie si, w jaki sposb Delicious i Magnolia buduj swoje adresy URL
dla kanaw RSS. Kady z nich odpowiada za jaki aspekt kontroli dostpu
do caej biblioteki uytkownika, zakadek uytkownika w okrelonej grupie
sw kluczowych lub wszystkich zakadek w tej grupie. Zasada dziaania jest
nastpujca:
Delicious
Delicious ma raczej proste podejcie do struktury swoich adresw URL dla
kanaw RSS. Oto kilka podstawowych przykadw takich adresw, ktre
moesz wykorzysta do wywietlania zakadek z tej witryny:
Q przechwycenie wszystkich zakadek uytkownika: http://del.icio.us/rss/
nazwa-uzytkownika;
Q przechwycenie zakadek uytkownika dla okrelonej grupy sw
kluczowych: http://del.icio.us/rss/nazwa-uzytkownika/slowo-kluczowe;
Q przechwycenie wszystkich zakadek dla okrelonej grupy sw kluczowych:
http://del.icio.us/rss/tag/slowo-kluczowe.
Wybierajc jeden z tych typw informacji RSS, docz plik parseRSS.php
do strony i wywoaj funkcj parseRSS(), a biblioteka linkw stanie si faktem.
W naszym przykadzie do wywietlania wybrano 20 najwieszych zakadek
oznaczonych terminem seo, co przedstawia rysunek 4.16.
<div id="library">
<?=parseRSS('http://del.icio.us/rss/tag/seo,20)?>
</div>
139
140
ROZDZIA 4
RYSUNEK 4.16.
Dwadziecia linkw
pochodzcych z Delicious
i opatrzonych znacznikiem
seo jest wywietlanych
w bibliotece linkw.
Poniewa korzystamy
ze zbioru wszystkich
zakadek, za kadym
razem, gdy kto oznaczy
nowy link terminem seo,
informacja automatycznie
powdruje na stron
internetow
Magnolia
Magnolia udostpnia opcje penego i zawonego kanau, umoliwiajc
sterowanie zakresem informacji doczanej do kanau RSS. Peny kana
obejmuje opis tekstowy linka, znaczniki i miniatury zdj kadej zakadki.
Jeeli wywietlasz zakadki w pasku bocznym na blogu lub stronie domowej,
to najlepszym rozwizaniem jest opcja zawonego kanau. Peny kana
przydaje si do caostronicowej biblioteki linkw.
Magnolia oferuje nastpujce strony w zakresie kanaw RSS:
Q przechwycenie wszystkich zakadek uytkownika i caej treci: http://
ma.gnolia.com/rss/full/people/nazwa-uzytkownika/;
Q przechwycenie zakadek uytkownika w ramach okrelonego znacznika
i caej treci: http://ma.gnolia.com/rss/full/people/nazwa-uzytkownika/tags/
slowo-kluczowe;
Q przechwycenie wszystkich zakadek w ramach wszystkich znacznikw
i caej treci: http://ma.gnolia.com/rss/full/tags/slowo-kluczowe.
W celu przechwycenia wersji ograniczonej zastp wyraz full wyrazem lite
w adresie URL.
Biblioteka linkw Magnolii dziaa dokadnie tak samo jak w przykadzie
z serwisem Delicious. Ten przykad (rysunek 4.17) wykorzystuje peny kana
141
RYSUNEK 4.17.
Wykorzystujc opcj
penego kanau RSS
Magnolii, moesz
wywietla miniatury
obrazkw z witryn
zapisanych w zakadkach.
Moesz take doczy
linki do innych zakadek
Magnolii w ramach tego
samego znacznika oraz
link dla wdzicznych
uytkownikw, ktrzy
zechc podzikowa
za podzielenie si
informacj
do wywietlania miniatur, linkw oznaczonych i linka dla uytkownikw,

ktrzy zechc podzikowa za informacj. Jest to o wiele bardziej atrakcyjne
ni czysty tekst w kanale Delicious.
<div id="library">
<?=parseRSS('http://ma.gnolia.com/rss/full/people/aarron',20)?>
</div>
Chocia biblioteki linkw pochodzce z tych kanaw dodadz Twojej witrynie
sporo wspaniaej treci, przechwytywanie linkw zwizanych z pojedynczym
znacznikiem sprawi, e Twj wykaz bdzie skupiony na jednym temacie.
Tapping into More Social Bookmarking Features

Serwisy Delicious i Magnolia oferuj zestaw funkcji
Tapping into More Social Bookmarking Features
w postaci interfejsw API, ktre umoliwiaj
programistom tworzenie nowych aplikacji
wykorzystujcych te funkcje. Interfejs API pozwala
na wykorzystanie funkcji jednej aplikacji w drugiej,
wic programici mog tworzy interesujce
aplikacje internetowe typu mashup. Podobnie
jak kanay RSS rozpowszechniaj tre,
API rozpowszechnia funkcji.
Jeeli jeste zainteresowany zbadaniem

interfejsw API udostpnionych przez witryny
Delicious i Magnolia oraz tworzeniem
zaawansowanych funkcji zwizanych
z gromadzeniem i kategoryzacj linkw na swojej
witrynie, zajrzyj pod te adresy internetowe:
PHPDelicious klasa udostpniajca
Delicious API http://www.phpdelicious.com
Magnolia API Wiki http://wiki.ma.gnolia.
com/Ma.gnolia_API
142
ROZDZIA 4
Zawsze moesz utworzy zestaw stron, z ktrych kada wywietla linki dla
innego znacznika, co wprowadzi pewne urozmaicenie.
Uytkownicy nie lubi przekopywa si przez sterty linkw, by dotrze
do istotnej dla siebie informacji, wic korzystne jest zawenie dla pojedynczych
znacznikw.
Dobre biblioteki linkw uzyskuj czsto referencje i generuj linki przychodzce.
Jeeli utrzymasz spjno tematyczn biblioteki i doczysz tylko materia
najwyszej jakoci, z pewnoci zapewnisz swojej witrynie wiksz liczb
odwiedzin internautw.

Witryny Nie Do Ukrycia. Jak Zbudować Stronę, Którą Znajdzie Każda Wyszukiwarka

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Witryny Nie Do Ukrycia. Jak Zbudować Stronę, Którą Znajdzie Każda Wyszukiwarka

Uploaded by

Copyright:

Available Formats

Witryny nie do ukrycia.

Jak zbudowa stron, ktr

Rozdzia 1. Pojcie wyszukiwalnoci .................................................15

Rozdzia 2. Strategie tworzenia kodu HTML .......................................25

Rozdzia 3. Strategie po stronie serwera ........................................... 65

Rozdzia 4. Tworzenie treci przycigajcej internautw ................... 97

Pozycjonowanie sw kluczowych w treci ......................................................... 120

Rozdzia 5. Budowanie wyszukiwalnego bloga ................................143

Rozdzia 6. Wyszukiwarka wewntrzna ........................................... 173

Rozdzia 7. Zapobieganie zatorom wyszukiwalnoci ....................... 203

Rozdzia 8. Lista mailingowa przycignie internautw ..................... 239

Rozdzia 9. Wykorzystanie wyszukiwalnoci w praktyce ...................261

Skorowidz ................................................................................................................. 269

Chocia odbiorcy docelowi mog odkry Twoj

Tre wcigajca (uytkownikw)

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

zrealizowa zakup zestawu kina domowego. Kiedy zamwiony towar zostanie

Mora z tej historyjki jest taki, e Twoje audytorium wynagrodzi Ci

Tre prawo przyczyny i skutku

Framework CSS zwany Blueprint

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

Po ukazaniu si Blueprinta znani projektanci internetowi, tacy jak Khoi

Otwarta tre rodzi uznanie

Na przykad firma Google nie chce udostpni publicznie algorytmu swojej

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

Tre ze znakiem jakoci

Zachowaj arliwo i autorytatywno

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

W dalszej czci tego rozdziau zajmiemy si jeszcze tym problemem

RYSUNEK 4.1. Stosujc znaczniki <del> i <ins>,

Za pomoc maego arkusza stylu moesz zmieni domylny sposb

Wicej o znacznikach <del> i <ins> dowiesz si pod adresem

Odwoaj si do zainteresowa czytelnikw

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

Q Podziel swoje audytorium na grupy uytkownikw pierwszego, drugiego

Norm Carr i Tim

nie opracowa tak kompleksowego i dobrego rozwizania. Oryginalno tkwi

Uyj odpowiedniej formy wyrazu

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

Internauci maj na og skonno do szybszego czytania i w krtszych

Wszystkie drogi prowadz do treci

RYSUNEK 4.3. W lewej

goci, ktrzy czsto szukaj nowoci na witrynie. Charakterystyczna tre

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

RYSUNEK 4.4. Witryna

Derek Powazek udziela szczegowych rad na temat strony domowej

Tre ma wiele aromatw

Kiedy tre z Twojej witryny jest rozpowszechniana na inne lokalizacje,

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

Chocia blogi nale do najmocniejszych narzdzi publikowania treci, ktre

Artykuy, analizy przypadku i raporty

RYSUNEK 4.5. Witryna

publikowanie artykuw na witrynie jest prawie wycznie odpowiedzialne

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

RYSUNEK 4.6. Program

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

RYSUNEK 4.7. Terra

Piszc recenzj na jakikolwiek temat, dobrze jest zastosowa mikroformat

Tre subskrybowana (RSS)

RSS przydaje si rwnie do szerokiej dystrybucji Twojej treci, ktra moe

Tre generowana przez uytkownikw (UGC)

TWORZENIE TRECI PRZYCIGAJCEJ INTERNAUTW

Moderacja forum jest wan kwesti i moe by czasochonna. Kade forum