Resurse web design - CrestonWeb

Top 10 Firme Web Hosting in Romania 2011

Alex — Thu, 28 Jul 2011 10:51:55 +0000

În acest an au avut loc schimbări majore pe piața ofertelor de web hosting în România, așa că în topul nostru au intrat noi firme anul acesta.

Se remarcă o tendință de majorare al uptime-ului garantat de companiile de hosting (SLA), cât și a spațiului web alocat.

Criteriile luate în considerare sunt:

Garanția unui uptime ≥ 99,90%
Prețul / 1 an
Facilitatile oferite (contul sa includa cel putin o baza de date)
Garantia de returnare a platii initiale
Spatiu web minimum 1 GB

Pentru comparaţie am ales pachete asemănătoare din punct de vedere al uptime-ului și al spatiului web.

Bineînțeles, ne așteptăm să veniți cu noi propuneri sau să ne descrieți experiența avută cu acești furnizori.

Puteți, de asemenea sorta acest tabel făcând click pe căsuțele din capul de tabel. Prețurile afișate nu conțin TVA.

Preţ	Garanție	Domenii	Trafic	Spațiu	Detalii
3,5 €	-	nelim.	nelim.	nelim.	(+) uptime 99,99 % (-) exista o limita de 10000 afisari/ luna pentru acest cont (-) mass-mailing – a se citi termeni si conditii
3,3 €	15 zile	1	nelim.	2,5 GB	(+) uptime 99,99 % (-) nu se pot gazdui domenii aditionale
2,99 €	10 zile	4	nelim.	5 GB	(+) spațiu web (-) nu se specifica posibilitatea editarii inregistrarilor MX
4,99 €	30 zile	5	nelim.	6 GB	(+) de obicei exista oferte – 4-6 luni gratis
1,95 €	-	5	nelim.	1 GB	(+) IP dedicat (-) un singur telefon pe mobil pt. suport tehnic
2,49 €	-	3	nelim.	1 GB	(+) oferta domeniu gratuit (-) exista comision de upgrade 3 Euro la trecerea la un plan superior
2,95 €	-	2	50 GB	2 GB	(-) nu se specifica posibilitatea editarii inregistrarilor MX
2,5 €	-	4	150 GB	1,5 GB	(+) de obicei exista oferte – 2 luni gratis
5,19 €	30 zile	2	15 GB	2 GB	(+) o adresa IP dedicata (-) spatiu mic hosting si email (-) nu se specifica posibilitatea editarii inregistrarilor MX (-) pretul
4,95 €	30 zile	6	nelim.	6 GB	(-) exista taxa activare cont de 9,95 Euro, nereturnabila (+) exista oferta perioada gratuita 6 luni (+) uptime 99,99%

Legendă

Prețurile nu includ TVA

* Garanție returnare bani – Chiar și firmele care nu oferă garanția de returnare a banilor trebuie să se conformeze OG 130/2000 privind regimul juridic al contractelor la distanță: Consumatorul are dreptul sa notifice in scris comerciantului ca renunta la cumparare, fara penalitati si fara invocarea unui motiv, in termen de 10 zile lucratoare de la primirea produsului sau, in cazul prestarilor de servicii, de la incheierea contractului.

** Se referă la numărul domeniilor adiționale ce pot fi găzduite în cadrul aceluiași cont (domenii Addon). Față de domeniile alias, domeniile addon pot fi setate astfel încât să nu afecteze partea de SEO

Fonturi gratuite prin Google Web Fonts

Alex — Fri, 03 Jun 2011 11:10:39 +0000

Una din problemele cu care se confruntă un web designer este utilizarea fonturilor în paginile web. Problema care apare este, ca de obicei, utilizarea standardelor diferite pentru fonturi de către browserele principale (IE, Mozzila, Saffari, Opera şi Chrome).
O soluţie simplă vine de la Google, prin directorul de fonturi open source Google web fonts.

Google web fonts este un director de fonturi gratuite, ce pot fi simplu folosite în paginile unui site, doar inserând un link către un stylesheet extern. Fonturile sunt găzduite pe serverele Google şi pot fi vizualizate în toate browserele moderne (Internet Explorer: 6+, Chrome: 4.249.4+, Firefox: 3.5+, Opera: 10.5+).

Utilizare

Adăugaţi un link pentru a putea folosi fontul respectiv:

Utilizati fontul în css-ul paginii:

               
       CSS selector {
        font-family: 'Font Name', serif;
        }

Exemplu

Copiază codul într-un fişier text şi salvează-l cu extensia .htm:


    
      
    
  
  
    Making the Web Beautiful!

Deschide fişierul într-un browser:

Making the Web Beautiful!

Acest text utilizeaza noul font şi, bineînţeles, aspectul poate fi modificat utilizând css-ul.

Mai multe detalii despre utilizare puteţi găsi în documentaţia pusa la dispoziţie de Google web fonts.

Meniu orizontal cu submeniuri nelimitate – jMenu

Alex — Mon, 14 Feb 2011 09:55:33 +0000

Cu ajutorul jMenu se poate creea foarte uşor un meniu orizontal cu submeniuri nelimitate. Foloseşte librariile jQuery şi jQuery UI, fiind conceput ca un plugin pentru acestea.

Design-ul meniului se realizează într-un fişier CSS, deci nu este necesară modificarea scriptului pentru schimbarea aspectului acestuia.

Deoarece foloseşte şi libraria jQuery UI, suportă toate tipurile de efecte ale acestei librării.

Codul html este clar şi simplu, folosind liste.

Compatibilitate: Toate browserele principale

Cerinţe: jQuery si jQuery UI

Licenţă: MIT License

Top 10 Firme Web Hosting in Romania

Alex — Mon, 31 May 2010 18:20:24 +0000

Vezi și Top 10 Firme Web Hosting in Romania 2011

În acest top includ doar companiile care oferă servere localizate în România şi care au planuri de web hosting (Linux sau Windows) pentru care garantează un uptime > 99,8%.

Criteriile luate în considerare sunt: Preţ + Facilităţi. Pentru comparaţie am ales pachete asemănătoare, din punct de vedere al uptime-ului si al spatiului web oferit.

Dacă aveţi site-uri găzduite la unul din providerii aflaţi in top, sau consideraţi că şi alte firme ar merita incluse, vă rog să comentaţi acest articol.

Sigla	Firma	Preţ Euro	Uptime	Garantie returnare bani	Spatiu web
	RoHost	4,79	99,9%	30 zile	2 GB
	HostVision	4,99	99,9%	30 zile	2,5 GB
	MyHost	3,5	99,99%	15 zile	1 GB
	Claus	2,5	99,9%	Nu	500 MB
	GlobeHosting	2,5	99,8%	30 zile	600 MB
	Romedchim	5,5	?	15 zile	500 MB
	Romarg	4,95 + Taxa activare	99,9%	30 zile	1 GB
	BeOnline	5	-	Nu	200 MB
	Hostway	6,5	99,99%	Nu	200 MB
	UPC	9	99.9%	-	500 MB

50 de iconuri ale reţelelor de socializare

Alex — Wed, 07 Apr 2010 10:03:49 +0000

Un alt set gratuit pus la dispoziţie de Icon Dock include 50 de iconuri ale celor mai populare reţele de socializare pe Internet.

Iconurile sunt de dimensiuni 16*16px si 32*32px în format: vectorial EPS, PNG şi GIF.

Iconurile includ: Delicious, Flickr, Twitter, Retweet Button, Facebook, MySpace, StumbleUpon, Digg, Slash Dot, Mixx, Skype, Technorati, Reddit, FriendFeed, YouTube, LinkedIn, Newsvine, SlideShare, Google, Google Talk, Yahoo, Yahoo Buzz, Netvibes, AOL, Microsoft, MSN, Apple, MobileMe, App Store, Amazon, Last.fm, Mister Wong, Qik, Vimeo, Viddler, Virb, Tumblr, WordPress, Blogger, Posterous, Behance Network, Design Float, Deviant Art, Design Bump, Friendster, Bebo, Squidoo, Share This, RSS şi Email.

Set de 1000 iconuri gratuit

Alex — Wed, 17 Mar 2010 10:38:44 +0000

Un set de 1000 de iconuri sunt puse la dispoziţie gratuit de Farm-Fresh Web Icons.

Setul de iconuri este foarte potrivit pentru a fi folosit în aplicaţii web, acoperind o multitudine de domenii: acţiuni ale userilor, sunete, forme, diagrame, etc.

Iconurile sunt puse la dispoziţie în două dimensiuni: 16*16px si 32*32px, în format .png cu background transparent.

Tehnici de optimizare On-Site; Ghid SEO

Alex — Thu, 28 Jan 2010 14:17:11 +0000

Pentru ca un site să poată fi bine indexat şi clasificat de motoarele de căutare, importanţa SEO este crucială.

SEO sau Optimizare site pentru motoare de căutare are ca scop obţinerea unor rankinguri cat mai mari şi listarea paginilor site-ului într-o poziţie cât mai bună în pagina de rezultat a motoarelor de căutare.

SEO are două componente:

OFFSITE: se referă la construcţia linkurilor externe către paginile site-ului. Link building-ul este o componentă necesară a procesului de optimizare a siteului pentru motoare de căutare, care influenţează rankingul obţinut de site.
ONSITE: este componenta de baza a SEO care, in mod ideal, ar trebui realizata in momentul conceperii siteului. De la introducerea cuvintelor cheie in URL-uri la modul in care sunt scrise titlurile paginilor, Meta-urile, conţinutul siteului si cum sunt proiectate linkurile interne – reprezintă tehnici de SEO On-Site care duc la îmbunătăţirea rankingului în Google sau alte motoare de căutare.

Am selectat câteva dintre tehnicile SEO onsite care ajuta in crearea unui site prietenos si care au o influenta majora in obţinerea unui ranking cat mai bun in motoarele de căutare.

Denumire pagini web

Una din cele mai facile tehnici de SEO este aceea de a folosi keywords-uri in denumirea paginii.

Numele fisierului optimizat

Dupa cum puteti vedea in imaginea de mai sus, pentru o căutare după expresia “design interior” Google a găsit expresia și in URL-ul paginii, subliniind astfel importanta expresiei “design interior” în cadrul siteului.

Sfatul meu este sa începeţi prin a face o lista a paginilor siteului înainte de a începe construcţia acestuia şi să introduceţi acolo unde se poate keyworduri in denumire.

Exemplu:

in loc de produse.htm denumiți fișierul produse-cosmetice.htm

Tagul Title (Titlul paginii)

Este unul dintre cele mai importante elemente pe care trebuie sa le folosiţi in optimizarea unui site.

Exemplu:

Site prezentare, Mentenanta site, Campanii marketing | CrestonWeb

Acest tag este folosit de motoarele de căutare in afişarea rezultatelor. Pentru a obţine rankinguri cat mai bune, încercaţi sa fiţi concişi si sa folosiţi keyword-uri in cadrul tagului Title.

Folosire keywords in Title

Recomandări:

Maximum 60-90 caractere. Google recunoaşte doar 70 caractere, deci ar fi bine sa aveţi mai puţin de 70 caractere.
Plasaţi keywordurile mai importante la începutul tagului (exemplu: Firma web design – in figura de mai sus)
Folosiţi cat mai puţine cuvinte care nu sunt keyworduri
Fiecare pagina din site trebuie sa aibă un titlu care sa fie unic

Tagul Meta Description

Tagul Meta description este aproape la fel de important ca Title, pentru ca oferă o descriere a paginii ce apare in rezultatul afişat de motoarele de căutare.

Exemplu:

Tag Meta Description

De aceea, in momentul in care un user citeşte descrierea, acesta ar trebui sa fie convins sa facă click si sa intre in pagina respectiva.

Recomandări:

Descrierea va conţine intre 25 si 40 cuvinte
Textul descrierii ar trebui sa includă si keywordurile avute in vedere pentru acea pagina.
Descrierea fiecărei pagini trebuie sa fie unica … daca exista mai multe pagini care ar putea avea aceeaşi descriere si nu se doreşte realizarea unei descrieri unice, sfatul Google este sa se renunţe la descriere

Atributul Title introdus în linkurile din menu

Atributul Title folosit in linkurile din meniu poate oferi un surplus de valoare. Dacă acest atribut este setat, in momentul in care mouse-ul trece peste link va apare textul respectiv, ca in imagine:

Atributul Title pentru Link

Adăugând acest atribut oferiţi o informaţie suplimentara, atât userilor cat si motoarelor de căutare, despre subiectul paginii respective.

Exemplu:

Totuşi va trebui să fiţi atenţi la modul in care folosiţi keywords-urile in cadrul acestui atribut, pentru a nu fi categorisit ca spam.

Recomandări:

folosiţi atributul Title pentru a oferi informaţii despre pagina înspre care se navighează
nu folosiţi mai mult de 5-10 cuvinte

Atributul Alt pentru imagini

Imaginile nu au descriere, aşa ca motoarele de căutare nu au idee ce reprezintă acestea, daca nu folosim atributul Alt:

Exemplu:

Recomandări:

Textul ar trebui să descrie despre ce este vorba in imagine.
Recomandat – până în 4 cuvinte.

Folosirea Tagurilor Heading

Tagurile de heading sunt de la

la
, iar folosirea keywords-urilor in cadrul acestor taguri pot aduce beneficii pe partea de SEO.

Exemplu:

`Anunţuri online`

In special tagurile

si
sunt foarte importante, deoarece ele indica motorului de căutare Subiectul principal si Cuprinsul paginii ce urmează a fi indexate.

Recomandări:

Cuvântul cheie cel mai reprezentativ pentru pagina web va fi inclus in tagul

Arhitectura site-ului va fi prezentata raţional, folosindu-se un singur tag
pe pagina, iar celelalte taguri urmându-si ordinea fireasca

Folosire headings

Linkuri interne

Motoarele de căutare găsesc siteurile si paginile lor călătorind din link in link. De aceea, introducând cuvinte cheie in linkuri, oferim indicii motorului de căutare despre ţinta acelui link si despre ce este vorba in pagina respectiva.

Este bine ca acele cuvinte cheie folosite in linkul către o pagina web sa fie aceleaşi cu cele pentru care a fost optimizata pagina respectiva.

Exemplu:

Să considerăm o pagina Y care a fost optimizata pentru expresia “ marketing online” Daca doriţi sa faceţi un link de la pagina X la pagina Y, in loc sa folosiţi “click” introduceţi “… mai mult despre marketing online.”

Recomandări:

Lungimea textului in link trebuie sa fie cât mai mică, pentru a nu dilua importanta cuvintelor cheie.

Densitate keywords

Densitatea keywords-urilor se referă la cat de des cuvântul cheie respectiv este prezent in text. Nu încercaţi sa scrieţi textul pentru motoarele de căutare si nu abuzaţi de folosirea repetata a cuvintelor cheie respective.

Recomandări:

Daca doriţi ca pagina sa fie optimizata pentru o expresie, cuvintele prezente in expresie trebuie sa fie prezente in pagina, alăturate sau la distanta mica unul de celalalt.
Ca bune practici, se spune ca expresia dorita ar trebui sa fie prezenta o data in primul paragraf, o data in conţinut si o data in paragraful final.

Conţinut pagini

Fiecare pagina trebuie, pe cat posibil, sa aibă un conţinut unic. Daca in site aveţi mai multe pagini similare in proporţie de peste 50%, ar fi de dorit sa alegeţi o pagina care sa fie indexata, iar in celelalte adăugaţi instrucţiunea noindex pentru motoarele de căutare.

Exemplu indexare pagini:

Consideram ca avem pagina X, similara cu pagina Y. Alegem pentru indexare pagina X.

Atunci vom introduce următoarele instrucţiuni:

in pagina X, deoarece o dorim indexată, vom introduce instrucţiunea în secţiunea a paginii:
in pagina Y, vom introduce instrucţiunea:

Daca pagina X este aproape identica cu pagina Y, cum se întâmpla de obicei in siteurile unde paginile sunt construite dinamic, putem indica motorului de cautare care este pagina ce trebuie indexata, adăugând un link cu atributul "rel=canonical" către pagina originala. In acest caz nu mai este necesar sa specificam neindexarea paginilor duplicat.

Exemplu referire formă canonică:

Pentru mai multe informații, vă recomandăm:

Ghidul Google de optimizare site (format pdf)

Schimbare design pagina web cu CSS şi Javascript funcţie de rezoluţia ecranului

Alex — Wed, 04 Nov 2009 12:29:50 +0000

Când se proiectează un site, orice webdesigner este nevoit să aleagă dimensiunea layout-ului paginilor web ale site-ului respectiv. Dacă nu se optează pentru un layout elastic, webdesignerul va avea în vedere ca website-ul să fie cât mai accesibil, adică să poată fi vizualizat optim indiferent de rezoluţia pe care o are clientul.

Există opinii conform cărora ar trebui să se renunţe la proiectarea site-urilor ţinând cont de rezoluţia de 800 x 600, deoarece nu prea mai există clienţi care să folosească o astfel de rezoluţie a ecranului. În exemplul nostru vom lua însă în considerare şi această rezoluţie. Şi totuşi, pentru ce rezoluţie ar trebui optimizat un website? Este clar că va trebui aleasă rezoluţia cea mai mică, adica 800 x 600 px, pentru a nu risca apariţia scrollbar-ului orizontal. Pe un monitor care foloseste o rezoluţie mai mare, de exemplu 1680 x 1050, vom avea o diferenţă de aproximativ 880 px între dimensiunea layoutului şi a ecranului.

Bineînţeles există soluţii pe care un bun webdesigner le poate utiliza şi prin care poate estompa diferenţele de apariţie a layoutului pe diferite rezoluţii.

Dacă însă dorim şi o cât mai bună organizare a conţinutului, atunci o soluţie ar fi ca pentru diferite rezoluţii ale ecranului să avem layout-uri diferite ale website-ului. Să presupunem că ne dorim ca pagina web să aibă un conţinut aşezat pe 3 coloane. Dacă însă vom ţine cont de o posibilă rezoluţie a ecranului la utilizator de 800 x 600, pentru a avea destul spaţiu de afişare a conţinutului va trebui sa rearanjăm coloanele astfel:

FIGURA 1 - Design pagina web 800px

Pentru o rezoluţie mai mare a clientului am putea însă afişa toate coloanele vertical în pagină.

800px" src="http://www.crestonweb.ro/blog/wp-content/uploads/2009/11/rez1200-thumb.jpg" alt="FIGURA 2 - Design pagina web rezolutie > 800px" width="357" height="268" />

FIGURA 2 - Design pagina web rezolutie > 800px

Cum atingem acest obiectiv?

O soluţie ar fi să avem mai multe fişiere .css, pe care să le încărcăm în pagina web în funcţie de rezoluţia utilizatorului.

EXEMPLU DESIGN PAGINA WEB

Să considerăm următorul cod sursă pentru un design a paginii web pe 3 coloane, pe care o denumim index.htm:




    HEADER
    
        
            menu items
            item 1
            item 2
            item 3
            item 4
            item 5
        
    
    
    
        COLOANA 1
        COLOANA 2
        COLOANA 3
        
        COLOANA 3 -
                       Afisare pe orizontala
    
    
    FOOTER

Cele 3 coloane sunt introduse în pagina web prin containerul cu id="continut":

    
        COLOANA 1
        COLOANA 2
        COLOANA 3
        
        COLOANA 3 -
                       Afisare pe orizontala

După cum se observă, în containerul 'continut' coloana 3 apare de două ori,

COLOANA 3

fiind corespunzator afişării coloanei a treia pe verticală, iar COLOANA 3 pentru afişarea coloanei pe orizontală. Pentru a realiza cele 2 variante ale paginii web aşa cum apar în figura 1 respectiv 2, va trebui să ascundem pentru primul caz

, iar în cel de-al doilea COLOANA 3 şi, bineînţeles, să setăm lăţimea containerului principal

şi a coloanelor rămase din conţinut.

Vom realiza 2 fisiere .css, pe care le vom denumi stil-800.css (pentru pagina web din figura 1) şi stil-1020.css (pentru pagina web din figura 2).

Realizarea Designului Paginii Web din Figura 2

Dorim mai întâi să realizăm designul paginii web ca în figura 2, adică cu cele 3 coloane verticale, corespunzătoare unei rezoluţii a ecranului de 1024 x 768 sau mai mare. Pentru aceasta vom ataşa paginii web index.htm fişierul stil-1020.css şi vom face următoarele setări:

Dimensiunea containerului principal
o setăm la 950 px, pentru a siguri ca pagina web va fi afişată de browserele principale pe rezolutia de 1024px fără a apare scrollbar-ul orizontal :

#container {
  width : 950px;
}

Setăm apoi dimensiunea celor 3 coloane verticale astfel încât să obţinem totalul lor egal cu 950px, adica 350px + 350px + 248px = 948px + 2 px dimensiunea pentru border = 950 px şi le aliniem la stânga, respectiv dreapta, cu instrucţiunea float astfel:

#coloana-1{
	float : left;
	width : 350px;
}
#coloana-2{
	float : left;
	width : 350px;
}
#coloana-3{
	width: 248px;
	float: right;
}

Ascundem acum afişarea coloanei a treia pe orizontală, folosind instrucţiunea display: none; pentru a respecta design-ul din figura 2:

#coloana-3-orizontala{
	display: none;
	width: 100%;
}

În acest moment, dacă vom ataşa fişierul stil-1020.css paginii web index.htm, vom obţine:

exemplu design pagina web rezoluţie 1024px

Realizarea Designului Paginii Web din Figura 1

Pentru a realiza designul paginii web din figura 1, cu 2 coloane verticale şi coloana a treia orizontală, corespunzatoare unei rezoluţii a utilizatorului de 800 px, vom ataşa paginii web index.htm fisierul stil-800.css.

Dimensiunea containerului principal
o setam la 767px, pentru a siguri ca pagina web va fi afisata de browserele principale pe rezolutia de 800px fara a apare scrollbar-ul orizontal :
```
#container {
  width : 767px;
}
```
Setăm apoi dimensiunea celor 2 coloane verticale astfel încât să obţinem totalul lor egal cu 767px, adica 383px + 383px = 766px + 1 px dimensiunea pentru border = 767 px şi le aliniem la stânga cu instrucţiunea float, astfel:
```
#coloana-1{
	float : left;
	width : 350px;
}
#coloana-2{
	float : left;
	width : 350px;
}
```
Ascundem acum afişarea coloanei a treia pe verticală, folosind instrucţiunea display: none; şi afişăm coloana 3 pe orizontală, dându-i dimensiunea de 100%, adică dimensiunea containerului principal:
```
#coloana-3{
	display: none;
}
#coloana-3-orizontala{
	width: 100%;
}
```

În acest moment, dacă vom ataşa fişierul stil-800.css paginii web index.htm, vom obţine designul paginii web corespunzător figurii nr. 1 astfel:

exemplu design pagina web rezoluţie 800px

Încărcarea fişierului .css corespunzător rezoluţiei clientului folosind Javascript

Am creat până acum două designuri diferite ale aceleiaşi pagini web index.htm, cele din figura 1 respectiv 2, bazându-ne pe două fişiere .css diferite, pe care le-am realizat ţinând cont de posibila rezoluţie a ecranului clientului. Astfel am realizat stil-800.css corespunzator unei rezolutii a ecranului clientului de 800px si stil-1020.css pentru rezoluţii posibile ale ecranului clientului mai mari de 800px.

Acum ar trebui doar să testăm folosind Javascript care este rezoluţia ecranului clientului şi să încărcam fişierul .css corespunzător.

Vom introduce un javascript în zona al fişierului index.htm.

Astfel, dacă rezoluţia ecranului clientului este mai mică de 1050px vom încărca fişierul stil-800.css, iar dacă este mai mare vom încărca fişierul stil-1024.css.

Ce se întamplă însă dacă clientul nu are activat Javascript? Vom introduce încă o linie de cod:

Am obţinut astfel un design al paginii web care va arăta ca în figura 1 sau 2, în funcţie de rezoluţia ecranului clientului.

Testează fişierul index.htm

Download exemplu complet

Directoare web româneşti cu transfer de PR

Alex — Wed, 30 Sep 2009 19:45:21 +0000

M-am decis să fac o listă a directoarelor româneşti gratuite, care transferă PR, şi care nu cer neapărat link-back. În alcătuirea ei am luat in calcul şi timpul de aşteptare pentru a fi inclus în director.

Bineînţeles, lista nu este completă. Dacă credeţi că am omis vreun director românesc important, cu PR cel puţin 3, care nu necesită back-link, sau aveţi vreo întrebare cu privire la un director, puteţi comenta acest articol şi am să fac tot posibilul să răspund la întrebări.

	Nume Director Web	PR	Ancora	Propune site
1	Open Directory http://www.dmoz.org/World/Română/	6
2	Roportal http://www.roportal.ro/	6		Propune
3	Află http://www.afla.ro	5		Propune
4	SmartNetBook http://www.smartnetbook.ro	5		Propune
5	Santamia http://www.director-web.santamia.ro	4		Propune
6	Looker http://www.looker.ro	4		Propune
7	Link Directory http://www.link-directory.ro	4		Propune
8	Felicitări virtuale http://directorweb.felicitari-virtuale.ro	4
9	URLs.ro http://www.urls.ro	4
10	WebUrl http://www.weburl.ro	4
11	Allinfo http://directorweb.allinfo.ro	4		Propune
12	ArtToUseIT.NET http://www.arttouseit.net	4		Propune
13	PeLarg.ro http://www.pelarg.ro	4		Propune
14	W1 http://www.w1.ro/	4		Propune
15	AddSite.ro http://www.addsite.ro	3		Propune
16	Click Link http://www.clicklink.ro	3		Propune
17	Director Românesc http://www.director-romanesc.info	3		Propune
18	Top88 http://www.top88.ro	3		Propune
19	Xweb.ro http://www.xweb.ro	3
20	Amical http://www.amical.ro	3		Propune
21	Pentru noi http://director.pentrunoi.net	3		Propune
22	Red portal http://web.redportal.ro	3		Propune
23	Backlinks.ro http://www.backlinks.ro	3		Propune
24	WellDir.ro http://www.welldir.ro	3		Propune
25	Aix http://www.aix.ro	3		Propune
31	ePagini http://www.epagini.com/	3		Propune
27	Web Start http://director.web-start.ro	3		Propune
28	TotalTop http://www.totaltop.ro	3		Propune
29	Anunțuri utile http://www.anunturi-utile.ro/directorweb/	3		Propune
30	Ro-Director.net http://www.ro-director.net	3		Propune

Unelte gratuite pentru web designeri

Alex — Mon, 17 Aug 2009 14:27:13 +0000

Pentru a veni în sprijinul webmaster-ilor şi web designerilor, motoare de căutare ca Google, Yahoo şi MSN (mai nou Bing) pun la dispoziţia acestora, gratuit, unelte care îi ajută în setarea fină şi promovarea website-urilor.

Unelte de la GOOGLE

Google, în special, a pus la dispoziţia web designerilor o suita întreagă de aplicaţii, ca:

Google Webmaster Tools
Site-ul web al Google Analytics

Google Webmaster Tools

Google Webmaster Tools a fost recent actualizat cu o serie de instrumente avansate de analiză pentru webmasteri. Web designerii pot verifica site-ul lor într-un cont Google gratuit şi apoi monitoriza şi edita setările site-ului în funcţie de înregistrările Google. Este clar şi uşor de utilizat şi permite webmasterilor să sesiseze în timp util: erorile în indexarea site-ului web, paginile web ce au fost indexate, permite setarea ratei de accesare a siteului de catre crawler, distribuţia PageRank-ingului pe paginile site-ului şi oferă, de asemenea, informaţii despre alte erori apărute în site (linkuri nefuncţionale, erori în robots.txt etc). De asemenea, web designerul primeşte recomandări cu privire la paginile considerate cu duplicate de către motorul de căutare (text, titlu sau descriere ).
O alta facilitate esenţială este studierea linkurilor de intrare şi ieşire din website, care poate ajuta web designerul în luarea unor decizii SEO.
Personal cred că Google Webmaster Tools reprezintă o necesitate pentru orice web designer sau webmaster.

Google Analytics

Google Analytics este un alt serviciu complet gratuit oferit de Google. Din nou, cu un cont Google gratuit, un web designer se poate abona şi instala acest serviciu de analiză a site-ului. Instalarea analytics este o simplă copiere a unui script Javascript înainte de tagul pe fiecare pagină ce se doreşte a fi urmarită.

Plaforma pusă la dispoziţie de Google Analytics este incredibil de puternică şi oferă posibilitatea de a urmări vizitele în site din diverse surse. Prezintă webmaster-ului o multitudine de statistici referitoare la numărul de accesări ale siteului, zona din care provin clienţii, softuri folosite de clienti (browsere, javascript, rezoluţii ale ecranului), statistici comparative cu alte siteuri.

De asemenea, Google Analytics include funcţii care permit urmărirea campaniilor de PPC (Pay per Click) sau alte campanii de web marketing.

YAHOO

Platforma pusa la dispozitie gratuit de Yahoo – Yahoo! Site Explorer oferă posibilitatea web designerului de a-şi gestiona siteurile web indexate de YAHOO şi de a urmări eventualele erori din site-uri.
Comparativ cu Google Webmaster Tools , Yahoo! Site Explorer oferă mult mai puţine funcţii web designerului.
Totuşi, un lucru pe care îl apreciez este faptul că îţi oferă tabloul complet al linkurilor către site.

BING

Uneltele puse la dispoziţia web designerilor de Bing (fostul MSN) prin Bing Webmaster Center sunt cam aceleaşi ca în cazul Yahoo. Utilizând aceaste facilităţi gratuite, web designerul poate afla cum este indexat website-ul său de acest motor de căutare, dacă există erori, poate furniza motorului de căutare harta siteului şi afla ce legături există spre site.

Resurse web design - CrestonWeb

Top 10 Firme Web Hosting in Romania 2011

Fonturi gratuite prin Google Web Fonts

Utilizare

Exemplu

Making the Web Beautiful!

Meniu orizontal cu submeniuri nelimitate – jMenu

Top 10 Firme Web Hosting in Romania

50 de iconuri ale reţelelor de socializare

Set de 1000 iconuri gratuit

Tehnici de optimizare On-Site; Ghid SEO

Denumire pagini web

Tagul Title (Titlul paginii)

Tagul Meta Description

Atributul Title introdus în linkurile din menu

Atributul Alt pentru imagini

Folosirea Tagurilor Heading

la , iar folosirea keywords-urilor in cadrul acestor taguri pot aduce beneficii pe partea de SEO. Exemplu: Anunţuri online In special tagurile

, iar folosirea keywords-urilor in cadrul acestor taguri pot aduce beneficii pe partea de SEO. Exemplu:

Anunţuri online

pe pagina, iar celelalte taguri urmându-si ordinea fireasca

Linkuri interne

Densitate keywords

Conţinut pagini

Schimbare design pagina web cu CSS şi Javascript funcţie de rezoluţia ecranului

EXEMPLU DESIGN PAGINA WEB

Realizarea Designului Paginii Web din Figura 2

Realizarea Designului Paginii Web din Figura 1

Încărcarea fişierului .css corespunzător rezoluţiei clientului folosind Javascript

Directoare web româneşti cu transfer de PR

Unelte gratuite pentru web designeri

Unelte de la GOOGLE

Google Webmaster Tools

Google Analytics

YAHOO

BING

la
, iar folosirea keywords-urilor in cadrul acestor taguri pot aduce beneficii pe partea de SEO.

Exemplu:

`Anunţuri online`

In special tagurile

, iar folosirea keywords-urilor in cadrul acestor taguri pot aduce beneficii pe partea de SEO.

Exemplu:

`Anunţuri online`