Rokdarbi #18. Adekvāta un saprotama saišu lietošana tekstos

Uzreiz brīdinu visus tos sarkanacaino cilts pārstāvjus, kas šeit meklēs kādu sakaru ar SEO, Google, Yahoo! un tamlīdzīgiem terminiem/servisiem — es neko no tā nesaprotu un mani absolūti tas nekrata. Tas, kas mani krata, ir nevērīga attieksme pret saviem esošajiem un arī topošajiem lasītājiem un apmeklētājiem, zogot viņiem laiku un sapratni par to, kā lietām būtu jāizskatās un jānorisinās.

Saites un pogas

Gribēju atstāt to noslēgumam, bet tomēr tieši ar to arī sākšu. Nez kāpēc mājaslapu izstrādātājiem ļoti bieži (pareizāk sakot — gandrīz katrā otrajā gadījumā) ir klīniska tieksme jaukt pogas un saites, putrojot to funkcionālo nozīmi. Visticamāk tas ir noticis tajā brīdī, kad superpopulārs palika termins Web 2.0. Ja mēs ļoti reducējam spriedelējumus, tad konstruktīvi būtu tā: kad nospiež pogu, kaut kam ir jānotiek (sākas meklēšana, tiek pievienots komentārs, apstiprinās reģistrācijas forma, utml.), savukārt saite vienmēr kaut kur noved (citu lapu vai lapas daļu).

Pogas vai saites lietošana meklēšanas formā.
Pogas vai saites lietošana meklēšanas formā.

Varbūt jūs tagad domājiet, ka es te tukšus salmus maļu un to jau visi tāpat zina? Pietiek pabakstīties vien dažos populārākajos resursos, lai atrastu desmitiem piemēru ar kļūdainu pogu un saišu izmantošanu. Tomēr tā kā šis nav raksts par pogām, bet par saitēm, tad tām arī pievēsīsimies.

Saites, to veidi un marķēšana tekstā

Par tehniskām lietām, kas saistītas ar saišu veidošanu, atbild organizācija World Wide Web Consortium (W3C), kas visu laiku atjauno standartus un izsaka savas rekomendācijas uzņēmumiem un organizācijām, kas ir saistītas ar interneta vides tehnoloģijām (ražošanas, nevis patērēšanas līmenī).

Pamatā ir divu veidu saites (mana personīgā interpretācija par šo tēmu):
1. Saites, kas ved uz citu lapu;
2. Saites, kas ved uz jaunu vietu/lapas daļu esošajā (ielādētajā) lapā.

Saišu lietošanas piemērs tekstā.
Saišu lietošanas piemērs tekstā.

Teorētiski nepastāv nekādi noteikti veidi, kā atšķirt pirmā un otrā veida saites, tomēr, it īpaši kopš brīža, kad ikdienā ienāca dinamiskā satura ģenerēšana, ir iegājies, ka nepārtrauktu pasvītrojumu izmanto tām saitēm, uz kurām noklikšķinot nokļūst jaunā lapā (tiek ielādēts no jauna viss saturs), savukārt ar punktotu vai raustīti pasvītrotu tiek marķētas saites, kas ved uz vietu esošajā lapā, kā arī gadījumā, kad saturs tiek pieģenerēts klāt, nepārlādējot lapu. Tā nav panaceja, tomēr tas ir ļoti ērts veids, kā atšķirt dažādas funkcionalitātes saites.

Jebkurā gadījumā, būtiskākā lieta, kas būtu vienmēr jāievēro: saitēm tekstā vienmēr ir jābūt marķētām ar pasvītrojumu. Tas nav nedz manis izdomāts, nedz arī kaut kā pieņemts, tā vienkārši ir kopš brīža, kad parādījās pirmais grafiskais interneta pārlūks. Un ir absolūti vienalga, vai tiek mainīta saites pamatkrāsa, vai tiek noteiktas speciālas krāsas saitei gadījumā, ja mainās tās stāvoklis (aktīva, apmeklēta, u.c.). Galvenais, lai tekstā būtu skaidri redzams, ka kaut kāda daļa tiek marķēta ar saiti.

No vienas puses tas varētu šķist ierobežojoši — dizaina lidojumi tagad neļaus izplesties. Tomēr tā nebūt nav. Vēl joprojām jāatceras, ka es runāju tikai un vienīgi par teksta noformējumu. Atstājiet savus dizaina lidojumus bildēm ar saitēm, navigācijas elementiem, utt. Vēl joprojām ir iespēja mainīt saitēm krāsu, garnitūru, burtu lielumu, u.c. Bet tekstā skaidri norādiet, kur ir saite, to pasvītrojot.

Tekstu saitēšanas loģika

Pietiks ievadrunu. Pievērsīsimies svarīgākajam un sāpīgākajam jautājumam, kuru vēlējos apskatīt šajā rakstā — pareizai tekstu saitēšanai.

1. Ar saiti ir jāmarķē teksta daļa, kas saturiski atspoguļo vai norāda uz to saturu, ko redzēsim, sekojot šai saitei. Jeb, vienkāršiem vārdiem runājot, tā vietā, lai lietotu «šeit», «lasīt tālāk» un tamlīdzīgus apzīmējumus, kurus marķē ar saiti, jāmarķē ir teksts, kas norāda uz to, kas patiesībā būs pēc šīs saites atrodams. Būtiskākais, kas tiek iegūts šādā gadījumā — kontekstuāli lasītājam ir absolūta skaidrība par to, kas notiek, nospiežot uz saites. Nav mazsvarīgi arī tas, ka teksts tiek atbrīvots no nevajadzīgas drazas.

Salīdzinājumam. Ir daži lifti, kuros iekāpjot un nospiežot pogu ar stāva numuru, uz kuru gribam nokļūt, ir jānospiež arī durvju aizvēršanas poga. Cilvēki, kas šo liftu ikdienā nelieto, vienmēr patērēs laiku, līdz apzināsies, ka ir nepieciešams kaut ko vēl izdarīt, lai lifts sāktu kustēties. Jo lielākai daļai cilvēku, kas ir pārvietojušies ar liftu, šķiet pašsaprotami, ka pietiek vien norādīt iekārtai ceļu (stāvu), bet pārējo tā veiks pati (aizvērs durvis, ieslēgs motoru, pārbīdīs kabīni uz nepieciešamo augstumu, izslēgs motoru, atvērs durvis).

2. Jāiesaitē ir tikai norādošais teksts. Pieturzīmes, pēdiņas, iekavas, atstarpes, numerācija u.c. ir jāatstāj ārpus saites. Varētu šķist, ka šis punkts nav būtisks. Tomēr paraudzīsimies no citas puses. Ja mēs iesaitējam kādu rakstu, tad bieži vien mēs minam šī raksta nosaukumu. Piemēram, «Nils Ušakovs rupji lamājās Domes sēdē (video)». Pēdiņas, kas parādās šajā piemērā, lai stilistiski pareizi noformētu teikumu, nav bloga Pods.lv raksta daļa, tātad tās tieši neattiecās uz saturu, kas seko, nospiežot uz saites. Līdzīgi ir arī gadījumos, kad veidojam teikumu, un gribam iesaitēt šī teikuma daļu — punkts vai komats, kas ir teikuma daļa, nav saitējamā satura daļa, bet teikuma konstrukcijas daļa.

3. Ir jāmeklē veidi, kā uzbūvēt teikumus tā, lai iesaitēts nav tikai viens vārds, simbolu kopa vai atsevišķs simbols (ar izņēmumiem). Piemērs, kā nedarīt un kā darīt.

Kā nedarīt: «Diena.lv rakstā Trattoria del popolo (traktieris tautai) ļoti izteiksmīgi pastāsta par jauko iestādījumu Jāņa ielā 8.».
Kā darīt: «Diena.lv rakstā Trattoria del popolo (traktieris tautai) ļoti izteiksmīgi pastāsta par jauko iestādījumu Jāņa ielā 8.».

Var būt izņēmumi. Piemēram, ja mēs ar saiti norādām uz atsauci rakstā beigās, tekstā minot tikai atsauces numuru, ja mēs norādām uz komentāriem (tad iesaitēts, visticamāk, būs vienkārši skaitlis ar komentāru skaitu), ja mēs norādām uz informācijas avota mājaslapu, nenorādot precīzi informācijas tiešo saiti (piemēram, «Kaut kad sen Klab.lv dziļumos biju uzdūries interesantai informācijai par orangutangiem.»). Šis izņēmums tikpat labi var attiekties arī uz lietotāja vārdu sociālā tīklā (piemēram, grupas nosaukumu, kura nomarķēta ar saiti uz MySpace.com lapu, tvitera lietotāja vārds, utml.).

4. Tekstā nekad nedrīkst atrasties vairākas saites viena blakus otrai, neatstājot pa vidu vismaz dažus nemarķētus simbolus vai vārdus. Ja jums vienā teikumā visi vārdi ir iesaitēti, bet puse teikuma norāda uz vienu saiti, bet otra — uz citu, tad vizuāli to neviens nepamanīs. Vienīgais reālais piemērs, kādā es iedomājos saišu blakusesamību pieļaut, ir gadījumos, ja tās vizuāli kardināli atšķiras (piemēram, raksta virsraksts un blakus esošais komentāru skaits) vai kontekstuāli ir skaidrs, kā tiek būvēta saitēšana (piemēram, atslēgvārdu rinda pēc raksta, tagu mākonis).

Daži kļūdu piemēri no Latvijas lapām ar maniem komentāriem.

Cita Diena, saišu lietošana.
Cita Diena, saišu lietošana.

Neatkarīgo No laikraksta Diena aizgājušo žurnālistu portālā Cita Diena Anita Brauna publicēja rakstu «Vai jauni Latvenergo “trīs miljoni”?», kurā bija arī saite uz izdevuma EnergoForums 2009. gada 4. numura elektronisko versiju. Saite, kas norādīta tekstā, ir aplami veidota, jo no teksta, kas marķēts ar saiti var saprast, ka nonāksim izdevuma EnergoForums mājaslapā, nevis atvērsim konkrēto izdevuma numuru.

Šajā gadījumā es piedāvātu divus variantus, kā izlabot kļūdu:
1) Vienkāršākais. Iekavās pēc teikumā esošā vārda «EnergoForums» iekavās ielikt atsauci (kā veidot un noformēt atsauces piemērus var meklēt, piemēram, biznesa augstskolas Turība Darbu izstrādes un noformēšanas noteikumu 6. punktā).
2) Ievietot tekstā pilnu nosaukumu, ko arī marķēt ar saiti uz doto izdevumu (piemēram, šādi: «(..) kad izdevuma EnergoForums 2009. gada 4. numurā viņš ieraudzīja (..)»).

Valdis Iljuconoks. Saišu lietošana.
Valdis Iljuconoks. Saišu lietošana.

Valdis Iljuconoks rakstā «Lietotāju grupai var sekot tvīterī :)» ir pielietojis īpaši Latvijas interneta videi īpaši raksturīgu kļūdu — tā vietā, lai skaidri iesaitētu tekstu, kas norāda uz Latvijas Microsoft .NET tehnoloģiju grupas notikumu un svarīgāko jaunumu sarakstu, viņš ir iesaitējis vārdu «šeit», piedevām vēl saitei nav pasvītrojuma marķējuma. Labi vēl, ka tā ir vismaz kaut kādā veidā izcelta attiecībā pret pārējo tekstu. Domāju, ka nav grūti iedomāties, kā šo saitēšanas kļūdu būtu jālabo.

Ed-kam-po. Saišu lietošana.
Ed-kam-po. Saišu lietošana.

Ed-kam-Po blogā stāsta par Kaspara Kambalas traģēdiju un tās atspoguļojumu portālā Apollo.lv. Gadījumā, ja viņš būtu atsaucies uz portālu kā tādu, un saite būtu gramatiski noformēta ar pasvītrojumu, tad problēmu nebūtu. Tomēr šajā rakstā saite ir ielikta uz konkrētu rakstu Apollo.lv, kas nav nekādi saprotams, vizuāli novērtējot sniegto informāciju.

Kaut gan problēmu varēja novēst ārkārtīgi vienkārši: «Kā vēsta ziņu portāls apollo.lv šā gada 5.decembrī ir mirusi Kaspara Kambalas 5 mēnešus vecā meitiņa Mikela Anna Marija. Izsaku līdzjūtību vecākiem.».

Post scriptum.

Kaut gan arī es bieži vien slinkoju, nepiedomājot pie veida, kā norādu saites, tomēr pēdējā laikā cenšos to darīt arvien godprātīgāk. Ja es jūs nespēju pārliecināt par saprotamu saišu pielietošanu līdz pat raksta beigām, tad minēšu vēl vienu piemēru. Es savas Nokia E51 es ikdienā diezgan daudz patērēju interneta satura un turu Opera Mini visu laiku ieslēgtu pilna ekrāna režīmā. Līdz ar to, atšķirībā no parastās darbošanās, kad interneta pārlūka statusa joslā, uzbraucot uz kādas saites, ir iespēja ieraudzīt, uz kurieni tā vedīs, man nav ne mazākās nojausmas, kas notiks, ja es uz saites nospiedīšu (atvērsies video, noskanēs mp3, ielādēsies cita lapa, utt.).

Būšu ļoti priecīgs, ja jūs komentāros minēsiet arī vēl kādus citus piemērus vai ieteikumus saišu marķēšanai, lai varam manu rakstu papildināt.

Skatāmais bonuss tiem, kas visu izlasīja (es domāju, ka šīs bildes avotu daudzi zina). Ievērojiet lūdzu to, ka man šajā gadījumā ir absolūti nospļauties uz kopsummā uzjautrinošo teksta krāsu, lielumu, treknumu un fontu lietošanas raibumu. Kas ir būtiski — redzamajā lapas ekrānšāviņā ir tikai trīs vietas, kas ir marķētas ar saitēm. Uzminiet, kuras?

Tekstu saitēšanas piemērs no kāda torrentu trekera.
Tekstu saitēšanas piemērs no kāda torrentu trekera.

6 thoughts on “Rokdarbi #18. Adekvāta un saprotama saišu lietošana tekstos”

  1. Pirmo reizi dzirdu par to raustīto pasvītrojumu… Esmu biežāk dzirdējis ieteikumus izmantot nelielu simboliņu ar bultiņu uz āru (kā to izmanto, piemēram, Google Analytics), lai norādītu saites, kuras ved uz citām mājaslapām.

  2. Tu mani nepareizi saprati, ar raustīto pasvītrojumu es domāju nevis navigāciju uz citu resursu, bet gan navigāciju pa to pašu lapu, kurai nav nepieciešama lapas pilnīga pārlāde. Piemēram, ar AJAX tehnoloģijām vai arī gadījumos, kad lapas sākumā ir norāde uz kaut ko, kas atrodas, teiksim, lapas vidū vai apakšā.

    Pieliku klāt arī to, ko sūtīji man uz e–pastu, jo šķita svarīgs:

    Un vēl – vienā lapā nevajag vairāk par 1-2 saitēm uz vienu un to pašu lapu (.lv bloguārijā šo tendenci ir iesaukuši par “Mednismu”, jo šādi rīkojoties pirmais ir pieķerts Artūrs Mednis.

    P.S. Daudzi tevis dotie ieteikumi pilnīgi sakrīt ar SEO rekomendācijām.

  3. #5, vai tik neesi saistīs ar draugiem.lv :) man peosrnīgi viņu darbības patīk ar vien mazāk, lai arī nekad nav īpaši patikušas viena vienīga naudas kāšana, piedevām vēl bez jebkādām aizturēm iekasēt no mazgadīgajiem, par ko viņus varētu smagi iesūdzēt patiesībā. raibas ādiņas , reklāma katrā sūda stūrī, piedevām vēl lietotājus muļķojoša (ko normāls saits uzskatītu zem sava goda). dizains arī jau ir pārblīdis un atverot tur nav kur īsti uzmanību nofokusēt. savukārt facebook gan lietoju patstāvīgi, tīrs/askētisks dizains, nepārbāsts ar reklāmām, ļoti ērts un pārskatāms, jebkuru papildfunkciju vari uziet un pievienot pēc paša vēlēšanās, tāpat kā nolikvidēt nevajadzīgo.tas būtu tikai loģiski, ja facebook aizēnotu draugiem.lv LV internetā un tas brīdis, kad facebook lietotāju būs vairāk ir ļoti tuvu.

Leave a Reply

Your email address will not be published. Required fields are marked *