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, Cs4, Flash

3 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

  • Windows
  • Photoshop
  • Flash
  • Google
  • Browser
  • Action Script
  • Twitter
  • Firefox
  • Joomla!
  • Adobe
  • windows xp
  • outlook express
  • gmail
  • orkut
  • Acessibilidade
  • NTFS
  • Internet Explorer
  • Web Trend Maps
  • FAT32
  • windows seven
  • Vídeos
  • DOS
  • Cs4
  • senha
  • SEO
  • dreamweaver
  • wireless
  • e-mail
  • WordPress
  • E-mail duplicado
  • menu
  • logotipos
  • Tecnologia
  • Facebox
  • linux
  • Bios
  • HTML
  • Microsoft
  • tracert
  • pen drive
  • mac
  • skype
  • software livre
  • Youtube
  • XP

 

julho 2010
S T Q Q S S D
« mai    
 1234
567891011
12131415161718
19202122232425
262728293031  

Últimas twittadas...

  • Pessoal, tem turma de Joomla que será ministrada por nós, agendada para inicio de agosto na #Alfamidia fica ligado! http://migre.me/ZTVd 4 days ago
  • Lançado!!! Suporte Chat no site http://www.parque.net.br! Agora mais qualidade para nossos clientes. http://www.parque.net.br 3 weeks ago
  • Hospede e registre seu site este fim de semana com o cupom de desconto 1010-05 na http://www.parque.net.br Ta esperando o que? 3 weeks ago
  • More updates...

Posting tweet...

Powered by Twitter Tools

Mais recentes

  • Dreamweaver CS5 e os CMSs – Um ESPETÃCULO a interação!
  • Quer saber que fonte foi usada em uma imagem? Descubra fácil fácil!
  • Configure conta de e-mail do seu domínio próprio para receber no Gmail
  • Estatísticas em tempo real para o seu site, perfil ou blog
  • Firefox sublinhando imagens de link ao clicar? Seus problemas acabaram!
  • Menu Popup usando CSS. Video aula bacana!
  • Saiba mais sobre os níveis de usuários do Joomla!
  • Adobe CS5 chega ao mercado em 12 de abril
  • Redimensione varias fotos com o Photoshop
  • Americanas vende micro com 320 de memória RAM ?!

Últimos comentários

  • Andreo Costa em Centralizar site com CSS: posicionamento absoluto …
  • Andreo Costa em Lightbox 2 - Como usar
  • Katia Gomes em Lightbox 2 - Como usar
  • Eduardo Dall' Accua em Quero Win7 Europeu!
  • Monica em Centralizar site com CSS: posicionamento absoluto …
  • spalpeway em Saiba como baixar o novo Windows 7 RC
  • pvtrzpymhwm em Photoshop travando? Tá pesado? Vamos a uma dica q…
  • erichideki em Criando botão invisível no Flash
  • CiblyCipgaipt em Saiba como baixar o novo Windows 7 RC
  • FenrennACom em Saiba como baixar o novo Windows 7 RC
  • Alguns conteúdos (aleatório)

    • Melhore seu sinal wireless
    • Evolução de um assunto no Twitter
    • Dreamweaver CS5 e os CMSs – Um ESPETÃCULO a interação!
    • .ICO no Photoshop – Como funcionar!
    • Ação nos Botões com o Action Script 3, e agora…
    • YouTube no seu site
    • Régua para medir a tela – Firefox ajudando na construção
© 2010 Eternia – Blog da Parque Internet - Hospedado em PARQUE INTERNET