Find00.qxd
5/13/2009
4:03 PM
Page vii
Tartalomjegyzék 1. fejezet • A megtalálható webhely Miben is merül ki tehát egy weboldal megtalálhatósága? . . . . . . . . . . . . . . . . . . . . . 2 A megtalálható honlap a fejlesztõ szemszögébõl . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 A keresõmotorok titkos vágyai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 A keresõoptimalizáláson túl . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Már a munka kezdetétõl hívjuk fedélzetre teljes csapatunkat . . . . . . . . . . . . . . . . . 7 Használjuk iránytûként erkölcsi érzékünket . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
2. fejezet • Jelölési stratégiák Bevezetés a webes szabványokba . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 A webes szabványok alapjai . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 A webes szabványok elõnyei . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 A szabványosság és a megtalálhatóság egy tõrõl fakadnak... . . . . . . . . . . . . . . . . . 16 Jelentéstani (szemantikai) megközelítés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Valóban értékelik a keresõmotorok a webes szabványok követését? . . . . . . . . 19 A kereshetõséget segítõ címkék . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 A meta mítosza: A Jó, a Rossz és a Csúf . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 Egyes tartalomrészek indexelésének megakadályozása . . . . . . . . . . . . . . . . . . 27 Felejtsük a múltat – ragadjuk meg a megtalálható jövõt! . . . . . . . . . . . . . . . . . . 29 A hozzáférhetõ tartalom egyben megtalálható is . . . . . . . . . . . . . . . . . . . . . . . . . . 30 Tegyük „láthatóvá” a képeket . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 Tisztítsuk meg az utat a képtérképek akadályaitól . . . . . . . . . . . . . . . . . . . . . . 33 Képhelyettesítés: a hozzáférhetõség, a megtalálható honlapok elve és a szépség egy irányba tart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 A táblázatok helyes és helytelen használata . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 További lehetõségek kulcsszavak elhelyezésére a hozzáférhetõséggel kapcsolatos elemekben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Find00.qxd
viii
5/13/2009
4:03 PM
Page viii
Keresõk és webhelyek
Hozzáférhetõségi csapdák, amelyek alááshatják az indexelést . . . . . . . . . . . . 38 A mikroformátumok révén könnyebben megtalálható lehet honlapunk . . . . . . . 38 Események adatainak hordozhatóvá tétele: hCalendar, hCard . . . . . . . . . . . . . 40 Elérhetõség megadása hCarddal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 Tartalomcímkézés a rel="tag" segítségével . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 További érdekes mikroformátumok . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 Ikonok használata a mikroformátum-adatok kiemeléséhez . . . . . . . . . . . . . . . 47 Felismerik-e a keresõk mikroformátumban tárolt adatainkat? . . . . . . . . . . . . . 48
3. fejezet • Kiszolgálóoldali stratégiák Állományok és könyvtárak: a név ereje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 Tartománynevek választása és kezelése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 A Google nevezéktani problémájának megoldása . . . . . . . . . . . . . . . . . . . . . . 54 Keresõbarát URL-ek létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 Egy egyszerû megoldás . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57 Weboldalak és tartománynevek átnevezése a 301-es átirányítással . . . . . . . . . . . . 60 A felhasználók tájékoztatása intelligens 404-es oldalakkal . . . . . . . . . . . . . . . . . . . 62 Egy intelligens 404-es oldal elemei . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 Segítsük teljesítményoptimalizációval a hatékony indexelést . . . . . . . . . . . . . . . . 66 Vegyük rá ügyfeleinket a gyorstárazásra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66 Az állományok mérete . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 Állományok tömörítése Gzip-pel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74 A HTTP kérések számának visszaszorítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76 Teljesítményproblémák diagnosztizálása YSlow-val . . . . . . . . . . . . . . . . . . . . . 77 Keresõmotorok indexelésének vezérlése a robots.txt fájllal . . . . . . . . . . . . . . . . . . 79
4. fejezet • Forgalmat vonzó tartalom létrehozása Tartalom, amely beszippant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 Tom története . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 „Tartalmi karma” . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 A Blueprint CSS keretrendszer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 A nyílt tartalom hírnevet szerez . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85 A minõségi tartalom ismérvei . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 Maradjunk a témánál . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 Legyünk hiánypótlóak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 Legyünk hitelesek és lelkesítõek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 Legyünk megbízhatóak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 Nyerjük el a hallgatóság érdeklõdését . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 Legyünk eredetiek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
Find00.qxd
5/13/2009
4:03 PM
Page ix
Webes szabványok és keresõoptimalizálás a gyakorlatban
A hallgatóságnak megfelelõ hangvétel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Tartsuk frissen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Minden út a tartalomhoz vezet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 Mindenízû tartalmak . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95 Blog . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95 Cikkek, esettanulmányok és bevezetõ oktatóanyagok . . . . . . . . . . . . . . . . . . . 96 Hivatkozásgyûjtemények . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 Dokumentumsablonok, kódrészletek és más eszközök . . . . . . . . . . . . . . . . . . 98 Recenziók és ajánlások . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 Szindikált tartalom (RSS) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Felhasználók által generált tartalom . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 A tartalomhoz illõ legjobb kulcsszavak megkeresése . . . . . . . . . . . . . . . . . . . . . . 103 Kulcsszavak kutatása és válogatása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 Kulcsszavaink elhelyezése a tartalomban . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109 A kulcsszósûrûség megállapítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 Tartalomfejlesztési stratégiák . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 RSS tartalom megjelenítése webhelyünkön . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 További RSS-feldolgozó lehetõségek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 Hivatkozásgyûjtemény készítése RSS feldolgozó rendszerrel . . . . . . . . . . . . . 121
5. fejezet • Könnyen megtalálható blog építése A blogépítés követendõ gyakorlata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 Írjunk rendszeresen egy kiszemelt témával kapcsolatban . . . . . . . . . . . . . . . 128 Használjunk bátran hivatkozásokat, különösen más webhelyek blogbejegyzéseire . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 Hozzunk létre saját blogsablont . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129 Tegyünk kulcsszavakat a bejegyzések címébe . . . . . . . . . . . . . . . . . . . . . . . . 130 Archiváljunk témák szerint . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131 A jobb forgalomirányítás érdekében tömören foglaljuk össze a bejegyzéseket . 132 Hozzunk létre „legnépszerûbb bejegyzések” szakaszt . . . . . . . . . . . . . . . . . . 133 Hozzunk létre „legfrissebb bejegyzések” szakaszt . . . . . . . . . . . . . . . . . . . . . 134 Mondjuk el az embereknek, hogy kik vagyunk és mirõl szól honlapunk . . . 134 Használjunk RSS csatornákat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136 Hivatkozások segítségével is élénkíthetjük a forgalmat . . . . . . . . . . . . . . . . . 137 Biztassuk felhasználóinkat, hogy osszák meg webhelyünk tartalmát másokkal 137 Ajánljunk fel a felhasználóknak hasonló témákat . . . . . . . . . . . . . . . . . . . . . . 138 Tévhitek a duplikált tartalom indexelésérõl . . . . . . . . . . . . . . . . . . . . . . . . . . 138 A WordPress blogrendszer használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 WordPress bõvítmények telepítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141 Saját téma kialakítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141 Könnyebben megtalálható WordPress blog kialakítása . . . . . . . . . . . . . . . . . . . . 142
ix
Find00.qxd
x
5/13/2009
4:03 PM
Page x
Keresõk és webhelyek
Értesítõ szolgáltatások megadása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 Permalink URL-jeink kialakítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144 Kategóriacímek használata a téma szerinti archiváláshoz . . . . . . . . . . . . . . . . 146 A bejegyzések összefoglalásával tereljük célba forgalmunkat . . . . . . . . . . . . 147 Legnépszerûbb bejegyzéseink megjelenítése . . . . . . . . . . . . . . . . . . . . . . . . . 148 Friss bejegyzéseink megjelenítése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 RSS elõfizetések támogatása és nyomon követése a FeedBurnerrel . . . . . . . . 150 Biztassuk felhasználóinkat tartalmunk közösségi gyûjtõhelyeken történõ megosztására . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151 A hasonló témájú bejegyzések megmutatása . . . . . . . . . . . . . . . . . . . . . . . . . . 152 XML honlaptérkép automatikus létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . 152 A WordPress hasznos SEO bõvítményei . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153 Bejegyzéseink felcímkézése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 A megjelenítés optimalizálása gyorstárazással . . . . . . . . . . . . . . . . . . . . . . . . . 156
6. fejezet • Tegyük lehetõvé a helyi keresést webhelyünkön Szabad keresõrendszerek használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 A Google Egyéni keresõmotorjának (Custom Search Engine, CSE) használata . 159 A Google Ajax Keresõ API használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165 A Rollyo használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171 Az Atomz használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173 A Yahoo! Keresõkészítõ (Search Builder) használata . . . . . . . . . . . . . . . . . . . 174 Kereskedelmi keresõrendszerek használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176 A FastFind használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176 A Zoom keresõmotor használata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 Saját termékkeresõ rendszer kialakítása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 Saját termékkeresõ rendszer létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 A keresések naplózása webhelyünk problémás részeinek felderítéséhez . . . 182 Az OpenSearch szabvány használata webhelyünk keresõrendszerében . . . . . . . 182 Az OpenSearch beállítása honlapunkon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
7. fejezet • A megtalálható honlap akadályainak elhárítása A JavaScript buktatóinak elkerülése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 Lépcsõzetes kibontás (Progressive enhancement) . . . . . . . . . . . . . . . . . . . . . . . . 187 A JavaScript alapú navigáció kérdései . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 Szkriptekkel elõállított stílusdefiníciók . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190 Az Ajax használatával felvetõdõ kérdések . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195 Megtalálható Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Find00.qxd
5/13/2009
4:03 PM
Page xi
Webes szabványok és keresõoptimalizálás a gyakorlatban
SWFObject használata a Flash lépcsõzetes kibontáshoz . . . . . . . . . . . . . . . . . 208 A megtalálható hang és film . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214 Szövegátiratok létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216
8. fejezet • A látogatók visszacsábítása levelezõlistával Biztatás a feliratkozásra . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 Nyerjük el a bizalmat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 Tegyük jól látható helyre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223 Legyen gyors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Mondjuk el, mi várható – adjunk értékes tartalmat . . . . . . . . . . . . . . . . . . . . . 224 A levelezõlista adminisztrációja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226 Miért használjunk külön rendszert a levelezõlista adminisztrációjához? . . . . 226 Ajaxos feliratkozási rendszer építése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 Mókázás a MailChimppel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 228 Feliratkozom! – a rendszer képe madártávlatból . . . . . . . . . . . . . . . . . . . . . . . 231 A feliratkozási ûrlap létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 A storeAddress() függvény . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233 Az Ajax réteg . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237
9. fejezet • Könnyen megtalálható honlapok létrehozása a gyakorlatban A teendõk fontossági sorrendje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Elsõdleges fontosságú teendõk . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 Másodlagos fontosságú teendõk . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Harmadlagos fontosságú teendõk . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243 Webhelyünk problematikus pontjainak feltérképezése . . . . . . . . . . . . . . . . . . . . 244 A Sitening SEO eszközei . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Spamfigyelõ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Szemantikai értelmezõ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 A kulcsszósûrûség és -fontosság felmérése . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Figyeljük statisztikáinkat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245 Mikor látjuk végre az eredményt? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245 Záró megjegyzések: a megtalálható honlap megmentheti a világot . . . . . . . . . . . 246
Tárgymutató 249
xi