Aici veti gasi cateva articole, tutoriale si scripturi - speram noi utile - legate de web design, programare web si seo

11 martie 2010

Primii pasi in SEO

» Înscris în: SEO — admin @ 14:07

Sa o luam cu inceputul…
SEO (SEARCH ENGINE OPTIMIZATION) se traduce in romana ca Optimizare pentru motoarele de cautare si se refera la o multitudine de procedee prin care site-ul dvs sa apara in primele rezultate ale motoarelor de cautare (exemplu: Google, Yahoo, BING).

SEO este alcatuit din 2 tipuri principale:

  • On-page SEO (procedee aplicate paginii propriu-zise)
  • Off-page SEO (obtinerea de linkuri catre site-ul dvs si alte metode de marketing)

Sfaturi On-page SEO (optimizarea paginii web)

1. Codul sursa trebuie sa fie validat W3C
Exista niste reguli w3c pentru scrierea codului XHTML, unele din ele fiind explicate in articolul  xhtml vs html.
Daca aceste reguli nu sunt respectate este posibil ca site-ul dvs sa nu poata fi accesat de catre spiderii motoarelor de cautare, deci sa nu fie indexate corect toate paginile dvs.
Puteti verifica corectitudinea codului dvs sursa folosind acest link.

2. Adaugarea permanenta de continut interesant si folositor
Pagina dvs web trebuie sa contina informatii multe si de calitate pentru vizitatori, astfel incat sa revina cat mai des pe pagina, dar si pentru a ii face pe acei vizitatori care au la randul lor pagini web sau bloguri sa posteze linkuri catre site-ul dvs, catre articolele interesante. Pe langa asta, cu cat site-ul este mai mare, motoarele de cautare vor indexa mai multe pagini ale site-ului, astfel crescand sansa dvs de a obtine un loc fruntas in afisari.

3. Alegerea si folosirea corecta a cuvintelor cheie in pagina
Trebuie sa va ganditi bine, inca de la inceput, pentru ce cuvinte cheie vreti sa fiti afisat in rezultatele motoarelor de cautare.
Un exemplu simplu ar fi acela ca daca aveti o firma de reparatii calculatoare in judetul Mehedinti cel mai bine este sa adaugati cuvintelor cheie o limita teritoriala (“reparatii calculatoare mehedinti”, “reparatii calculatoare drobeta turnu severin”) si sa optimizati paginile web pentru aceste cuvinte, nu doar pentru “reparatii calculatoare”, competitia cu alte site-uri fiind mult mai mare iar dvs oricum aveti ca target acest judet.
Dupa ce v-ati hotarat pentru ce cuvinte cheie vreti sa apareti, trebuie sa le introduceti cu o densitate destul de mare (dar nu exagerata) atat in titlul domeniului (reparatiipcmehedinti.ro), in titlul site-ului, in meta description, meta keywords, cat si in continutul fiecarei pagini folosind toate tipurile de evidentiere (h1, h2, bolduit, in linkuri, in alt tag-ul imaginilor samd). Vom vorbi despre toate acestea in alt articol.

4. Creati o harta a site-ului (sitemap) si o trimiteti catre motoarele de cautare
Dupa ce ati finalizat toate paginile site-ului (in caz ca ati adaugat articole sau continut nou puteti reface acest sitemap periodic), creati un fisier sitemap.xml care sa contina toate linkurile din site-ul dvs (o puteti crea automat cu diferite programe sau online folosind xml-sitemas generator ) dupa care trimiteti catre motoarele de cautare.
Pentru a trimite acest sitemap, motoarele mari de cautare (google, yahoo, bing) va dau posibilitatea sa va creati un cont de webmaster unde, pe langa faptul ca puteti adauga aceasta harta, puteti verifica mai multe date despre site, cum ar fi: linkurile catre paginile dvs, cuvintele cheie la care sunteti afisat si pozitia acestora, numarul de linkuri indexate, erori gasite pe pagini si multe altele.
O alta modalitate este aceea de a crea in directorul principal al site-ului (/public_html) un fisier text, robots.txt, care sa contina si calea catre sitemap-ul dvs:
Sitemap: http://www.valmindesign.com/sitemap.xml
Deasemenea acest fisier poate fi folosit pentru a spune motoarelor de cautare ce parte a site-ului poate fi indexata si ce parte nu. Un exemplu de cum ar trebui sa arate acest fisier este:

User-Agent: *
Allow: /
Disallow: /admin/
Sitemap: http://www.valmindesign.com/sitemap.xml

Acest exemplu spune tuturor spiderilor motoarelor de cautare ca pot indexa tot site-ul (allow:/), mai putin directorul admin (disallow:/admin/).

5. Promoveaza-ti site-ul in diferite medii online
Principalele metode prin care trebuie sa va promovati site-ul sunt urmatoarele:
- del.icio.us bookmarks
- twitter
- facebook



9 martie 2010

web design – CSS text

» Înscris în: CSS — Etichete:, — admin @ 16:42

Toate proprietatiile unui text

Property Description Values CSS
color Setează culoarea unui text color 1
direction Setează direcţia de text

ltr

rtl

2
line-height Setează distanţa dintre liniile

normal

number

length

%

1
letter-spacing Mărirea sau micşorarea spaţiului dintre caractere

normal

length

1
text-align Aliniază textul într-un element

left

right

center

justify

1
text-decoration Adauga decoratie unui text

none

underline

overline

line-through

blink

1
text-indent

length

%

1
text-shadow

none

color

length

text-transform Controleaza tipul de scriere

none

capitalize

uppercase

lowercase

1
unicode-bidi

normal

embed

bidi-override

2
vertical-align Setează alinierea pe verticală a unui element

baseline

sub

super

top

text-top

middle

bottom

text-bottom

length

%

1
white-space

normal

pre

nowrap

1
word-spacing Mărirea sau micşorarea spaţiului dintre cuvinte

normal

length

1


web design – CSS background

» Înscris în: CSS — Etichete:, , — admin @ 16:38

Acum sa luam cateva proprietati CSS pe rand, dupa care vom trece la lucruri mai avansate, si tot felul de artificii interesante.
1. CSS background:
Pentru a defini background-ul sunt acceptate:

  • background-color (exemplu: background-color:#b0c4de;)
  • background-image (exemplu: background-image:url(‘paper.gif’);)
  • background-repeat (exemplu: background-repeat:repeat-x;) (repeat-x; repeat-y; no-repeat;)
  • background-attachment (exemplu: background-attachment:fixed;)
  • background-position (exemplu: background-position:top left;)

Toate proprietatile Background:

Proprietate Descriere Valoare CSS
background Seteaza toate proprietatile intr-o singura declaratie CSS

background-color

background-image

background-repeat

background-attachment

background-position

inherit

1
background-attachment Seteaza daca o imagine este fixa, sau se misca odata cu pagina

scroll

fixed

inherit

1
background-color Seteaza culoarea de background a unui element

color-rgb

color-hex

color-name

transparent

inherit

1
background-image Seteaza o imagine de background unui element

url(URL)

none

inherit

1
background-position Seteaza pozitie de start a unei imagini

top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

x% y%

xpos ypos

inherit

1
background-repeat Seteaza daca imaginea se va repeta pe fundal

repeat

repeat-x

repeat-y

no-repeat

inherit

1


Articole mai vechi »
Valid XHTML 1.0 Transitional CSS valid! Page Rank