Blog Web Design | Blog SEO

Tendinte Web Design 2013

La multi ani pe 2013! Se anunta nu doar anul scriitorului online, ci si un an de cotitura pentru web designeri, fie ei freelanceri web design sau nu. Lumea este in continua schimbare, iar spatiul online este cel care da tonul. Iata de ce mi se pare important sa vedem in ce directie merg lucrurile in domeniu si care sunt <b>tendintele web design</b> din acest punct de vedere. In bransa noastra exista un cliseu, "continutul este rege", insa in acelasi timp, felul in care valorifici acel continut si il evidentiezi, creativitatea si capacitatea de a imbratisa schimbarea sunt practic diferenta intre esec si succes.
<br />
Fara alte adaugiri, trendurile in <a href="https://garin.ro/" title="Web Design Bucuresti">web design</a> pe 2013 sunt:

<br />
<h3>
<b>WEB DESIGN DINAMIC</b></h3>
Web design-ul dinamic (sau "<b>responsive web design</b>") a devenit o tema importanta inca din 2012, iar trendul continua in 2013. Ce inseamna dinamic? Ei bine, un design croit astfel incat sa se adapteze tuturor formelor de media digitala. Ideea din spatele lui este sa ia forma dispozitivului pe care este redat: laptop, desktop, smartphone, tableta, si orice alt dispozitiv care va fi creat. Practic este vorba de un web design uniform care ruleaza perfect in orice mediu. Layout-ul se va adapta in functie de display-ul pe care este redat, ceea ce inseamna ca nu va mai fi nevoie sa cream o versiune desktop si una mobila a unui site. Rezultatele? Universalitate, timp castigat si eficienta sporita. Nu intamplator web design-ul dinamic (<b>responsive web design</b>) este primul pe lista trendurilor pe 2013.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://garin.ro/" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Responsive Web Design"><img alt="Responsive Web Design" border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidDoGiYWmooSargdKBNCeSjqjhU0bOoZ_281BacKlNv5Y3QppBoPtdFXJuAD9V3rv5hsOM4MypjKU3ts7r7r0t7H8P5CKY9xiWsqadNyvUHlpu348iu5KdtFlikwL_bw0Qzxi8YFkB-7s_/s1600/responsive-design-exemplu.png" width="550" /></a></div>
<br />
<h3>
<b>SCROLLING INFINIT</b></h3>
Scrollingul infinit a fost adus in atentia publicului larg de site-uri precum <b>Pinterest</b> si <b>Twitter</b>, iar in 2013 popularitatea lui va continua sa creasca. Avantajele acestui stil de a face web design este ca simplifica experienta vizitatorului, oferind un mediu mai simplu si prietenos: cand dai scroll in jos, pagina se incarca si se deruleaza la infinit (vezi <b>feed-ul Facebook</b>). Un alt exemplu de site care utilizeaza scrolling-ul infinit este platforma de micro-blogging Tumblr, unde postarile se incarca dupa acelasi principiu. Utilizata corect, aceasta tehnica creste enorm atractivitatea site-ului. Dovada? Tot mai multe site-uri majore introduc in fiecare zi scrolling-ul infinit.

<br />
<h3>
<b>ELEMENTE WEB DESIGN SUPRADIMENSIONATE</b></h3>
Tot in 2013, ceea ce va conta in <b>web design</b> va fi marimea. Gratie exploziei tehnologiei touchscreen si a smartphone-urilor (45% dintre adulti poseda unul), este nevoie de obiecte supradimensionate (butoane, heading-uri, imagini si slidere), care pot fi apasate usor. Reversul ar fi ca aceste elemente grafice de proportii pot incetini incarcarea site-ului, asa ca, trebuie gasit un echilibru. A se folosi cu moderatie!

<br />
<h3>
<b>MAI MULT HTML5 SI CSS3</b></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4dzzZNp4dIXn1ap5sw8PQC0lknG9spixtSSc_d5xe7nndk_A7QOJt-IJIjHbC0e1M0B6f5ANeqGWbSTlE74b2jpb7qGzC7anj-18Mr3zza9kKXrEtTa0oqEfmKNod-EalwbiSL93OZhE/s1600/HTML5+CSS3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Web Design"><img alt="Web Design" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix4dzzZNp4dIXn1ap5sw8PQC0lknG9spixtSSc_d5xe7nndk_A7QOJt-IJIjHbC0e1M0B6f5ANeqGWbSTlE74b2jpb7qGzC7anj-18Mr3zza9kKXrEtTa0oqEfmKNod-EalwbiSL93OZhE/s1600/HTML5+CSS3.png" width="400" /></a></div>
Cele doua standarde vor fi adoptate tot mai sustinut in 2013, lor revenindu-le rolul de a umple golul lasat de "decesul" tehnologiei Flash. <b>HTML5</b> si <b>CSS3</b> au devenit un trend modern, multi designeri respectati codand in aceste limbaje dinamice si ofertante. 
<br />
<br />
<h3>
<b>SIMPLITATE</b></h3>
Mai mult decat oricand, simplitatea devine un element esential in web design-ul anului 2013. Layout-ul trebuie sa aiba stil, navigarea sa fie usoara si intuitiva, iar arhitectura web site-ului sa fie de asa natura incat sa tina vizitatorul pe el, dar si sa-l determine sa revina. Un design minimalist, placut ochiului, este deci esential in procesul de creare site.

<br />
<h3>
<b>TIPOGRAFIA (FONTURILE) FULSCREEN</b></h3>
Fonturile folosite pe un site sunt cruciale in optimizarea aspectului. Nu este doar un demers menit sa ia ochii, ci unul care face web site-ul unic dandu-i acel feeling aparte. Cand web design-ul se intalneste cu arta, ceea ce rezulta este o <b>typography</b> care castiga vizitatori. Un text mare cu fonturi unice poate iesi in evidenta la fel de mult ca o fotografie de fundal mare.

<br />
<h3>
<b>WEB SITE CU O SINGURA PAGINA</b></h3>
Desi nu este o idee revolutionara, a crea un site cu o singura pagina ramane o idee care are doza ei de genialitate, sau cel putin de inspiratie. Facand acest lucru, web designer-ul evita neplacerile create de transferul de pe o pagina pe alta. Gratie tehnologiilor <b>Jquery</b>, <b>HTML5</b> si <b>CSS3</b>, continutul poate fi concentrat pe o singura pagina - spre mirarea si satisfactia vizitatorului.

<br />
<h3>
<b>BACKGROUND CAT TOATA PAGINA</b></h3>
O imagine face cat o mie de cuvinte. O imagine mare, explica de multe ori intreaga filosofie a unui brand. Multi web designeri au inteles acest lucru si au realizat site-uri care valorifica fundaluri mari ce impresioneaza, paradoxal ca suport al unui design minimalist. Fotografiile mari captiveaza, iar atunci cand sunt bine implementate functioneaza ca element de marketing.

<br />
<h3>
<b>ELEMENTE CIRCULARE DE WEB DESIGN</b></h3>
Un trend mai nou este cel al cercurilor. Designerii le apreciaza pentru ca sunt curate si pot gazdui diverse elemente de pagina, precum avataruri, butoane sociale, date etc. Aceste artificii dau un aer de unicitate.

<br />
<h3>
<b>INSIGNE SOCIAL MEDIA</b></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguW-jiS6GvpR0Bo7_Q3DPXEOHLDifSEgnHbvgKaaETfOri5V_Xsy0nK6jRbgJQ8mlKgkcKRK_nK5-kdfvTKc2VmovrKhGO8yP7LApA-MwF3VUp-lBo8w3q8Idj5tidiiIcvpOkOY61Vvsa/s1600/social-media.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Social Media" border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguW-jiS6GvpR0Bo7_Q3DPXEOHLDifSEgnHbvgKaaETfOri5V_Xsy0nK6jRbgJQ8mlKgkcKRK_nK5-kdfvTKc2VmovrKhGO8yP7LApA-MwF3VUp-lBo8w3q8Idj5tidiiIcvpOkOY61Vvsa/s1600/social-media.jpg" title="Social Media" width="130" /></a></div>
Media sociala este unul dintre cele mai vehiculate subiecte pe Internet, fie ca vorbim de Twitter, Facebook sau Instagram. Promovarea unui site pe aceste canale este determinanta in succesul sau esecul lui. Iata de ce este important ca orice postare sa aiba o insigna "sociala" prin care sa poata fi distribuita de fani si cititori pe diversele site-uri de profil. <br />
Trendul va inflori in 2013.<br />
<br />
<br />
Acestea sunt doar <b>10 dintre trendurile web design</b> care vor anima peisajul in 2013: o combinatie de estetica, fluiditate si tehnologie. <br />
Asteptati-va insa la multe alte inovatii - singura constanta este schimbarea.

Tendinte Web Design 2013

La multi ani pe 2013! Se anunta nu doar anul scriitorului online, ci si un an de cotitura pentru web designeri, fie ei freelanceri web desig...

mai mult »

10 greseli SEO (si cum sa le eviti)

<span style="text-align: justify;">Chiar
si pentru neinitiati, termenul </span><b style="text-align: justify;">SEO</b><span style="text-align: justify;"> devine din ce in ce mai intalnit. SEO,
prescurtarea de la </span><b style="text-align: justify;">Search Engine Optimization</b><span style="text-align: justify;">, inseamna optimizarea pentru
motoarele de cautare (cel mai important, Google). Este un element fundamental
in procesul de <b>creare site</b> si cel de <b>optimizare site</b>. Este, cum ar zice
englezii, ceea ce "makes or breaks your site". Fara o <a href="https://garin.ro/" target="_blank" title="Promovare Web Site">optimizare SEO</a>
de calitate, site-ul tau va ramane un ilustru necunoscut in universul infinit
al Internetului. SEO cuprinde actiunile intreprinse pe blogul sau site-ul tau,
astfel incat motoarele de cautare sa il claseze cat mai sus, in functie de
cuvintele cheie si de continutul relevant oferit. O clasare buna = trafic,
notorietate, bani.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUTNWyp-bUQDq0bHf_qr-3XNcC9AO03iXSo-wDUDV8uRTJZ22eG3uY2zQdHo47mzHU8FuKgMsFFUWR-SNqSMCWhlWknkRIURkjyzpSwI7B_xYrymBnQM2C4srEtV3Q46n43gqMzgtu9Jla/s1600/SEO+tasta.jpg" imageanchor="1" style="float: left; margin-left: 1em; margin-right: 1em;"><img alt="10 greseli SEO" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUTNWyp-bUQDq0bHf_qr-3XNcC9AO03iXSo-wDUDV8uRTJZ22eG3uY2zQdHo47mzHU8FuKgMsFFUWR-SNqSMCWhlWknkRIURkjyzpSwI7B_xYrymBnQM2C4srEtV3Q46n43gqMzgtu9Jla/s1600/SEO+tasta.jpg" width="320" /></a></div>
<br />
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Daca
teoria este usoara, practica ne omoara. In continuare iti prezint cele mai
comune greseli SEO, care iti pot afecta drastic vizibilitatea online:<o:p></o:p></div>
<br />
<br />
<br />
<h3>
<b>GRESEALA
#1: LIPSA DE VARIETATE</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Netul
este despre diversitate. A spune lucrurile dintr-o singura perspectiva inseamna
sa te impusti singur in picior si sa gonesti vizitatorii / cititorii.
Predictibilitatea omoara traficul.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Trebuie sa fii flexibil, sa abordezi
povestea din mai multe unghiuri si sa creezi un continut divers, care sa atraga
constant, cat mai multe tipuri de oameni.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#2: PREA MULTE BRIZBRIZURI</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
A se
citi: prea multe imagini si reclame. Un site sau blog trebuie sa aiba
personalitate, insa elementele antementionate incarca website-ul, frustrand
astfel vizitatorul si determinandu-l sa nu te mai viziteze. Timp de incarcare
mare = trafic scazut = dezastru SEO.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Pastreaza lucrurile simple.
"Simplitatea este cel mai sofisticat lucru.", spunea Leonardo Da
Vinci.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#3: ARTICOLE FARA SUBSTANTA</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Google
si fratii lui vitregi (Bing, Yahoo etc.) apreciaza continutul de calitate si il
ierarhizeaza ca atare. Daca scrii articole irelevante, cu informatie comuna,
vei ramane unul din multime. Multe site-uri au articole scurte, scrise
superficial, cu consecintele de rigoare.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Creeaza continut unic, care face o
diferenta in lume. Suna pretentios, dar articolele interesante si detaliate te
vor face sa te remarci, inclusiv la nivel de SEO.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#4: APA CALDA... REINVENTATA</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Un
site ar trebui sa fie o declaratie de unicitate. Din pacate, cei mai multi
proprietari de website, autori sau copywriteri prefera calea usoara,
"recicland" informatie si spunand lucruri care s-au mai spus. Dar,
reluand ceea ce s-a mai scris de 1000 de ori pe alte bloguri, nu te remarci cu nimic.
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Google este atras de originalitate. Ofera
un continut de incredere, interesant si care nu poate fi obtinut printr-o
simpla cautare pe Wikipedia. Astfel, vei deveni un reper in domeniul tau.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#5: NIMIC NOU SUB SOARE</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
De
regula greselile se leaga, iar 5 vine dupa... 3 si 4. Daca nu ai capacitatea de
a tine lumea pe site-ul tau, acestia parasindu-l repede pentru ca nu au motive
sa ramana, inseamna ca nu oferi informatie utila. Google interpreteaza acest
timp scazut de 'sedere' ca o dovada de slaba calitate si te va taxa!<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Fa-ti lectiile si ofera informatie
pertinenta, care ii va face pe oameni sa iti treaca site-ul la 'Favorite'.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#6: LIPSA DE EMPATIE</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Website-ul
tau este mai intai despre cei care il viziteaza, si abia apoi despre tine.
Sigur ca totul poarta amprenta personalitatii tale. Insa a nu vedea lucrurile
prin ochii clientului / cititorului este scurtatura spre faliment. Internetul
este plin de articole egocentrice, plictisitoare, lungi, seci.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b><span style="color: red;"> </span>Pune-te in
pielea vizitatorului. Ce tie nu-ti place, altuia nu-i scrie! Nu fi repetitiv...
Fii magnetic si amuzant!<b><span style="color: red;"><o:p></o:p></span></b></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#7: CERTA-TI CU LIMBA ROMANA?</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Celebra
zicala "aceste cuvinte ne doare" este evidenta pe un website. Chiar
si o singura greseala (flagranta) de scriere te poate discredita definitiv in
ochii cititorilor.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b><span style="color: red;"> </span>Paza buna
trece primejdia rea. Cantareste-ti cuvintele si reciteste-ti articolele inainte
de postare. La nevoie, foloseste-te de tehnologie si utilizeaza un corector
gramatical.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#8: NU TI-AI LUAT PASTILELE DE NERVI</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Internetul
este un mediu in care iti poti varsa usor naduful. Dar, cum zicea cineva,
problema la el este ca nimic nu e temporar. In plus, motoarele de cautare
importante nu apreciaza derapajele verbale, tinzand sa iti cenzureze
continutul.<b><o:p></o:p></b></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b><span style="color: red;"> </span>Evita
limbajul colorat / injuraturile, pentru o valoare <b>SEO</b> mai mare.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
</div>
<h3>
<b>GRESEALA
#9: LIPSA LINKURILOR</b></h3>
Exista doua tipuri de <b>SEO</b>: <b>On Site</b> si <b>Off Site</b>. Primul se refera la
activitatile desfasurate pe site-ul tau sau al clientilor, al doilea presupune
link building (atragerea de linkuri catre site). La fel de important insa este
sa faci trimiteri spre alte surse. Multi comit greseala de a se raporta doar la
ei insisi.<o:p></o:p><br />
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Cateva linkuri spre surse externe fac
diferenta intre credibilitate si un ranking mai bun pe Google & Co., si
anonimitate.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b>GRESEALA
#10: LIMBAJUL DE LEMN</b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
Ca
profesionist este usor sa cazi in eroarea de a utiliza un limbaj tehnic. Insa,
realitatea este ca nu toti oamenii se vor pricepe sau vor intelege ce spui.<o:p></o:p></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<b><span style="color: red;">Solutie:</span></b> Mentine-ti standardul fara a folosi un
limbaj de lemn. Chiar si un subiect tehnic complicat poate fi explicat
atragator, prin analogii, pentru o gama larga de cititori.<o:p></o:p><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXrgyKwrgeVws5vt9qFY7Nli5np8xtOvrrOPO6Y9isBBrNCARoIyCjyLpznk2Ap36swgH3MZtlgMDvRQdKBj1Oa3T3FGSMiKVdVH-sbM3edK1O4k0dBE4GWAtigo-v9NTdyzaQ0Os6mq5N/s1600/10+greseli.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="10 greseli SEO" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXrgyKwrgeVws5vt9qFY7Nli5np8xtOvrrOPO6Y9isBBrNCARoIyCjyLpznk2Ap36swgH3MZtlgMDvRQdKBj1Oa3T3FGSMiKVdVH-sbM3edK1O4k0dBE4GWAtigo-v9NTdyzaQ0Os6mq5N/s1600/10+greseli.png" width="320" /></a></div>
<br /></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<h3>
<b><span style="color: red; font-size: 14.0pt;">Trucuri SEO utile:</span></b></h3>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<br /></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Include
cuvantul cheie in titlu.</b> Titlurile articolelor sunt atractive (sau
neatractive) nu doar pentru cititori, ci si pentru motoarele de cautare!<b><o:p></o:p></b></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Foloseste
subtitluri (cu cuvinte cheie). </b>Subtitlurile sporesc interesul
vizitatorului, lizibilitatea postarii, dar si rankingul daca contin cuvinte
cheie.<b><o:p></o:p></b></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Bolduieste
si inclina cuvintele cheie</b> pentru a le scoate in evidenta (si pentru
Google).<b><o:p></o:p></b></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Foloseste
cuvantul cheie la fiecare 125-250 de cuvinte.</b> Nu abuza de cuvintele cheie,
deoarece Google nu vede cu ochi buni excesele.<b><o:p></o:p></b></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Foloseste
imagini si optiunea "Alt Text".</b> Google catalogheaza si imaginile
din articolul tau. Textul alternativ trebuie sa repete / descrie imaginea.<b><o:p></o:p></b></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Ataseaza
un link la cuvantul cheie.</b> El va capata astfel un plus de
"greutate" pe Google. De pilda, la finalul articolului poti face o
trimitere spre alte postari pe aceeasi tema. Cum ar fi debutul unui <a href="http://blog-freelancer-web.blogspot.ro/2012/12/un-blog-pentru-sfarsitul-lumii.html" target="_blank">freelancerweb design pe blog</a> :)<b><o:p></o:p></b></div>
<div class="MsoNormal" style="margin-left: 21.0pt; mso-list: l0 level1 lfo1; tab-stops: 21.0pt; text-align: justify; text-indent: -21.0pt; text-justify: inter-ideograph;">
<span style="font-family: "wingdings"; mso-bidi-font-family: Wingdings; mso-bidi-font-weight: bold; mso-fareast-font-family: Wingdings;">l<span style="font-family: "times new roman"; font-size: 7pt;">  </span></span><b>Creeaza
continut usor de distribuit.</b> Cu cat esti mai prezent pe diverse site-uri /
retele sociale si preluat, cu atat site-ul tau va fi mai sus in topul Google,
Bing etc. In acest scop, foloseste plugin-uri sociale specializate!<b><o:p></o:p></b></div>

10 greseli SEO (si cum sa le eviti)

Chiar si pentru neinitiati, termenul SEO devine din ce in ce mai intalnit. SEO, prescurtarea de la Search Engine Optimization , inseamna op...

mai mult »

Un blog pentru Sfarsitul Lumii

<div style="text-indent: 0px;">
<div>
Howdy stranger! Acesta este blogul meu. Poti afla mai multe despre mine vizitandu-mi <a href="http://garin.ro/" target="_blank" title="Web Design">casa virtuala</a>. Te vei intreba, pe buna dreptate, de ce inca un blog intre atatea altele (se estimeaza ca pe net exista 450 de milioane de bloguri active, si vorbim doar de cele in engleza!). Ei bine, raspunsul este simplu: traim intr-o era in care informatia este supraabundenta, in care toata lumea are acces la site-uri de stiri, la feed-uri RSS, la Facebook, Twitter, si o multime de alte retele sociale. Avem informatia la degetul mic, si cu toate acestea, calitatea ei lasa de multe ori de dorit. Este unul dintre marile mistere ale epocii cum, desi accesul la cunoastere este mai generalizat ca niciodata (intre 2005-2010, numarul utilizatorilor globali de Internet s-a dublat), ignoranta ramane in floare. Explicatiile ar fi multiple:</div>
<div>
<ul>
<li>Informatia <span style="font-family: "times new roman" , "serif"; font-size: 12pt;">?</span> cunoastere. Internetul este unul dintre mediile cu cea mai mica credibilitate, dezinformarea fiind la ea acasa.</li>
<li>Desi vedem zilnic de la tineri la oameni batrani folosind telefoane sofisticate si tablete, topul activitatilor este edificator. Iata, potrivit unui studiu, ordinea activitatilor preferate pe Internet: 1. Retele sociale 2. Jocuri online 3. Email 4. Portaluri 5. Mesagerie instant 6. Filme 7. Cautari 8. Software 9. Distractii diverse 10. Reclame / licitatii</li>
<li>In cuvintele lui Albert Einstein, "Ma tem ca in ziua in care tehnologia va depasi interactiunea umana, lumea va avea o generatie de idioti."</li>
</ul>
</div>
<div>
Dar, daca nu putem schimba mersul lucrurilor, putem sa ne asociem lui si sa vedem ce conteaza cu adevarat din noianul de informatie care ne asalteaza (si streseaza). Tocmai pentru ca Internetul este o avalansa de bune si de rele, este absolut vital sa fim foarte selectivi in ceea ce alegem sa citim, in ceea ce alegem sa ne investim cea mai pretioasa moneda de care dispunem - timpul. Pentru ca, daca esti ca mine, nici tu nu mai ai timp de articole care iti iau o jumatate de ora sa le parcurgi, sau de filme care dureaza 5 ore, ca in anii '60. Traim in epoca super-vitezei, suntem copiii secolului si avem nevoie de informatie utila, relevanta, aici si acum!</div>
<div>
Este exact ceea ce imi propun sa ofer cu acest blog. Evident ca fiind blogul unui <a href="https://garin.ro/" target="_blank" title="Freelancer Web Design">freelancer web design</a>, el va avea o valenta tehnica - insa imi propun ca articolele pe care vi le voi oferi sa fie interesante si accesibile atat cititorilor obisnuiti, din afara fenomenului dar entuziasti ai IT-ului, cat si profesionistilor din domeniu, cei pentru care SEO sau web template sunt termeni la ordinea zilei.</div>
<div>
<h2>
<b><span style="font-size: large;">"Sharing is caring"</span></b></h2>
</div>
<div>
Principiul acestui blog, imprumutat din folclorul peer-to-peer, va fi "sharing is caring". In activitatea mea de freelancer web design, invat constant si descopar mereu site-uri, articole, resurse utile (pentru designeri / developeri / coderi dar si pentru userii simpli, non-coderi), demne de a fi impartasite cu lumea. Ori, de multe ori un link distribuit pe Facebook sau Twitter este prea sumar si trece neobservat. Blogul meu va fi cutia mea cu comori, lasata insa deschisa. Iti voi spune ce inseamna un site de calitate, cum functioneaza un motor de cautare, ba chiar vom vorbi despre alternative. Vom discuta despre principii de web design, dar si despre ultima aparitie din lumea tabletelor sau a software-ului. Ce inseamna Windows RTM si care sunt restrictiile lui? Ce este un web server? Cu ce difera versiunea mobila a unui site de versiunea desktop, ce presupune si cat de importanta a devenit?</div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejwXyXn4N9-qXWRmGLMJN-bfwxuXWCK1wwnBBpKSND_OG7psKF1fm8Q_p_joKcmZ13bTyjX0_jwdjprb0IbcsMT-EstucnWZd1dxH3nFCrlc6_xkX-ArBoXNlc9nYbeOr-uXSQHflkWyy/s1600/Einstein-articol.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhejwXyXn4N9-qXWRmGLMJN-bfwxuXWCK1wwnBBpKSND_OG7psKF1fm8Q_p_joKcmZ13bTyjX0_jwdjprb0IbcsMT-EstucnWZd1dxH3nFCrlc6_xkX-ArBoXNlc9nYbeOr-uXSQHflkWyy/s640/Einstein-articol.jpg" width="653" /></a></div>
</div>
<div>
PS: Nu va faceti griji, pe 21 nu e Sfarsitul Lumii, e abia inceputul. Stay tuned si adaugati blogul la favorite!</div>
<div>
<br /></div>
</div>

Un blog pentru Sfarsitul Lumii

Howdy stranger! Acesta este blogul meu. Poti afla mai multe despre mine vizitandu-mi casa virtuala . Te vei intreba, pe buna dreptate, de ...

mai mult »