Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
i optymalizacja stron
WWW. Jak to si robi
Autorzy: Bartosz Danowski, Micha Makaruk
ISBN: 978-83-246-0690-0
Format: B5, stron: 264
Wydawnictwo Helion
ul. Kociuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
Dziaanie wyszukiwarek
Dobr odpowiednich sw kluczowych
Poprawny ukad elementw stron
Uywanie odsyaczy wewntrznych i zewntrznych
Uatwianie indeksacji witryny
Monitorowanie ruchu na stronie i jej popularnoci
Zapewnianie funkcjonalnoci witryny
Dodatkowe techniki promocji stron
Wystrzeganie si nieuczciwych pozycjonerw
Wyprzed konkurencj i uatw swoim klientom dotarcie do swojej oferty
Spis treci
Wstp .............................................................................................. 9
Rozdzia 1. W jaki sposb dziaa wyszukiwarka stron WWW? ............................ 11
Krtka prezentacja popularnych wyszukiwarek .............................................................. 11
Wyszukiwanie danych ............................................................................................... 17
Przeszukiwanie grup dyskusyjnych .......................................................................... 28
Wyszukiwanie plikw graficznych ........................................................................... 30
Przeszukiwanie katalogw stron ............................................................................... 32
Zapytania i operatory ................................................................................................ 33
W jaki sposb dziaa wyszukiwarka? .............................................................................. 38
Udzia w rynku i popularno .......................................................................................... 39
W jaki sposb wyszukiwarka zarabia? ............................................................................ 42
Spis treci
Rozdzia 4.
Dobr sw
Prowadzenie serwisu internetowego polega rwnie na pracy nad tym, abymy mieli jak
najwiksz liczb wartociowych odwiedzin. Wartociowy odwiedzajcy to taki, ktry
przyszed na nasz stron w okrelonym celu i znalaz na niej to, czego szuka. Wemy
jako przykad stron http://www.zamking.pl i jej ofert. Jeeli odwiedzajcy wchodzi
na nasz stron w poszukiwaniu suwaka do spodni, a znajduje dmuchane zamki we
wszystkich kolorach tczy, to nie moemy zaliczy tej wizyty do wartociowej. Taki
odwiedzajcy albo zamknie okno przegldarki, albo cofnie si do wynikw wyszukiwania i otworzy inn stron lub sprecyzuje zadane pytanie.
80
myl. Bardzo czsto s to due opisowe zapytania, ktrych si nawet nie spodziewamy,
np. jak samemu zoy komputer. Dlatego bezwzgldnie naley postawi si w roli
internauty, a nie twrcy strony, i zastanowi si, jak szukabym informacji zawartych
na danej stronie.
Dobrym sposobem na zdobycie rozeznania w nawykach osb szukajcych jest zapytanie znajomych czy czonkw rodziny o to, co by wpisali w wyszukiwark w celu znalezienia danych informacji. Pamitaj o zapisywaniu kadego hasa, ktre usyszysz.
Moesz stworzy odpowiedni list w arkuszu kalkulacyjnym, a nastpnie podda
j dokadnej analizie. Zapisuj wszystkie sowa i frazy, ktre przyjd Ci do gowy. Naszym zdaniem lepiej mie wicej sw i wybra najbardziej odpowiednie, ni cierpie
na ich deficyt.
Obsuga Overture Suggestion Tool jest bardzo prosta. W oknie wpisujemy gwne haso,
ktre nas interesuje, i dostajemy list hase zawierajcych to sowo. Na rysunku 4.1
pokazalimy przykad dziaania dla sowa google.
Wywietlane wyniki obejmuj ostatnie dwa miesice i zawieraj maksymalnie sto hase.
Na powyszym przykadzie wywietlone s hasa zawierajce sowo google, a dotycz one lipca 2006. Po lewej stronie wynikw mamy wskazanie na liczb wykonanych
zapyta na haso znajdujce si po prawej stronie tej liczby. Z powyszego przykadu
wynika, e haso google byo wyszukane 17 781 943 razy w danym czasie, a fraza
google search pojawia si 1 200 488 razy.
81
Rysunek 4.1.
Overture Suggestion
Tool przykadowy
wynik dla sowa
google
82
Rysunek 4.2.
Overture Suggestion
Tool Google search
83
84
W tabeli 4.1 moemy zobaczy, jak rni si wyniki dla hasa Google w zalenoci
od kraju i jzyka.
Tabela 4.1. Rnice hase w zalenoci od wybranego kraju i jzyka
Kraj: Polska
Jzyk: polski
gle
google advertising
goggle
google com
gogle
google popup
googie
google com
google fr
google yellow
google it
google earth
google labs
google ie toolbar
google news
google uk com
85
Oczywicie nie wszystkie wymienione powyej moliwoci przydaj si podczas tworzenia wasnej listy sw kluczowych. Nie zmienia to jednak faktu, e narzdzie Google
stanowi nieodzowne wyposaenie kadego, kto powanie myli o pozycjonowaniu strony.
Na rysunku 4.5 zaprezentowalimy przykadowe wyniki wyszukiwania samych sw
kluczowych.
86
Kolumna rednia liczba wyszukiwa pokazuje nam te same dane dla wybranych sw
kluczowych, co opcja Popularno sowa kluczowego i kolumna Natenie popularnoci.
Kolumna Trendy intensywnoci wyszukiwa pokazuje dane na temat wynikw poszukiwa w kadym miesicu za okres ostatniego roku. Jest to bardzo przydatne w przypadku hase sezonowych. Dziki wynikom uzyskanym po wybraniu tej opcji moemy
zaplanowa strategi pozycjonowania na dane hasa tak, aby nie marnowa siy linkw
na hasa, ktre w danym okresie nie skutkuj odwiedzinami. Trzecia kolumna pokazuje miesic, w ktrym intensywno wyszukiwania jest najwiksza. Na rysunku 4.7
wyranie wida trendy wyszukiwania hase zwizanych ze sowem kartki.
Kolejn funkcj omawianego narzdzia jest wyszukiwanie potencjalnych sw kluczowych poprzez analiz danej strony. Niestety ta funkcja dostpna jest tylko przy
wybranym jzyku angielskim. eby zmieni jzyk interfejsu, naley wej na stron
http://adwords.google.com i w grnym prawym rogu wybra angielski z listy, a pniej
odwiey stron narzdzia https://adwords.google.com/select/KeywordToolExternal.
Moliwe, e istnieje inny sposb wywoania tej funkcji, ale nie jest on nam znany.
Korzystanie z omawianej funkcji jest bardzo proste. Wybieramy zakadk Site-Related
Keywords i w polu wpisujemy adres strony, ktra nas interesuje. Jeeli zaznaczymy opcj
Include other pages on my site linked from this URL, to wyszukiwanie potrwa nieco
duej, ale w wynikach bd uwzgldnione rwnie podstrony.
87
Rysunek 4.7.
Google Keywod Tool
Globalne trendy
intensywnoci
wyszukiwania
Uzyskiwane wyniki s grupowane wedug hase. Na rysunku 4.8 zamiecilimy przykadowe wyniki dla strony http://www.onet.pl. Otrzymane dane s pogrupowane wedug hase: onet, praca, gry, Miscellaneous keywords (rne hasa, ktre nie pasuj do
innych kategorii).
Gwnym celem, dla ktrego Google udostpnia opisane tutaj narzdzie, jest uatwienie tworzenia kampanii reklamowych w AdWords. Dziki dodaniu sw kluczowych
opcja Dodaj mona pniej przej do tworzenia kampanii reklamowej z tymi
sowami.
Na uwag zasuguje rwnie fakt, e moliwe jest wyeksportowanie wynikw do formatu tekstowego lub CSV(na potrzeby Excela).
Narzdzie Google Keyword Tool jest dostpne pod adresem https://adwords.google.com/
select/KeywordToolExternal.
88
89
W chwili pisania ksiki w rankingu byo okoo 15 tysicy pozycji. Nie jest to dua
liczba, niemniej jednak mona z tego rozwizania korzysta, aby uzupeni lub sprawdzi swoj list sw kluczowych.
Ranking Onetu ignoruje polskie znaki diakrytyczne i niezalenie od tego, w jaki sposb
do wyszukiwarki wpiszesz dane sowo, rezultat bdzie taki sam. Wyniki przedstawiaj wszystkie frazy zawierajce w sobie sowo. Dopasowanie nie jest dokadne, wic
jeeli wyszukujemy na przykad sowo astronom, to otrzymamy wyniki przedstawione w tabeli 4.3. Otrzymane wyniki s posortowane wedug liczby zapyta.
Tabela 4.3. Wyniki dla hasa astronom w rankingu hase Onetu
Wyniki dla hasa astronom
astronomia
szkoly gastronomiczne
wyposazenie lokali gastronomicznych
gastronomia
lokale gastronomiczne
mala gastronomia
gastronomia odziez1
przyczepy gastronomiczne
Ostatnie zapytania
Ranking ostatnich zapyta jest przedstawiony w postaci tabeli z przesuwajcymi si
z gry na d zapytaniami, ktre ostatnio zostay zadane (rysunek 4.10). Narzdzie to
okazuje si bardzo przydatne do tego, aby dowiedzie si, co aktualnie interesuje internautw. Dziki analizie czasowych zainteresowa internautw moemy szybko reagowa i porusza na stronie chwytliwe tematy, oczywicie pod warunkiem e w jaki
sposb s z ni powizane. Dziaanie takie pozwala na zwikszenie ruchu i pozyskanie
nowych odwiedzin.
Biorc pod uwag wyniki zwracane przez narzdzie Wirtualnej Polski, warto pamita,
e lista nie przestawia wszystkich zapyta kierowanych do wyszukiwarki.
Ranking ostatnich zapyta Wirtualnej Polski jest dostpny pod adresem http://szukaj.
wp.pl/zapytania.html.
90
Najpopularniejsze zapytania
Ranking najpopularniejszych zapyta Wirtualnej Polski rozpoczyna si zawsze krtkim
artykuem omawiajcym trendy w wyszukiwanych frazach w cigu ostatniego tygodnia. Na rysunku 4.11 pokazalimy artyku z 26 lutego 2007. Czoowe miejsce w poprzedzajcym tygodniu zaja afera korupcyjna w polskiej pice nonej.
Poniej artykuu znajduje si tabelka zawierajca najpopularniejsze zapytania, podzielona na liczne kategorie. Domylnie pojawiaj si wyniki z poprzedzajcego tygodnia,
ale istnieje moliwo przejrzenia archiwalnych wynikw. Przy kadej frazie po prawej stronie jest strzaka w gr lub w d bd znak minusa. Strzaka w gr oznacza,
e popularno danego hasa wzrosa, a strzaka w d, e spada. Minus oznacza brak
zmian. Przy strzakach jest rwnie liczba wskazujca, o ile miejsc fraza wzrosa lub
spada w rankingu.
Jeeli kursor myszki ustawimy nad hasem w rankingu, pojawi si dymek, z ktrego
moemy wyczyta, ile tygodni dane haso jest w zestawieniu. Na rysunku 4.12 wida,
e haso m jak mio jest dostpne w zestawieniu od dziesiciu tygodni.
Omawiany ranking jest bardzo przydatny do analizy tendencji wyszukiwania i jej zmian
w cigu roku.
Ranking najpopularniejszych zapyta WP jest dostpny na stronie http://szukaj.wp.pl/
najpop.html.
91
92
Rysunek 4.12.
Tabela kategorii
najpopularniejszych
zapyta
GET okrela metod, jaka zostaa zastosowana przy wywoaniu strony. Gdyby wywoanie byo wynikiem wypenienia formularza, zapis przybraby posta POST. Strona wy-
Warto 200 to odpowied naszego serwera przy danym wywoaniu. W tym przypadku
odpowied 200 oznacza, e strona zostaa prawidowo wywietlona i nie napotkano
bdw. Musisz wiedzie, e istnieje koo czterdziestu moliwych odpowiedzi serwera
93
w protokole HTTP 1.1, jednak nie ma potrzeby opisywania ich wszystkich. W tabeli 4.4
zamiecilimy opis kilku najwaniejszych odpowiedzi serwera wraz z obszernymi
wyjanieniami.
Warto 14010 to rozmiar pobranego pliku. Warto jest wyraona w bajtach.
Tabela 4.4. Odpowiedzi serwera w protokole HTTP 1.1
Kod
Opis sowny
Znaczenie
200
OK
301
Moved
Permanently
302
Found
304
Not Modified
400
Bad Request
401
Unauthorized
403
Forbidden
404
Not Found
500
Internal Server
Error
Element widoczny w cytowanym kawaku logu nosi nazw Referer i okrela, gdzie
znajduje si odsyacz prowadzcy do naszej strony. W tym przypadku wida, e stron
polecajc jest wyszukiwarka http://www.google.pl. Zapamitaj, e Google korzysta
z metody GET przy wyszukiwaniu, wic atwo mona zobaczy, jakie haso zostao wpisane w celu znalezienia naszej strony. Zapytanie w adresie umieszczone jest w parametrze q. W tym przypadku zapytanie, po ktrym nastpio wejcie na stron, to page
rank google.
Ostatni zapis w linijce logw to pole User-Agent, ktre podaje nam informacj o systemie operacyjnym, przegldarce, preferencjach jzykowych itp. To pole jest nie tylko
uywane przez przegldarki, ale rwnie przez roboty sieciowe. Przydaje si ono bardzo przy ledzeniu ruchu robotw sieciowych na stronie. Na przykad robot wyszukiwarki Google przedstawia si w taki sposb:
Mozilla/4.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)
94
Oczywicie nie bdziemy przeszukiwali tysicy linijek logw serwera rcznie w celu
wydobycia sw kluczowych. Do tego su programy do statystyki odwiedzin, a najciekawsze z nich zostay przez nas dokadnie omwione nieco dalej. Dobre programy
do analizy ruchu na stronie maj moliwo wycignicia informacji z logw i gromadzenia ich w bazie danych, a nastpnie przetwarzania na czytelne wykresy i zestawienia.
Uwaamy jednak, e pomimo dostpnoci dobrych narzdzi odrobina obeznania w zawartoci logw serwera przyda si kademu.
Podczas analizy sw kluczowych wpisanych przez naszych odwiedzajcych w wyszukiwarki moemy znale wiele hase, ktrych wczeniej nie uwaalimy za takie,
ktre warto pozycjonowa. Szczeglnie przydatne s hasa znajdujce si daleko
w wynikach. Jeeli uznamy takie haso za interesujce, powinnimy wypozycjonowa
nasz stron na to haso.
Moemy rwnie dziki takiej analizie znale nowe pomysy na zbudowanie ciekawych stron o tematyce pochodzcej ze sw kluczowych pojawiajcych si w logach
serwera. Dane zdobyte w ten sposb przydatne s rwnie w budowaniu listy hase
do reklam kontekstowych, np. w programie Google AdWords.
95
Stosuj nagwki
Przy projektowaniu stron internetowych powinnimy zwrci uwag na ich logiczn
budow. Oglnie uwaa si, e sowa kluczowe zawarte w nagwkach s traktowane
przez algorytmy wyszukiwarek na plus w ocenie strony. Podejcie takie jest logiczne,
poniewa zakada, e nagwek to w sposb znaczcy wyrniony fragment tekstu,
a skoro tak jest, ma on szczeglne znaczenie dla odbioru treci.
Nagwki powinny by stosowane na stronie w sposb logiczny, tak jak w gazecie
czy w ksice. W specyfikacji jzyka HTML/XHTML mamy do dyspozycji sze nagwkw: h1, h2, h3, h4, h5 i h6, gdzie h1 jest najwaniejszy, a h6 najmniej istotny.
Kada przegldarka domylnie rnicuje rozmiar nagwkw i dziki temu h1 to najwikszy, a h6 najmniejszy tekst. Kontrola sposobu wywietlania nagwkw oraz
rozmiaru i rodzaju czcionki jest moliwa za pomoc kaskadowych arkuszy stylw.
Poniej zamiecilimy prosty przykad majcy na celu zobrazowanie omawianych moliwoci:
<div class="tresc">
<h1>Laptopy jak wybra najlepszy?</h1>
<p>Oglny opis kryteriw wyboru laptopa</p>
<h2>Procesory w laptopach</h2>
<p>Opis stosowanych procesorw w laptopach</p>
<h3>Procesory firmy Intel w laptopach</h3>
<p>Opis</p>
<h3>Procesory firmy AMD w laptopach</h3>
<p>Opis</p>
<h2>Pami RAM w laptopach</h2>
...
</div>
Nagwek h1 powinien by uyty tylko raz do opisu oglnego tematu strony i nie powinno si stosowa go wicej razy na jednej stronie. Nagwki od h2 do h6 mog by
stosowane czciej, na przykad tak jak powyej do oddzielenia sekcji strony.
W nagwkach zawarlimy sowa kluczowe dotyczce laptopw, przez co dalimy
wyszukiwarkom zna, e to s wane sowa na naszej stronie. We wszystkich nagwkach moglimy uy sowa laptop, poniewa to jest nasze gwne sowo kluczowe, ale jak widzisz, pojawia si jego inna forma laptopach. Algorytmy wyszukiwarek s coraz bardziej rozwinite i kojarz sowa w rnych formach odmiany,
wic rwnie dobrze mona uywa tych sw. Poza tym ludzie mog wpisywa hasa
zawierajce nasze sowa kluczowe w rnych odmianach i formach.
96
Nie bdziemy tutaj omawia znaczenia poszczeglnych znacznikw. Jeeli jednak nie
wiesz, do czego su poszczeglne polecenia jzyka HTML/XHTML, signij po inne
ksiki wydawnictwa Helion http://helion.pl lub odwied stron domow wietnego kursu Pawa Wimmera http://webmaster.helion.pl.
Przy stosowaniu wyrnie sw kluczowych wystpujcych w tekcie kolejny raz
warto kierowa si zdrowym rozsdkiem. Odpowiednie wyrnienie sw kluczowych
moe w znacznym stopniu uatwi zrozumienie i przyswajanie tekstu. Natomiast przesadne naszpikowanie tekstu wyrnieniami powoduje, e czytanie staje si mczce,
a i wyszukiwarki mog wietrzy w tym podstp. Poniej zamiecilimy dwa proste
przykady tekstu, w ktrym pojawiy si wyrnienia sw kluczowych.
Prawidowy tekst z odpowiednim nasyceniem i wyrnieniem sw kluczowych:
W zwizku z rosnc popularnoci przenonych komputerw (laptopw, notebookw,
tabletw) i braku miejsca, w ktrym mona podyskutowa na tematy z nimi zwizane,
zdecydowalimy si na uruchomienie specjalistycznego forum, ktre ma to umoliwi.
Na forum znajdziesz informacje na temat nastpujcych typw komputerw:
laptopy,
komputery przenone,
notebooki,
tablety.
Mamy nadziej, e wsplnie uda nam si stworzy witryn, na ktrej kady uzyska
fachow porad i bdzie mg pomc innym.
97
Poza elementami widocznymi powyej do wyrniania tekstu moemy jeszcze zastosowa znacznik <span></span>, ktry w poczeniu z odpowiednimi definicjami kaskadowych arkuszy stylw daje nam nieograniczone moliwoci wyrniania tekstu.
Warto wspomnie, e wyszukiwarki podczas analizy strony widz jedynie znacznik
odpowiedzialny za wyrnienie jakiego sowa lub frazy. Natomiast efekt kocowy
nie jest rozpoznawany. Innymi sowy, moemy na przykad uy znacznika <strong>
</strong>, a nastpnie za pomoc kaskadowych arkuszy stylw (umieszczonych
w oddzielnym pliku) wyczy pogrubienie. Dla wyszukiwarki tekst nadal bdzie wyrniony, cho osoba ogldajca stron nie zobaczy tego.
Co prawda takie dziaanie nie zalicza si do zbyt etycznych, ale trudno je jednoznacznie uzna za co zego i nagannego.
Opisy odsyaczy
Kolejnym wanym narzdziem pozwalajcym wyrnia sowa kluczowe jest ich wykorzystywanie w opisie odsyaczy. Zanim jednak przejdziemy do konkretw, przyjrzyjmy si konstrukcji typowego odsyacza tekstowego:
<a href="http://www.domena.pl">Opis odsyacza</a>
98
Znacznik <meta /> moe przybiera przerne formy, jednak nigdy nie zawiera elementu zamykajcego.
Zauwa, e sowa kluczowe zostay oddzielone od siebie za pomoc przecinkw i mog
skada si z kilku wyrazw. Opis strony zawiera jedno, dwa zdania na temat zawartoci
strony, ktre pojawi si jako wynik szukania. Na podstawie tych zda internauta najczciej podejmuje decyzj o odwiedzeniu strony, ktr znalaz przy uyciu wyszukiwarki.
Poniej zamiecilimy fragment kodu pochodzcy z przykadowej strony domowej:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta name="keywords" content="bartosz danowski, danowski, kurs css, kurs html,
kurs css2, nagrywanie pyt, instalacja windows, nero, literatura informatyczna" />
<meta name="description" content="Bartosz Danowski strona domowa, znajdziesz
tutaj informacje o autorze, ksikach, artykuach i uzupenienia do wydanych ju
ksiek." />
</head>
</html>
Tytu jest jedynym elementem strony, ktry znajduje si w nagwku dokumentu i jest
widoczny bez koniecznoci analizy zawartoci kodu strony (rysunek 4.13).
99
Rysunek 4.13.
Belka z tytuem strony
Tre widoczna w tytule strony przez wiele wyszukiwarek jest brana pod uwag podczas okrelania pozycji w rankingu, a nastpnie wywietlana jako gwny opis odsyacza do wyszukanej witryny. Na rysunku 4.14 zamiecilimy odpowiedni przykad
dotyczcy podanego wczeniej tytuu.
Rysunek 4.14.
Wynik wyszukiwania
strony forum
o laptopach
100
Na rysunku 4.15 wida przykad, na ktrym umiecilimy dwa obrazki. Pierwszy z elementw graficznych jest poprawnie widoczny i wida na nim chmurk z opisem pobieranym z atrybutu title. Natomiast drugi obrazek nie zosta wywietlony przez
przegldark i w jego miejscu widoczny jest tekst pobrany z atrybutu alt.
Rysunek 4.15.
Po lewej obrazek
z tekstem pochodzcym
z atrybutu title.
Natomiast po prawej
zamiast obrazka wida
tekst z atrybutu alt
Warto tutaj rwnie nadmieni, e atrybut title moe wystpowa jeszcze w innych
znacznikach jzyka HTML/XHTML. Poniej zamiecilimy kolejny przykad zastosowania tego elementu. Wicej przykadw moesz znale w specyfikacji jzyka
HTML/XHTML.
<a href="http://laptopy.info.pl" title="laptopy, notebooki, tablety specjalistyczne
forum komputerowe">Laptopy, nootebooki, tablety specjalistyczne forum komputerowe</a>