tadarank afiliados

26 maio, 2006

Link tem que ser link

Malditas popups, malditos falsos links, MALDITAS POPUPS!!!! AARRRGHHH!

Pronto, acalmei. Bom, hoje vou sair um pouco do objetivo deste blog (só hoje hehe), que prometi NÃO ficar viajando nem divagando, mas sim, mostrando soluções práticas. É que estas malditas popups e falsos links me tiram do sério. Não, não me venham dizer pra baixar anti-popups. Sim, é lógico que eu uso o FF.

A questão que eu to levantando agora é daqueles malditos links que você pensa que é link, mas na verdade, lá na barra de rolagem tem escrito um maldito "javascript:open...blablabla...". Quais as consequências disso? Bom, a consequencia é que o usuário não consegue acessar aquele conteúdo abrindo sua própria aba, (ou janela pra quem ainda não evoluiu), entre outros problemas. Desta maldita forma, eu SOU OBRIGADO a abrir a maldita popup (a não ser que faça alguns truques trabalhosos).

Coincidentemente, ontem eu tinha lido um post no fatorW dizendo que os usuários tem que poder usar o site, onde o cara fala muito bem sobre usabilidade básica.
Eu quero apenas abrir o link em outra aba, só isso... Por que eles (e eles, e vários outros 'eles') não me deixam???

Os "infográficos" do Terra são uma piada. Pra quê popup naquilo meu deus??!?!!! Alguns usam as malditas popups pra "tentar" esconder o endereço real do visitante, ou pra configurar a janela, mas os do Terra... O endereço real tá à mostra. E a configuração de tela deles as vezes até esconde o conteúdo com uma barra de rolagem... Realmente algo sem motivo. E o do noblat (na parte da enquete), pra quê popup naquela enquete minha gente???

Por favor my friends, não cometam este pecado mortal... Desvantagem das popups dessa forma eu não preciso nem falar né?

  • Ganhará o ódio de alguns de seus visitantes (como eu)
  • Usabilidade baixa
  • Acessibilidade baixa
  • Mecanismos buscadores??? Ferrou-se
  • Browsers sem javascript??? Ferrou-se
  • Dificuldade do seu usuário colocar aquela página nos favoritos
  • etc, etc, etc...
Caso realmente seja necessário usar uma popup (não podemos generalizar, há alguns projetos em que popups realmente são necessárias), use com moderação e com algumas técnicas pra reduzir as desvantagens citadas acima:

Não coloque seu javascript direto no href do link. O href do link deve ser usado pra colocar o endereço da página. Assim seu usuário conseguirá abrir seu popup em outra aba diboas e não morrerá de ódio da sua página; os mecanismos de busca conseguirão chegar lá...; browsers sem javascript conseguirão chegar lá...; novamente etc, etc, etc...

"Mas micão, assim ele deixa de ser popup!". Calma meu filho, minha filha, muitos já escreveram sobre isso (no momento não lembro de nenhum link pra recomendar), mas é só colocar um javascriptzinho no "onclick" do link que abre seu popup.

Comparando:

<script>
function abrePopup(url){
    janela=window.open(url,'janela','width=400,height=500,top=100,left=100,resizable=yes')
}
</script>

<a href="javascript:abrePopup('http://elmicox.blogspot.com/');" >link maldito </a>
<a href="http://elmicox.blogspot.com/" target="_blank" onclick="abrePopup(this.href);return false;">link beleza</a>

Acho que não preciso explicar o código acima não né? Tá bem simples. No primeiro link, temos o exemplo maldito, onde você ferra com seu link. Percebam as coisas "bonitas" que aparecem na barra de status no link maldito.

No segundo exemplo, temos um link "menos mal". O href tá certo, abrindo em um novo target pra quem não quer o popup. Mas se o cara clicar normalmente, o evento onclick é disparado, a popup é aberta com o endereço do link (this.href) e o link é cancelado (return false). Testem aí e vejam. (Não vou entrar em detalhes de javascript não obstrusivo (Unobtrusive JavaScript) aqui não, to com pressa, e muita gente já falou sobre isso. Meu script tá errado nesse ponto sim, preguiça... hhehe)

Teste ele aqui: link maldito ; link beleza

Melhorando ainda mais... Voce poderia também marcar os links que são popup com uma classe daí colocaria os eventos nele através do attachEvent, e colocar uma estilização diferente nele pra seu visitante saber que se trata de uma popup, colocar uma figurinha ao lado do link, etc... Ficaria bonitim. heheh.

É isso aí povo. Té mais...

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

15 comentários:

  1. muito bom filhote... Direto... assim q tem q ser...

    no meu novo layout, naum usarei popup... realmente eh mto chato... e no atual,utilizo o primeiro formato, bem feio e ruim... ;)

    parabens ae rapaz... akele abraço...

    ResponderExcluir
  2. hehe. To aprendendo. hehe
    E também tenho que refazer essa porqueira de layout aqui. Vou fazer um básico do básico.

    ResponderExcluir
  3. Muito bom micox...

    Muitos desses "webmasters" não têm bom senso, não conhecem e devem ter uma preguiça desgraçada de usar o google... hehehe
    Tomara que eles leiam o seu post...

    Abraço Brow :)

    ResponderExcluir
  4. E mico, muito bom!!!
    Tás escrevendo bem!!!

    Aquele abraço!

    ResponderExcluir
  5. Muito bom cara! Eu baixei uma extensão do FF chamada "Tabmix"... popups? NUNCA MAIS!

    ResponderExcluir
  6. Interessante seu artigo sobre pop-ups. Parabéns!

    ResponderExcluir
  7. Oi estou testeando

    ResponderExcluir
  8. muito bom cara!
    excelente!

    abraço :)

    ResponderExcluir
  9. Muito bom mesmo... pergunto sera que os robots dos buscadores quando passam no site ... como será que eles interpretam isso ? Como um link normal ?

    Jura

    ResponderExcluir
  10. Olá Jura.

    Se estiver da forma correta ele indexa:
    <a href="http://elmicox.blogspot.com/" target="_blank" onclick="abrePopup(this.href);return false;">link beleza</a>

    Da forma errada, os motores não indexam pois não entendem javascript:
    <a href="javascript:abrePopup('http://elmicox.blogspot.com/');" >link maldito </a>

    ResponderExcluir
  11. Fala tio Micox.

    Usei a sua idéia e ta aqui o resultado
    http://filipekiss.com.br/blog/desenvolvimento-web/webstandards/classe-popup-parte-2/

    Dá uma conferida e v~e se tem alguma coisa pra melhorar.

    Abraços

    ResponderExcluir
  12. Por causa desse post seu, e por ter achado que realmente isso faz muito sentido, coloquei como opção uma legenda do pouco que abre popup ou janela ajax, ou nova janela no meu site. Muito bom teu post. Tbém odeio popups, acho que se deve usar com parcimônia. Thanks!

    ResponderExcluir
  13. Opa, obrigado Flávia.
    Fiquei honrado em ter sua presença aqui nos comentários.
    Lia alguns artigos seus quando mexia com asp.
    Valeu.

    ResponderExcluir
  14. Nossa, não mexo com ASP há anos...rs
    Mas vou continuar passando por aqui pra ver as news. :)

    ResponderExcluir
  15. Obrigado por intiresnuyu iformatsiyu

    ResponderExcluir

Resultado! Concursos