Codul valid XHTML 1.1 STRICT pentru FeedBurner
Intenţionam să vă asaltez cu articole (asta şi în încercarea cvasi-permanentă de a recupera terenul pierdut), dar am decis ca înainte de furniza noi materiale, să încerc să le pun mai bine în valoare pe cele deja existente. Cei care sunt familiarizaţi cu evoluţia Stefa Media, ştiu că nu agreez schimbărilor drastice. N-au existat „variante” ale blogului (tema păstrându-se aceeaşi încă din prima zi), însă am încercat permanent să îmbunătăţesc experienţa oferită utilizatorului, fiind conştient că între aspectul general şi conţinut există o legătură mult mai strânsă decât îşi doresc unii să accepte.
Resursele financiare nu mi-au permis investiţii spectaculoase (de genul unui teme personalizate sau angajarea unui programator), obligându-mă astfel să mă aplic politica paşilor mărunţi, concentrându-mă pe accesibilitate. Astăzi un buton, mâine un script, peste câteva zile regândim meniul, mai lucrăm un pic la lizibilitate, la timpul de încărcare al paginii… iar dacă punem faţă în faţă tema originală inove şi rezultatul blogului Stefa Media, asemănările se opresc la nota de subsol, culoarea folosită pentru a pune în evidenţă link-urile sau câteva elemente grafice.
Dar despre toate acestea vom vorbi într-un articol dedicat (deja am extins paranteza mai mult decât îmi propusesem) şi acum am să mă refer strict la ultima modificare adusă blogului, în speţă adăugarea casetei de înscriere prin e-mail.
În mod normal (şi având la dispoziţie codul FeedBurner) toată operaţiunea ar fi trebuit să dureze câteva minute, însă dorinţa de a păstra validarea XHTML 1.1 STRICT, combinată cu lipsa talentului meu de programator m-au făcut să pierd jumătate de zi, singurul lucru bun fiind reuşita din final. Aici este punctul de plecare al articolului, unde voi explica ce trebuie să faceţi pentru a insera caseta FeedBurner, păstrând blogul valid XHTML 1.0 sau 1.1 STRICT.
Codul original FeedBurner
Codul FeedBurner permite utilizatorului să insereze pe blog un formular de înscriere. La accesarea acestuia se deschide o fereastră de tip popup pentru completarea codului antispam, pasul fiind necesar în finalizarea procesului de înscriere. Fără acel formular, trebuie să efectuaţi mai întâi un click pe pictograma FeedBurner, caz în care depindeţi de puterea de persuasiune a unui logo.
Spre surprinderea mea, codul original (disponibil celor care aleg acest serviciu de livrare a e-mail-urilor), deşi funcţional, a adus cu sine şi invalidarea blogului, în special datorită elementului target=”popupwindow”, neacceptat într-un document strict. Sigur, validarea documentului (a paginii web) conform standardelor W3C NU garantează beneficii (de genul, poziţii mai avantajoase în SERP) însă câtă vreme blogul a satisfăcut acest criteriu de performanţă, nu aveam de gând să renunţ aşa uşor.
Am căutat pe Google, dar tot ce am găsit a fost un articol din urmă cu doi ani (semnat Peter Upfold) care nu a oferit o soluţie, însă mi-a arătat calea ce trebuie urmată.
Codul FeedBurner, valid XHTML 1.1 STRICT
Primul pas a fost să înlocuiesc controlul target=”popupwindow”, însă problema era doar pe jumătate rezolvată, paragrafele nefiind acceptate în interiorul unui formular. Aşa se face că am redescoperit tag-ul insert (-ins-) şi odată cu el soluţia corectă.
Sigur, programatorii cu experienţă vor zâmbi citind aceste rânduri, însă pentru cineva care administrează un blog pe WordPress şi nu are cunoştinţe de specialitate, codul respectiv se poate dovedi util. L-am testat, funcţionează.
La final…
Nu uitaţi ! Dacă aveţi de gând să folosiţi acest cod, schimbaţi ID-ul stefamedia cu acela asociat blogului vostru, nu de alta, însă nu vreau să-mi cresc artificial numărul de abonaţi. Şi tot legat de modificări, personalizarea formularului de înscriere se face mai uşor din fişierul CSS.
Ce am dorit să demonstrez (poate am reuşit, poate că nu) este că dincolo de redactarea articolelor, blogul aduce cu sine o activitate de întreţinere, mai puţin vizibilă publicului larg, însă extrem de importantă. Nu de puţine ori, comparând timpul necesar documentării sau scrierii diverselor materiale, cu momentele dedicate întreţinerii / îmbunătăţirii blogului Stefa Media, am fost surprins de cât de mult timp se pierde cu această mentenanţă.
Atât pentru moment, închei acest intermezzo şi ne revedem spre seară cu un articol în nota obişnuită a blogului.
Salut Andrei,salut și celorlalți fideli blogului. Acest ” intermezzo” mi-a făcut placere, cum dealtfel toate articolele postate aici,zi de zi. Acea politica a pașilor mărunți descriși in articol,confirma ca e o politica ce își vede roadele in timp…Desigur,este nevoie de răbdare și pasiune in ceea ce faci,ceea ce in cazul tău,a reușit,spre marea mea bucurie personala,ca seara de seara,să te relaxezi cu un articol scris de Andrei,in stilu-i inconfundabil! Cu riscul de a ma repeta,afirm din nou ca apreciez munca și efortul depus in menținerea blogului! Știu ,totodată,ca mai sunt și ceilalți cititori care apreciază ceea ce faci! Jos cu pălăria! STIMA.
Foarte frumos, numai ca ai păstrat dorința ta pentru “validarea XHTML 1.1 STRICT” … dar la validatorul W3C (CSS nivel 2.1), ai 18 erori.
Nici nu mă gândesc să nu le rezolvi și pe acelea, … în fine am să încerc să implementez și eu chestia asta dar am să o fac pe bancul de lucru pentru a nu strica ceva … mai ales pe canicula asta acum …
Nu ar fi rău să mai vii cu articole de acest gen, numai că după câte observ sunt cam puțini vizitatori la el …
Vă mulţumesc pentru mesaje
@sergiu Am să mă ocup mai mult de scris, fără a-mi face griji în privinţa numărului de vizitatori sau a traficului înregistrat de blog. Apoi, timpul va decide dacă a fost o decizie înţeleaptă sau nu.
@yo9fah Acum sunt doar vreo 11 (lăsasem nişte semne aiurea prin fişierul CSS), toate generate de plugin-ul Shutter Reloaded. N-au legătură cu acel cod pentru FeedBurner. Despre validarea W3C (CSS nivel 2.1) nu-mi fac griji câtă vreme site-ul se prezintă în condiţii bune şi nici nu e un criteriu de performanţă la WooRank.
aaaa….am citit articolul si comentariile….totusi am o mica nelamurire…despre ce vorbiti voi aicea? …ca neuronii mei au facut poc! instant si acuma scriu din reflex, cu un strop de saliva in coltul gurii
. si numai de zombieday nu cred ca va doriti sa aveti parte 
.
Vad ca folosesti Notepad ++ (sau mi-se pare). BRAVO
CSS sau XHTML. Eu am mers pe mana CSS.
Apropo, da-o incolo de validare. E doar de forma. Daca totul e bine si fara ia, atunci de ce te mai chinui? Ar trebui sa isi optimizeze si ei codul pentru feedburner :p
@happyday: Daca vrei sa inveti, intra pe w3school si incepi cu HTML. apoi cu ce vrei