www.romver.ru / Полный список статей / Юзабилити комментариев, ч.1

• Akor'
• Ima i ssilka kommentatora
• rel=”nofollow”
• Data
• Avatari
• Redaktirovanie kommentariev

Pervaa 4ast' o samix sku4ney6ix ve6ax.

Eto pervoe, na 4to stoit obratit' vnimanie. Mnogie 6ablonnie temi stradaut tem, 4to ssilka na kommentarii (vmeste s ukazaniem koli4estva) stoit radom s zagolovkom, vverxu posta. Estestvenno, pri bol'6ix razmerax poslednix takoe razme6enie - naixud6ee, 4to mojno sdelat' s to4ki zrenia uzabiliti. Esli v tlogax e6e mojno sebe eto pozvolit', to zdes' pol'zovatelu, v perviy raz popav6emu na va6 sayt i jelau6emu pereyti k diskussii, budet slojno promativat' lentu obratno, 4tobi dobrat'sa do ssilki (a ved' mojet stat'sa tak, 4to 4elovek zaxo4et dal'6e 4itat', i eto opat' mnogo-mnogo PageDown’ov).

V takix slu4aax, ssilka na obsujdenie doljna stoat' v samom vnizu. Sootvetstvuu6aa funkcia v home.php, esli kto-nibud' zabil, vigladit tak:

<a href="<?php comments_link() ?>"> <?php comments_number(); ?> </a>

Opat' banal'nost' (interesnoe e6e vperedi) - xoro6iy rusificirovanniy “popap” so skloneniami, mojno polu4it', ispol'zovav prostoy plagin Russify Comments Number.

No u nego est' malen'kaa problemka - v nem ne opredelena rusifikacia v slu4ae, esli kommentarii otklu4eni. Ved' nekotorie temi ispol'zuut takoy vivod (tipa, bolee prostoy):

<?php comments_popup_link(); ?>

I poavlaetsa tekst na burjuyskom “Comments off“. Poetomu pol'zuyte ispravlennuu versiu plagina Russify Comments Number ot va6ego pokornogo slugi. Da i ne zabivayte - vsegda mojno ego izmenit', 4tobi sdelat' sobstvennuu neobi4nuu nadpis'.

Oformlenie etoy nadpisi ostaetsa na dolu ob6ego dizayna sayta - mojno ispol'zovat' ikonku s metaforoy “obsujdenie” ili balon4ik, kak v komiksax. Glavnoe, na moy vzglad, kakim-libo obrazom videlit' etot element, 4tobi on ne kazalsa odnorodnim na fone predidu6ix i sleduu6ix elementov. Ved' 4itatel' doljen srazu zametit', est' li uje kommentarii k zapisi, da i iskat' tak kuda bi najat' on ne budet.

Vnutri samogo posta kommentarii doljni takje bit' viderjani v ob6em stile. Nas interesuut dve detali - tipografika i uzabiliti. Pervoe opredelaet, prejde vsego, 4itaemost' teksta (nesmotra na to, 4to ludi, 4itav6ie tol'ko opusi Lebedeva, neverno vosprinimaut ee kak vsakie specsimvoli). Vtoroe - udobnost' vedenia diskussii.

Naprimer, tot je “konflikt” s Birzulom u mena rodilsa imenno potomu, 4to razmer abzaca, ravniy dvoynomu interlin'aju, prisutstvoval tol'ko v kommentariax, gde on, sobstvenno, vigladel gorazdo xuje iz-za bol'6ogo mejdustro4nika.

Kommentarii, na moy vzglad, doljni pod4inat'sa ob6emu stilu tekstovix blokov na stranice. Da i, esli u vas kto-nibud' pi6et ogromnie kommentarii, takie je ogromnie otstupi mejdu abzacami ne sdelaut rovnim s4etom ni4ego dla 4itaemosti i “otdixa” glaz ot teksta. Skoree naoborot, ot donel'za sjatoy prostine mi perexodim k rasstrelannoy iz AK stenke.

I vse je tekst kommentariev mojet bit' nemnogo drugim, 4em osnovnoy, potomu 4to u nix i funkcia drugaa. Net ni4ego takogo, 4tobi sdelat' ix nemnogo men'6e, naprimer (no v etom slu4ae to4no potrebuetsa 6rift bez zase4ek).

Estestvenno, ssilki v tekste kommentaria doljni bit' pod4erknuti, xota ssilka na imeni avtora - neobazatel'no (kak i ssilki v navigacii).

Pro semantiku - v sleduu6ey glavke, a zdesb vsego odna fraza (bol'6aa, kak vsegda).

Vo vsex temax, kotorie a videl, kommentarii <div id="comments">...</div> vneseni v <div id="content">...</div>. Smisla v etom nol', lu46e vinesti ego za predeli osnovnogo kontenta posta, xota, skoree vsego, eto privedet k tomu, 4to pridetsa propisivat' dopolnitel'nie CSS-atributi. Takim obrazom mi otdelim kommentarii ot teksta.

Plus eto pozvolit nam provesti opredelennuu optimizaciu - v HTML kommentarii poydut posle saydbara. S to4ki zrenia SEO eto ne o4en' xoro6o, t.k. soderjanie uxodit vglub'. Zato pol'zovateli s medlennim Internetom budut videt' normal'nuu verstku (nesmotra na to, 4to kommentariev e6e pridetsa podojdat').

<?php get_sidebar(); ?> <?php comments_template(); ?>

Pro mikroformati v kommentariax a obe6au rasskazat' popozje, tak 4to sey4as prosto probegus', kakimi tegami ix vse-taki oformlat'.

• Samiy prostoy variant - obi4nimi divami. Vpolne sebe variant, poka net al'ternativ.
• Spiskom. Na nekotorix blogax kommentarii numeruutsa v poradke poavlenia, tak 4to vpolne logi4niy variant. Xota inogda eto delaut sredstvami php v cikle (daje v takom slu4ae stoit ispol'zovat' uporado4enniy <ol>, a ne <ul>, s CSS-svoystvom list-style-type:none), mojno poprobovat' sdelat' vivod cifr pravil'no i s oformleniem (kartinkoy fona ili expressions).
• Spiskom opredeleniy dl-dt-dd. Toje tak sebe variant, kotoriy ispol'zovalsa na pro6lom Xabre. Vnutri <dl> lejal odin <dt>, opredelav6iy ima kommentatora, i dva <dd> - dla dati i samogo kommentaria. Xoro6 etot sposob gibkim ispol'zovaniem CSS-svoystv, no za semanti4nost' ru4at'sa ne mogu.
• Interesniy, no ne semanti4niy sposob - s ispol'zovaniem citati <blockquote> dla teksta kommentaria i <cite> dla avtorskoy ssilki. Odnako, nesmotra na priatnost' takogo sposoba, kommentariy ne avlaetsa citatoy.

Sobstvenno, vse 4to prixodit v um na danniy moment. V post prizivaetsa Din!

Pod meta a ponimau vsu soprovojdu6uu kommentariy informaciu ob avtore, ssilke na ego blog, vremeni poavlenia i t.p.

E6e odnim iz klassov meta mojno nazvat' poslednie posti avtora kommentaria, poavlau6iesa s pomo6'u, naprimer, commentluv. Praktiku etu ne podderjivau i ne odobrau. To je samoe o vsplivau6em oko6ke s podrobnoy informaciey o kommentatore ot Comment Info Tip - takoe re6enie podxodit bol'6im i ser'eznim proektam, no ne blogam.

Sleduet zametit', 4to pri ispol'zovanii div-blokov kommentariev, metainformaciu nel'za zasovivat' v p-paragraf s klassom (i voob6e ix ne stoit ispol'zovat' vne blokov teksta posta i kommentariev, a takje dopolnitel'noy informacii v elementax), lu46e uj togda sozdat' e6e odin vnutrenniy div. Potomu 4to, na moy vzglad, paragrafi vse je slujat dla otobrajenia tekstov.

Pervoe o 4em stoit zadumat'sa, tak o “4istote” etoy oblasti. Naprimer, 4em mne ne nravitsa IntenseDebate - zagromojdeniem funkcional'nimi elementami vsego i vsa vokrug. Disqus v etom dele lu46e, no ne namnogo. V standartnix je temax 4asto prisutstvuet mnojestvo li6nix slov vrode “Comments on” ili “Vasa Pupkin spodobilsa napisat' takoy kommentariy:”. Vse eto li6nee, k tomu je, povtorau6eesa v kajdoy stro4ke, t.e. izbito4noe.

Ideal - ima avtora i data. Vozmojno ispol'zovat' “napisal:” ili kratkie predlogi, no ne bolee.

Akor'. Akor' - eto ssilka so special'nogo elementa v kommentarii na sam etot kommentariy. Nado skazat', element eto vajniy i im ne stoit prenebregat'. Daje esli va6 blog malo kommentiruut i vam jalko razmera HTML, podumayte o tom, 4to imenno etot akor' pozvolaet delat' dve ve6i. Vo-pervix, na nego mogut ssilat'sa (da i vi v otvete mojete ukazat', 4to otve4aete imenno na etot kommentariy). A vo-vtorix - imenno takaa ssilka doljna prixodit' po po4te podpisannim, a ne prostoy #comments.

V ka4estve upravlau6ego (vidimogo) elementa vibiraetsa 4to-to prostoe i logi4noe. 4asto ispol'zuetsa data, no mena etot sposob ne osobo vpe4atlaet, t.k. li6en podopleki. Lu46e ispol'zovat' prostuu re6etku (kak sozdanniy standart) ili samiy nastoa6iy akor' v stile aru6e4ki.

Azikom Wordpress+PHP eto budet predstavleno tak:

<a id="comment- undefined undefined" href="#comment- undefined undefined">#</a>

4to, sootvetstvenno, vivedet takoy HTML:

<a id="comment-196" href="#comment-196">#</a>

Ssilka na avtora kommentaria kak motivacia i sredstvo fidbeka o4en' vajna, 4to ne govori. I tol'ko selebritiz mogut pozvolit' sebe ee otklu4it'. Nu, ili ludi, jelau6ie videt' v svoem bloge tol'ko druzey.

Opat' je, etot punkt mojet vizivat' opredelennie problemi. Bivaut krivie temi, v kotorix, esli 4elovek ne ostavil svoy url, budet otobrajat'sa ssilka na http:/// ili, 4to ne lu46e, na sam post.

Re6enie prostoe i zavisit ot strukturi va6ego koda.

Obi4no eto:

<?php if(get_comment_author_url()!="") : ?> <a href="<?php comment_author_url() ?>" rel="external"> <?php comment_author() ?> </a> <?php else : ?> <?php comment_author() ?> <?php endif ?>

ili

<?php if(get_comment_author_url()!="") : ?> <a href=" undefined undefined" rel="external"> <?php endif ?> <php comment_author() ?> <?php if(get_comment_author_url()!="") : ?> </a> <?php endif ?>

4to, v ob6em, imeet zna4enie tol'ko dla posleduu6ix modifikaciy, tipa videlenia avtorskogo kommentaria.

Zdes' nebol'6oe otstuplenie o gluposti optimizatorov (kotorie SEO, da). Eto tex samix, kotorie sovetuut pixat' rel="nofollow" kuda ne sleduet. Pro lubiteley <noindex> a, pojaluy, promol4u.

Re4' ne o ssilkax na imenax avtorov, pojaluy. Ispol'zovanie nofollou i noindeks zdes' e6e mojet bit' xot' 4em-to opravdano. Xota a i predpo4itau polnuu otkritost', kotoraa doljna prinesti mne mnogo-mnogo govnokommentatorov.

No vsego xuje - sovet zakrivat' “povtorau6iesa” ssilki na post - s katom #more i na kommentarii #comments, ankori na kommentarii i t.p. Ved' poiskoviki prekrasno skleivaut podobnie ssilki i znaut, 4to eto vsego li6' ankor na stranice.

Po privazke kommentov ko vremeni kratko - ona doljna bit' zapisana po pravilam russkoy tipografiki (28.10.08 ili 28/X/08; vrema - 22:21, 4erez to4ku redko). Smisl imet' datu v kommentariax est' to4no - 4tobi bilo po 4emu orientirovat'sa tem, kto xo4et otkommentirovat'. Pro vrema toje samoe.

<?php comment_date('d.m.y'); ?> undefined 

undefined

Dla vivoda rusificirovannix dat v postax ispol'zuut obi4no plagin Russian Date, no v kommentariax eto izbito4no. Vpro4em, esli nujno ispol'zovat' kakoy-to neobi4niy 6ablon, to eta funkcia ispol'zuet standartnie PHP-6nie simvoli-”maski”:

j

Den' mesaca bez vedu6ix nuley

d

Den' mesaca, 2 cifri s vedu6imi nulami

z

Poradkoviy nomer dna v godu (numeracia s 0)

w

Poradkoviy nomer dna nedeli

D

Sokra6ennoe naimenovanie dna nedeli, 3 simvola

l

Polnoe naimenovanie dna nedeli

n

Poradkoviy nomer mesaca bez vedu6ix nuley

m

Poradkoviy nomer mesaca s vedu6imi nulami

M

Sokra6ennoe naimenovanie mesaca, 3 simvola

F

Polnoe naimenovanie mesaca

Y

Poradkoviy nomer goda, 4 cifri

y

Nomer goda, 2 cifri

g

4asi v 12-4asovom formate bez vedu6ix nuley

h

4asi v 12-4asovom formate s vedu6imi nulami

a

am ili pm

A

AM ili PM

G

4asi v 24-4asovom formate bez vedu6ix nuley

H

4asi v 24-4asovom formate s vedu6imi nulami

O

Raznica s vremenem po Grinvi4u v 4asax

i

Minuti s vedu6imi nulami

s

Sekundi s vedu6imi nulami

Razme6at' je samu datu mojno kak ugodno, pomna o “4istote” prostranstva i dumaa o 4itaemosti meta-informacii - avtor kommentaria doljen bit' naibolee vidim. Poetomu predpo4titel'no libo videlit' ima kommentatora, libo ubrat' datu vpravo po float:right.

E6e odna fi6ka, nemnogo svazannaa s datoy - zakritie vozmojnosti kommentirovat' k starim postam. Stoit delat' tol'ko togda, kogda smisl obsujdenia so vremenem is4ezaet (novostnaa tema). Delaet eto plagin Comment Timeout.

Pro to, kak ustanovit' gravatari v kommentarii pisali uje vse, komu ne len'. Avatara slujit dopolnitel'noy identifikaciey avtora, naradu s ego imenem, i pozvolaet po odnomu vzgladu ponat', kto napisal kommentariy. Odnako, v bol'6instve blogov ee primenenie prosto neopravdanno i zanimaet mnogo mesta.

Est' neploxoy variant s podstavleniem favikonki bloga kommentatora v ka4estve avi - Favatars. Vot eta idea daje bolee interesnaa.

Nu i sovsem kratko. Etoy funkcii v nekotorix temax net vovse.

Eto prakti4eski tot je analog funkcii, vidau6ey ssilku na redaktrirovanie posta:

<?php edit_post_link('edit', '[', ']'); ?>

Ssilka na redaktirovanie vidna tol'ko zaloginennomu adminu i pozvolaet perexodit' k redaktirovaniu v odin klik.

<?php edit_comment_link('edit', '{', '}'); ?>

Sootvetstvenno, v argumentax - tekst ssilki, tekst do i posle.

Mne ne osobo nravitsa to, kak v Vordpresse parsitsa i tipografitsa tekst kommentaria (net, vse prakti4eski normal'no). No t.k. etomu nado posvatit' otdel'nuu publikaciu, da e6e dopisat' plagin, to tut prosto pere4islu paru xitrostey.

<php comment_text() ?>

Esli je vospol'zovat'sa vivodom get_comment_text(), to fil'tri ne budut primenat'sa.

4to je nam nado?

• Vo-pervix, 4tobi vse abzaci bil v paragrafax p. Pri4em, vne zavisimosti ot koli4estva najatiy Enter (po umol4aniu, odin raz - eto perenos <br />, 4to polniy otstoy, virajaas' azikom zabitogo detstva). Nu ne nravatsa mne <br />.
• Videlenie ssilok s http:// ili prosto www (k sojaleniu, 4to bez nix, poka budut obrezat'sa), pri4em nado u4itivat' mnogie kosaki, naprimer, otsutstvie zaxvata to4ki v konce. Pri etom sam iz ankora takoy “jivoy” ssilki budem virezat' na4al'noe “http://”.

Nu, eto takoy minimum boyca - na samom dele, nujna podderjka tegov, tipografika i pro4ee-pro4ee, 4to budet pozje. Primenat' sovet etoy glavki strogo ne sovetuetsa. Ploxo to, 4to obrabotka, takim obrazom, naxoditsa v 6ablone.

Sut' - v ispol'zovanii vremennoy peremennoy i regularnix virajeniy.

<?php $comm=get_comment_text(); $comm=preg_replace("#(https?)://(S+)([^s.,>)];'"!?])#", '<a href="\0">\2\3\4</a>',$comm); $comm=preg_replace( "#^(?!(https?)://)www.(S+)([^s.,>)];'"!?])#", '<a href="http://\0">www.\1\2\3-</a>',$comm); $comm=str_replace(" - ",'— ',$comm); $comm=preg_replace('/n?(.+?)(?:ns*n*|z)/s', "<p>$1</p>n", $comm); echo $comm; ?>

V slu4ae je, esli nam nujno vse-taki podderjivat' <br />, no v osobix slu4aax (naprimer, v spiskax, vru4nuu otbivaemix defisami s novoy stroki), mojno sdelat' takoy opit. Zamenaem pred-pred-poslednuu stroku na:

$comm=preg_replace('/n?(.+?)(?:ns*n*|z)(?!-)/s', "<p>$1</p>n", $comm); $comm=preg_replace('/n?(.+?)(?:ns*n*|z)-/s', "\1<br />n-", $comm); 

Nu, eto 4isto umozritel'niy opit, 4isto dla togo, 4tobi publikacia sojrala bol'6e va6ego trafika.

Forma kommentaria doljna bit'. Rassusolivat' o “vpisivanii” v stil' i pro4em a uje ne budu. Preimu6estvo sjatoy formi s podpis'u vnizu pered obi4noy takje malo, kak i v slu4ae “zebri”. A, naprimer, na avtomate zapolnau pola avtor-milo-ssilka pervimi vsegda, i galo4ki srazu stavlu.

Tut glavnoe, 4tobi eti tri pola imeli pravil'noe naimenovanie, 4tobi brauzer znal, gde avtopodstanovku vipolnit' i 4to podstavlat'. Kommentatori - lenivie ludi.

I pomnim, 4to

<?php do_action('comment_form', $post->ID); ?>

nado stavit' do knopki <input type="submit"..., 4tobi galo4ka podpiski, kap4a i vse drugoe, 4to k etomu deystviu privazano, ne uplivalo vniz ot kommentatora.

Predvaritel'niy prosmotr (naprimer, s pomo6'u Ajax Comment Preview, ili Live Comments Preview ili Filosofo Comments Preview) - ne nujen sover6enno.

Redaktirovanie kommentariev samim pol'zovatelem (naprimer, pri pomo6i Edit Comments XT) takje ve6' li6naa(obosnovanie by Smirnov).

Ftopku.