Web, Webmester
Grafika, 3D, Videó
Keresők és webhelyek
Webes szabványok és keresőoptimalizálás a gyakorlatban
Ez a könyv nem egyszerűen egy azok közül a keresőmotor-optimalizálással (SEO) foglalkozó kiadványok közül, amelyek alapvetően marketingeseknek íródtak. A lényeges eltérés az, hogy ebben azok a szakemberek találhatnak a való életből vett példákat és gyakorlati tanácsokat, akik a webhelyek megvalósításával, fejlesztésével foglalkoznak, és szeretnék eljuttatni üzenetüket a célközönséghez. Minden fejezete egy-egy újabb nézőpontból vizsgálja meg a kereshetőség és megtalálhatóság kérdését. Az érintett témakörök nagyjából a következő három alapvető kérdésre adják meg a választ:
- Hogyan tegyük lehetővé, hogy minél többen találjanak rá webhelyünkre?
- Hogyan segítsük hozzá a felhasználót ahhoz, hogy magán a webhelyen megtalálja az őt érdeklő információt?
- Hogyan segítsük elő azt, hogy aki egyszer megtalált bennünket, az vissza is térjen?
A könyv foglalkozik a webes szabványokkal, a hozzáférhetőség kérdéseivel, valamint az olyan korszerű technológiákkal, mint az Ajax, a különböző programozási felületek (API), a Flash vagy a mikroformátumok. Mindegyiknél bemutatja, hogy tulajdonképpen mi is volt az a nagy ötlet, ami az adott technológia megszületéséhez vezetett, illetve mindegyikkel kapcsolatban bemutat számos olyan, a való életből vett alkalmazási példát, amelyek valamennyien azt illusztrálják, hogy a felhasználói élmény és a kereshetőség néhány ügyes fogással mindig összeegyeztethető.
Bár a kötet a kereshetőséggel kapcsolatos témakörök és megoldások igen széles körét mutatja be, van egy olyan, röviden megfogalmazható üzenete, amely végigvonul valamennyi fejezeten:
Webes szabványok + Impozáns tartalom = Megtalálhatóság = Sikeres webhely
A könyvhöz egy a szerző által fönntartott webhely is tartozik, ahol (angol nyelven) további módszereket és tanácsokat, valamint 5 kiegészítő fejezetet találhatunk a témával kapcsolatban: http://buildingfindablewebsites.com
Webshop ár: 4 500 Ft
Résztvevői ár: 3 600 Ft
Szerző: Aarron Walter
Oldalszám: 272
Szint: -
Kiadó: Kiskapu Kiadó
ISBN: 9789639637597
Kiadás éve: 2009
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
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
Keresõk és viii webhelyek
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
Webes szabványok és keresõoptimalizálás a gyakorlatban ix
É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
Keresõk és x webhelyek
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
Webes szabványok és keresõoptimalizálás a gyakorlatban xi
Kapcsolódó tanfolyamok: