Alreadytakenflo’s blog about the big NOTHING

Just another WordPress.com weblog

SEO si Accesibilitate 1.9(9) March 24, 2009

Filed under: web — alreadytakenflo @ 11:14 am
Tags: ,

1.Definitia SEO

Unul din subiectele cele mai populare in internet marketing este SEO (Search Engine Optimization = optimizare pentru motoarele de cautare ). SEO, folosit exact pentru ceea ce a fost facut reprezinta o modalitate de management al continutului si a codului siteului in asa fel incat acesta sa reprezinte exact ceea ce siteul incearca sa faca.Folosit necorespunzator, SEO poate pacali un motor de cautare si algoritmii acestuia facandui sa creada ca siteul e relevant desi acesta nu e.
Apar asadar 2 termeni noi : White Hat SEO si Black Hat SEO.

1.1Black Hat SEO
Acesta e uneori denumit si SEO fara etica/iresponsabil. Acesta implica tehnici SEO de mare risc, ce pot duce la excluderea siteului din motoarele de cautare ( banare).
Filozofia din spatele SEO este acea ca poti ridica vizibilitatea websiteului prin imbunatatirea continutului, a codului si prin constructia unui sistem de linkuri catre site. Toate acestea sunt adevarate, dar din pacate sunt duse la extrem in majoritatea cazurilor. SEO tinde sa fie o incercare de a ridica vizibilitatea prin eagerarea prezentei anumitor termeni cheie si astfel impiedicand prezentarea informatiei in mod corect ( semantic !! )

SEO s-a construit pe cunostiintele ca toate motoarele de cautare si in particular cele mai mari 3, Google, Yahoo si MSN – folosesc reguli denumite algoritmi pentru a gasi si a puncta siteurile pe care le afiseaza ca rezultate ale cautarii. Aceste reguli se uita la un numar de factori pentru a decide daca siteul este relevant sau nu cu termeni cautati. Aceste reguli sunt tinute in secret ( si dintr-un motiv bun 🙂 ) si este astfel dificil sa stii exact ceea ce cauta, dar exista totusi niste factori aproximativ siguri:
• Numarul de linkuri catre siteul respectiv
• Pozitia cuvantului cautat in site
• Textul ancora al linkurilor ce duc la siteul tau

Motoarele de cautare doresc si vor sa gaseasca acelasi lucru ca si utilizatorul: calitate si relevanta a informatiei.

2. Basic SEO

Cateva reguli de baza ce pot fi aduse unui site pentru ai spori vizibilitatea si relevanta informatiei. Aceste reguli sunt o insumare a mai multor articole de pe net is reprezinta doar elementele de baza in designul unui site/aplicatii optimizate pentru motoarele de cautare.

  • 2.1.Introducerea cuvintelor cheie in tagul TITLE, tag ce ar trebui sa descrie continutul paginii actuale si sa spuna despre ce este vorba. Asigurativa ca acest tag contine text cu care utilizatorii se pot relationa. Acest text mai apare si in pagina de rezultate a motorului de cautare => e citit de utilizator si pe baza acestuia se ia hotararea daca utilizatorul va accesa siteul sau nu.
  • 2.2.Folositi aceleasi cuvinte cheie/cuvant cheie pentru linkurile/ancorele de text din exterior ce trimit la pagina ce foloseste aceste cuvinte cheie.
  • 2.3. Asigurativa ca acele cuvinte cheie din tagul de title apar cel putin o data si in partea de BODY !. textul poate fi prezent de exemplu in tagul H1 pentru o relevanta cat mai mare.Cele mai importante cuvinte cheie pot fi si colorate diferit sau ingrosate. Un punct in care se pot face acestea este: chiar la inceputul paginii, in titlu sau in sub headinguri.
  • 2.4 Nu folositi acelasi tag de title pe toate paginile siteului. Robotii motoarelor de cautare pot hotari ca pe fiecare pagina exista acelasi continut si astfel nu o vor mai indexa.
  • 2.5 Nu inscrieti prea multi termeni cheie in tagul meta DESCRIPTION ( nu faceti spam de cuvinte cheie ) . Unii experti SEO considera ca acest tag nu mai are aceeasi impotanta pe care o avea . Puteti plasa dinamic continutul H1/title si in tagurile de KEYWORDS si DESCRIPTION
  • 2.6. Nu faceti schimb de linkuri cu “ferme” de linkuri. Fiecare site are un anumit rating/nota si daca acesta are linkuri cu trimitere spre siteul nostru, poate afecta in consecinta ratingul/nota noastra.
  • 2.7 Motoarele de cautare indexeaza pagini ce sunt user-friendly , care au continut relevant termenilor de cautare.
  • 2.8. La fiecare link se poate adauga tagul TITLE in codul HTML. Adaugarea acestuia adauga importanta acelui link.ex : < a href = “galerie.html” title=”pagina cu poze de la munte” />
  • 2.9. Adaugati descriptori de imagini prin tagul ALT al acestora. Aceasta unealta e foarte importanta pentru motoarele de cautare. Ex: < img src="poza.jpg" alt="imagine de la munte" />
  • 2.10 Inscrieti siteul in motare de cautare direct. Ex pentru google: http://www.google.com/addurl.htmlFaceti acest lucru o singura data si o singura pagina principala. Robotii motoarelor de cautare vor vizita acea pagina si vor urmarii linkurile de pe aceasta. Daca siteul e construit corect, acesta va fi indexat in totalitate.
  • 2.11 Daca trebuie sa folositi meniuri Javascript, harti de imagini sau linkuri de imagini, asigurativa ca aveti si linkuri text undeva in pagina pentru a putea robotii motoarelor de cautare sa indexeze si celelalte pagini.
  • 2.12 Continutul e cel mai important( Content is King ). Trebuie sa aveti un continut bun, scris corect si unic ce se coreleaza cu cuvintele cheie folosite.
  • 2.13 Daca continutul e “rege”, atunci linkurile sunt “regina”. Construiti o retea de linkuri de calitate folosind cuvintele cheie ca si linkuri. Important: Daca nu e nici un motiv bun/logic ca acel site sa aiba un link catre tine, atunci nu vrei acel link.
  • 2.14 Pagerankul nu e atat de important, e doar o mica parte a algoritmului de notare. Un site cu pageranking mai mic poat aparea mai sus in cautari decat unul cu pagerankingul mai mare.
  • 2.15 Nu folositi numele companiei ca si keyword,sau daca vreti sa il folositi, doar la sfarsit. De obicei cautarile dupa numele firmei sunt foarte putine si vor duce oricum la siteul dorit.
  • 2.16 Continutul nou va poate imbunatatii rankingul. Adaugati regulat continut nou si folositor paginilor web.
  • 2.17 Linkurile de pe site sa fie corecte si sa contina cuvintele cheie. Daca siteul este unul personal atunci “cv personal” ar trebui sa fie textul ce va duce la pagina cu cv-ul, nu “click aici”.
  • 2.18 Folositi “fraze de cautare”, nu un singur cuvant cheie. Puteti adauga si locatia reala in aceste fraze. Ex: “magazinul nostru de ski din timisoara”, nu “magazinul nostru de ski”
  • 2.19 Porniti in construirea siteului cu tehnici de SEO integrate. O refacere a unui site neoptimizat poate fi foarte grea sau chiar imposibila. Robotii de cautare nu pot indexa flash, imagini sau scripturi.
  • 2.20 Alegeti doar unul din tipurile de linkuri pentru domeniul pe care vreti sa il folositi, iar pe celalalt il directionati catre primul. Ex: http://www.4credite.ro sau http://4credite.ro. Alegeti sa folositi http://4credite.ro , iar pe primul il directionati catre al doilea.
  • 2.21 Verifica linkurile din site ce duc la pagina principala. Daca linkul este de tipul http://www.domeniu.com/index.html inseamna ca iti imparti traficul in 2. Linkurile externe merg spre http://www.domeniu.com , iar cele interne spre http://www.domeniu.com/index.html
    Solutia: sterge index.html din linkuri si pastrati doar referirea la domeniu pentru pagina principala.
  • 2.22 Frameurile, Flash si AJAX au toate o problema comuna , nu poti sa creezi un sistem de linkuri, existand o singura pagina. Nu folositi deloc frameuri, iar continutul AJAX si Flash doar in cantitati mici si folosind cat mai multe metode SEO avansate pentru a ajuta motoarele de cautare sa inteleaga ceea ce e reprezentat.
  • 2.23 Extensia URL nu are nici o importanta. Se pot folosi .html, .htm, .asp, .php ….
  • 2.24 O metoda mai scurta de a avea siteul inscris in baza de date google este ca un site de calitate sa aiba linkuri catre acesta.
  • 2.25 Robotii de cautare prefera continut nou/recent. Daca continutul de pe site nu se schimba des, adaugati un blog acestuia si postati de 2, 3 ori pe saptamana pentru a avea continut recent.
  • 2.26 In constructia sistemului de linkuri trebuie avuta in vedere importanta linkurilor/calitatea lor. Mai multe linkuri de proasta calitate pot face mai mult rau decat bine.
  • 2.27 Motoarele de cautare vor text “natural” – semantic. Nu incercati sa inghesuiti prea multi termeni cheie pe o pagina. Robotii numara de cate ori apare termenul pe pagina si daca acest numar e prea mare, vor scadea din ratingul siteului/paginii.
  • 2.28 Daca sunteti pe un server shared, faceti o cautare dupa siteuri banate pentru a fi sigur ca nu va aflati pe un proxy cu alt site banat. Acesta poate avea un efect negativ asupra siteului.
  • 2.29 In optimizarea posturilor pe blog e important sa se optimizeze independent partea de titlu a blogului de cea de titlu a postului.
  • 2.30 Linkurile de pe domenii .edu au o valoare ridicata in algoritmii motoarelor de cautare deoarece intrarea in posesie a unui astfel de domeniu e mai stricta. Incercati sa cautati organizatii ce au nevoie de sponsori..
  • 2.31 SEO e un proces de lunga durata si implica modificari continue in functie de schimbarile din mediu.
  • 2.32 Optimizati textul din feedurile RSS la fel ca pe cel pentru posturi. Folositi cuvinte descritive, cuvinte cheie in titlul si descrierea feedului.
  • 2.33 Incercati sa aveti articole replicate/publicate de bloggeri influenti pentru a avea linkuri de calitate.
  • 2.34 Inconjurati imaginile cu text relevant.
  • 2.35 Cel mai bine siteul ar trebui indexat manual de robotii de cautare, nu prin Sitemapuri XML. O navigare globala de calitate e mult mai buna decat un singur Sitemap.
  • 2.36 Exista 2 metode de a vedea rezultate nepersonalizate in cautarile Google:
    – Log out din google
    – Scrieti &pws=0 la sfarsitul linkului de cautare
  • 2.37 Folositi linkuri absolute. Ajuta navigarea pe site si sunt mai putin susceptibile problemelor ce pot aparea.
  • 2.38 Intelegerea marketingului social. Acesta face parte din strategia SEO actuala. Exemple: Digg, Yelp. Del.icio.us, Facebook.
  • 2.39 Pentru a indexa continut video se poate folosi un video sitemap si uploadul acestuia pe Google Webmaster Central.
  • 2.40 Fisierele video ce apar in cautari nu vin doar de pe YouTube, inscrietiva videoclipurile si pe alte siteuri ca Metacafe, AOL, MSN , Yahoo.
  • 2.41 Folositi termenul “image” sau “picture” in tagul de ALT al unei imagini alaturi de alte cuvinte cheie.Multe cautari sunt pentru unul din aceste cuvinte plus un termen cheie.
  • 2.42 Adaugati continut viral siteului – reviewuri , sharing , rating, comentarii sunt doar cateva functionalitati pe care le puteti integra.
  • 2.43 Adaugati servicii ce sa includa Video, podcasturi, stiri, continut social, etc.
  • 2.44 Adaugarea siteului in Directoare de cautare. Ex: directoarele Yahoo

3.0 Accesibilitate

Accesibilitate pentru toti userii si pentru motoarele de cautare.

Scopul accesibilitatii este sa faca continutul wev accesibil catre cat mai multi oameni posibil, incluzand aici pe cei cu diferite dizabilitati de ordin tehnic, fizic sau de alt tip. Putem vedea asadar robotii de cautare ca niste utilizatori cu restrictii substantiale. Ei nu pot citi textul din imagini, nu pot interpreta JavaScript sau appleturi si nu pot vedea nici un fel de continut media. Exista astfel diferite tipuri de probleme ce au nevoie de solutii.

3.1 Adaugarea unui exhivalent in text pentru fiecare element non-text. Ex: tagul ALT,

3.2 Adaugati si linkuri text pentru fiecare image map de pe pagina.

3.3 Identificati schimbarile din limbajul natural al paginii prin modificari de font/culoare/marime.

3.4 Paginile trebuie sa fie vizibile si utilizabile si cand scripturile, apleturile, sau alte obiecte sunt dezactivate.

3.5 Folositi cel mai clar si simplu limbaj posibil pentru a afisa continutul siteului.

O prezentare despre SEO vs Accessibility pe slideshare:

Accesibilitatea ofera niste beneficii pentru SEO. Cea mai utila metafora in acest sens e ca robotul de cautare e cel mai problematic vizitator care ar putea ajunge pe site: este orb, navigheaza fara a putea avea activat JavaScript si daca nu poate folosi un link se blocheaza. Unul din principiile accesibilitatii este de a asigura ca siteul poate fi nabigat si inteles de catre un utilizator orb, ce nu poate folosi JavaScript.

Unele practici de accesibilitate au nevoie si de alte idei preluate din SEO: folosirea corecta a tagurilor H1,H2 si alte elemente de titlu. Folosirea elementelor TITLE unice si care descriu clar pagina sunt valoroare atat pentru SEO cat si pentru accesibilitate.

Tagul title poate avea mai multe definitii in functie de persoana care il foloseste.Pentru consultantul in domeniul accesibilitatii , tagul TITLE este un loc ideal de a oferi asistenta celor cu probleme de vedere, acordand o explicatie scurta si concisa a continutului.Pentru consultantul SEO, tagul TITLE reprezinta un mod bun de a repeta cuvintele cheie.

Acest lucru este ok facut o data, dar in situatii reale putem avea de ex. 25 de taguri de title pe un site web, fiecare cu o descriere lunga si care incepe cu aceeasi fraza(in cazul SEO) si deci foarte dificila pentru persoanele cu dizabilitati care “asculta” continutul cu un cititor de ecran.

////urmeaza continuarea si imbunatatire

 

Accessibility 1.0 March 17, 2009

Filed under: web — alreadytakenflo @ 3:33 pm
Tags: , ,

1. Introduction

For those unfamiliar with accessibility issues pertaining to Web page design, consider that many users may be operating in contexts very different from your own:

  • They may not be able to see, hear, move, or may not be able to process some types of information easily or at all.
  • They may have difficulty reading or comprehending text.
  • They may not have or be able to use a keyboard or mouse.
  • They may have a text-only screen, a small screen, or a slow Internet connection.
  • They may not speak or understand fluently the language in which the document is written.
  • They may be in a situation where their eyes, ears, or hands are busy or interfered with (e.g., driving to work, working in a loud environment, etc.).
  • They may have an early version of a browser, a different browser entirely, a voice browser, or a different operating system.

Content developers must consider these different situations during page design. While there are several situations to consider, each accessible design choice generally benefits several disability groups at once and the Web community as a whole. For example, by using style sheets to control font styles and eliminating the FONT element, HTML authors will have more control over their pages, make those pages more accessible to people with low vision, and by sharing the style sheets, will often shorten page download times for all users.

The guidelines discuss accessibility issues and provide accessible design solutions. They address typical scenarios (similar to the font style example) that may pose problems for users with certain disabilities. For example, the first guideline explains how content developers can make images accessible. Some users may not be able to see images, others may use text-based browsers that do not support images, while others may have turned off support for images (e.g., due to a slow Internet connection). The guidelines do not suggest avoiding images as a way to improve accessibility. Instead, they explain that providing a text equivalent of the image will make it accessible.

How does a text equivalent make the image accessible? Both words in “text equivalent” are important:

  • Text content can be presented to the user as synthesized speech, braille, and visually-displayed text. Each of these three mechanisms uses a different sense — ears for synthesized speech, tactile for braille, and eyes for visually-displayed text — making the information accessible to groups representing a variety of sensory and other disabilities.
  • In order to be useful, the text must convey the same function or purpose as the image. For example, consider a text equivalent for a photographic image of the Earth as seen from outer space. If the purpose of the image is mostly that of decoration, then the text “Photograph of the Earth as seen from outer space” might fulfill the necessary function. If the purpose of the photograph is to illustrate specific information about world geography, then the text equivalent should convey that information. If the photograph has been designed to tell the user to select the image (e.g., by clicking on it) for information about the earth, equivalent text would be “Information about the Earth”. Thus, if the text conveys the same function or purpose for the user with a disability as the image does for other users, then it can be considered a text equivalent.

Note that, in addition to benefitting users with disabilities, text equivalents can help all users find pages more quickly, since search robots can use the text when indexing the pages.