cweb.ro - WebDevelopment & Design

 
  • Mărește dimensiunea fontului
  • Dimensiunea fontului normală
  • Micește dimensiunea fontului
Bine aţi venit la cweb.ro

Să scăpăm de roboţi

Email Imprimare PDF
Să ne gândim la următorul scenariu: avem un mic site care începe să aibă succes. Acest site colectează, prin intermedul unor formulare date de la clienţi. Aceste date pot servi îmbunătăţirii site-ului sau pot genera venituri. Într-o bună zi observăm că baza de date a căpătat peste noapte proporţii, dar nu cu date utile ci cu “gunoi”. Concluzia: un singură - am fost victima unor roboţii.
Remedii împotriva acestor practici sunt mai multe, dar confruntarea nu se termină niciodată.

Cel mai cunoscut remediu este utilizarea sistemelor captcha. Însă acestea prezintă câteva dezavantaje - roboţii au încorporate sisteme de recunoaştere a caracterelor şi astfel înlătură acest sistem de securitate. Pentru a puteaeficiente acestea trebuie să fie foarte neclare, fapt ce va îndepărta cu siguranţă un număr măricel de vizitatori, descurajaţi de faptul că nu au reuşit să citească corect textul scris după 2-3 încercări.

Ca o completare va trebui să apelăm spre completare la metode mai puţin obişnuite:
un bun punct de pornire ar fi limitarea numărui de adăugări a datelor per adresă IP per zi sau oră.
sau să ne asigurăm că în capătul celălalt al conexiuni se află un om nu a maşină apelând la javascript: la completarea unui control, prin intermediul unuia din evenimentele onkey* modificăm valoarea unui control de tip hidden. Acest lucru ne va asigura că datele au fost introduse manual, prin vizitarea paginii ce conţine formularul, ci nu de un robot.
am păstrat la urmă cireaşa de pe tort: prin plasarea în formular al unui control cu proprietatea with: 0px robotul va cade aproape sigur în capcană. Va completa acest câmp cu date. Un utilizator normal nu poate face acest lucru deaorece pentru el acest control este invizibil.

Vă doresc succes în lupta anti-spameri! şi… vă aştept comentariile.
 

Organizarea aspectului paginii

Email Imprimare PDF

Există trei modalităţi de a vă organiza aspectul paginii: utilizarea frame, tabele sau diviziuni. Preferatele sunt diviziunile. 
De ce am eliminat primele două variante ? Simplu: dacă voi folosi frame (cadre) motorul de căutare va indexa doar pagina pilot, nu şi conţinutul cadrelor. Voi avea prorbabil o
 pagină foarte interesantă dar şi foarte obscură din puntul de vedere al Google, de exemplu, ca atare nu voi primi un rating prea bun...
Tabelele reprezintă o modalitate mult mai bună de organizare, însă pot aduce prejudicii grave designului, deoarece este mai dificil să adaugi într-o celulă de tabel mai multe 
elemente. 
La crearea foii de still (css) vom avea destul de multă bătaie de cap.
De aceea astăzi folosim conceptul "tableless design" implementat prin intermediul tagului div şi al foilor de stil. 
Avem avantajul că această combinaţie se pretează foarte bine la orice organizare, oricăt de năstruşnică ar fi ea, iar controlul prin intermediul foii de stil se poate face cu 
o precizie remarcabilă.
Un exemplu face căt 100 de cuvinte. Vom crea o porţiune delimitată de un chenar.

Codul xhtml:

<div id="up">
  <div id="left_up">
    <div id="right_up"></div>
  </div>
</div>
<div id="vert_left">
  <div id="vert_right">
    Conţinutul va fi plasat aici
  </div>
</div>
<div id="down">
  <div id="left_down">
    <div id="right_down">
    </div>
  </div>
</div>

Şi codul css:

div#up {
    background: url(/theme/horiz_up.png) 0 0 repeat-x;
    height: 30px;}

div#left_up {
    background: url(/theme/left_up.png) 0 0 no-repeat;
    height: 30px;}

div#right_up {
    background: url(/theme/right_up.png) 100% 0 no-repeat;
    height: 30px;}

div#down {
    background: url(/theme/horiz_down.png) 0 0 repeat-x;
    height: 30px;}

div#left_down {
    background: url(/theme/left_down.png) 0 0 no-repeat;
    height: 30px;}

div#right_down {
    background: url(/theme/right_down.png) 100% 0 no-repeat;
    height: 30px;}

div#vert_left {
    background-image : url(/theme/vert_left.png);
    background-repeat : repeat-y;
    padding-left : 25px;}

div#vert_right {
    background: url(/theme/vert_right.png) 100% 0 repeat-y;
    padding-right : 25px;}

Iar acum explicaţiile:
div-ul "up" va conţine o linie orizontală ce se va repeta de-a lungul paginii (repeat-x). div-ul left-ul va conţine colţul stânga-sus, iar right_up va conţine colţul dreapta-sus cu menţionarea poziţie sale relative: 100% 0, adică în partea dreaptă. Similar va fi plasată şi marginea din stănga cu diferenţa că aceasta se va repeta pe verticală (repeat-y).
Operaţiunea se repetă pentru partea inferioară a chenarului.
Ce mai staţi ? Încercaţi şi voi!

 

Ce este cweb.ro

Email Imprimare PDF

cweb.ro este un site destinat promovării produselor mele pe Internet. Numele său provine de la Costel Web. Voi încerca, în acelaşi timp, să aduc prin intermediul lui, o contribuţie mişcării Open-Source din România. Va fi structurat într-o manieră trivalenă ce va acoperi atât necesitatea de a avea un site personal, furnizarea unei surse de informaţii, în special tutoriale, în limba română, cât şi o modalitate de a-mi promova produsele şi serviciile.

Iar acum ar fi cazul să mă prezint: mă numesc Cănărău Constantin, o persoană ce activează în domeniul I.T. de peste 15 ani. Sunt absolvent al Univerităţii Babeş-Bolyai, Cluj-Napoca, promoţia 2003, iar în prezent desfăşor o activitate independentă oferind celor interesaţi produse şi servicii din următoarele domenii: instalare, configurare, securizare şi administrare Linux, programare web utilizând tehnologii precum php, html, xhtml, javascript, ajax, mysql şi postgresql şi web design. Dacă doriţi să aflaţi mai multe despre mine vă stau la dispoziţie Curriculm Vitae şi portofoliul de produse.

Ce veţi găsi aici: protofoliul meu de produse, serviciile oferite, tutoriale sub forma unui wiki, mici trucuri care vă vor ajuta să rezolvaţi anumite situaţii mult mai uşor, blog-ul meu, un server Gentoo - stage4 compilat şi optimizat de mine şi on întreagă colecţie de link-uri cu informaţii utile din lumea Open Source.

Nu-mi rămâne decât să vă invit să-mi scrieţi cu privire la impresiile dumneavoastră şi să vă doresc navigare plăcută.

LAST_UPDATED2
 

Optimizare pentru motoarele de căutare

Email Imprimare PDF
În cazul unei investiţii americanii spun "If you build it, they will come". Pe Internet cred că acest euforism s-ar transforma în "Dacă vor afla de ceea ce ai construit, vor veni".
Un pic procent vor afla de pagina ta web prin intermediul cunoştinţelor, al prietenilor, dar marea lor majoritate vor afla de ea căutând prin intermedul unui motor de căutare.
În acest caz este preferabil ca în mulţimea rezultatelor pagina ta să se afle măcar în primele 30, ideal în primele 10.
Mai jos veţi găsi câteva sfaturi despre cum să vă optimizaţi pagina pentru a urca în topul rezultatelor căutării.

1. Scrieţi sau folosiţi doar cod curat. Indexarea e făcută de roboţi, aşa numiţii spiders (păianjeni). Pentru ei nu are absolut nici o relevanţă cum arată pagina ci doar ceea ce "înţeleg" din ea.
Dacă pagina web conţine prea multe erori aceştia vor renunţa la a mai indexa anumite porţiuni sau, în cazuri extreme se vor opri prematur din indexare.
Validatoarele de pe w3.org (http://validator.w3.org/) vă pot confirma corectitudinea codului sau indica erorile întâlnite.

2. Atenţie la semnificaţii. Din punctul de vedere al unui robot pagina se împarte în titluri şi text banal. Titlurile vor decide în mare măsură cuvintele cheie după care veţi putea fi găsit, iar textul propriu-zis are rolul de a confirma sau infirma statisticile făcute. Astfel titlurile trebuie să fie scurte, la obiect. Procentul obţinut se împarte la numărul cuvintelor. Dacă sunt prea multe cuvinte, procentul final va fi mai coborât. Acelaşi lucru se întâmplă şi dacă titlurile se repetă sau sunt forate similare. Tag-urile avute în vedere sunt title şi h1 până la h6.
Nu uitaţi că aveţi de a face cu o maşină. Structura paginii trebuie să fie cât mai logică. un prim pas în acest sens puteţi să-l faceţi folosind în pagină un singur tag h1, similar cu title şi mai multe h2 şi sau h3. O greşeală des întâlnită e folosirea excesivă a h1 pentru ca titlurile să arate mai mari în pagină. Nu veţi reuşi cu acest lucru decât să bulversaţi robotul care vă indexează pagina.

3. La calcularea punctajului paginii se iau în considerare şi numărul link-urilor întâlnite pe alte pagini care conduc spre site-ul Dvs. Este bine să negociaţi acolo unde puteţi plasarea unui link spre pagina Dvs. E preferabil ca site-ul să aibă acelaşi domeniu de interes ca şi propriul Dvs site. Directorii web, cataloagele servesc doar parţial acestui scop, deoarece punctajul obţinut va fi mic, dearece un director web prezintă foarte multe linkuri, iar şansa să fie găsit al dvs scade proporţional. O dată ce aţi urcat în top foarte multe site-uri vor avea tot interesul să conţină linkuri către site-ul Dvs. Cum se spune, începutul e mai greu.

4. Ajutaţi motorul de căutare. Utilizarea tagurilor meta keywords şi descriptions nu s-a demodat complet. E drept, erau vremuri când acestea hotărau în proporţie covârşitoare punctajul site-ului.
În plus, se pot folosi etichete sau cuvinte cheie în interiorul paginii, cum ar fi module precum Zaragoza Clouds.

5. Nu aplicaţi aceste reguli doar la pagina principală. Motorul de căutare va acorda un punctaj fiecărei pagini din cadrul site-ului. Fiţi consecvenţi.

Articolul următor vă va prezenta anumite modalităţi de "trişare". Atenţie însă! Folosite în exces acestea vă vor descalifica.
 

Autentificare

Ultimele comentarii

no comments

IDOBlog Tags

Personal IT

Cuvinte cheie

Info vizitator

Bine aţi venit la

www.cweb.ro

V-aţi conectat de la

38.107.191.93

Vă doresc o zi bună!


Categorii

Statistici

Număr afişări conţinut : 3647

Cine e conectat

Avem 2 vizitatori online

Jms Support Online

Publicitate

Featured Links: