Arhive etichetă: flash

Structurarea unui site

In acest articol voi prezenta structura optima pentru un site: structura folderelor, a fisierelor, domeniul, numarul de pagini, cum este continutul distribuit pe o pagina.

Subiectul general sau categoria unui site este dictat de tema acestuia. Ideal ar fi ca site-ul tau sa aiba legatura cu o singura tema, iar daca ai mai multe teme, creezi mai multe site-uri.

Ideea principala este aceea de a separa continutul pe mai multe pagini in functie de subiect.
Urmatorul pas este acela de a face legaturi intre toate paginile de pe toate paginile, iar legaturile trebuie sa aiba ca text cuvintele cheie ale paginii spre care este facuta legatura.

Creeaza multe pagini scurte

Site-urile cu multe pagini au un rank mai bun decat alte site-uri cu pagini mai putine, daca toate celelalte lucruri sunt egale. Este mai bine sa ai un site cu 50 de pagini mai scurte decat un site cu 5 pagini foarte lungi. Insa orice pagina trebuie sa contina minim 200 cuvinte de text pentru a fi gasita relevanta de catre Google.

Paginile scurte sunt indexate mai repede si descarcate mai repede. Studiile arata ca iti pierzi 10% din vizitatori pentru fiecare secunda in care pagina ta se incarca. Daca acest lucru dureaza mai mult de 5 sec atunci nu vei avea prea mult trafic, deoarece majoritatea vizitatorilor vor pleca altundeva.

De asemenea, trebuie sa creezi pagini cu continut real, nu tot felul de pagini cu texte copiate de peste tot.
Pastreaza-ti paginile simple fara prea mult cod. Nu folosi scripturi JavaScript, animatii, grafice mari sau orice ar putea sa impiedice indexarea sau vizitatorii de la continut, decat daca este absolut necesar.

Imparte paginile cu headinguri, nu doar pentru a ajuta vizitatorii la citit dar si pentru a castiga relevanta de la Google.

Aici este un exemplu de site cu pagini pe care ar trebui sa le iei in considerare:

* Pagina principala
* Produse, servicii sau continut
* Pagina FAQ (Frequently Asked Questions)
* Sitemap sau Harta Site (Pagina cu linkuri catre toate paginile site-ului)
* „Despre noi” sau „Despre tine”
* Contact
* etc.

In ultimul rand, adaugarea mai multor pagini site-ului tau creste valoarea totala PR. PR-ul este atribuit pe pagini individuale dar poate fi distribuit pe toate paginile site-ului.

Pastreaza-ti site-ul intr-un singur folder.

Cand Google iti viziteaza site-ul, incepe de la pagina principala si urmareste fiecare link spre toate celelalte pagini.

De obicei, Google atribuie o importanta mai mare fisierelor care sunt mai aproape de folderul radacina al serverului tau – folderul unde este situata pagina principala. Insa unii designer creeaza mai multe foldere pentru usurinta de administrare a multor fisiere.

Se crede ca Google atribuie paginilor situate in alte foldere un scor mai mic decat cele situate in folderul radacina. In general, Google nu indexeaza pagini care sunt foarte indepartate de aceea ar fi ideal sa pastrezi toate paginile in acelasi folder.

Nu umple paginile cu cod

Google are o limita de timp pentru a vizita un site. Daca ai un site foarte mare, Google nu va avea timp sa indexeze toate paginile din primele doua vizite. Problema poate fi minimalizata daca pastrezi codul paginilor cat mai curat posibil.

Asta inseamna sa incerci sa nu ai mai mult cod decat textul vizibil. Multe pagini de pe internet sunt compuse din 80% cod JavaScript si CSS. Desi Google ignora aceste coduri, dureaza mai mult gasirea continutului.

Pune-ti codul JavaScript in fisiere .js si fa legatura la el intre tagurile HEAD. Fa la fel si cu fisierele .CSS

Vezi pagina unelte pentru optimizarea site-urilor web

Alte articole interesante:

Despre tag-uri, categorii şi organizare în wordpress

Când un vizitator ajunge pe blogul vostru, îşi dă seama că e nişat şi caută informaţia, ce face? Când un vizitator fidel caută un articol anume, ce face? De multe ori foloseşte cutia de căutare, tot de multe ori se foloseşte de categorii şi taguri. Cum le gestionăm, implementăm în wordpress? Păi să vedem…

CATEGORII, TAGURI, ETICHETE … WTF?

În primul rând wordpress vine cu opţiunea de categorii integrată. Din meniul manage > categories (img) le organizaţi. Dar care e întrebuinţarea? Navigarea şi organizarea. În primul rând, dacă aveţi un blog fie el nişat sau personal şi scrieţi toate articolele fără a le organiza pe categorii iese un talmeş-balmeş. Dacă le categorisiţi, creaţi un sistem de etichete (taguri), atunci e mai bine. Dacă un cititor, fie el fidel sau nou, intră pe blog şi caută un conţinut anume, categoriile şi tagurile îi sunt de mare folos.

Încercaţi să vă faceţi o schemă, pornind de la blog, nişte categorii mai generale, subcategorii sau tag-uri la fiecare, privind atât din unghiul administratorului cât şi al cititorului. Am făcut o schita ca exemplu:

Organizarea pe categorii, subcategorii şi etichete.

Eu am ales (şi sfătuiesc de asemenea) opţiunea cu etichete în defavoarea celei cu subcategorii. Ambele sunt bune, dar cea aleasă de noi e şi mai bună: rulează separat, poate fi inclusă separat, are o grămadă de utilităţi (nor de etichete, articole asemănătoare după etichete etc.) şi poate fi implementată separat. Dacă am fi ales subcategoriile ne-am fi limitat doar la ce aduce wordpress, lucru ce ne-ar fi adus un avantaj de spaţiu (dar nesemnificativ) şi nici o complicaţie, dar este implementată cu celelate categorii şi provoacă confuzie.

ŞI CUM NE JUCĂM CU ELE?

Acum că am definit ce sunt şi la ce ne folosesc, ar trebui să explicăm cum se implementează. Categoriile, cum spunea, sunt opţiune implicită (default) wordpress. Din subpagina Categories din meniul Manage le putem organiza, creea şi şterge, lucru simplu de care cred că vă puteţi prinde şi voi (în cazul unor neclarităţi, fără jenă, formularul de comentarii e sub post, nu pleacă). Când scrieţi articole noi aveţi în dreapta căsuţei de conţinut. Bifaţi 1,2 sau câte categorii credeţi că acoperă articolul respectiv. Etichetele însă..

Etichetele nu sunt implicite wordpress, trebuie adăugate de către voi, cum altfel folosind un plugin wordpress. Am ales cele mai bune, testate şi popularizate şi de alţii, am făcut o listă din care-am ales unul, pe departe cel mai bun:

ULTIMATE TAG WARRIOR

Arhicunoscut şi folosit de blogosferă, ultimate tag warrior este un plugin complex, uşor de utilizat şi implementat. Îl descărcaţi de aici, îl uploadaţi în directorul de pluginuri şi îl activaţi (procesul de instalare a pluginurilor în wordpress l-am lămurit în articolul de aici) . Puteţi observa că în meniul Options şi Manage au răsărit deja două pagini noi – Tags – la fel şi în pagina de scriere a articolelor a apărut un câmp nou, dar să le luăm pe rând.

[+] Cum adaugi etichete? Simplu. Când scrii un articol, sub câmpul de conţinut al acestuia este opţiunea de adăugare a etichetelor (img). Introduceţi acolo etichetele separate printr-o virgulă (ex: îmbrăcăminte de vară, tricouri, şlapi). Dacă aveţi deja etichete generate de articole anterioare, aveţi grijă ca şi a doua oară să fie introduse la fel, fără vreo majusculă în plus sau lipsă, fără vreun spaţiu în plus sau lipsă, exact ca cealaltă.

[+] Tu cum ai /eticheta/ înainte de etichete? La fel de simplu. Ultimate Tag Warrior vine cu opţiunea asta. În locul a /?tag=numele_tagului puteţi folosi /ceva/numele_tagului, lucru ce ajută la SEO şi la recunoaşterea de către vizitator. În primul rând asiguraţi-vă că fişierul este accesibil (chmod-ul la 777), apoi din meniul Options mergeţi la pagina Tags şi din primul rând de setări (URL Settings) puteţi modifica, Base url. Acolo introduceţi ceea ce vreţi să apară în spatele unei etichete la accesarea acesteia, bifaţi “Use url rewriting for local tag urls (/tag/tag instead of index.php?tag=tag)” apoi mergeţi la Options > Permalinks şi daţi odată Update. Acum /?tag= este înlocuit de combinaţia introdusă ded voi.

[+] Cum fac ca sub articol să apară etichetele date acestuia? Sus sau jos, nu contează. Editaţi (Prezentation > Theme Editor) fişierul single.php al temei, înainte sau după <?php the_content(); ?> introduceţi <?php UTW_ShowTagsForCurrentPost(”simplelist”) ?>, comadnă ce va afişa etichetele despărţite prin virgulă.

[+] Tagcloud sau nor de etichete? Vreau şi eu! Din nou o opţiune implementată în Ultimate Tag Warrior. Există mai multe tipuri, cu mărimi şi culori, grafice, toate le găsiţi aici impreună cu un cod, cod pe care îl copiaţi şi îl introduceţi în sidebar.php sau unde vreţi să vă fie afişat acest nor de etichete.

[+] Vreau să şterg sau să modific o etichetă, e posibil? Normal. Din meniul manage alegeţi pagina tags. Aveţi Edit Tag, unde alegeţi tag-ul şi după preferinţă îl redenumiţi sau ştergeţi, fără a fi nevoiţi să modificaţi ceva şi în articole.

Cam asta e cu Ultimate Tag Warrior. Dacă plugin-ul nu vă convinge (deşi nu aş vedea de ce), aveţi mai jos o listă cu potenţali candidaţi, plugin-uri pe care nu le dezvoltăm, o scurtă listă:

  • Fresh Tags (link) un plugin bunicel, din ce-am văzut, dar fără opţiunile suplementare cu care vine utw.
  • Bunny`s Technorati Tags (link) pluginul permite etichetarea articolelor cu taguri technorati, dar nu creează un sistem intern. Ajută la indexarea de către technorati şi eventual câteva plusuri în sistemul technorati. Poate fi folosit foarte bine împreună cu utw.

Sursa

Link Diagnosis – revolutioneaza analiza link-urilor

Cum arata in cautari

Pluginul Link Diagnosis transforma rezultatele din paginile Yahoo Site Explorer sa arate de genul

yahoo-site-explorer.jpg

Puteti vedea urmatoarele:

  • Puteti vedea toate backlink-urile afisate dupa Page Rank!
  • Toate anchor textele de la fiecare backlink sunt visible individual
  • Acces usor la cele mai populare anchor texts
  • Grafic Page Rank Distribution cu numerele paginilor care au Page Rank
  • Grafic Link Types i-ti arata detaliile despre link-uri in felul urmator: no followed links : missing anchor text links
Popular anchors text
link types
Pagerank distribution
Click aici pentru Download – Install LinkDiagnosis Firefox Extension

Puteti vedea si alte Unelte pentru optimizarea site-urilor web

Flash in procesul de optimizare web

Mult timp s-a crezut (si partial chiar asa este) ca aplicatiile de tip flash nu sunt SEO friendly din cauza ca motoarele de cautare au probleme in intrepretarea codului de acest tip, insa si din cauza deficientelor in ceea ce priveste accesibilitatea web.

In prezent, exista posibilitatea de a crea site-uri web cu continut flash seo friendly si fara a afecta accesibilitatea site-ului. Procedeul se refera la inlocuirea font-urilor cu probleme de interpretare precum si a imaginilor cu aplicatii de tip flash. In cazul in care utilizatorul are extensiile de flash si java dezactivate, site-ul apare ca si cum nu ar avea astfel de cod in sursa paginii. Denumirea acestui procedeu este la randul ei sugestiva: flash replacement si image replacement pentru fonturi speciale si, respectiv, pentru imagini.

Fonturile care apar in mod normal pe o pagina sunt inlocuite cu fonturi definite in aplicatia flash iar imaginile statice sunt la randul lor inlocuite, tot cu ajutorul instructiunilor css, cu bannere realizate in acelasi program. In cazul in care optiunile mai sus amintite sunt dezactivate sau blocate, utilizatorului i se afiseaza site-ul fara inlocuirile despre care vorbeam. Site-ul va fi citit in aceeasi maniera si de catre motoarele de cautare.

Mentiune! Cand se utilizeaza acest procedeu este bine sa se aiba in vedere o anumita limitare:

  • Nu inlocuiti in totalitate fonturile unui site cu substitute flash! Veti avea surpriza ca viteza de randare va fi echivalenta cu aproximativ 30 de secunde pe o conexiune rapida de internet. Ideea de baza este inlocuirea antetelor, a textelor importante din cadrul unui site, restul este bine sa ramana neschimbat.
  • Aceeasi remarca si in cazul imaginilor. Desi procesul de inlocuire se realizeaza local el nu dureaza mai mult de 1 secunda fiind astfel imperceptibil utilizatorului. Datele se schimba in momentul in care se inlocuieste o cantitate insemnata de text sau imagine.