Optimizare CSS Files

change me

David Peralty de pe bloggingpro a testat CSS Optimizer, Icey’s CSS Compressor, Flumpcakes CSS Optimiser si CleanCSS sa vada care dintre ele sunt cele mai bune in a comprima fisierele CSS la cateva site-uri populare.

    Rezultatele sunt urmatoarele:

    Site CSS Optimiser Icey Compressor Flumpcakes Clean CSS
    Digg.com failed failed failed 16.8%
    Slashdot 17.45% 51.21% 9% 21.9%
    Filmsy 18.85% 47.08% 17% 29.1%
    iBegin failed 55.95% failed failed
    Download.com failed 45.49% 0% 27.9%
    ESPN failed 69.84% failed 27.9%
    Average: 18.15% 53.91% 8.67% 24.18

    Pentru validarea codului HTML recomand:

    Pentru validarea CSS recomand:

    Related link:

    Alte resurse: linkuri externe:

    Theme WordPress

    Seteaza-ti blogul sa fie diferit de celelalte. In continuare va pun la dispozite cateva site-uri unde puteti alege si downloada gratuit theme css pentru blogul tau. Cele mai multe teme sunt desenate si adaptate pentru WordPress, un motiv pentru care este cel mai popular:

    • Theme Viewer – Binenteles, creatorul plataformei WordPress fiind cea mai mare baza cu template-uri gratuite.
    • Emily Robbins – 980 de teme WordPress la alegerea ta.
    • Blog Flux – O colectie uriasa de theme pentru diferite plataforme de blog.
    • WordPress Themes – ocolectie uriasa cu theme selecte

    Creeaza-ti propriul widget gratuit

    Creeaza-ti propriul widget gratuit pentru Blog-ul sau Website-ul tau intr-un minut:

    Pentru a creea un widget trebuie sa urmati 2 pasi:

    1. Trebuie sa te inregistrezi
    2. Intr-un minut i-ti poti creea:

    - MP3 Podcast Reproductor widget
    - Flash Player MP3 si Podcast Playlist widget
    - MP3 Radio Blog widget
    - Text si fotografii widget
    - RSS News Reader
    - Widget Sondaje
    - Micro Blogging
    - Social Widget

    Functioneaza cu WordPress, TypePad, MySpace, Google, FaceBook… Toate widget-urile sunt gratuite.

    Web 3.0

    Wikipedia ofera mai multe definitii pentru Web 3.0. Prima se refera la transformarea webului intr-o baza de date, folosirea tehnologiilor RDF (Resource Description Framework), OWL (Web Ontology Language), API (Application Program Interface). Cea de-a doua abordare presupune dezvoltarea inteligentei artificiale si crearea unui web cvasi-uman. A treia definitie se refera la crearea unei retele semantice prin care computerele conectate la Internet sa poata combina informatiile pe baza unor conexiuni logice.

    Eric Schmidt, CEO Google, defineste la Forumul Digital de la Seoul termenul “web3.0″

    Rezultatele testului facut pe site-ul Web 2.0 Validator arata ca acest blog apare ca fiind web 3.0, sa fie oare blogurile web 3.0 :)?

    web-20-validator-were-the-dot-in-web-2.jpg

     

    Favicon

    Ce este un favicon

    Prescurtarea Favicon vine de la „Favorites Icon” si este o pictograma afisata de browsere in dreptul siturilor din lista de bookmark-uri. Intre timp, cu evolutia browserelor, favicon-ul a inceput sa fie afisat si in dreptul URL-ului sitului in AdressBar respectiv in TAB-ul in care este deschis site-ul respectiv.

    Daca vreti sa va colorati un pic blogul si sa transformati o imagine preferata in favicon puteti folosi cu succes FavIcon from Pics. Un alt site de genul este si favikon. Faviconul este un feature care nu aduce absolut nici un beneficiu si e ignorat de un mare procent din public.

    Pe site-ul dynamicdrive puteti transforma un fisier imagine (gif, jpg, bmp, png) aflat pe calculatorul tau in favicon:

    • selectati imaginea care doriti sa o transformati in Favicon folosind butonul Browse
    • apasati butonul Generate Favicon.ico sau Create Icon
    • in cateva momente sunteti anuntati ca puteti download-a fisierul icon apasand butonul Download Favicon.

    Cum se face un favicon:

    1. cauti o imagine care sa i-ti placa
    2. ii faci upload
    3. download faviconul creat de site-ul de mai sus
    4. ii faci upload fisierului favicon.ico in radacina site-ului / blog-ului
    5. adaugi codul in header (daca ai blog undeva intre taguri in <head>)

    Conform Wikipedia, se recomanda adăugarea a două linii în secţiunea <head>.

    <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon" />

    Cum sa pui un favicon pe site

    • Varianta 1. Pui fisierul favicon.ico in root-ul site-ului, acolo unde e instalat wordpress-ul.
    • Varianta 2. Ai wordpress si nu ai acces la ftp sau ai alta platforma de blogging nu ramane decat sa urci fisierul favicon.ico undeva pe web, pe un server cu hosting gratuit. Mai departe, conditia de baza e sa iti poti edita fisierele din tema vizuala. Pentru cei cu plataforma Blogger se editeaza html, template-ul este intr-un singur fisier, la cei cu plataforma wordpress e vorba de header.php din tema curenta. Se editeaza fisierul dupa caz si se introduce o linie de cod in sectiunea <head> a siteului.

    Alte generatoare favicon

    Favicon.cc

    favicon-cc.png

    256pixels

    256-pixels.png

    FaviconTool

    favicons-generator-tool.png

    Webscriptlab Favicon Generator

    web-script-lab-favicon-generator.png

    Flavicon

    flavicon.png

    Faviconsfor.us

    faviconsfor.png

    Alte generatoare favicon:

    Microsoft a lansat un nou motor de cautare

    Microsoft a lansat Big Snap Search un nou motor de cautare unde poti castiga premii pentru cautare. Pretty cool idea.

    Concursul dureaza din data de 25 Februarie 2008 si se termina pe 21 Aprilie 2008. Mai multe detalii pe site.

    Paul Davies de la Microsoft a zis:

    Searching is the second-most popular online activity after email and this campaign is designed to enliven people’s everyday search experiences. We wanted to create a compelling mechanic that would motivate and excite users while driving traffic and increasing query volume on Live Search.

    Singura problema pe care am vazut-o este ca noul motor de cautare nu se gaseste nici el singur.

    big-snap-search.jpg

    Google, se pare, este atent ca de obicei, muncind din greu pentru a indexa paginile lui Big Snap Search fiind ingreunat de faptul ca Microsoft a uitat sa adauge un fisier robots.txt.

    RSS – icoane si butoane

    Feed-urile pentru a fi mai usor si repede de recunoscut a fost creata o icoana standard, un logo al RSS-ului.

    feed iconCu toate astea, internetul este un mediu creativ in care au loc multe experimente. Existe multe modificari ale icoanei standard, pastrandu-se in acelasi timp idea de baza. Multi designeri vin cu idei interesante creand butoane RSS pentru a le integra cat mai bine in designul sitului.

    Butonul nu trebuie neaparat sa arate ca cel standard. Nu trebuie sa fie portocaliu, umbre, perspectiva si alte efecte pot fi linistit folosite pentru atrage atentia vizitatorilor. Cum spuneam, important este ca oricate modificari s-ar aduce, icoana este recunoscuta. O lista mai completa si mai diversificata cu butoane standart RSS gasesti aici.

    Un generator online gratuit de butoane RSS gasiti pe siteul rss buttons.

    Diverse icoane RSS de dat jos gratis sau cum zice englezu, RSS-icons for free download

     

    social-bookmark.jpg

    fresh-icons-rss.jpg

    web-fruits-icons-rss.jpg

    Feed Analysis v1.1 Analyzes Your FeedBurner Feeds

    feed analysis

    Blog Perfume a lansat recent un serviciu de analiza a statisticilor legate de feeduri. Foloseste statisticile originale ale feedburnerului tau dar te ajuta sa vezi si unele detalii sau predictii legate de numarul cititorilor tai.

    Ce este Feedburner?

    Feedburner, după cum îi spune şi numele, e un sistem prin care “arzi feedurile”. Îţi faci un cont, adaugi feedul blogului tău ca mai apoi să găseşti o grămadă de utilităţi ce te-aşteaptă să le foloseşti. Un altefel de sistem feedreader mai este si Google Reader.

    Cu ce ne ajuta feed-urile?

    Să înţelegem ideea. Majoritatea avem mai multe bloguri preferate pe care le vizităm, suntem curioşi dacă au apărut posturi noi. Pentru cei ce nu ştiu ce sunt feedurile procedeul e acesta: intrăm zilnic, săptămânal pe blog, dacă sunt articole noi citim, dacă nu revenim peste o altă săptămână, peste o altă zi.

    Ei, asta merge cu un blog, dar dacă avem 50 de bloguri ce ne-ar putea interesa treaba devine puţin mai nasoală, nu? Aici intervin aceste “feed-uri”.

    Ce este un feedreader?

    Programe în care introducem adresele feedurilor. Feedreaderul descarcă respectiva pagină regulat, când observă că s-au făcut modificări preia paragrafele adăugate, citeşte link-ul, titlul şi conţinutul şi afişează totul într-un mod ordonat. Aşa dacă aveţi 50 de bloguri favorite, le adăugaţi pe toate, când un blogger scrie ceva nou sunteţi anunţaţi de feedreader, totul e ok.

    feed analysis statistica

    Doar pentru ca cineva se inscrie la feedreadearul tau, nu inseamna neaparat ca te si citeste. De exemplu poti urmari cateva statistici legate de viziualizari, hits, clicuri si poti vedea ce fac de fapt cititorii tai.

    Click pentru feed-ul meu.

    feed-analysis-statistica-1.jpg

    feed-analysis-statistica-2.jpg

    Related post:

    Continutul duplicat

    Conţinutul duplicat se referă, în general, la părţi substanţiale de conţinut din cuprinsul domeniilor care fie se potrivesc în totalitate cu alte conţinuturi, fie sunt foarte similare. În principal, aceasta nu reprezintă ceva înşelător la origine. Exemple de conţinuturi duplicat fără intenţie negativă ar putea să includă:

    • Forumuri de discuţii care pot genera atât pagini obişnuite cât şi pagini cu facilităţi minime pentru dispozitivele mobile
    • Articole de magazin afişate sau legate prin mai multe adrese URL distincte
    • Versiuni numai pentru imprimare ale paginilor de Web
    duplicate-content.gif

    Solutia la duplicate content

    Solutia nu este sa-ti sacrifci site-ul pentru Google si alte motoare de cautare. Solutia este sa te gandesti la utilzatorii tai. Solutia este sa ai un site care sa fie “trusted”. Un site devine trusted atunci cand are mai multi vizitatori, cand are mai multi abonati la feeduri, cand este rasfoit (page views) mai des de catre un viziator unic. Toata aceaste activitati a utilizatorului pe site va aduce link-uri catre el.

    Am facut un experiment si am copiat pe un site 100 de articole de la site-uri vechi autoritare. Ce s-a intamplat? Am intrat in supplemental index si nici un vizitator. Problema se poate rezolva prin adaugarea tagului “noindex, nofollow” pentru paginile nedorite, am aplicat sfaturile: titlu unic, descriere unica, excerpt-uri (adica nu era afisat tot articolul), am folositi interdictii in robots.txt pentru a controla accesul motoarelor de cautare in site. Intre timp mai obtinusem cateva link-uri. Absolut tot site-ul cu toate paginile duplicat de pe el si cu toate articolele duplicat, au iesit din supplemental results.

    Mai multe despre How to Remedy Duplicate Content

    Centrul de Ajutor pentru Webmasteri ne sfatuieste sa urmam anumiţi paşi pentru a rezolva în mod proactiv problemele cu privire la conţinutul duplicat şi pentru a vă asigura că vizitatorii văd conţinutul pe care îl doriţi.

    • Luaţi în considerare blocarea paginilor la indexare: Decât să lăsaţi algoritmii Google să determine versiunea ,,cea mai bună” a documentului, aţi putea să ajutaţi să se îndrepte spre versiunea dvs. preferată. De exemplu, dacă nu doriţi să indexe versiunile pentru imprimare ale articolelor de pe site-ul dvs., dezactivaţi acele directoare sau utilizaţi expresii obişnuite în robots.txt.
    • Utilizaţi redirecţionările 301: Dacă v-aţi restructurat site-ul, utilizaţi redirecţionările 301 (,,Redirecţionare Permanentă”) în fişierul .htaccess pentru a redirecţiona în mod inteligent utilizatorii, Googlebot şi alte antene. (În Apache, puteţi face aceasta cu un fişier .htaccess; în IIS, o puteţi face prin consola administrativă).
    • Fiţi consecvent: Încercaţi să menţineţi reţeaua de link-uri interne consecventă. De exemplu, nu creaţi un link către http://www.exemplu.ro/pagina/ şi http://www.exemplu.ro/pagina şi http://www.exemplu.ro/pagina/index.htm.
    • Utilizaţi domenii de cel mai înalt nivel: Pentru a ajuta să livreze versiunea corespunzătoare a unui document, utilizaţi domenii de nivel superior oricând este posibil pentru a face faţă conţinutului specific ţării. Există o posibilitate mai mare să ştim că http://www.exemplu.de deţine un conţinut cu privire la Germania, de exemplu, decât http://www.exemplu.com/de sau de.exemplu.com.
    • Publicaţi cu atenţie: Dacă vă publicaţi conţinutul pe alte site-uri, Google va afişa întotdeauna versiunea care crede că este cea mai potrivită pentru utilizatori în fiecare căutare dată, ceea ce poate fi sau nu versiunea pe care o preferaţi dvs. Cu toate acestea, este util să vă asiguraţi că fiecare site pe care este publicat conţinutul dvs. include un link către articolul original. Puteţi, de asemenea, să cereţi celor care utilizează materialul dvs. publicat să blocheze versiunea pe site-urile lor cu robots.txt.
    • Utilizaţi instrumentele pentru webmasteri pentru a comunica cum preferaţi să fie indexat site-ul dvs.: Puteţi informa Google despre domeniul dvs. preferat (de exemplu, http://www.exemplu.ro sau http://exemplu.ro).
    • Minimizaţi repetiţiile de text: De exemplu, în loc să includeţi un text lung pentru dreptul de autor în partea de jos a fiecărei pagini, includeţi un rezumat scurt şi creaţi un link către o pagină cu mai multe detalii.
    • Evitaţi publicarea paginilor de umplutură: Utilizatorilor nu le place să vadă pagini ,,goale”, deci evitaţi substituenţii unde este posibil. De exemplu, nu publicaţi pagini pentru care nu aveţi încă un conţinut real. Dacă creaţi pagini substituent, utilizaţi robots.txt pentru a le împiedica să fie accesate cu crawlere.
    • Înţelegeţi sistemul de management al conţinutului: Asiguraţi-vă că sunteţi familiarizaţi cu modul în care este afişat conţinutul pe site-ul dvs. de Web. Blogurile, forumurile şi sistemele înrudite afişează adesea acelaşi conţinut în formate multiple. De exemplu, o intrare de blog poate să apară în pagina de pornire a unui blog, într-o pagină de arhivă şi într-o pagină a altor intrări cu aceeaşi etichetă.
    • Minimizaţi conţinutul similar: Dacă aveţi multe pagini care sunt similare, luaţi în considerare extinderea fiecărei pagini sau consolidarea paginilor într-una singură. De exemplu, dacă aveţi un site de turism cu pagini separate pentru două oraşe, dar aceleaşi informaţii în ambele pagini, puteţi fie să le uniţi într-o pagină cu informaţii despre ambele oraşe, fie să extindeţi fiecare pagină pentru a cuprinde conţinut unic despre fiecare oraş.

    Domenii banate – in ce fel sa le evitam

    red flagDaca te ocupi cu cumpararea sau vanzarea domeniilor, trebuie sa sti daca domeniul ales este sau nu banat. Pentru asta va pun la dispozitie un utilitar Google ban check.

    In primul rand trebuie sa folosesti o unealta online pentru a verifica daca domeniul vostru este banat de catre Google. Un utilitar gratuit este oferit de catre iwebtool. Scriptul verifica daca site-ul tau este banat de catre Google. Asadar, daca observati cumva ca nu mai aveti nici un vizitator din partea motorului de cautare, ori page rank-ul a scazut, faceti o scurta verificare pentru a fi sigur ca nu sunteti banat de Google.

    Pentru domeniile banate o sa va dea ca raspun mesajul:

    “This domain DOES NOT appear to be banned”.

    Pentru domeniile noi sau neinregistrate, utilitarul cu ajutorul lui Google API, afiseaza mesajul:

    “The domain has no PageRank value, it is LIKELY to be banned”.

    Related links: