Otimização Sites otimização-sites-busca.com | Mapa do Site

Melhor Visualizado
        800x600


Busca avançada
Home
Otimização de Sites
Posicionamento do Site
Mecanismos de Busca
Fóruns sobre Posicionamento e Otimização de Sites
Serviços
Artigos
 >>Otimização de Sites
 >>Posicionamento nos mecanismos de busca
 >>Diretórios
 >>Sites / Mecanismos de Busca
 >>Blogs
 >>Tags
 >>Miscelânea
 >>XML e RSS
Blog: Temas Singulares
XML/RSS Feed  xml, rss
Teste Seus Conhecimentos
Clique aqui para se cadastrar na newsletter
Glossário
Contato
Glossário de Termos

Decoração dos Links



Ruy Miranda
Otimização de Sites


Os textos dos links comportam muitas variações na forma como são apresentados. Citei algumas na página Grafias dos Links, e nesta página vou mostrar outras, relacionadas com decorações. Decorar textos dos links tem objetivos estéticos e práticos. Os estéticos obedecem ao gosto de cada um.

Necessidades Práticas – As razões práticas para decorar os links seguem as necessidades dos usuários. Por exemplo, se desejamos facilitar a leitura do texto do link por parte dos usuários que têm problemas visuais, é conveniente dar-lhes um ressalto. Se você escreve um site ou diretório ou página destinado a pessoas da terceira idade, é conveniente também dar algum destaque nos links. Para os idosos é ainda interessante deixar uma cor diferente nos links visitados porque eles, muitas vezes, têm dificuldade em se lembrar de já terem visitado um dado link na página.

CSS – Os editores de CSS (Cascading Style Sheet) geralmente apresentam alternativas para essa variação nos links. As instruções colocadas no estilo dos links por meio do CSS são aplicáveis a todos os links de todas as páginas do site. Entretanto, por muitas razões, você pode querer variar a apresentação dos links de uma página para outra. Neste caso você coloca uma instrução entre as tags <head> da página e ela se sobreporá às instruções do CSS. Por exemplo, neste site, o estilo dos links se acham em uma página de CSS, onde estão especificados a apresentação e a cor deles. Entretanto, eu introduzi uma instrução específica para esta página, entre as tag <head>. Dirija o seu mouse para os links, sem clicar, e veja como eles se apresentam.

Estilo Complementar – Quando colocamos os estilos na página de controle de estilos do CSS, eles funcionam para todas as páginas, mas se queremos fazer um estilo complementar, específico para um dada página, colocamos a instrução entre as tags <head> da página . Neste caso, coloquei a seguinte instrução complementar, como pode ser visto no código fonte:

<style>
<!--
A:hover {color:#000097;background-color:red;};
//-->
</style>

Compare o funcionamento dos links em outra página deste site com o dos links desta página. O texto de cada link ficou da cor prevista nos estilos CSS, mas o sublinhado e a área seguiu a instrução colocada nesta página, ou seja, quase preto e vermelho, respectivamente. Na palheta de cores podemos fazer escolhas e, quando a cor não é definida, como red, blue, black, silver, gold, orange, etc., podemos adotar as letras e números que a definem, como foi o caso de 000097.

Naturalmente, quando descrevemos o estilo de um link, levamos em conta todos os links do site e das diferentes páginas, e o fundo em que se encontram, de sorte a ter sempre boa visibilidade, mesmo quando ele fica decorado pela passagem do mouse.

 



Maio/2006


Atualizado em Junho, 2006

Artigos relacionados:

Punições pelos Mecanimso de Busca – Visão Geral

Mapa do Site em XML vs Rastreamento do Google - Valor Relativo

Mazelas do Google

Otimização, Posicionamento, Buscas: Miscelânea

Conferir a Validade de Redirecionamentos

Redirecionamento Permanente / 301 Servidor Windows

Redirecionamento Permanente / 301: Visão Geral

Princípios Básicos na Otimização

Conceito de Popularidade do Link

Popularidade do Link – Distorções

Hiperlinks / Links: Visão Geral

Algorítmo: Visão Geral

Redirecionamento Permanente

Zeus e Aumento de Tráfego

Supremacia do Google - Razões

Grafias dos Links

Punição Menos 30


Holofotes na Troca de Links

Proprietário | Nota Legal  | Políticas
Copyright © 2005-2007, Otimização de Sites Todos os direitos reservados 
Mapa do Site  | Otimização de Sites Home
HTML Validado!