Manual Completo de SEO_Michel_Ferreira by Clovis Francisco

TODOS OS DIREITOS RESERVADOS, EM HIPÓTESE ALGUMA QUALQUER PARTE DESSE MANUAL PODERÁ SER REPRODUZIDA OU TRANSMITIDA SEM A PERMISSÃO DO AUTOR. O AUTOR NÃO ASSUME A RESPONSABILIDADE PELO USO DAS INFORMAÇÕES E RESULTADOS OBITIDOS PELO MANUAL, ESSE MANUAL É FRUTO DE ANOS DE EXPERIÊNCIA DE TRABALHO ÁRDUO. MARCAS REGISTRADAS: O AUTOR NÃO POSSUI NENHUMA RELAÇÃO COM A MARCA GOOGLE Inc. O USO DE IMAGENS, NOME, MARCAS PODERÃO SER CITADAS NESSA OBRA APENAS PARA CASO ILUSTRATIVO, NÃO VISANDO O LUCRO, FAVORECIMENTO OU DESMERECENDO O PRODUTO.

PREFÁCIO Há cerca de alguns anos atrás publicidade e marketing na internet eram sinônimos de venda e troca de banners, aos poucos vieram as famosas janelas pop-ups, que incomodavam e muito os usuários. Cada vez mais esses métodos foram extintos da web por trazerem grande desconforto e não terem uma precisão 100% de vendas. Foi aonde surgiram o conceito de venda através de sites de busca, a parceria ideal entre usuário e empresas que usavam a internet como um veículo de venda. O usuário buscava algo de seu interesse e lá estava em primeiro lugar nos sites de busca o que ele procurava. Entre todos os meios de web marketing o que chamou mais a atenção era a possibilidade de estar nas primeiras posições no Google com custo 0, fazer com que o sistema de busca trabalhe para você enquanto está dormindo. É justamente aonde nós iremos entrar no assunto: WEB MARKETING – Search Engine Optimization

O AUTOR Michel Ferreira nasceu em 1983 no Rio de Janeiro é casado com Luciane Alves Peixoto da Silva e possui um filho chamado Isaque. Michel Ferreira é especialista em SEO (Search Engine Optimization), atualmente trabalha no Governo do Estado do Rio de Janeiro como webdesigner, responsável pela Intranet do Estado aonde engloba todas as secretárias do governo. Possui no seu portfólio grandes projetos como: • Clube de Regatas Flamengo • Second Life • Governo do Estado do Rio de Janeiro

AGRADECIMENTOS Agradeço ao Senhor Jesus Cristo pela sua fidelidade e a minha esposa benção na minha vida. Agradeço o apoio de toda minha família. Obrigado.

1) INTRODUÇÃO

apostila WEB MARKETING – Search Engine Optimization, é voltada apenas para profissionais que estruturam seus sites nas normas da W3C, ou popularmente falando: Tableless. Um dos principais critérios para indexar uma keyword1 é a estruturação do código fonte, o que torna o código-fonte legível e acessível para os crawlers2. Podemos dividir em 2 etapas as técnicas SEO: • Links • Semântica Links – Nada mais é do que links que apontam para a sua página o quanto mais links tiver, melhor será sua posição. Muitos devem estar lendo e falando que isso não passa de uma técnica chamada Google Bomb3, mais não se engane o Google penaliza as páginas que o conteúdo não seja o mesmo, por exemplo, um site de floricultura apontado para a página da segurança nacional. Essas técnicas de manipulação de PageRank4 são denominadas cloaking5 e são severamente punidas pelo Google causando até mesmo a exclusão da página nas buscas. Semântica – O fato das páginas HTML serem estruturadas nos padrões web as torna acessíveis a qualquer dispositivo, seja ele um computador antigo até mesmo um celular, padrões web significa uma web que fala uma única língua. Tente abrir no Dreamweaver uma página HTML que foi criada no FrontPage, o resultado será desastroso, pois cada empresa cria um padrão de criação, hoje temos uma internet sem lei, aonde os desenvolvedores são escravizados no modo gráfico sujando o código fontes das HTML. Por parte de muitos desenvolvedores existe uma grande resistência aos padrões web, eles alegam que é como se voltasse ao sistema antigo de criação de sites direto no código fonte, o que não passa de desculpas. Não existe nada melhor do que ter o seu site no topo das busca e toda dia receber uma proposta de orçamento de desenvolvimento de site. Desejo uma boa leitura e que você faça parte do futuro da web. Grande abraço

Keyword – Palavra-chave Crawlers – São os robôs responsáveis por buscar na internet os conteúdos dos sites, indexando palavras-chaves e links. 3 Google bomb – São vários links apontados para uma mesma página, influenciando a posição nas máquinas de busca e adulterando o PageRank. 4 PageRank – É uma avaliação que o Google da aos sites, essa avaliação é em uma escala de 0 a 10, a medida que determinada página possui links apontados para ela a tendência é o PageRank aumentar. 2

2) CONHECENDO O GOOGLE

ntes de começar a parte prática, vamos entender como funciona o nosso espaço de trabalho, pois nada melhor do que conhecer a empresa em que vamos trabalhar, saber como são as hierarquias e a metodologia de trabalho. COMO FUNCIONA O SISTEMA DE PAGE RANK Texto retirado do site google.com.br

Google roda sobre uma combinação única de avançados hardware e software. A velocidade que notamos pode ser atribuída em parte a eficiência do algoritmo de busca e parcialmente a milhares de PC's de baixo custo que estão reunimos em rede para criar um mecanismo de busca super-rápido. O coração do software é o PangeRank(TM), um sistema para dar notas para páginas na web, desenvolvido pelos fundadores Larry Page e Sergey Brin na Universidade de Stanford. EXPLICAÇÕES SOBRE PAGERANK Texto retirado do site google.com.br

A classificação das páginas (PageRank) confia na natureza excepcionalmente democrática da Web, usando sua vasta estrutura de links como um indicador do valor de uma página individual. Essencialmente, o Google interpreta um link da página A para a página B como um voto da página A para a página B. Mas o Google olha além do volume de votos, ou links, que uma página recebe; analisa também a página que dá o voto. Os votos dados por páginas "importantes" pesam mais e ajudam a tornar outras páginas "importantes”. Sites importantes, de alta qualidade recebem uma nota de avaliação maior, que o Google grava a cada busca feita. Naturalmente, uma página importante não significa nada se não combinar com a sua busca. Assim, o Google combina os resultados de alta qualidade com a busca que você está realizando para que o resultado seja o mais relevante possível. O Google pesquisa quantas vezes a palavra procurada aparece nas páginas e examina todo o aspecto delas (e conteúdo das páginas ligadas a ela) para determinar o melhor resultado para a sua busca.

INTEGRIDADE Texto retirado do site google.com.br

Os sofisticados métodos de automação do Google tornam a manipulação dos resultados extremamente difícil. E, apesar de veicularmos alguns anúncios relevantes acima e ao lado dos resultados, o Google não negocia classificações dentro dos resultados de busca (ou seja, não é possível comprar uma posição privilegiada na Listagem de Páginas). A busca no Google é um meio fácil, honesto e objetivo de encontrar websites de boa qualidade com informações importantes para a sua pesquisa. CONCLUSÃO Amigos, concluímos então que um dos fatores primordiais para obtermos PR, são os links apontados para as nossas páginas, quanto mais links de qualidades tivermos, melhor será o nosso PR, mais vale ressaltar que trocar links com sites que não tem o mesmo conteúdo pode causar o efeito inverso, o Google possui normas internas que penalizam sites que tentam burlar normas, mais a frente iremos ver essas normas.

Imagem CC-by-SA retirada do Fã-Clube do Google

Uma ilustração sobre o funcionamento do PageRank, cada esfera representa uma página e o tamanho o PR. A esfera superior direita recebe apenas um voto, de uma esfera com alto PR, tornando-a com bom PR.

AÇÕES DO GOOGLE CONTRA OS SPAM Sabendo que apontando muitos links para minha página, é muito fácil obter um excelente PR basta apenas entrar nos fóruns de discurssão e deixar um post com um link para meu site, e até mesmo colocar um link no site do seu Manél da padaria. ERRADO Sair linkando para seu site pode causar uma grande penalidade, pois os algorítimos do Google são inteligentes, eles estudam o conteúdo das duas páginas e verifica se as duas possuem o mesmo tema, caso contrário acontece a perda de PR, é necessário mostrar para o bot do Google que aquele link no seu site é de algum parceiro ou venda, através do atributo external nofollow. Atualmente no meu site www.michelferreira.com criei algumas estratégias para poder usar de maneira consciente algumas técnicas SEO Black Hat sem ser punido pelo Google, em meu artigo no site Oficina da Net http://www.oficinadanet.com.br/artigo/569/como_ganhar_destaque_no_google Falei um pouco sobre estratégias que até mesmo é utilizada em grandes portais. NORMAS DE DESENVOLVIMENTO Existem algumas normas pré-estabelecidas para que seu site não seja punido veja alguma delas, detalhe todas elas foram tiradas do endereço www.google.com.br.

1) Construa um site com uma hierarquia clara e links de texto. Cada página deve ser acessada a partir de pelo menos um link de texto estático. 2) Mostre aos usuários um mapa do site que relacione o tópico às partes importantes de seu site. Se o mapa do site tiver mais de cem links, convém dividi-lo em páginas separadas. 3) Crie um site útil, com muitas informações e páginas que descrevam de forma clara e precisa o seu conteúdo. 4) Pense nas palavras que os usuários digitariam para encontrar suas páginas e certifique-se de que elas apareçam no seu site. 5) Tente usar texto, em vez de imagens, para exibir nomes, conteúdo ou links importantes. O rastreador do Google não reconhece texto contido em imagens.

6) Certifique-se de que as tags "TITLE" e os atributos "ALT" sejam descritivos e precisos. 7) Verifique se há links quebrados e corrija o código HTML. 8) Se você utiliza páginas dinâmicas (aquelas em que o URL contém um caractere "?"), saiba que nem todo spider do mecanismo de pesquisa rastreia páginas dinâmicas tão bem quanto faz com as estáticas. É aconselhável que os parâmetros sejam poucos e curtos. 9) Utilize um número razoável de links por página (menos de cem).

3) INICIANDO O DESENVOLVIMENTO DO SITE

epois de ter todas essas informações, iremos basear nosso desenvolvimento nas diretrizes do Google, pois é melhor obedecer do que sacrificar. DEFININDO AS PALAVRAS-CHAVES Antes de tudo pense em uma palavra-chave na qual poderá trazer lucros para você, pensou? Você tem que pensar em que chave o cliente buscaria para achar os seus serviços, por exemplo, suponhamos que você tenha uma agência web, qual seria a palavra-chave que clientes buscariam no Google? Se eu quisesse fazer um site buscaria por “desenvolvimento de sites” e “criação de sites”. O QUE É KEYWORD DENSITY? Keyword density ou densidade da palavra-chave nada mais é do que a quantidade determinada de palavra-chave no conteúdo da página, mais uma ação contra os SPAMS, pois tempos atrás somente era necessário criar links com a palavrachave desejada e pronto, não era analisado o documento para ver se realmente aquela página continha determinada chave, com esse conceito toda a página é analisada verificando relação keyword x conteúdo. Temos que ter em mente que o conteúdo de nossa página deva falar sobre a nossa palavra-chave, para o Google dar relevância, um erro fatal de muitos desenvolvedores é escrever inúmeras keyword sem relação com o conteúdo, visando acessos quando o usuário busca o termo escolhido. 15

Um exemplo muito comum e errôneo é incluir palavras-chaves que não tem relação nenhuma com o conteúdo pensando em ganhar acessos em virtude da palavra-chave, esteja ciente que o Google analisa todo o código de sua página e tentar enganá-lo trazem drásticas conseqüências. Vamos agora estudar o nosso oponente esse quesito é fundamental para ganharmos a disputa pelas primeiras posições, acesse o Google e busque pela palavra-chave escolhida. Depois de pegar a URL do principal concorrente analise a relação keyword x conteúdo, acesse o site http://www.keyworddensity.com , esse site permite analisar a densidade das palavras-chaves em todo corpo HTML, caso prefira posteriormente você pode fazer uma analise no seu site e no do concorrente, essa ferramenta nos permiti tanto avaliar individualmente como também avaliar duas páginas verificando qual página possui a melhor densidade.

Exemplo do site www.keyworddensity.com uma análise entre o meu site e de um concorrente em uma disputa pela palavra-chave “michel ferreira”.

Resultado da análise da keyword density, o sistema analisa todo corpo HTML incluindo: Título da página, descrição da página, palavras-chaves, texto visível, descrição das imagens, comentários, palavra-chave no domínio, links e tags com a chave.

ESTUDANDO A KEYWORD DENSITY DO NOSSO OPONENTE Antes de analisarmos o nosso rival temos que saber que um dos pilares do SEO é a acessibilidade web o quanto mais acessível nosso site for melhor será para ganharmos a disputa pelas primeiras posições. Vamos compreender um pouco como funciona o sistema de densidade, na página anterior verificamos a densidade no site do meu concorrente o Michel Ferreira de Portugal, vamos a análise: Análise do site http://www.ncc.up.pt/~michel/ Title (Título da página) Tag: <title>Michel Ferreira HomePage</title> Ele colocou a palavra-chave no title da página, indicando ao robô a importância do nome. Meta Description (Descrição do site) 17

Tag: <html> <head> <meta http-equiv="Content-Language" content="pt"> <title>Michel Ferreira HomePage</title> </head>

Ele simplesmente não colocou nada na descrição do site, o que atrapalha e muito a definição, muitos desenvolvedores ignoram as Meta-tags saiba que elas são o rótulo do nosso site, fator essencial para descrevermos o site. Sempre coloque na descrição do site a palavra-chave que você busca coloque um texto que seja harmonioso com o conteúdo do site. Meta Keywords (Palavras-chaves) Tag: <html> <head> <meta http-equiv="Content-Language" content="pt"> <title>Michel Ferreira HomePage</title> </head>

O nosso amigo não especificou nenhuma palavra-chave, mais um ponto perdido na densidade. Visible-Text (Texto visível) Apenas 2 referências no conteúdo do site, visible text é o conteúdo do site. Explore ao máximo, o texto com a sua palavra-chave, não crie um site com muitas imagens e poucos texto, crie um site que tenha conteúdo. Alt tags (imagens) Não possui nenhuma referência nas imagens com a palavra-chave. Sempre no atributo alt, escreva o que está escrito na sua imagem. Coment tags (comentários) Não possui nenhum tipo de comentário com a palavra-chave. Se possível crie comentários com a palavra-chave. Domain name (domínio) Possui 1 referência no domínio, colocar a palavra-chave no domínio nos da grande relevância, vamos ver isso mais na frente. Image tags (Imagens) Não possui nenhuma imagem com a palavra-chave. O sistema verifica se existe alguma imagem com a nossa palavra-chave. Linked text (links) 18

Links com a palavra-chave ajuda e muito se não o principal responsável, sempre é bom colocar os links com o nome da palavra-chave mais na frente vamos ver isso. Não colocou nenhuma referência. TRABALHANDO NOS ERROS DO NOSSO OPONENTE Com todos esses dados do nosso concorrente é só trabalhar em cima deles, você viu o leque que temos em que podemos usar a nossa palavra-chave? Varia desde o domínio até comentários, então explore ao máximo a densidade da chave na sua página, lembrando que um dos pilares é a acessibilidade. VERIFICANDO O PAGERANK? A última análise do nosso oponente é o PageRank, para isso será necessário baixar a Google Tool Bar no endereço http://toolbar.google.com

A imagem acima é um exemplo da nossa Google Tool Bar, repare ao lado de Favoritos uma barrinha verde com o título de PageRank, é justamente ali que verificamos o nível das páginas, apenas passe o ponteiro do mouse em cima da barrinha verde que ela mostrará o nível do PR. O MEU CONCORRENTE TEM 4 DE PAGERANK E AGORA? Caso o seu concorrente venha ter um nível alto não se desespere, pois na época que estava desenvolvendo meu site possuía nível 0 e o meu concorrente 4, com apenas a acessibilidade em 2 semanas estava na primeira posição. Afinal o PageRank conta ou não? Existem muitas discurssões a respeito do PageRank, se ele conta na corrida das melhores posições ou não, na minha opinião e baseado em minhas experiências o PageRank não conta, vide isso buscando no Google pela a palavra chave “michel ferreira” meu site ocupa o primeiro lugar em terceiro lugar vem o site do Michel português que tem PageRank 4. Segundo Luís Henrique especialista em SEO tem a mesma opinião veja sua coluna no Oficina da Net: http://www.oficinadanet.com.br/artigo/607/page_rank_nao_significa_nada _quando_seu_site_tem_popularidade_

Aprendemos tudo sobre o nosso concorrente e temos todos os dados necessários para trabalharmos em cima, no próximo capítulo vamos começar a estruturação do HTML da página, e aprender as mais obscuras técnicas SEO.

4) A IMPORTÂNCIA DA ACESSIBILIDADE

final como podemos fazer um documento XHTML perfeito para o Google? Antes de tudo devemos dominar muito bem a funcionalidade de cada tag XHTML, qualquer erro na semântica do documento poderá ser uma oportunidade perdida. Um amigo no início do seu aprendizado em Tableless criou uma estrutura baseada em CSS, sem nenhuma tabela, tudo na tag DIV, o documento estava válido pela W3C, tudo como mandava a cartilha mais a acessibilidade do documento estava péssima. NA PRÁTICA O QUE É ACESSIBILIDADE E USABILIDADE WEB? Finalmente vamos entender na prática a importância dos padrões web na estrutura de um documento XHTML, lembrando que um site que esteja nas primeiras colocações e não utiliza as normas da W3C, está com os seus dias contados no topo das buscas, até que venha um abençoado com código acessível 20

e semântico e lhe tire a posição, o quanto mais acessível o site estiver, melhor será. Em 2003 foi criado o site Connected Earth custou cerca de 1,6 milhões de dólares, porém seus desenvolvedores ignoraram os padrões web, o site era incompatível com qualquer navegador diferente do Internet Explorer, acarretando uma grande perca de clientes. Vai continuar no mundo quadrado das tabelas? ESTRUTURANDO O DOCUMENTO A nossa função é ser o facilitador do projeto, desenvolvedores preguisoços não tem espaço no mundo SEO, pense que você receberá em sua casa uma visita ilustre, Jesus Cristo vai visitá-lo para saber como anda sua vida, se tem levado uma vida de desgraça, beberrão, sem compromisso com nada e ninguém ou se tem levado uma vida de servo, seguindo todos os seus preceitos e mandamentos. A vida do rebelde A primeira coisa que iria fazer era arrumar a sua casa, deixando tudo o mais limpo possível para a visitar ser rápida e Jesus enxergar que ele realmente era fiel, iria ser o facilitador da parada.

Servo fiel O servo fiel vive 24h com a sua vida pautada na Palavra de Deus, não precisando esconder nada. Conclusão Nos dois casos a casa estava arrumada, limpa e pronta para receber a visita ilustre de Jesus, tudo estava facilitando Jesus, a saber, que a nossa casa estava arrumada. No caso do rebelde toda sua arrumação seria em vão, pois quando pensamos que ninguém está nos vendo quando fazemos algo de errado, esteja enganado Jesus está te vendo e muito bem, por isso não adianta tentar esconder a sujeira da sua vida. No caso do servo fiel, a visita foi agradável e maravilhosa, pois Jesus sabia da vida reta que estava levando.

Assim funciona os bots, não adianta tentar enganá-los com código escondido, ou algo malicioso, pois ele esta vendo tudo, se ele pegar um abraço para o seu site, pois levará a exclusão do mesmo. Para fazer denúncias acesse o link: http://www.google.com.br/contact/spamreport.html Torne o seu código mais específico e acessível possível. META TAGS As meta tags, são o rótulo do site, nelas estarão contidas todas as informações possíveis a respeito do site, até mesmo agendar uma visita com o Google bot. Inclua as principais meta tags e não deixe nenhuma de fora do seu cabeçalho, a seguir estarei listando todas elas e o que significa. Na próxima página estarei mostrando as meta tags do meu site e explicando uma a uma.

1) Especificando a versão do XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Especifica a versão do XHTML, no nosso caso é a Strict. Independente da versão do XTML é necessário especificá-lo. 2) Especificando a nacionalidade da página <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-BR" lang="ptBR">

Especifica que o site é brasileiro, repare:

xml:lang="pt-BR" lang="pt-BR"

3) Especificando os caracteres <meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />

Indica a codificação de caracteres, responsável pelos caracteres do documento, a mais comum são UTF-8 e ISO-8859-1, a grande maioria dos servidores que hospedam sites rodam em UTF-8, caso venha ocorrer algum erro de má visualização de caracteres tente trocar para UTF-8. 4) Definindo o título da página <title>Michel Ferreira desenvolvimento de sites</title>

O que mais eu vejo na internet são desenvolvedores incluindo de forma exagerada palavras-chave no título, exemplo: <title> Michel Ferreira, sites, websites, Seo, otimização de sites, web marketing, desenvolvimento de sites, criação de sites</title>

Eles pensam que incluindo a palavra-chave no título da página os bots irão enxergar as mesmas, ERRADO. Os bots só enxergam os primeiros 60 caracteres do título da nossa página, o ideal é mesclar aqui o título da sua empresa com a sua palavra-chave desejada, não ultrapassando o limite de 60. Lembre-se que a palavra-chave que está no título deverá ser comentada no texto do site, como vimos em keyword densit.

Não pense que apenas incluindo as suas palavras-chaves poderá lhe ajudar mesmo respeitando o limite de 60 caracteres, temos que ter referências no conteúdo do site com as palavras-chave do título. 5) Especificando o tipo de documento <meta name="resource-type" content="document" />

Essa meta tag só possui um valor “document” a função dela é dizer que o arquivo é um documento, não é muito utilizada, mais não custa colocá-la na página. 6) Configurando o cache <meta http-equiv="pragma" content="no-cache" />

Sempre ao acessar a página o navegador não irá deixar no cache sempre vai buscar uma nova página. 24

7) Classificação da página <meta name="classification" content="Internet" />

Essa meta tag é fundamental para alguns bots definirem a categoria da sua página, essa meta é responsável por dar o tema a página. Excelente para cadastramento em diretórios de busca. 8) Descrição da página <meta name="description" content="Michel Ferreira é um profissional voltado ao desenvolvimento de sites nos padrões web, criando estruturas semânticas para otimização nos principais sites de buscas tais como: Google, MSN Search, Yahoo, Cadê. " />

Esse será a descrição da nossa página dando um breve resumo do site, lembre-se de inserir a palavra-chave na sua descrição. 9) Palavras-chave <meta name="keywords" content="desenvolvimento de sites,criação de sites,dispositivo moveis,tableless,semantico,webdesign,web marketing,w3c,artigos de TI,michel ferreira,Jesus,otimização de sites,site,consulta de dominios,e-commerce" />

Todas as palavras-chave que você deseja ser achado pelos sites de busca devem estar aqui, não adianta colocar uma palavra-chave que não tem relação nenhuma com o conteúdo do site. Lembre-se do conceito keyword density. 10) Robots <meta name="robots" content="all" />

Através dessa meta podemos restringir algumas páginas, as opções além de all: [NO]INDEX, [NO] FOLLOW. Para bloquear páginas não utilize essa meta sempre deixe como all, para bloquearmos URL iremos utilizar o robot.txt, que irei falar mais na frente. 11) Google bot <meta name="googlebot" content="all" />

A mesma função da meta anterior só que essa é especifica para o spider do Google. 12) Distribuição da página <meta name="distribution" content="Global" />

Define se o nosso documento será fornecido para o mundo ou somente em redes locais ou até mesmo intranets, as opções são: global, local e IU 13) Classificação <meta name="rating" content="General" />

Essa meta define a classificação da sua página se ela é aberta a todo público, somente a crianças, 14 anos, conteúdo adulto e restrito as opções são: 14 Years, General, Mature, Restricted e Safe For Kids 14) Autor <meta name="author" content="Michel Ferreira " />

O nome já diz, define o desenvolvedor da página. 15) Direitos autorais <meta name="copyright" content="Michel Ferreira" />

Inclui informações de direitos autorais do documento. 16) Idioma <meta name="language" content="pt-br" />

Define o idioma da página. 17) Define o status da página <meta name="doc-class" content="Completed" />

Define a página está em construção ou já finalizada, as opções são: Completed, Draft, Living Document, Published 18) Define o status do documento <meta name="doc-rights" content="Public" />

Define o status do documento. 19) Produtos Microsoft <meta name="MSSmartTagsPreventParsing" content="true" />

Impede que os produtos Microsoft gerem etiquetas inteligentes em seu site, deixe sempre como true. 26

20) Image Tool Bar <meta http-equiv="imagetoolbar" content="no" />

Desliga a barra do Internet Explorer que aparece ao passar o mouse sobre a imagem, aparecendo opções de salvar, imprimir, enviar por e-mail e adicionar no "My Pictures".

Repare a barra no canto superior esquerdo, essa meta bloqueia esse recurso do IE.

IMAGENS ACESSÍVEIS As imagens no nosso site são fundamental para o design da nossa Home, grande parte dos sites em tableless utiliza poucas imagens, explorando mais os recursos do XHTML criando sites com um design não muito agradável, uma vez um programador me disse: “Michel você cria layouts que não olha o lado do cara que irá estruturá-lo em tableless”. A estrutura em tableless de um site realmente é trabalhosa, mais afetar o nosso design para criar uma estrutura fácil é o mesmo que retroceder o serviço e perder o foco totalmente. O que mais me chamou a atenção na época quando estava aprendendo tableless era criar um layout lindo sem nada ficar de fora, você já imaginou um menu em imagem e ter que transformá-lo em texto devido a acessibilidade web?? Com conhecimento de CSS é possível inserir imagens no XHTML só que no código fonte ser texto, veja o exemplo do meu site www.michelferreira.com , o 27

meu menu é todo texto só que eu puxo as imagens através do CSS, com um pouco de inteligência e criatividade é possível criar páginas semânticas com imagens, vamos ver alguns exemplos do que se encontra na web atualmente: <img src=”meucliente.jpg” alt=”foto”/> <img src=”meucliente.jpg” alt=””/>

Eu não aconselho usar imagens em menus, sempre quando o fizer utilize o CSS para puxar as imagens, pois os sites de busca não conseguem ler o que está escrito no JPG, o ideal é utilizar a tag ALT para escrever o que tem na imagem por exemplo, no nosso menu está escrito SERVIÇOS especifique na tag ALT a palavra SERVIÇOS. O atributo ALT foi criado para especificar o que contém na imagem, não negligencie deixando vazio ou até mesmo escrevendo qualquer coisa, especifique, pois imagine o seu site com todas as imagens desabilitadas? Os programas para deficientes visuais entendem somente o texto da página, já imaginou o seu site não ter nada específico no atributo ALT? O atributo ALT é essencial na acessibilidade do nosso documento. O spider só entende texto e não consegue entender o que está escrito no JPG, vamos dizer que você esteja incluindo um JPG que esteja escrito: “Desenvolvimento de sites” o atributo alt deverá ficar: <img src=”nome_imagem.jpg” alt=”desenvolvimento de sites”/>

No exemplo acima você está indicando que aquela imagem corresponde a palavra desenvolvimento de sites. IMAGENS ATRAVÉS DO CSS É muito simples chamar uma imagem pelo CSS veja o exemplo: <a href="index.htm" title="Home" id="genesis" accesskey="0"> Página principal</a>

No exemplo acima repare que não existe a TAG <img> , mais na verdade eu puxei uma imagem pelo CSS, vamos verificar o CSS:

#genesis{ background-image:url(../imagens/menu_title.jpg); width:83px; height:24px; display:block; text-indent:-8000em; }

Repare que a imagem está como um plano de fundo e o texto está com -8000em, isso significa se puxar no XHTML o ID genesis o texto não ficará visível pois ele está em uma resolução de -8000em, nem mesmo se você estivesse usando 2 monitores você iria conseguir ver o texto. Assim só ficou visível a nossa imagem e com o menu totalmente em texto. CRIANDO O MENU DO SITE O menu é a principal parte do site, pois através dele sairá a grande maioria da navegação do site, por isso toda atenção na estrutura do menu do site veja esse exemplo:

Sempre inicie o seu menu com a tag <ul></ul> responsável por definir o início e o fim de uma lista, a tag <li></li> é responsável por definir um elemento dentro da lista. Sempre coloque cada link dentro de uma <li></li>. O atributo ACCESSKEY nada mais é do que a possibilidade de acessar o link sem o mouse, somente usando as teclas especificadas, fundamental para deficientes visuais, no meu documento teclando Alt + 0, é acessado a página principal do site, Alt + 1 o meu perfil, Alt + 2 o meu portfólio. Cada link do seu menu deverá ter essas especificações, o quanto mais acessível melhor, você talvez até esteja falando que o seu site não é para deficientes visuais, e essas normas não são necessárias, lhe digo que o Google tem a visão de um cego, um cego que possui vários amigos, não obedecer esse requisito no seu menu poderá trazer muitos acessos a menos. FLASH E A ACESSIBILIDADE Existem inúmeros discursos a respeito da acessibilidade em flash, se é possível ou não na verdade eu não irei entrar nesses detalhes, pois o ideal é usar o flash de forma moderada e dosada. Atualmente o Google inseriu nos seus bancos a possibilidade de indexar arquivos swf, quando o usuário busca por algum arquivo com terminação .swf ele mostra o resultado da busca, a Adobe tem trabalhado em cima a respeito da acessibilidade do flash, muitos desenvolvedores em flash dizem que tudo depende do desenvolvedor para tornar o site em flash acessível. Recentemente fui convidado para fazer o site de uma cantora evangélica, e a primeira citação que ela fez foi: “Quero um site bem bonito, bastante cores e o principal, que ele seja todo animado, pois eu já possuo um hot-site que a minha gravadora desenvolveu.” Ao acessar o Google e buscar pelo nome da cantora levei um susto, não existia nenhuma referência do nome dela, achei estranho pois ela é uma cantora de peso no meio evangélico e possui uma grande gravadora, de curiosidade entrei no site da gravadora e depois de muitos cliques achei a abençoada. O site 100% em flash com o menu todo em flash, essa foi a resposta do sumiço do nome dela no maior site de busca do mundo. O Google pode até indexar <ul> arquivos em swf mais entender o que cada link diz dentro do flash isso é <li><a href="index.htm" title="Home" id="genesis" accesskey="0"> impossível, ou até mesmo os texto que estão dentro do arquivo swf, assim como Página principal</a></li> o <li><a JPG o Google href="desenvolvimentodesites/michelferreira.htm" não consegue ler o que está escrito no swf, por isso reafirmo, use id="perfil" accesskey="1" title="Michel Ferreira"> Michel o flash de forma moderada e dosada. Ferreira</a></li> <li><a href="desenvolvimentodesites/portfolio.htm" id="portfolio" accesskey="2" title="Portfólio Michel Ferreira"> Portfolio Michel Ferreira</a></li> <li><a href="desenvolvimentodesites/midia.htm" id="midia" accesskey="3" title="Michel Ferreira na mídia"> Michel Ferreira na mídia</a></li>

Uma das alternativas para burlar isso seria escrevendo o texto que está dentro do swf no XHTML, esconder o texto com CSS assim como os links, mais isso não é muito recomendado fazer, pois seria uma técnica SEO BLACK HAT que iremos ver mais a frente. Existem técnicas para validar o documento que usa flash pela W3C, isso ajuda na acessibilidade de todo documento, mais lembre-se use somente o flash para coisas básicas como topo, banner e esteja ciente que o texto que está no flash seja incluso no seu XHTML. No caso do seu site for 100% em flash a solução é criar uma segunda versão totalmente em XHTML assim o seu conteúdo será indexado pelo spider. VALIDANDO O FLASH Iremos aprender como deixar semântica a nossa página que possui um arquivo swf, quando inserimos um swf na nossa página pelo dreamweaver o nosso código fica totalmente sujo veja o exemplo:

Esse código <object></object> está sujando o nosso documento e deixando ele inacessível, para solucionar o caso poderíamos fazer os seguintes passos: 1. Baixe o arquivo no endereço: http://www.michelferreira.com/swfobject.js 2. Coloque o arquivo no seu servidor. Insira esse java na sua página: <script type="text/javascript" src="swfobject.js" ></script>

3. Use o seguinte script para chamar o swf: <script type="text/javascript"> // <![CDATA[ var so = new SWFObject("seguros/swf/banner.swf", "aqui você coloca o nome da sua div", "758", "156", "8", "#FFF"); so.write("aqui você coloca o nome da sua div "); // ]]> </script>

Repare na terceira linha do script que diz var so = new SWFObject é justamente dentro do parênteses que deveremos especificar o nosso SWF, aonde eu coloquei o nome “aqui você coloca o nome da sua div” você deverá colocar o nome da div que chama o flash. Os números 758 e 156 é o tamanho do nosso swf. Com esse script chamamos o swf através de um código Java o que irá validar a nossa página pela W3C.

H1, H2, H3, ETC. As tags <h1></h1>, <h2></h2>, <h3></h3>, etc. Nada mais é do que os cabeçalhos da página, o mais importante é o <h1></h1> e menos importante é o <h6></h6>. Alguns designers não gostam de utilizar pela formatação que traz ao documento, lembre-se: CASO VOCÊ NÃO VENHA UTILIZAR ESSAS TAGS POR ACHAR QUE ELAS ESTRAGAM O DESIGN DO SITE, UTILIZE CSS PARA FORMATÁ-LAS. Eu aconselho a colocar a palavra-chave desejada dentro do <h1></h1>, ele tem a função de especificar o título principal da página XHTML, as tags <h2></h2> tem a função do subtítulo da página, vamos dizer que sua H1 seria: <h1>Michel Ferreira desenvolvimento de sites</h1> A sua H2 seria o nome de cada página ou sessão vamos dizer que iremos para o link aonde eu irei apresentar o meu portfólio: <h2> Portfólio do Michel Ferreira </h2>

O H3 tem a mesma função do H2 mais seria uma espécie de subtítulo do H2, vamos ao exemplo: <h1> Michel Ferreira desenvolvimento de sites </h1> <h2> Portfólio do Michel Ferreira</h2> <h3> Trabalhos </h3> Sempre respeite a hierarquia, nunca coloque um H3 na frente do H1 ou coloque na frente do H2, sempre siga a seqüência H1, H2, H3, H4, etc. PARÁGRAFOS Respeite sempre os parágrafos utilizando a tag <p></p>, não use excessivamente o uso da tag para preencher buracos no layout como no exemplo: <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley</p> <p></p><p></p><p></p>

Para isso utilize o CSS para preencher espaços, a mesma coisa para a tag <br/> não utilize várias vezes com o intuito de preencher vazios. Isso conta e muito na acessibilidade web, faça o seu documento respeitando o objetivo de cada tag XHTML. VALIDANDO O DOCUMENTO PELA W3C O significado das siglas W3C tem por nome World Wide Web Consortium, é a união de empresas que visa implementar os padrões web, liderada pelo criador da web, Tim Berners-Lee. O site da W3C nos permite validar o nosso XHTML e CSS, acesse o link http://www.w3.org

VALIDANDO O XHTML Esse validador verifica se o nosso XHTML possui erros, acesse: http://validator.w3.org/

Digite sua URL e clique em chek, se aprovado você poderá colocar o selo da W3C no XHTML. Site da W3C responsável por criar os padrões web, atualmente com 500 membros.

VALIDANDO O CSS Acesse http://jigsaw.w3.org/css-validator/ para verificar se existe algum erro na folha de estilo.

Verificação da folha de estilo, o validador verifica se existe algum erro no CSS.

TESTANDO A ACESSIBILIDADE DO SEU DOCUMENTO Depois de aprender as técnicas de acessibilidade, iremos avaliar o nível de acessibilidade, para isso hospede o seu arquivo XHTML em algum servidor e acesse: http://www.accesible.com.ar/examinator/index.php Examinator Acessible é uma ferramenta que verifica a acessibilidade da sua página, ela segue os padrões WCAG 1.0 da W3C. O WCAG 1.0 são normas da W3C que explicam como criar documentos acessíveis para deficientes visuais, ela é voltada para desenvolvedores web.

O Examinator é uma ferramenta que nos mostra os pontos aonde podemos melhorar a nossa acessibilidade, irei usar de base a minha index.htm, vamos para a análise: O Examinator é baseado nas diretrizes WCAG 1.0 de acessibilidade da W3C, ela mostra os pontos fracos e positivos no documento a nota máxima é 9.9.

RESULTADO EXAMINATOR O Examinator verifica 23 pontos na acessibilidade, varia desde número de links até idiomas vamos verificar os pontos: IDIOMA Identifique quando sua página possuir outro idioma, principalmente em links externos se sua página é linkada para um site de outra língua identifique. IMAGENS Cada imagem deve conduzir o atributo "ALT", com um texto que descreve o seu conteúdo ou o papel. 36

ATRIBUTOS ANTIGOS DE DESIGN Não utilize atributos antigos como "hspace", "bgcolor" ou "nowrap". Os atributos obsoletos são estruturas que foram substituídas por outras mais adequadas e devem ser evitadas porque podem provocar problemas de acessibilidade. DECLARAÇÃO DO DOCUMENTO Necessário o documento ter a sintaxe DTD para especificar qual a versão usada do XHTML. TECNOLOGIA W3C Utilize a tecnologia que a sintaxe DTD suporte. Entre outras razões, porque eles são cada vez mais reconhecidos das questões relativas à acessibilidade. PÁGINA VÁLIDA PELA W3C É importante evitar os erros no código fonte para que a página seja corretamente interpretada pelo usuário. CSS VÁLIDO È muito importante o CSS está 100% válido, sem erros. ATRIBUTOS ANTIGOS Não utilizar atributos antigos como <center>, <applet>, <font>. Os elementos estão desatualizados e foram substituídos por outros mais adequados e devem ser evitados porque podem provocar problemas de acessibilidade. USO DE CABEÇALHOS H1, H2, ETC. Utilize cabeçalhos H1, H2, H3 e etc. obedecendo a sua hierarquia, não use os cabeçalhos aleatoriamente para mudar o tamanho da fonte no documento.

UNIDADES ABSOLUTAS Não use unidade de medidas absoluta no seu documento, use relativas pois os usuários poderão ampliar ou reduzir o tamanho dos elementos da página de acordo com suas necessidades. Evite o uso de pixel como medida de texto. UTILIZAR FOLHAS DE ESTILO (CSS) Folhas de estilo representam um grande passo para a Web, porque eles permitem a separação de conteúdo e apresentação das páginas. TABELAS As tabelas não devem ser utilizadas para introduzir o layout da página, somente dados tabulares. Isto é especialmente importante para aqueles que utilizam 37

navegadores

texto

leitores.

Não usar tabelas para compor a página, a menos que o conteúdo das tabelas faça sentido quando é representado de forma linear. Caso contrário, se a tabela não for compreendida, forneça um equivalente alternativo. APRESENTAÇÃO Vamos dizer que a apresentação controle o design da página, é errado usar atributos para mudar o design dos elementos para isso é utilizado o CSS. ELEMENTOS DE APRESENTAÇÃO São utilizados nas tags <b>, <center>, <font> para controlar a apresentação da página. É extremamente errado utilizar elementos da linguagem de marcação para controlar a forma como são apresentadas. Em substituição deverá ser utilizado CSS. DIVISÃO DE CONTEÚDO Estruture corretamente o texto usando: títulos, capítulos, parágrafos e listas. Lembre que os blocos de informações longas prejudicam a compreensão, faça divisão com <p>. TÍTULO DA PÁGINA Escolha um texto apropriado para a página, o nome deve ser claro e objetivo. LINKS Especifique claramente cada link para que o usuário saiba realmente para aonde está indo evite os links como “clique aqui”.

IDIOMA Especifique o idioma principal da página. ABREVIATURAS É importante explicar o significado das abreviaturas e siglas que aparecem pela primeira vez e indicar através do atributo título. DOCUMENTOS RELACIONADOS Os elementos com atributos <link> "rel" ou "REV" podem ser dados informações sobre a relação entre a página atual e outros recursos. LINKS

Especifique os links principais em listas <ul><li>. ACESSKEY Forneça o acesso dos links através do teclado para isso insira o atributo acesskey nos links. LIMITE DE LISTAS Limite seus links em listas, não passando de 25 listas. Esses foram os 23 pontos que o Examinator estuda no seu documento, esteja o mais acessível possível. Respeitando essas normas o seu documento estará perfeito no quesito acessibilidade.

5) SEARCH ENGINE OPTIMIZATION

este capítulo vamos finalmente falar sobre as mais variadas técnicas SEO, irei mostrar os 3 lados dos profissionais SEO e suas técnicas.

WHITE HAT SEO

O profissional white Hat SEO (chapéu branco), é aquele profissional bonzinho que segue a boa conduta, não usa nenhum artifício para burlar os mecanismos de busca. GRAY HAT SEO

O profissional gray Hat SEO (chapéu cinza), é aquele que utiliza técnicas que não são 100% legais entre os profissionais da área, mais são válidas pelos sites de buscas. Posso dizer que é aquele que usa de forma consciente algumas técnicas black SEO. BLACK HAT SEO O profissional black Hat SEO (chapéu preto), é aquele que utiliza técnicas desonestas para ocuparem as primeiras posições, esconde texto e links na página, faz esquema de links e tantos outros. Eu particularmente me defino como chapéu cinza, pois uma pessoa dizer que é única e exclusivamente chapéu branco eu não creio, já vi muitos puritanos encherem a boca de serem chapéu branco e comentarem em blogs com o mesmo tema do conteúdo da sua página pessoal e escreverem simplesmente nada com nada e deixar o link do seu site. Será que o céu não ta ficando cinzento não galera?? (rsrsrsrsrsr) TÉCNICAS SEO URL É fundamental na sua URL conter a palavra-chave desejada, salve o seu XHTML de forma que a palavra-chave esteja no documento, vamos dizer que a sua chave seja: desenvolvimento de sites, a URL ficaria: http://www.servidor.com/desenvolvimentodesites.htm Nunca abrevie palavras no tipo: http://www.servidor.com/dsites.htm

O Google da grande importância a isso, palavras-chaves que estejam na URL do site, pois quando o usuário for pesquisar pela palavra desenvolvimento de sites, você irá ganhar grande relevância e estará mais nítido para o robô. Quando for salvar o seu XHTML não esqueça de omitir nada da sua palavra chave, mesmo sendo uma vogal escreva exatamente como é a palavra-chave, você terá duas opções para escrevê-las: 1) Escreva a sua palavra-chave toda junta como no exemplo: http://www.servidor.com/desenvolvimentodesites.htm 40

2)Separe as palavras por hífen, como no exemplo: http://www.servidor.com/desenvolvimento-de-sites.htm As duas opções são válidas para o Google, no meu site escolhi a primeira pelas circunstâncias, mais há pouco tempo muitos profissionais SEO inclusive o próprio Google passou a utilizar a segunda opção. CRIANDO LINKS Um fator muito importante é a quantidade de links na sua página, o Google aconselha cerca de 100 links por página, já pensou ter 100 links na sua página com a sua palavra-chave? Isso conta bastante, pois você terá cerca de 100 links com a palavra-chave será um critério a mais para vencer os concorrentes, faça o seguinte: 1) Crie uma pasta com o mesmo nome da palavra-chave desejada como mostra a figura abaixo:

Salve a pasta com o nome da sua palavra-chave e jogue todas as suas páginas dentro dessa pasta e deixe a index fora dela, assim quando for criar os links da sua index será necessário acessar a pasta, o que por obrigação a sua URL ficará: http://www.servidor.com/desenvolvimento-de-sites/sua página DOMÍNIOS E SUBDOMÍNIOS

Um outro meio interessante de se explorar são os domínios, na hora da competição o domínio é um fator de peso, tente comprar domínios contendo a palavra-chave desejada, ou então crie um subdomínio. Na palavra-chave de exemplo ficaria: http://desenvolvimentodesites.servidor.com Eu aconselho a criar subdomínios para no caso conquistar uma segunda palavrachave, atualmente estou disputando as primeiras posições da palavra chave “desenvolvimento de sites” aos poucos meu site ganha posição ele está na terceira página, quando fiz a técnica estava na 10° página, até o Google dar importância, aos poucos ele vai ganhando posições, muitas empresas visam essa palavra-chave o que causa uma grande batalha, a cada visita do robô o meu site sobe. Diferentemente da palavra-chave “michel ferreira” que não demorou muito para ser o primeiro, a disputa demorou cerca de 2 meses e ganhei um site de pagerank 4 Estou em busca de uma terceira palavra-chave para criar o meu blog, irei criar um subdomínio para conquistar a terceira palavra-chave o que irá criar popularidade ao meu site, um fator importante SEO: POPULARIDADE. POPULARIDADE DO SITE A popularidade é importante, pois através dela ganhamos posições na disputa, a popularidade nada mais é do que a fidelidade do visitante, a ferramenta Google Analytics nos permite monitorar a popularidade, iremos aprender como utilizá-la mais a frente. Crie um bom conteúdo para o seu site e explore bastante o seu site com matérias, sempre atualize o seu site e tente prender ao máximo o visitante, por exemplo no meu site tem visitantes que demoram 2 segundos isso prejudica e muito a indexação da palavra-chave, para resolver o problema estou montando um blog, para trabalhar a popularidade do site. Assim sempre terei conteúdo novo e irá prender a atenção do visitante. Outro fator que ajuda a popularidade são os RSS, insira um feed no seu site para chamar o cliente quando houver atualizações, resumindo faça de tudo para prender a atenção do visitante. TÉCNICAS BLACK HAT SEO Iremos agora falar um pouco sobre o submundo SEO, nela tudo vale para alcançar as primeiras posições, não importa os meios mais sim o resultado final,

eu não me responsabilizo caso você venha optar pelo lado negro da força, em tempos passados utilizei e muito essas técnicas, porem nunca fui penalizado. Toda regra possui suas exceções, por isso pense muito antes de fazer o que irei ensinar nas próximas páginas, pois se o seu site for penalizado isso irá acarretar na exclusão do Google, ou quem sabe o seu rival lhe denuncie para o Google? Pense duas vezes. Em pouco tempo foi banido o site da BMW da Alemanha por usar técnicas de indexação reprovadas pelo Google. Entre as técnicas estão a Spamdexing, cloaking, Google Bomb. O cloaking nada mais é do que esconder conteúdo na página, utilizando textos da mesma cor do fundo da página ou utilizando o CSS para que o usuário não consiga visualizar, somente no código fonte. O termo Spamdexing é a união entre spam + indexar, nada mais é do que um spam voltado para os sites de buscas, com essa técnica o site recebe uma “atenção” maior do que deveria receber, a prova disso são alguns visitantes que demoram cerca de 2s visitando sua página. O Google Bomb é denominado por criar vários links direcionado para sua página, vamos dizer que você deseje a palavra-chave “venda de impressoras”, então é criada vários links para seu site como: <a href=http://www.seusite.com>venda de impressoras</a> Assinando em blogs com essa assinatura ou trocando links com dessa forma, o Google estará dando uma grande importância para esse link, pois a palavra-chave está em um link, ficará melhor ainda se for possível colocar um <strong> ficando assim: <a href=http://www.seusite.com><strong>venda de impressoras</strong></a>

Mais cuidado! Essa técnica traz resultados rápidos mais com o passar do tempo a sua página perderá força despencando nas posições, existe um meio para resolver esse caso, escondendo páginas com o mesmo conteúdo, assim o robô irá ver que o conteúdo linkado possui um conteúdo parecido, não penalizando. Existem vários sites especializados nessa técnica que permitem que o seu site seja linkado neles, através de uma troca, ou seja, você inseri o link na página deles e eles inserem o link deles na sua página, acesse o site: http://www.directorymaximizer.com/seo-friendly-directories.php? pageNum_directory_list=0

SEO Friends é um portal que reúne vários sites com variados pagerank, que permitem essa técnica, muito bom para subir nas buscas, crie uma página com um nome totalmente sem sentido ou exclua ela do robots.txt (iremos estudá-lo mais a frente), assim o robô não encontra a sua página. Outro meio interessante é criar nas suas páginas uma sessão de parceiros ou tags mais procuradas, e coloque todas elas em strong, está valendo também. No Follow Coloque rel="external nofollow para mostrar ao robô que o link é uma troca ou venda de links, com isso o link para essa página não contará como pagerank e não irá lhe prejudicar na pontuação, o robô irá entender que você possui um link apontado para sua página somente isso vai lhe dar importância mais pode ser antiético rsrsrsrsrs da sua parte com seu amigo. Exemplo: <a href="http://www.gospelms.com" id="gospelms" title="GospelMS" rel="external nofollow">Vídeos evangélicos</a>

CLOAKING Essa técnica consiste em esconder links e texto na página, a tempos atrás você acessava meu site e via uma coisa, mais quando estudava o código-fonte via outra coisa totalmente diferente, existia muitos links escondidos o que melhorou e muito minhas posições, mais logo fiquei com medo devido a concorrência pois se fosse denunciado seria severamente penalizado, hoje uso algumas técnicas escondidas sem ninguém perceber, veja o exemplo de cloaking: #textotableless{ margin-top:-8000em; margin-left:-8000em; }

Utilize essa sintaxe, assim todos os elementos no XHTML que estiverem relacionados a ela ficará invisível aos olhos humanos e será visível apenas aos robôs. Existe um leque de opções, basta apenas a pessoa entender bem de CSS que ela irá longe. Você poderá incluir links escondidos, texto, fazer tudo o que for necessário para adulterar o resultado da busca, quando o cloaking é via CSS fica mais difícil 44

deles descobrirem, mais tome muito cuidado caso for descoberto você será severamente punido. Essas táticas na maioria das vezes passam despercebidas, MAIS MESMO ASSIM EU NÃO AS RECOMENDO APENAS ESTOU MOSTRANDO COMO FUNCIONA AS TÉCNICAS DESONESTAS E NÃO ME RESPONSABILIZO CASO FAÇA NO SEU SITE. Lembre-se muitas pessoas poderiam lhe denunciar, um concorrente, ou então até que alguém do Google venha analisar o seu código e ver que sua técnica está adulterando os resultados, cuidado muito cuidado, sempre pensamos que o mal acontece com as outras pessoas e nunca conosco. Lembre-se “o sol nasce sobre os justos e injustos” Mateus 5:45

6) INDEXANDO A PÁGINA

gora estamos aptos para fazer o upload de nossos arquivos, nesse momento uma alegria imensa tomou conta do seu ser, pois depois desse aprendizado você irá dominar o mundo, nenhuma página possui o nível de acessibilidade que o seu, nenhuma possui uma estratégia tão boa de SEO, enganou-se.

Se a sua palavra-chave for bastante disputada isso levará tempo, pois o Google leva em consideração vários critérios e um deles é o tempo que a página está no ar. Já ouvi muitas pessoas falarem que o tempo é rápido, bastando o robô lhe visitar e pronto. Nada feito, algumas técnicas surtem o efeito em dias, eu levei cerca de 1 semana para derrubar um concorrente, o que notei foi a indecisão do Google em semanas, em um determinado período estava na primeira posição outra hora do dia na segunda, mais na maior parte do tempo eu ficava na liderança. Isso ocorreu pois o robô estava verificando vários critérios entre nós dois, pois meu site não possuía links apontados para ele e o concorrente vários, eu levava uma grande vantagem na acessibilidade, técnicas SEO, domínio e quantidade de páginas. Do outro lado existia o império de anos no primeiro lugar, na qual o robô estava acostumado a dar prioridade e aos poucos viu que o meu site possuía maior importância do que o concorrente. Aos poucos cerca de 2 meses a primeira posição ficou comigo permanentemente. Para indexar a página no Google não é necessário adicionar sua página manualmente através do link http://www.google.com.br/intl/pt-BR/add_url.html mais caso esteja com pressa de ter resultado não custa nada fazer, mais esteja ciente que o robô do Google visita todos os sites da web, e ninguém consegue escapar dele é quase onipresente na web. DMOZ OU OPEN DIRECTORY É um diretório aberto web controlado por humanos, é uma espécie de busca, você deve estar se perguntando mais afinal que força trará para meu site conseguindo entrar no DMOZ? O DMOZ serve nada mais nada menos como um coração para web, para os grandes sites de busca, pois o resultado das buscas mecânicas não da um resultado 100%. A web cresce muito a cada dia já deu para imaginar a quantidade de links quebrados que seria de páginas sem qualidade, para isso serve o DMOZ ser a base de busca para esses grandes buscadores. O Open Directory é a base dos sites de buscas mais usados, incluindo Netscape Search, AOL Search, Google, Lycos, HotBot, DirectHit, e centenas de outros..

Já deu para imaginar que não é nada fácil entrar no DMOZ, ele funciona da seguinte maneira, cada editor é responsável por uma categoria, esse editor irá verificar se o seu conteúdo poderá entrar em determinada categoria. Caso não consiga continue tentando até ser incluso nos diretórios.

7) FERRAMENTAS DE CONTROLE E MONITORAÇÃO

amos conhecer as ferramentas fundamentais para monitorarmos o nosso site, através dela poderemos saber qual a palavra-chave mais buscada no site, qual a porcentagem de popularidade que temos, quanto tempo o usuário ficou no site, entre outras. Elas são fundamentais para um profissional SEO.

47 DMOZ é uma das maiores referências aos sites de busca.

Acesse o site: http://www.google.com/webmasters/ Central webmaster do Google, destaque para “Ferramentas do webmaster”

SITEMAP GOOGLE O sitemap nada mais é do que a organização de todas as páginas do site, para os sites de busca, funciona como uma espécie de mapa. Diminuindo o trabalho dos bots e consequentemente incluindo rapidamente nos diretórios do Google as suas páginas. Em vez do robô buscar por novidade no seu site ele vai direto no sitemap verificando se houve alguma atualização. Para incluir o sitemap, acesse o link http://www.google.com/webmasters/ , como mostra na imagem acima, acesse o link FERRAMENTAS DO WEBMASTER, cadastre o seu site. CRIANDO O SITEMAP O sitemap nada mais é do que um arquivo XML, onde estarão especificadas todas as suas páginas, baixe o exemplo em meu site: http://www.michelferreira.com/manualseo_sitemap.zip

O modelo deverรก estar assim: <?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/09/sitemap.xsd"> <url> <loc>http://www.michelferreira.com/</loc> <priority>0.1</priority> <changefreq>daily</changefreq> </url> </urlset> Repare na tag <loc> a sua URL deverรก ficar dentro como no exemplo acima, as demais tags nรฃo modifique apenas repita de acordo com as suas pรกginas, veja o exemplo do meu site: http://www.michelferreira.com/sitemap.xml A cada nova pรกgina insira uma nova <url></url>, ficaria da seguinte maneira: <url> <loc>http://www.michelferreira.com/</loc> <priority>0.1</priority> <changefreq>daily</changefreq> </url> <url> <loc>http://www.michelferreira.com/sites.htm</loc> <priority>0.1</priority> <changefreq>daily</changefreq> </url>

ISERINDO O SITEMAP

A ferramenta do webmaster do Google, verifica as datas de visitas do googlebot, quais foram as urls que o robô não achou, entre outras opções. Para incluir o sitemap que acabou de fazer clique em sitemaps e incluir sitemap, o robô leva algumas horas para ler o seu sitemap, apenas aguarde. Pronto seu site estará devidamente configurado. ROBOTS.TXT A função do robots.txt é mostrar para o robô quais páginas estão excluídas no sistema de busca, nada mais é do que o controle dos spiders. O arquivo robots.txt é um arquivo de texto, aonde deverá estar na raiz do site. Assim podemos bloquear um site inteiro ou apenas uma parte, ideal para sites em teste que ainda não devem estar listado nos sites de busca. Formato A primeira coisa que o robô faz é visitar o seu robots.txt, então todo cuidado é pouco. A seguir você verá o modelo do robots.txt, e entender melhor as suas funcionalidades, e saber utilizá-lo.

# robots.txt gerado em # michelferreira.com / User-agent: Googlebot Disallow: /criacaodesites/ User-agent: Slurp Disallow: User-agent: MSNBot Disallow: User-agent: Googlebot-Image Disallow: User-agent: yahoo-mmcrawler Disallow: User-agent: psbot Disallow: User-agent: * Disallow:

O nome user-agent é o nome do robô na qual você irá trabalhar, verifique que no documento existem 6 user-agent, você pode escolher quais URLs bloquear para determinado robô, o nome disallow é o diretório a ser excluído, como no exemplo acima optei por bloquear o diretório /criacaodesites/ Você pode optar por excluir vários diretórios bastante somente repetir o nome disallon, como no exemplo abaixo: # robots.txt gerado em # michelferreira.com/ User-agent: Googlebot Disallow: /criacaodesites/ Disallow: /desenvolvimentodesites/sites_intranet.htm Disallow: /desenvolvimentodesites/rrn/ Disallow: /desenvolvimentodesites/imo06/ Disallow: /desenvolvimentodesites/clinica/ Disallow: /desenvolvimentodesites/pet/ Disallow: /desenvolvimentodesites/kof/ Disallow: /desenvolvimentodesites/pib/ Disallow: /desenvolvimentodesites/v1zone/ User-agent: Slurp Disallow: User-agent: MSNBot Disallow: User-agent: Googlebot-Image Disallow: User-agent: yahoo-mmcrawler Disallow: User-agent: psbot Disallow: User-agent: * Disallow:

Veja que o nome disallow repete várias vezes para bloquear vários diretórios, repare que os diretórios só foram exclusos do Googlebot e os outros robôs como MSN, Yahoo entre outros não foram bloqueados, caso venha querer bloquear os

diretórios em todos os mecanismo de busca, basta apenas colocar no nome useragent um asterístico *, como no exemplo abaixo: # robots.txt gerado em # michelferreira.com/ User-agent: * Disallow: /criacaodesites/ Disallow: /desenvolvimentodesites/sites_intranet.htm Disallow: /desenvolvimentodesites/rrn/ Disallow: /desenvolvimentodesites/imo06/ Disallow: /desenvolvimentodesites/clinica/ Disallow: /desenvolvimentodesites/pet/ Disallow: /desenvolvimentodesites/kof/ Disallow: /desenvolvimentodesites/pib/ Disallow: /desenvolvimentodesites/v1zone/

Dessa maneira bloqueamos os diretórios em todos os sites de busca, logo após ter escrito esses dados no seu bloco de notas, salve o arquivo como robots.txt e coloque na raiz do seu site e faça o upload, pronto seu sites estará com o robots.txt configurado. GOOGLE ANALYTICS Ele monitora o status do seu site, parecido com as estatísticas que os servidores de hospedagem oferecem, o analytics é muito superior, aonde praticamente você saberá os passos das pessoas que visitam o seu site, para ativar o serviço é necessário se cadastrar para isso acesse o link: http://www.google.com/analytics/pt-BR/#utm_source=pt_BR-ha-latam-brgoogle&utm_medium=ha&utm_campaign=pt_BR O sistema permite a monitoração do Google AdWord e AdSense, mais não será o nosso foco e sim como funciona a nossa estratégia SEO. Através dele poderemos saber quais as palavras-chaves mais buscada no nosso site, quanto tempo os internautas demoram no site, quais os links que trazem mais acessos entre outras. Uma ferramenta completa para monitorarmos o nosso site. Depois de nos cadastrarmos, o Google nos disponibiliza um código em Java para inserirmos na nossa página, não é necessário inserir em todos os arquivos HTML, apenas na página principal, será o suficiente para rastrear todos os dados do site.

Google Analytics o serviço nos permite monitorar nossas estratégias.

Vamos aprender a usar essa ferramenta, verifique na parte “USO DO SITE” aonde conseguimos visualizar a porcentagem de rejeição, será justamente a POPULARIDADE DO SEU SITE, através dessa informação você saberá se o seu site possui popularidade entre os usuários ou não, tente deixar o menor possível a taixa de rejeição. Em fontes de tráfego, podemos saber quais as palavras-chaves mais buscadas e quais os links para a nossa página, repare que ele nos visualiza o tempo que cada pessoa fica no site após a busca.

8) MEU SITE NÃO APARECE NAS BUSCAS O QUE HOUVE (SANDBOX)

epois de 1 mês do seu site ter ido para o ar, totalmente semântico com todas as técnicas possíveis SEO e ainda não apareceu nas buscas?

Você deve estar querendo o seu dinheiro de volta, rsrsrsrs, mais calma existe um conceito chamado SandBox, que significa caixa de areia ou caixão, aonde se encontra todas as URLs novas que não ganharam a devida importância no Google. Então calma, pois tudo é questão de tempo, não se sabe o tempo específico que uma URL fica no SandBox. Não existe a necessidade de inserir a página novamente no Google, a única coisa que você pode fazer e fazendo com que sites linkam para o seu, dessa forma a sua página começa a ganhar importância. Uma coisa interessante é que durante a sandbox uma página pode acumular pagerank, mais não estar listado em nenhuma busca, tente buscar só pelo URL do seu site provavelmente o encontrará. Atualmente construí um site com cerca de 400 visitas diárias e vários links apontados para ele e ficou na sandbox por um grande período, creio que também a popularidade do site conta, quanto mais popularidade, quanto mais tempo os usuários permanecerem em seu site mais rápido ele sairá da sandbox, então não se precipite isso é um caminho natural de indexação. VERIFICANDO O ANDAMENTO DA INDEXAÇÃO É possível verificar no Google o andamento da indexação do seu site, quais páginas foram adicionadas, quais páginas possuem links para a sua, qual o último conteúdo que o googlebot rastreou entre outras. Para isso no Google busque por: info:http://www.seusite.com Dessa maneira o Google irá mostrar todas as informações que o robô conseguiu enxergar. No meu caso seria: info:http://www.michelferreira.com Bom meus amigos, esse foi o nosso manual, espero que você tenha grande sucesso. A paz de Cristo.