Por Andreo Costa
  • Início
  • Projetos
  • Ganhe dinheiro na web
  • Otimização de Sites
  • Mídia

26

jan

Dicas de SEO e Acessibilidade

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Navegando por estes mares, li um artigo bem interessante no Google Webmaster Central Blog, escrito pelo T.V. Raman, um dos pesquisadores do Google, sobre dicas de como criar um site acessível aos usuários e também ao crawler do Google. Segue o resumo da leitura do artigo dos pesquisadores do Google:

Certifique-se que todo conteúdo crítico de seu site é alcançável:

Usuários e web crawlers acessam seu conteúdo navegando seu site através de hyperlinks. Certifique-se que todo o conteúdo de seu site (suas páginas internas) sejam acessíveis através de hyperlinks HTML. Evite linkar seu conteúdo através de outras tecnologias como JavaScript ou Flash.

Hyperlinks HTML seriam links criados pelo elemento anchor, a famosa tag <a>. Certifique-se também que o “href†de todos os hyperlinks acessam URL´s reais ao invés de usar hyperlinks vazios manipulados, por exemplo, pelo atributo onclick para acessar uma determinada URL.

Evite hyperlinks desta maneira:
<a href=â€#†onclick=â€javascript:void(…)â€>Product Catalog</a>

Dê preferência a este tipo de linkagem:
<a href=â€http://www.example.com/product-catalog.html†alt=”Product Catalog“>Product Catalog</a>

Certifique-se que seu conteúdo é de facil leitura:

Um conteúdo útil ao usuário é um conteúdo fácil de se ler. Certifique-se que todo o conteúdo importante em seu site é apresentado dentro de documentos HTML. O conteúdo deve estar disponível na página sem a necessidade de ser alcançado através de algum script. Conteúdo escondido atrás de animações em Flash ou textos gerados no browser pela execução de algum JavaScript são despercebidos pelo Googlebot e podem não ser bem visíveis para alguns usuários.

Certifique-se que seu conteúdo esta disponível na ordem de leitura:

Após estar certo que seu conteúdo está disponível e alcançável para o usuário é importante verificar se qualquer um que navegue seu site conseguirá seguir seu conteúdo pela ordem lógica de leitura. Se você utiliza um layout complexo por multi-colunas para a maioria do conteúdo de seu site, a dica é voltar atrás e analisar como você esta atingindo o efeito desejado. Por exemplo, o uso de tabelas em seu código HTML, profundamente aninhadas, dificulta a ligação conjunta das partes relacionadas do texto em uma ordem lógica.

O mesmo efeito pode ser alcançado pela utilização de CSS junto de elementos com tag <div> HTML logicamente organizados. Além de ajudar a navegação do usuário com essas dicas você descobrirá que seu site abrirá bem mais rápido pelo navegador além de facilitar a leitura do mesmo pelos crawlers.

Não tenha medo de ser redundante:

Manter as informações de seu site na forma mais acessível possível não significa torná-lo primitivo e simples demais. Criar um conteúdo redundante é muito importante por assegurar que este será proveitoso para qualquer usuário que acesse seu site. Aqui vai algumas dicas:

  • Certifique-se que o conteúdo transmitido através de imagens esteja disponível no momento em que estas não podem ser visualizadas. Assegurar que o usuário entenda o “porquê†de uma determinada imagem estar sendo utilizada em seu site vai além de apenas usar o atributo alt tag HTML. Certifique-se que o texto que cerca a imagem faz o trabalho adequado de ajustar seu contexto para o porquê da imagem estar sendo utilizada. Por exemplo, se você quer ter certeza que todos entendam que a imagem que você esta disponibilizando é de uma ponte, então envolva um texto em torno da imagem.
  • Adicione resumos e subtítulos relevantes às tabelas de modo que o leitor possa ter uma leitura de alto nível da informação que esta sendo mostrada antes da visualização detalhada dos respectivos conteúdos.
  • Adicione um resumo textual detalhado às animações visuais ou à qualquer tipo de exposição de dados.

E a minha dica:

Avalie os Resultados

Cadastre-se no Google Analytics e insira o código que é gerado, para que tenhas certeza que estas dicas estão te dando resultados esperados.

Tags: Acessibilidade, SEO, WebDesign

1 comentário

29

nov

Ação nos Botões com o Action Script 3, e agora…

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Para quem está vendo por agora as mudanças no AS3 para o AS2 do Adobe Flash, vai precisar conhecer as novidades no que diz respeito às ações dos botões.

Não existe mais o onPress, onRelease, onRollOver, onRollOut, etc. Todos os eventos relacionados a Mouse está na Classe MouseEvent.

 

Mas a maior mudança foi a não inclusão de um evento para substituir o onReleaseOutside, felizmente existe uma solução para esse problema. Criaremos um MovieClip com instancia de botao, colocaremos a seguinte ação:

/* Adicionamos o envento relativo ao onPress no botao */
botao.addEventListener(MouseEvent.MOUSE_DOWN, btPress);
/* Função relativo ao onPress */
function btPress(event:MouseEvent):void {
   /* Adicionamos o evento relativo ao onRelease no stage */
   stage.addEventListener(MouseEvent.MOUSE_UP, btRelease);
   trace("onPress");
}
/* Função relativa ao onRelease */
function btRelease(event:MouseEvent):void {
   /* Verifica se o alvo é realmente o botão */
   if (event.target.name == "botao") {
      /* Sua ação relativa ao evento onRelease */
      /* Remove o Listener */
      stage.removeEventListener(MouseEvent.MOUSE_UP, btRelease);
      trace("onRelease");
   } else {
      /* Sua ação relativa ao evento onReleaseOutside */
      /* Remove o Listener */
      stage.removeEventListener(MouseEvent.MOUSE_UP, btRelease);
      trace("onReleaseOutside");
   }
}

Deixa eu explicar o código. Primeiro adicionamos um Listener ao nosso botão criado. O listener vai ser acionado quando clicarmos com o botão esquerdo do Mouse. Ao clicar, a função btPress é acionada.

Na função btPress, adiciono um outro Listener, dessa vez em nosso palco (stage). O listener vai ser acionado quando soltarmos o botão esquerdo do Mouse. Ao soltar, a função btRelease é acionada.

Na função btRelease, verificamos se o alvo (target) é o nosso botão, se for, removemos o listener do palco para que não fique sendo acionado quando não deve e usamos nossa ação referente ao onRelease. Se o alvo não for nosso botão, removemos o Listener do palco e usamos nossa ação referente ao onReleaseOutside.

Dentro da função que você escolher, coloque o código de link:

   var link:URLRequest = new URLRequest( “http://www.eternia.com.br” );
   navigateToURL( link );

Assim, você insere o link desejado.

Tags: Action script 3, cs4, flash

2 comentários

24

nov

Apple bate Google em pesquisa britânica sobre negócios bem sucedidos

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Apple e Google inverteram posições de 2008 para 2009 numa pesquisa britânica sobre negócios bem sucedidos. O Thought Leadership Index 2009 foi compilado pela firma de consultoria TLG, através de uma enquete realizada pela Populus com 1.000 CEOs, formadores de opinião e empreendedores.

Logo do Google numa maçã (Apple)

Os entrevistados foram requisitados a classificar organizações com base nas suas qualidades de liderança bem pensada e planejada. O ranking dos Top 10 acaba sendo dominado por empresas de tecnologia, que são mais propensas a mudar opiniões e revolucionar mercados.

Para classificar as empresas, são considerados cinco critérios básicos, incluindo o quanto elas desafiam pensamentos tradicionais, como lidam com novos produtos e negócios, e o quanto a companhia cumpre o que promete.

Eis o ranking deste ano:

1º: Apple (ano passado, em 2º)
2º: Google (1º)
3º: Microsoft (3º)
3º: Amazon.com
3º: GSK
6º: Co-operative Group (4º)
6º: Marks & Spencer (6º)
8º: Facebook
9º: Virgin Group (5º)
10º: Twitter

“Representantes políticos, caridades e companhias têm pelo menos uma coisa em comum: eles querem influenciar atitudes perante seus interesses. Empresas com a maior influência são aquelas marcas que determinam positivamente uma indústria ou problemaâ€, afirmou Malcolm Gooderham, diretor de gerência da TLG.

Por Rafael da MacMagazine

Tags: Google, mac

sem comentários

2

jul

Orkut em baixa aqui no Brasil

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Estava na hora… eu conheço o orkut a muitos anos, já fui um “orkutcida” por algumas vezes inclusive, mas as novidades deveriam mesmo, um dia, chamar a atenção dos brasileiros.

Veja no mundo esta mudança de tendencia:

mundo1

E no Brasil:

mundo2

Embora pouco expressivo, a mudança acontece…

Será?

Tags: facebox, orkut, Twitter

sem comentários

26

jun

Direto do FISL10

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Pessoal, alem de lotado, muito bom o FISL10!

Graças a chegada do presidente Lula, o tumulto tá maior, restrição de segurança e tal, mas é uma feira que mostra a força do software livre mundial.

Tentarei algumas fotos, se positivo, posto no blog.

Abraço a todos
Ah, atualizando: Apareci com o presidente na Band e na Globo ;)

Tags: software livre

1 comentário

21

mai

11º Encontro Locaweb de Profissionais da Internet – Pensamento…

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Pessoal,

Neste momento estou aqui, no hotel Plaza, em Porto Alegre, participando do 11º Encontro de Profissionais da Internet. Entre alguns palestrantes, diretores de empresas como Microsoft, Google e outras empresas.
Em discussão, assuntos como estratégia de marketing para internet, participação em redes sociais, como Twitter, Blogs, Orkut…

Em uma conversa agora, falamos sobre os perfis de profissionais que querem entrar no mercado de trabalho mas ao se buscar em uma rede, é um “Deus nos acuda”. Mas do contrário, muitos profissionais levam nas entrevistas seus blogs, perfil de twitter, portifólio. Veja a diferença. Se apresentar em uma seleção mostrando e querendo mostrar a verdade! Tente, ou você não é capaz?

1 comentário

18

abr

Informática: Como ela é encarada por alguns “clientes”.

Postado por Andreo Costa  Publicado em Artigos
Divulgue no Twitter

Informatica

São anos de estrada na área, mas nem precisaria tanto para poder escrever o que agora escrevo. Tem pessoas que não valorizam o trabalho de informática, porque não tem noção do quanto exige do profissional aprender.

Investe-se em estudo, em tempo frente ao computador e internet, em livros, em pesquisas, para quando é hora de cobrar por um serviço executado ver uma cara feia: não é fácil.
Leia Mais "Informática: Como ela é encarada por alguns “clientes”."

2 comentários

Tags

Acessibilidade Action script 3 bios Browser cs4 CSS DOS e-mail E-mail duplicado facebox FAT32 Firefox flash gmail Google Google Wave HTML Internet Explorer linux logotipos mac Microsoft NTFS orkut outlook express pen drive Photoshop Segurança senha SEO skype software livre Tecnologia tracert Twitter Vídeos WebDesign Web Trend Maps Windows windows seven windows xp wireless WordPress XP Youtube

 

março 2010
S T Q Q S S D
« fev    
1234567
891011121314
15161718192021
22232425262728
293031  

Últimas twittadas...

  • @JardelVDM Manda os detalhes por email ou por DM, essa eu nao vou poder perder. in reply to JardelVDM 1 day ago
  • Dia internacional das mulheres... eu sempre soube: no Internacional, só Mulheres! #d £ 2 days ago
  • No dia internacional das mulheres, promoção na hospedagem #parqueinternet compre com o cupom de desconto 1010-05 http://www.parque.net.br 2 days ago
  • More updates...

Posting tweet...

Powered by Twitter Tools

Mais recentes

  • Redimensione varias fotos com o Photoshop
  • Americanas vende micro com 320 de memória RAM ?!
  • Máscara Arrastável No Flash com AS3
  • Formulário em Flash com envio em PHP
  • Lightbox 2 – Como usar
  • Criando botão invisível no Flash
  • Foto vira desenho do Photoshop
  • Photoshop travando? Tá pesado? Vamos a uma dica que pode resolver!
  • Centralizar o site na vertical e na horizontal via CSS
  • Criando formúlário de e-mail e enviando via PHP

Últimos comentários

  • Andreo Costa em Centralizar site com CSS: posicionamento absoluto …
  • Carlos em Centralizar site com CSS: posicionamento absoluto …
  • Carlos Lucchesi em Centralizar site com CSS: posicionamento absoluto …
  • Ortiz em Americanas vende micro com 320 de memória RAM ?!
  • Fontanella em Americanas vende micro com 320 de memória RAM ?!
  • Felipe em Flash com fundo transparente no site
  • Andreo Costa em Ação nos Botões com o Action Script 3, e agora.…
  • Louise em Ação nos Botões com o Action Script 3, e agora.…
  • Dicas de SEO e Acessibilidade | Ete… em Dicas de SEO e Acessibilidade
  • Tiago em Precisando de um logotipo vetorial: BrandsOfTheWor…
  • Alguns conteúdos (aleatório)

    • Sites de Brushes para Designers
    • Direto do FISL10
    • Evolução de um assunto no Twitter
    • Fale conosco, Contato… Uma dica para o WebDesign
    • Centralizar o site na vertical e na horizontal via CSS
    • Outlook Express… Lista dos erros
    • Versão do Windows 7 em português na internet
© 2010 Eternia – Blog da Parque Internet - Hospedado em PARQUE INTERNET