SEO un tabulas
Publicēts June 25th, 2007 in SEO un optimizēšana.Tautā pazīstamais web speciālists Deniss (hc.lv), nevienu vien reizi ir izteicies par tabulu (table) trūkumiem saistībā ar reālā satura pozicionēšanu kodā.
Principā, ir vairāki risinājumi.
1) Nevajadzīgās izvēlnes (parasti horizontālās), kas atkārtojas un ir izmantotas tīri ērtības labad, var mēģināt pārveidot kā JS izsaukumu.
2) izmantojam labās malas izvēlnes
3) Izmantojam nelielu hack un turpinam lietot tabulas. Kods aptuveni izskatās šādi.
<table border=1 width=200>
<tr valign=top>
<td height=1>1.</td>
<td rowspan=2 height=100>2. Body</td>
</tr><tr valign=top height=99>
<td>3. Menu</td>
</tr></table>
Iegūtais rezultāts attiecīgi šāds:
Faktiski sanāk tā, ka pirmais nāk 1. bloks (1). Tajā parasti ieliek 1 pixeli augstu bildi un piekoriģē tā, lai netraucē kopējam dizainam. Var arī ievietot bildi - sadaļas virsrakstu vai tml.
Tālāk nāk satura daļa (2) nevis izvēlne (3). Līdz ar to sanāk ka pamatsaturs atrodas teju vai pašā augšā un izpatīk meklētajiem. Un tad, pašās beigās seko izvēlnes (3) sadaļa. Kur tad var likt kaut vai 100 linkus uz dažādam sadaļām.
Tā lūk old-school pieeja risina jautajumus saistībā ar meklētājiem.
Vai to vajadzētu aktīvi lietot un izmantot praksē, tad tas ir principu un gaumes jautājums. Kamēr vien rezultāts ir vēlamais, vis ir kārtībā.
Interesanti
No piedāvātajiem risinājumiem otrais ir slikts no lietojamības viedokļa tāpēc es to neieteiktu uzskatīt par risinājumu.
3. risinājumā, es domāju, ka tik vienkāršu 2 kolonnu izklājumu (kāds reāli ir dotajā piemērā), nav nekādas problēmas izveidot ar div elementu un CSS palīdzību. Tas būtu arī semantiski korektāk, kas, manuprāt, div+CSS izklājumu padara VISMAZ līdzvērtīgu, ja ne labāku par rakstā piedāvāto tabulu izklājumu. Tas, protams, ir mans subjektīvais viedoklis.
Nevar neatzīt, ka kā oldschool tabuliskais risinājums, šis ir tiešām laikam labākais risinājums.
P.S. Sandy, tas, ka es vienmēr pamanos viens no pirmajiem atzīmēties pie taviem rakstiem, mani nepadara uzreiz par “Tautā pazīstamo web speciālistu” ;D (btw, tur iezagusies drukas kļūda).
Pirms gadiem 5-10 es tev piekristu par 2. risinājumu, bet tagad valda tāda visatļautība ka nu tik.
Masveidā mainās risinājumi un cilvēki adaptējas. Vienkāršs piemērs - blogi! Arī tādas lapas kā DIGG izmanto labās puses izvēlni utml. Arī mūsu pašu projekts, `manapilsēta`, šķiet, ka piekopa līdzīgu izkārtojumu.
Arī tur ārā mēs itin bieži izmantojam labās malas izvēlni. Tas ļauj lietotājam koncentrēties uz tekstu.
P.s. tautā pazīstams, jo tu pamanies visur iekomentēt pirmais, tātad Tevi vairāk vai mazāk zin, vismaz tajās vietās kur es lasu …
p.s. šo postu izveidoju iespaidojoties no Tavas diskusijas nextad blogā.
Kāda suņa pēc te SEO? Nafig pieķēzi internetu ar bezjēdzīgiem rakstu virsrakstiem, iekļaujot vārdu “SEO” tikai tādēļ lai googlei labāk ielīstu * ?
Un, sasodīts, tak ļauj tautai izteikties te: http://www.sandisviksna.com/lv/raksti/seo-latviesu-gaume/ jebšu bail, ka nespēsi vairs paspīdēt, jo gudrās domas aptrūkstas? Kaut kas te baigi smird.
SEO te ir tāda suņa pēc, ka lapas saturu no SEO un arī accessibility viedokļa ( http://diveintoaccessibility.org/…_first.html ) ir labāk likt pirms navigācijas, kas Sandy piemērā ir panākts.
Manupraat dazhi vienkaarshi sa*******es…
deni2s, to es zinu, bet rakstā ne vārda nav par SEO. Cilvēks no malas neko te nesaprastu, tad kapēc virsrakstā jāliek vārdiņš SEO? Es gan atbildi zinu, bet nu ok.
arturs, piemeram kuri?
Deniss, jauks links pa tēmu.
Arturs, nu par to vēl zinātnieki strīdas
Taustiņklabeklis, ja tu zini ko nozīmē SEO, tad tu sapratīsi, ja ne - turpini vien ražot tālāk web lapas un vis būs čiki briki. Nav te ko iespringt.
Iespringstu par to, ka nav nekas paskaidrots. Un ne jau man vajag to skaidrojumu, bet tiem nabadziņiem, kas nākot no meklētājiem cerēs te baigo SEO pamācību ieraudzīt.
Taustiņklabeklis, bet te jau principā nebūs nekādi A-Z paskaidrojumi, priekšs tā ir cita vieta paredzēta. Šis te ir mans personīgais blogs.
Klabekli,
te ir atbilde par to, kāpēc virsrakstā ir SEO- “Līdz ar to sanāk ka pamatsaturs atrodas teju vai pašā augšā un izpatīk meklētajiem”.
Nekā tāda par ko “cepties” es šajā rakstā neredzu.
Lai arī “old-school” (daži jau apgalvo, ka tabulas lietot vispār nevajag ;), šāds risinājums var noderēt. Ja tiek lietotas tabulas, bez t.s. “speiseriem” vispār ir ko __grūti__ jēdzīgu izveidot. Var protams nelietot. Visu ko var.
Sandy,
ieteiktu uzcept kādu nelielu raksteli attiecībā uz izkārtojumu ar CSS un optimizāciju šādam risinājumam. Uz to “tehno-centriskie” bloga lasītāji “pavilksies” krietni vairāk.