Geral

Saiu a programação do evento SMX São Paulo, e a programação está bem recheada na área de SEO.

Fonte

Compartilhe!

Pela primeira vez acontecerá no Brasil, nos dias 7 e 8 de agosto de 2008, o Evento SMX - Search Marketing Expo. Esse evento é uma das maiores refêrencias em marketing de busca no mundo, onde já teve passagem por países como Estados Unidos, Austrália e China. O evento será realizado em São Paulo.

O SMX São Paulo será o maior evento de Marketing de Busca do Brasil, com 2 dias de palestras, keynotes e workshops, com informações sobre SEO, Links Patrocinados, link building, Social Media Marketing, Web Analytics e muito mais, com especialistas no assunto.

O SMX é produzido no mundo todo pela Third Door Media Inc., e o Evento SMX em São Paulo será produzido por Eventos OME, S.L., com apoio da IAB Brasil e SEMBrasil.

O valor para a inscrição é de R$850,00, e podem apostar que será um excelente investimento. O pessoal do Brasil SEO estará lá também!

O evento SMX São Paulo é aconselhável a Anunciantes, Agências Full Service, Agências SEM, Especialistas em Otimização de Sites (SEO), Agências Digitais e Consultores de Search Marketing.

A programação do evento sairá em breve!

Compartilhe!

Olá leitores do Brasil SEO, trago hoje uma dica que possibilita a comparação de seu feed com o dos seus concorrentes.

A ferramenta Feed Compare faz a análise e gera um gráfico comparativo do histórico de assinantes de seu feed e do seu concorrente. É permitido comparar até quatro feeds de uma vez.

Essa dica pode ser interessante para analisar a audiência que seu site ou blog está tendo em relação ao feed.

Para quem ficou interessando, a ferramenta pode ser acessada pelo site:

http://www.feedcompare.com/

Até o próximo post.

Compartilhe!

O intuito desse artigo é alertar e orientar os desenvolvedores de WebSites quanto ao uso incorreto de imagens.
Já visto em artigos anteriores a importância da Otimização de Imagens para SEO, agora vai uma dica de como a otimização de imagens pode ajudar na velocidade do seu WebSite. Vários testes feitos pela equipe do BrasilSEO comprovam que o uso correto das imagens pode melhorar em até 60% o tempo de carregamento do seu WebSite.

OBS: as respectivas telas desse artigo são do programa Adobe Fireworks CS3 na aba Export.

Formatos de imagens mais utilizados para WEB.

• JPG: A Compactação JPG descarta todas as partes menos significativas da imagem não alterando o modo como ela é percebida pelo olho humano.

• GIF: A compactação GIF cria uma paleta de todas as cores utilizadas em uma imagem e um mapa de onde elas aparecem, com isso, economiza pontos de mesma cor em uma imagem, sua grande vantagem é suportar transparência. Por utilizar no máximo 256 cores não é aconselhado o uso em fotos.

• PNG: Formato que veio pra substituir a GIF. Ele suporta 32 Bits de cores, níveis de transparência, compressão sem perda de qualidade e é capaz de definir o nível de opacidade de cada pixel.

Por que não utilizar PNG?

Como vimos o formato PNG mescla as melhores características da JPG e da GIF e com isso surge a pergunta “Por que então todos os WebSites não utilizam somente PNG?”. Não é utilizado em grande escala o formato PNG devido à incompatibilidade com alguns navegadores, por exemplo, o internet explorer 6.0 ainda muito utilizado não suporta os efeitos de transparência substituindo o mesmo por um campo azulado e quando estamos trabalhando com imagem simples ( baixa quantidade de cores ) o tamanho de uma PNG costuma ficar bem maior do que de uma imagem no formato GIF.

Como corrigir os erros na utilização da PNG.

• Usando JScript

Baixe o arquivo PNGfix.js e adicione o código
<!–[if lt IE 7.]>
<script defer type=”text/javascript” src=”pngfix.js”></script>
<![endif]–>

• Usando CSS

Baixe o arquivo iepngfix.htc
Basta colocar o arquivo iepngfix.htc na mesma pasta da sua página. Depois, é só colocar o seguinte parâmetro na classe css do objeto que exibirá a div:
.classe{
behavior: url(iepngfix.htc)
}
O arquivo .htc faz o restante. Você também pode aplicar esse comportamento a todas as imagens, da seguinte maneira:

img{
behavior: url(iepngfix.htc)
}

JPG:

É utilizado para fotos e imagens grandes. Além disso, a jpg tem atributos que ativam o “Progressive browser display”, essa opção ativa a criação de um Buffer na imagem, igual acontece com os vídeos. Vale a pena a ativação dessa opção em imagens importantes do site como Header’s, Banners, e imagens que são utilizadas como plano de fundo, sempre observando o tamanho do arquivo que pode variar com essa opção que, ativada ou desativada, geralmente diminuem quando a imagem tem dimensões grandes e aumentam quando a imagem tem dimensões pequenas devido ao bloco de informações que é alocado para ativação desse recurso.

Outro recurso interessante é a ativação do “Sharpen color edges” ou Arestas Nítidas, esse recurso faz com que os contornos percam o foco. Isso pode economizar muitos Kb em uma imagem.

OBS: você vai notar uma grande perda de qualidade em fontes com fundo vazado e nas cores amarelo e vermelho. Se sua imagem não contem essas características, desative esse recurso.

Utilize uma compressão de 75 ou 80 no campo qualidade podendo variar pra mais ou para menos devido à necessidade.

GIF:

É utilizado para imagens onde não seja necessário uma gama de informações, como por exemplo, em botões, Banners, bordas ou imagens que contenha somente um texto e miniaturas do tipo ícones.Utilize o formato “adaptive” para todos os formatos que não contenha o efeito de degradê lembrando de colocar o numero de cores corretas , mas cuidado para não deformar a imagem ( na figura acima estou utilizando 4 cores ) e use o formato “Exact” para as imagens que contenham degradê.

Ative ou desative a opção “Remove unused colors”. Ela remove as cores que não estão sendo utilizadas na figura. Como por exemplo, os tons muitos parecidos que são utilizados em pequena quantidade na imagem.Ative ou desative a opção “Interlaced browser display”. Ela possui a mesma função do “Progressive browser display” da JPG. Sempre levando em consideração o tamanho do arquivo, uma previa pode ser observada no canto superior do editor de imagem em relação a uma internet de 56kbps dando assim uma visão melhor do tamanho da sua imagem e do tempo de carregamento.

Conclusão.
Segue a baixo um exemplo de como deveria ser a configuração das imagens para um site e suas particularidades.

Utilizei nesta imagem de exemplo uma JPG quality de 75 com “Progressive browser display” e “Sharpen color edges” ligados.

Para o logo quality de 80 e também as duas opções ligadas

Para a miniatura da foto de um dos nossos escritores utilizei uma JPG quality 65 com ambas opções desligadas igualmente utilizada na foto que ilustra o artigo.

Para as GIF’s utilizei o adaptive respectivo a necessidade de cada imagem sempre utilizando a quantidade mínima de cores, em ambas as imagens do nosso site teve a necessidade de utilizar o “Remove unused colors” e desabilitar o “Interlaced browser display”.

Com essas simples trocas agilizei o carregamento do nosso blog em 60%.

Espero que, sabendo da importância e o resultado de uma Otimização de Imagens bem feita, nossa equipe não encontre WebSites tão “pesados” quando navegarmos pelos websites de nossos leitores.

Compartilhe!

Google Maps é um serviço de localização utilizando mapas geográficos. Ele permite localizar qualquer lugar através de informações como país, estado, cidade e endereço.

Esse sistema de localização, até o ano passado, não estava disponível no Brasil, mas agora já podemos utilizar esse serviço. Atualmente ele é oferecido gratuitamente.

Vamos aprender então a colocar sua empresa no Google Maps seguindo os seguintes passos:

• Acesse o Business Center do Google Maps.
• Se já possui uma conta no Google, acesse usando seu login e senha, senão crie uma conta para você e acesse a sua conta.
• Em seguida aparece o seguinte formulário:

• Preencha os campos de forma correta. O endereço usado aparecerá nos resultados do no Google Maps.
• Após preencher, clique em próximo.
• Na página seguinte, escolha a categoria que sua empresa se encaixa e clique em próximo.
  Nessa página coloque os horários de funcionamento e formas de pagamento de sua empresa. Definido isso, clique em próximo.

• Coloque fotos ou arquivos de vídeo se quiser. Após isso clique em próximo.

• Coloque informações adicionais se quiser e depois clique em próximo.

• Por fim, o Google requer uma forma de contato para fazer a confirmação da inclusão do seu cadastro. Escolha uma opção e clique em Finalizar. Agora é só aguardar o contato do Google.

Por hoje é só. Até a próxima.

Compartilhe!

Geralmente, ao se trabalhar com descrições em imagens, fotos, ou figuras, usamos o atributo “alt” para fazer otimização de imagens para SEO. Porém, às vezes, essas imagens possuem informações mais complexas que seriam difíceis de descrever com o atributo “alt”, já que este permite apenas descrições curtas. Nesse caso utilizamos o atributo “longdesc” que nos permite fazer uma descrição mais complexa das imagens.

O longdesc funciona de forma parecida com um link onde ao clicar sobre a imagem, você é redirecionado para uma nova página com informações completas sobre dela.

A seguir um exemplo da utilização do atributo longdesc:

<IMG src="images/grafico.gif" LONGDESC="grafico.htm" ALT="Gráfico de Resultados" />

Clique na figura para ver o funcionamento do atributo:

Observação: a página criada nesse exemplo possui informações meramente ilustrativas.

Agora em objetos que não suportam a o atributo longdesc como animações, vídeos ou objetos inseridos na página podemos usar um link para referenciar a descrição dos mesmos. Abaixo um exemplo de como podemos fazer:

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/Y1pqA1PCHrU&hl=pt-br"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Y1pqA1PCHrU&hl=pt-br" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

<A href=”longdesc.htm” title=”Vídeo que mostra a utilização do longdesc”>Descrição</A>

Como podemos ver no exemplo acima, colocamos um vídeo do youtube e ao seu lado fizemos um link alternativo que redireciona para uma página que contém uma descrição detalhada do vídeo.

Se tiverem dúvidas, deixem comentários. Até a próxima.

Compartilhe!

Ao trabalhar com otimização de sites logo pensamos em otimização de texto para SEO, mas nem sempre o usuário está apenas interessando em texto. Às vezes, o usuário busca imagens, fotos ou figuras que lhe interessem. Então também devemos pensar em otimização de imagens para SEO, o que pode fazer a diferença para que o usuário encontre seu site.

Existem alguns atributos em HTML e fatores que podem te ajudar na otimização de imagens, figuras ou fotos:

• Alt: o atributo “alt” é considerado como texto alternativo para descrição de imagens. Podemos usar em imagens, áreas mapeadas ou objetos inseridos. O texto é mostrado enquanto a imagem é carregada. Em alguns casos, quando não é possível carregar a imagem, o texto desse atributo serve como substituto da imagem. A seguir um exemplo de como pode ser usado:
  <img src=”image.gif” alt=”Texto alternativo” />
• Title: é um atributo usado para prover uma informação adicional, mas não essencial. Geralmente é usado para imagens e links. O texto do title é mostrado quando se passa o ponteiro do mouse sobre a imagem ou link relacionado. O atributo alt também mostra o texto ao se passar o mouse sobre a imagem, porém apenas em navegadores que foram baseados no navegador Lynx, como o Internet Explorer ou versão mais atual do Mozila Firefox. Também é importante colocar a descrição no atributos alt e title uma vez que as ferramentas de busca ainda não conseguem ler o conteúdo imagens com seus algoritmos de busca. A seguir um exemplo de como pode ser usado:
  <img src=”bola.jpg” title=”Bola vermelha com pintinhas brancas”>
• Longdesc: existem casos em que os atributos alt ou title não são suficiente para se fazer uma descrição, é o caso de animações ou conteúdo de áudio ou vídeo. Então usamos agora o atributo longdesc que permite criar um link para um arquivo com a descrição mais detalhada. Uma dica importante é trabalhar com suas palavras-chave neste arquivo já que ele será outra página que conterá uma descrição detalhada do seu conteúdo. Cuidado para não criar spam usando esse método. Lembre-se que as ferramentas de busca atuais possuem algoritmos que detectam esse tipo de artifício e se caso seu site for considerado como spam, ele poderá ser penalizado. A seguir um exemplo:
  <img src=”resultados_do_grafico.gif” alt=”Resultados do gráfico” londesc=”resultados.html”>
• Posicione o texto certo com a imagem certa. O texto que está em volta da imagem pode ser considerado na hora de relacioná-la ao seu significado. Exemplo: Se existir uma imagem colocado em volta de um texto que fale sobre carros, possivelmente a imagem poderá ser associada a imagem de um carro.
• Coloque nome correto nas imagens. Evite colocar nomes de arquivos de imagens como IMAGE001. Coloque, por exemplo, bola.jpg. O nome do arquivo geralmente é relacionado com o significado da imagem. Abaixo o resultado da busca realizada no buscador Google:

Essas são algumas das dicas mais importantes para se realizar uma boa otimização de imagens para SEO. Espero ter ajudado. Até a próxima.

Compartilhe!

Falar de estrutura de site para SEO é na verdade falar sobre a forma de organizar um site. É importante trabalhar, usando as técnicas de SEO, as informações de cada site, mas precisamos também trabalhar com o visual e usabilidade do site. Iremos trabalhar com alguns pontos importantes que ajudarão na hora de construir um site:

1. Defina o tema do site. Através do tema será possível escolher o melhor design, títulos, meta tags (palavras-chave e descrição) e conteúdo para o site. Atente para títulos e meta tags que devem ser diferentes para cada página, isso parece lógico, mas muita gente esquece disso. Outra coisa é não repetir conteúdo. As ferramentas de buscas possuem algoritmos que verificam a existência de conteúdo duplicado em suas páginas.
2. Trabalhe com texto de âncora em seus links. Texto de âncora (Ancor Text) é a palavra ou frase usada como link na sua página. É importante trabalhar esse texto de âncora usando palavras-chave, pois ele está diretamente relacionado com a página a qual está relacionada.
3. Mantenha o usuário no site. Sites feitos de qualquer jeito, mal organizados e com apresentação ruim, podem fazer com que um possível usuário nem navegue seu site. Portanto, ao criar ou otimizar um site, não esqueça de verificar se seu design é moderno, chamativo e se está bem feito.
4. Use as tags H1, H2 ou H3 para definir títulos e subtítulos. É fundamental estruturar o conteúdo de forma correta.
5. Posicione suas informações de forma a facilitar a visualização do usuário. Conteúdo ou informações posicionadas de forma errada podem fazer com que o usuário não as encontre. Isso faz com que ele acabe desistindo de navegar o site. Então evite que aconteça isso, faça um estudo de usabilidade para a construção do seu site.
6. Evite formatações in-line nas páginas. Use um arquivo CSS para separar o código da formatação. Isso ajuda manutenção e deixa o código mais limpo.
7. Problemas com navegadores diferentes. Atualmente, existem no mercado vários navegadores diferentes e cada um deles faz a leitura e interpretação de suas páginas de maneiras diferentes. Portanto, faça um teste com suas páginas em alguns navegadores com configurações e resoluções da tela para testar a sua compatibilidade. Recomendo verificar as páginas no IE (Internet Explorer) e Firefox que são os navegadores mais usados atualmente.

Acho que essas são as principais dicas que posso dar para quem vai começar a montar um site. Até a próxima pessoal!

Compartilhe!

Não tenha dúvidas que um site que tem um bom design, boa usabilidade e outros recursos para web atraem a atenção dos usuários, porém não se esqueça que usuários buscam informações, ou seja, texto relevante.

Vou dar algumas dicas de como escrever texto para websites voltado para SEO. Primeiramente, é importante saber que escrever um texto para web é bem diferente de escrever uma redação. Vamos às dicas então:

• Evite fazer textos muito extensos. Ninguém gosta de ficar lendo aqueles textos enormes que parecem que nunca acabam;
• Começar com um resumo do texto ajuda o usuário a decidir se lerá o restante;
• Evite usar palavras muito rebuscadas. Termos ou palavras pouco usadas no cotidiano podem ser difíceis de interpretar em um texto, portanto cuidado ao usar;
• Faça textos descritivos e evite textos genéricos;
• Se o texto é grande, então o divida em vários tópicos;
• Tente trabalhar de forma inteligente as palavras – chave do seu site. Exemplo: se seu site trabalha com a palavra–chave carro, então trabalhe no seu texto essa palavra com suas variações;
• Evite usar repetidas vezes as palavras–chave. Evite repetir excessivamente suas palavras-chave no texto: Sabemos que buscadores como o Google privilegiam sites com conteúdo original e de qualidade, ou seja, quanto mais relevante a informação divulgada melhor. Textos com citações “excessivas” de uma determinada palavra chave acabam por ter sua qualidade de informação prejudicada, além disso os sites de busca podem entender que seu conteudo possui SPAM de uma determinada palavra o que levará possivelmente seu site a uma analise mais profunda pelo buscador. Tenham em mente que deixar que o Google descubra que você está fazendo SPAM de suas palavras-chave em seu conteudo não é interessante para o posicionamente de seu site;
• Trabalhe as palavras-chave (keywords) no seu título. O título é parte fundamental no seu texto, pois é a primeira coisa que o usuário irá ler. Cada texto deve ter um título diferente e original. Evite copiar títulos de outras pessoas;
• Evite conteúdo duplicado. Essa dica é para aqueles que gostam de copiar texto dos outros e colocar em seu próprio site ou fazer várias páginas com o mesmo conteúdo. Saiba que as ferramentas de buscas possuem algoritmos que analisam o conteúdo de cada site e se verificarem que existe conteúdo duplicado você pode ser punido por causa do conteúdo repetido;
• Destaque as palavras-chave. Usar negrito, itálico ou sublinhado ajuda na hora da leitura e destacar termos relevantes;
• Usar imagens, gráficos ou vídeos para ilustrar seu texto pode te diferenciar do seu concorrente;
• Posicione bem as suas palavras-chave para poder usar como links de páginas internas.

Essas foram algumas dicas básicas para quem vai escrever um texto para internet. Quem tiver mais dicas interessantes ou quiser mandar dúvidas e sugestões, então deixe um comentário. Até a próxima.

Compartilhe!

Olá pessoal!

O Brasil SEO está de cara nova! Está no ar o novo template desenvolvido por nós! Gostaria de saber qual a opinião de vocês. Estamos procurando sempre agradar nossos leitores, e para isso sugestões e críticas são sempre bem vindas. Assine nosso feed, compartihe suas opiniões, tire suas dúvidas, estamos aqui pra discutir qualquer tópico relacionado a SEO.

Votem na Enquete:

Abraço, e espero que gostem do novo visual!

Compartilhe!