Tag Archives: usabilidade

Optimize o seu site

Published by:

Se o seu objectivo é aparecer nas primeiras páginas dos diversos motores de pesquisa há muitos truques que pode utilizar para conseguir melhorar a sua posição.

Mas antes de começar a pensar como pode conseguir links de outros sites há algumas coisas que deve verificar no seu próprio site para garantir que torna o trabalho dos motores de pesquisa mais simples.

robots.txt

Verifique se tem um ficheiro robots.txt na raiz do seu site, e que ele permite que os crawlers dos motores de pesquisa indexem o seu site.

Urls únicos

Verifique que todo o seu site é directamente acessível, e que todos os conteúdos têm um URL que permite ir directamente para ele.

As listagens são isso mesmo, listagens. Devem conter parte dos seus artigos (ou outros conteúdos), mas cada conteúdo deve contar com o seu próprio URL, por forma que outros sites possam linkar directa e distintamente para cada conteúdo.

Esconda os conteúdos duplicados

Se tem mais do que um URL para o mesmo conteúdo, como no caso de ter páginas para impressão ou páginas para dispositivos móveis, coloque uma regra no robots.txt que diga aos motores de pesquisa para não indexarem os URLs alternativos.

Por exemplo, se o seu site tem as páginas para impressão em/print/urldoconteudo.html, pode adicionar as seguintes linhas ao ficheiro robots.txt na raiz do seu site:


User-agent: *
Disallow: /print/

URLs com poucos parâmetros

Alguns motores de pesquisa apenas consideram os primeiros parâmetros de cada URL para verificar se um novo URL já foi indexado ou não, e se tiver vários parâmetros, pode acabar por ter apenas uma parte dos seus conteúdos indexados.

Se tiver mesmo que utilizar vários parâmetros, coloque em primeiro lugar aqueles que influenciam mais o conteúdo da página.

Não use parâmetros ID

É um workaround feio mas, aparentemente, o Google não coloca no seu índice principal páginas com URLs com um parâmetro ID com valores com seis ou mais dígitos, como forma de evitar indexar partes privadas de sites.

Assim a regra é simples. Não usar o parâmetro ID. E já agora aproveitamos e evitamos outros, como sidpidsession_id, e qualquer outros terminados em id.

Manter todos os conteúdos acessíveis

Lembra-se daqueles primeiros conteúdos que criou para o seu site? Ainda é possível chegar até eles utilizando apenas links dentro do seu site?

Comece na homepage e tente chegar até esses conteúdos utilizando apenas links existentes no site.

Num site de notícias, ou outros conteúdos apenas relevantes durante algum tempo pode haver a ideia de apenas ter os artigos mais recentes disponíveis, mas os outros também são importantes, por três razões:

  • Um dos seus visitantes pode querer viajar no tempo e ver o que aconteceu há anos atrás;
  • A dimensão do seu site é uma das variáveis que os motores de pesquisa consideram quando decidem sobre a relevância do site;
  • Quanto mais páginas tiver disponíveis mais serão indexadas e maior a quantidade de pesquisas em que o seu site irá aparecer.

Artigos relacionados

Permite aos seus utilizadores chegarem facilmente a outros artigos sobre o mesmo tema daquele em que estão/acabaram de ler.

Preferencialmente faça-o de forma temporalmente contextualizada, isto é, os mais próximos possíveis daquele que está a ser lido (ainda mais importante se o seu site contém notícias. Isto permite aos seus utilizadores navegaram nas noticias de um tema sequencialmente.

Links em profundidade

Crie links em profundidade dentro do seu site. Por exemplo, para os artigos anteriores mais visitados, para listagens por ano ou por mês, listagens por autor (se o site for multi-autor) ou outras que se adequem aos conteúdos do seu site.

O principal objectivo é reduzir a profundidade do site e, com isso, aumentar e manter a relevância das páginas mais antigas do seu site.

Navegação em texto

Se tem um menu muito bonito, mas criado apenas com imagens está a perder parte do valor que a sua navegação poderia dar ás páginas de destino. Se optar por manter esta navegação crie outra no footer das suas páginas em texto.

Crie links de retorno

A listagens têm links para os artigos que pertence a essa categoria/tag/autor/data. Mas muitas vezes as páginas de conteúdos não devolvem esses links. Reforce a relevância das listagens e dos conteúdos com menos links exteriores ao seu site criando links de retorno.

Se o seu site tem listagens de posts por períodos de tempo, na data do artigo crie um link para essa listagem. Se tem listagens por autores, crie um link no nome do autor para a listagem de artigos do autor, se tem listagens por categorias, link a categoria… já percebeu a ideia, não já?

Outros

Esta não é certamente uma listagem definitiva, mas pode ajudar bastante o seu site redistribuindo o pagerank das suas melhores páginas por todo os site e tornar todo o site mais simples de indexar.

Alguém tem alguma sugestão a adicionar?


PpW – Usabilidade

Published by:

Tenho lido alguns comentários à usabilidade do site, e fico normalmente com a sensação que se confunde usabilidade com design. São coisas completamente diferentes.

O que é a usabilidade?

A usabilidade de um sistema, e isso inclui um site é o grau de facilidade com que um utilizador consegue utilizar um sistema. Essa facilidade depende de vários factores, entre eles:

  1. Funcionamento correcto
  2. Eficiência de uso
  3. Facilidade de aprendizagem
  4. Facilidade de lembrar
  5. Tolerância a erros de utilizador
  6. Satisfação subjectiva

Online, o facto que mais influência tem na usabilidade global de um site (para o utilizador final) acaba por ser a eficiência de uso, e essa é por sua vez influênciada por diversos factores, de que falamos a seguir:

Informação bem estruturada

É imprescindível que o utilizador consiga facilmente perceber o que é importante e secundário num site, e isso consegue-se destacando o que é importante, tornando mais visivel o que é mais importante.

Mas mais do que ter a informação bem estruturada, é necessário que isso se perceba, e que se qual a estrutura, qual a organização da informação. Melhor que uma listagem de categorias, é uma listagem de categorias, com um titulo Categorias.

A estrutura da informação online, obviamente, tem também a ver com o design do site onde essa informação se encontra, mas raramente tem a ver com a beleza com que essa informação é apresentada.

Não quero com isto dizer que o design não é necessário. É. E sim, como já vi criticas, sei que esse não é o meu ponto forte. Não pretendo que o seja. Já percorri um longo caminho, e sei que ainda tenho muito por onde melhorar, mas muitas vezes olho para obras de arte e penso que continua a haver poucos sites com melhor usabilidade que o do D.J. Bernstein(0% design vs. 100% facilidade em encontrar o que se procura).

Para mim a Internet não são bonecos. Para mim a internet é informação, a melhor informação possível, acessivel de forma simples, usável. Em metade das vezes, quando entra o design perde-se a estrutura da informação. Nada contra o design, mas sempre com atenção a que a informação é que conta, a informação é a razão de existir dos sites, não o contrário.

Facilidade de navegação

A informação que os utilizadores mais procuram deve estar tão acessível quanto possivel, por forma a que os utilizadores consigam chegar a essa informação com o mínimo de clicks. Mesmo a informação que é menos visitada deve ser fácil de encontrar, criando formas difirentes de encontrar a informação, como sejam, listagem por antiguidade, por categoria, destaques para os mais visitados, pesquisa, etc.

Simplicidade

A interface deve ser simples e limpa, sendo de evitar, sempre que possivel, animações e outras formas de distração, que retirem o foco do utilizador daquilo que lhe interessa.

Quando um utilizador procura informação quer concentrar-se nessa informação, e não ser distraído pelo macaco que está aos saltos no canto da artigo que está a tentar ler.

Se o utilizador não tiver paz e não se conseguir concentrar no seu site, por certo que se conseguirá concentrar num qualquer outro site que tenha a informação que o seu utilizador procura, mesmo que não esteja tão detalhada e precisa como no seu site.

Relevância dos conteúdos

Existem vários tipos de sites a que os utilizadores voltam regularmente, mas em primeiro lugar na lista da maioria dos utilizadores estão os sites que têm conteúdos de interesse, relevantes, e expostos de forma sóbria e precisa.

Normalmente poderão ler que os conteúdos devem ser conciso e objectivos. Se concordo com a objectividade, não estou tão de acordo com a brevidade. Cada autor tem a sua própria forma de escrever, e nem sempre um texto um pouco mais longo é menos interessante que outro mais curto (mas isso, obviamente, é tema para uma séria de artigos completa, um dia destes).

Consistência

Um site deve ser um conjunto de conteúdos relacionados, apresentados sob uma forma comum, e não um conjunto de páginas, que por acaso se encontram juntas.

É importante que num site as mesmas coisas aconteçam sempre da mesma maneira, pois assim os utilizadores apenas terão de aprender uma vez a fazer qualquer tarefa, e sabem sempre o que acontece quando fazem uma determinada acção.

Isso não se passa apenas com o interface, ainda que isso seja importante, mas também com os conteúdos. Um site deve ter um qualquer elo que ligue todo o site, todos os conteúdos que lá se encontrar.

Nalguns casos (blogs pessoas) o único elo pode ser simplesmente o autor do site, mas isso não é o suficiente para manter os utilizadores num site maior.

Foco no utilizador

O utilizador é o elo mais importante num site, e é com ele em mente que se deve pensar o site, colocando no caminho do utilizador aquilo que mais interessa ao utilizador.

Se por um lado um site com um excelente conteúdo pode manter um utilizador ocupado a pesquisa durante algum tempo, se o utilizador não encontrar imediatamente alguma coisa que lhe interesse, o mais provável é que se vá embora e não volte tão depressa.

Se pelo contrário ao primeiro ou segundo clique encontrar algo que lhe interessa e perceber que o site tem conteúdos interessantes, o mais provável é que adicione o site aos bookmarks e, mesmo que de momento não tenha muito tempo, volte mais tarde para ver melhor, ou para procurar outras coisas interessantes.

Conclusão

E então, usabilidade, o que é?

Bem, usabilidade é a capacidade de ser utilizado, de ser usado.

Usabilidade é a razão porque os livros continuam a vender tanto, quando há decadas atrás que todos apostavem que eles iam desaparecer bem depressa.

A usabilidade tem, enfim, mais a ver com ergonomia que com beleza… mas, claro, ambas são questões de design…


Programar para Web

Published by:

Quando se programa para Internet há todo um conjunto de considerações que é preciso ter, e que em ambientes fechados pouco ou nada se pensa nelas.

Quando falo em programar para web, falo de desenvolvimento de sites que estarão disponíveis para o grande publico, sites abertos. Há, claro, considerações especiais a ter quando se programam aplicações fechadas sobre ambiente WEB, mas isso são águas para outras moagens.

Há considerações de diversas ordens a fazer:

  1. Segurança – As considerações de segurança são as que vão no sentido de impedir que alterem o site de forma não pretendida, de impossibilitar que o site seja utilizado para propósitos que não aqueles para que foi concebido, e de não permitir a apropriação de informação que não se pretende que seja acessivel.
  2. Usabilidade – A usabilidade tem a ver com a facilidade de utilização do site, com a capacidade dos visitantes facilmente encontrarem a informação que pretendem, e de o fazerem da forma mais confortável possivel.
  3. Indexação – A indexação é uma das coisas que apenas quando se programa para Web se passa a considerar. E mesmo assim muitas vezes não se tem verdadeiramente noção da sua importância. Algumas pequenas alterações podem fazer toda a diferênça no tráfego de um site.

Segurança

Quando se fala de segurança fala-se de tudo o que tenha a ver com validar toda a informação que se recebe dos utilizadores de um site.

Muitas vezes essas verificações são feitas apenas nos formulários, e muitas vezes apenas do lado do utilizador, utilizando JavaScript.

Mas isto não é o suficiente. Ultrapassar validações efectuadas do lado do cliente é facil. Muito fácil.

Assim como também é simples alterar os parâmetros passados no URL, utilizados muitas vezes em links sem grande pudor ou cuidado.

Usabilidade

O local onde as coisas são colocadas num site pode fazer toda a diferença na performance desse site. Colocar um ménu à direita ou esquerda faz diferença. Toda a diferença.

Mas a usabilidade é mais do que isso. Como é que o site será visto por invísuais, que têm que recorrer à ajuda preciosa de programas que se baseiam na estrutura do código de um site para o apresentar?

Estão as coisas que pretende destacar nos locais que os utilizadores as procuram?

Indexação

Você todos os dias coloca novos conteúdos no seu site, tem já algumas centenas de artigos publicados, o seu site tem meses de existência, mas o tráfego que o seu site recebe dos motores de pesquisa é baixo, quase insignificante.

Será que o seu site está a ser correctamente indexado?

Estes temas serão tratados aqui ao longo dos próximos dias. Permaneça comigo, e fique a saber um pouco mais sobre como melhorar o seu site.

Artigos nesta série

Segurança

Usabilidade

Indexação

Performance

SEO: ALT e TITLE de Imagens

Published by:

Quando olhamos para a maioria dos sites hoje, verificamos facilmente que muitos deles sofrem de problemas graves. Muitos apenas têm uma imagem ou um flash, outros têm muito pouca informação, mas depois existem sites que á primeira vista teriam tudo para ser “best sellers”, mas depois não aparecem nos resultados de pesquisa para aquelas que seriam as palavras-chaves do site.

Na maioria das vezes isso não é sequer dificil de explicar ou de resolver quando se percebe. Por questões de design não é incomum coisas importantes, que normalmente seriam Headings (H1, H2, H3, etc), não passarem de imagens. Não que isto por si só sejam o fim do mundo, mas o facto de essas imagens não terem qualquer texto associado faz com que os motores de pesquisa não consigam perceber (correctamente pelo menos) quais são as palavras chave de uma página.

O problema é ainda mais grave quando essas imagens são a única referência real a essas palavras-chave. Por exemplo, suponhamos que o titulo deste post era apenas uma imagem, na qual se podia ler o texto ALTs e TITLEs, e que esse texto não aparecia em mais nenhum lugar do texto.

Seria possivel os motores de pesquisa associarem o post a essas palavras? A resposta é “Com a tecnologia actual, não!”.

Alt

Mas isso pode ser contornado. A Tag (X)HTML tem um campo, que em HTML é opcional, mas em XHTML é obrigatório, que é o ALT. O campo ALT das imagens serve para fornecer um texto alternativo, utilizado pelos browsers que têm as imagens desactivadas ou que não mostram de todo imagens… e pelos Robots dos motores de pesquisa, claro.

Estes texto devem ser ilucidativos acerca do conteúdo da imagem, mas curtos, pois serão utilizados em substituição da imagem.

Description

Se pretendermos, de alguma forma, descrever a imagem (site feito utilizando tecnologias XHTML e CSS 2.0, limitado a 800 pixeis de largura, com uma laterar laranja com texto verde e o fundo do corpo principal a cinza claro, com texto quase preto), poderemos utilizar o campo DESCRIPTION.

O description deve ainda ser utilizado por uma questão de usabilidade. A maioria de nós vê. Alguns de nós bem. Mas existem muitas pessoas que não têm essa capacidade, mas que conseguem navegar na internet, utilizando programas especialmente desenvolvidos para esse fim. E se em relação a todo o texto de uma página o programa com mais ou menos precisão consegue ler o texto, quando chega às imagens, não tem forma de explicar à pessoa que está junto ao computador o que representa a imagem. Apenas sabe que é uma imagem. Mas se a imagem tiver uma descrição, utilizando o campo description, a maioria dos programas utilizará essa descrição para descrever a imagem ao seu utilizador.

Title

O HTML permite ainda definir o texto que aparece (normalmente) quando passamos com o rato por cima da imagem, utilizando o parametro TITLE. Este valor pode ser tão grande quanto pretendermos, e é também associado pelos motores de pesquisa à imagem e à página em que a imagem se encontra.

o código de uma imagem, com ALT, TITLE e DESCRIPTION ficaria com esta aparência:

<img src='/caminho/para/imagem.gif'
   title='A minha melhor imagem'
  description='Uma descrição tão longa quando o pretenda para a imagem'>

Ah… não vale a pena abusar destes campos, os motores de pesquisa já começam a perceber quando estamos a tentar aproveitar-nos deles, e os seus algoritmos serão cada vez mais apurados. A melhor forma de vender os nossos conteúdos aos motores de pesquisa é sermos informativos, mas consistentes.

Lembro ainda que apesar de estes campos, muitas vezes não utilizados, darem aos motores de pesquisa informação acerca do que está na imagem, e ajudá-los a melhor indexar a página onde as nossas imagens estão, não lhes diz qual a relevância das imagens na página, pelo que este texto será, por norma, tratado com pouco mais relevância do que se de texto simples se tratasse.

Para que as nossas imagens sejam tratadas com mais relevância do que o restante texto da página é necessário que mais relevância lhe seja dada.

Se a imagem substitui o Titulo de uma artigo ou de uma listagem, porque razão é que não está dentro de um H1? Se é um sub-titulo, porque não um H2?

Porque depois quebra o design, ouço muito webmasters dizer… Não amiguinhos, o Design vem antes e depois. Quando se estrutura HTML, é apenas isso que se faz, cria-se a estrutura dos conteúdos. Ainda que se tenha que ter em consideração o Design, esse só é realmente importante depois de o conteúdo estar bem estruturado. Poucas (muito poucas) coisas não se conseguem fazer se o conteúdo estiver bem estruturado.

Não esquecer

Utilizar ALT em todas as imagens.

DESCRIPTION em todas as imagem que possam ser descritas.

TITLE em todas as imagens que possam ter mais a dizer.