Arquivo da categoria: Padrões W3C

Navegação Breadcrumb

O que é breadcrumb navigation ?

Imagine que você quer comprar uma HD e vai procurar na internet.

Você vai no buscador, procura por “seagate 250Gb” e ele te indica uma página que contém o produto.

Logo no topo, você irá encontrar alguns links em sequência, mais ou menos assim:

Informática>Discos Rígidos e Removíveis>Seagate > 250GB

e logo abaixo a descrição do produto.

Breadcrumb Demonstração

Breadcrumb Demonstração

Você se pergunta: Pra que isso?

Esse tipo de elemento é chamado Breadcrumb Navigation. São elementos que ajudam você a navegar melhor pelo site. No exemplo acima, se você quisesse procurar por Hd’s de outros tamanhos de armazenamento, mas da seagate, você intuitivamente clicaria no link >Seagate e acharia uma pagina falando dos vários tipos de hd’s da seagate, incluindo seus vários tamanhos de armazenamento. Logo, você deixará seu usuário mais feliz pela questão de usabilidade.

Outra coisa importante: se o usuário chegou à página do produto diretamente pelo link do buscador, e ele der clicar no botão “Voltar” do navegador, ele voltará para o buscador, o que é ruim para você, pois haverá mais chances do cliente ir para outro site procurar pelo produto. Mas se ele ver mais elementos de breadcrumb navigation, maior a chance do cliente permanecer no seu site procurando por mais coisas.

E por fim, como isso diminuirá o esforço do cliente para atingir uma página, isso qualificará melhor suas páginas. E para um questão de SEO, testes dizem que isso agiliza a indexação das páginas.

Dica de breadcrumb navigation: Colocar varios links para paginas importantes em pontos estratégicos da página, como no menu ou no rodapé.

Dica 2 de breadcrumb navigation: Esquema de paginação sugerido pelo meu amigo Rafael no seu post de acessibilidade. Ex:

<<Previous | 1 | 2 | 3 | 4 | 5 | Next>>

Mas cuidado, não saia colocando link pra tudo pra nao poluir a pagina e para o crawler não achar que você é um spammer. E tome cuidado com os conteúdos duplicados gerados pelos links.

Fonte: MestreSEO

Anúncios

Deixe um comentário

Arquivado em Acessibilidade na internet, CSS . Cascading Style Sheets, Padrões W3C

Conheça o novo Portal de inclusão digital e social

Chamado de “Vida Mais Livre”, o site tem a proposta de contribuir para a inclusão digital e social de pessoas com deficiência.

Portal Vida mais Livre

Portal Vida mais Livre

O portal traz conteúdo direcionado, como reportagens especiais, dicas de lugares acessíveis, políticas públicas e entrevistas com especialistas.

Segundo o IBGE (Censo de 2000), só no Brasil são cerca de 27 milhões de pessoas com algum tipo de deficiência, ou seja, 14,5% da população brasileira, que enfrentam uma série de limitações para navegar e se comunicar com outras pessoas pela Internet. “Isso acontece principalmente porque a maioria dos sites não é construída utilizando as recomendações para acessibilidade do W3C – comunidade internacional que determina padrões para Web”, explica Rodrigo Leme, coordenador de Projetos da agência e líder da equipe de desenvolvimento.

“A acessibilidade não é só fisica, mas também de informação. Com a internet cada vez mais  presente em nossas vidas é importante proporcionar as mesmas ferramentas para que todos possam realizar sua própria inclusão digital. Nesta cidade em que o ir-e-vir ainda é dificil, nada mais oportuno que este novo canal de informação”, diz Mara Gabrilli.

Fonte

2 Comentários

Arquivado em Acessibilidade na internet, Padrões W3C

Gerador de embed YouTube válido W3C

Conheça a forma de inserir vídeos do YouTube em seu site, com código válido, de acordo com as normas da W3C.

Para solucionar este problema, criamos o Gerador de embed YouTube válido W3C que, obviamente, só precisa do URL além das dimensões desejadas para o vídeo; logo abaixo é gerado um código que você só precisa copiar e colar, garantindo que o seu código continue válido, além de funcionar em todos os browsers (inclusive IE6!).

Fonte

Deixe um comentário

Arquivado em Padrões W3C, Usabilidade na internet