TODOS OS DIREITOS RESERVADOS, EM HIPTESE ALGUMA QUALQUER PARTE DESSE MANUAL PODER SER REPRODUZIDA OU TRANSMITIDA SEM A PERMISSO

DO AUTOR. O AUTOR NO ASSUME A RESPONSABILIDADE PELO USO DAS INFORMAES E RESULTADOS OBITIDOS PELO MANUAL, ESSE MANUAL FRUTO DE ANOS DE EXPERINCIA DE TRABALHO RDUO. MARCAS REGISTRADAS: O AUTOR NO POSSUI NENHUMA RELAO COM A MARCA GOOGLE Inc. O USO DE IMAGENS, NOME, MARCAS PODERO SER CITADAS NESSA OBRA APENAS PARA CASO ILUSTRATIVO, NO VISANDO O LUCRO, FAVORECIMENTO OU DESMERECENDO O PRODUTO.

PREFCIO
H cerca de alguns anos atrs publicidade e marketing na internet eram sinnimos de venda e troca de banners, aos poucos vieram as famosas janelas pop-ups, que incomodavam e muito os usurios. Cada vez mais esses mtodos foram extintos da web por trazerem grande desconforto e no terem uma preciso 100% de vendas. Foi aonde surgiram o conceito de venda atravs de sites de busca, a parceria ideal entre usurio e empresas que usavam a internet como um veculo de venda. O usurio 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 ateno era a possibilidade de estar nas primeiras posies no Google com custo 0, fazer com que o sistema de busca trabalhe para voc enquanto est dormindo. justamente aonde ns 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, responsvel pela Intranet do Estado aonde engloba todas as secretrias do governo. Possui no seu portflio grandes projetos como: Clube de Regatas Flamengo Second Life Governo do Estado do Rio de Janeiro

AGRADECIMENTOS Agradeo ao Senhor Jesus Cristo pela sua fidelidade e a minha esposa beno na minha vida. Agradeo o apoio de toda minha famlia. Obrigado.

1) INTRODUO

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 critrios para indexar uma keyword1 a estruturao do cdigo fonte, o que torna o cdigo-fonte legvel e acessvel para os crawlers2. Podemos dividir em 2 etapas as tcnicas SEO: Links Semntica Links Nada mais do que links que apontam para a sua pgina o quanto mais links tiver, melhor ser sua posio. Muitos devem estar lendo e falando que isso no passa de uma tcnica chamada Google Bomb3, mais no se engane o Google penaliza as pginas que o contedo no seja o mesmo, por exemplo, um site de floricultura apontado para a pgina da segurana nacional. Essas tcnicas de manipulao de PageRank4 so denominadas cloaking5 e so severamente punidas pelo Google causando at mesmo a excluso da pgina nas buscas. Semntica O fato das pginas HTML serem estruturadas nos padres web as torna acessveis a qualquer dispositivo, seja ele um computador antigo at mesmo um celular, padres web significa uma web que fala uma nica lngua. Tente abrir no Dreamweaver uma pgina HTML que foi criada no FrontPage, o resultado ser desastroso, pois cada empresa cria um padro de criao, hoje temos uma internet sem lei, aonde os desenvolvedores so escravizados no modo grfico sujando o cdigo fontes das HTML. Por parte de muitos desenvolvedores existe uma grande resistncia aos padres web, eles alegam que como se voltasse ao sistema antigo de criao de sites direto no cdigo fonte, o que no passa de desculpas. No existe nada melhor do que ter o seu site no topo das busca e toda dia receber uma proposta de oramento de desenvolvimento de site. Desejo uma boa leitura e que voc faa parte do futuro da web. Grande abrao

1 2

Keyword Palavra-chave Crawlers So os robs responsveis por buscar na internet os contedos dos sites, indexando palavras-chaves e links. 3 Google bomb So vrios links apontados para uma mesma pgina, influenciando a posio nas mquinas de busca e adulterando o PageRank. 4 PageRank uma avaliao que o Google da aos sites, essa avaliao em uma escala de 0 a 10, a medida que determinada pgina possui links apontados para ela a tendncia o PageRank aumentar.

10

2) CONHECENDO O GOOGLE

ntes de comear a parte prtica, vamos entender como funciona o nosso espao de trabalho, pois nada melhor do que conhecer a empresa em que vamos trabalhar, saber como so 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 combinao nica de avanados hardware e software. A velocidade que notamos pode ser atribuda em parte a eficincia do algoritmo de busca e parcialmente a milhares de PC's de baixo custo que esto reunimos em rede para criar um mecanismo de busca super-rpido. O corao do software o PangeRank(TM), um sistema para dar notas para pginas na web, desenvolvido pelos fundadores Larry Page e Sergey Brin na Universidade de Stanford. EXPLICAES SOBRE PAGERANK
Texto retirado do site google.com.br

A classificao das pginas (PageRank) confia na natureza excepcionalmente democrtica da Web, usando sua vasta estrutura de links como um indicador do valor de uma pgina individual. Essencialmente, o Google interpreta um link da pgina A para a pgina B como um voto da pgina A para a pgina B. Mas o Google olha alm do volume de votos, ou links, que uma pgina recebe; analisa tambm a pgina que d o voto. Os votos dados por pginas "importantes" pesam mais e ajudam a tornar outras pginas "importantes. Sites importantes, de alta qualidade recebem uma nota de avaliao maior, que o Google grava a cada busca feita. Naturalmente, uma pgina importante no significa nada se no 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 possvel. O Google pesquisa quantas vezes a palavra procurada aparece nas pginas e examina todo o aspecto delas (e contedo das pginas ligadas a ela) para determinar o melhor resultado para a sua busca.

11

INTEGRIDADE
Texto retirado do site google.com.br

Os sofisticados mtodos de automao do Google tornam a manipulao dos resultados extremamente difcil. E, apesar de veicularmos alguns anncios relevantes acima e ao lado dos resultados, o Google no negocia classificaes dentro dos resultados de busca (ou seja, no possvel comprar uma posio privilegiada na Listagem de Pginas). A busca no Google um meio fcil, honesto e objetivo de encontrar websites de boa qualidade com informaes importantes para a sua pesquisa. CONCLUSO Amigos, conclumos ento que um dos fatores primordiais para obtermos PR, so os links apontados para as nossas pginas, quanto mais links de qualidades tivermos, melhor ser o nosso PR, mais vale ressaltar que trocar links com sites que no tem o mesmo contedo pode causar o efeito inverso, o Google possui normas internas que penalizam sites que tentam burlar normas, mais a frente iremos ver essas normas.
Image by-SA

m CC-

retirada do F-Clube do Google

12

Uma ilustrao sobre o funcionamento do PageRank, cada esfera representa uma pgina e o tamanho o PR. A esfera superior direita recebe apenas um voto, de uma esfera com alto PR, tornando-a com bom PR.

AES DO GOOGLE CONTRA OS SPAM Sabendo que apontando muitos links para minha pgina, muito fcil obter um excelente PR basta apenas entrar nos fruns de discursso e deixar um post com um link para meu site, e at mesmo colocar um link no site do seu Manl da padaria. ERRADO Sair linkando para seu site pode causar uma grande penalidade, pois os algortimos do Google so inteligentes, eles estudam o contedo das duas pginas e verifica se as duas possuem o mesmo tema, caso contrrio acontece a perda de PR, necessrio mostrar para o bot do Google que aquele link no seu site de algum parceiro ou venda, atravs do atributo external nofollow. Atualmente no meu site www.michelferreira.com criei algumas estratgias para poder usar de maneira consciente algumas tcnicas 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 estratgias que at mesmo utilizada em grandes portais. NORMAS DE DESENVOLVIMENTO Existem algumas normas pr-estabelecidas para que seu site no seja punido veja alguma delas, detalhe todas elas foram tiradas do endereo www.google.com.br.

13

1) Construa um site com uma hierarquia clara e links de texto. Cada pgina deve ser acessada a partir de pelo menos um link de texto esttico. 2) Mostre aos usurios um mapa do site que relacione o tpico s partes importantes de seu site. Se o mapa do site tiver mais de cem links, convm dividi-lo em pginas separadas. 3) Crie um site til, com muitas informaes e pginas que descrevam de forma clara e precisa o seu contedo. 4) Pense nas palavras que os usurios digitariam para encontrar suas pginas e certifique-se de que elas apaream no seu site. 5) Tente usar texto, em vez de imagens, para exibir nomes, contedo ou links importantes. O rastreador do Google no 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 cdigo HTML. 8) Se voc utiliza pginas dinmicas (aquelas em que o URL contm um caractere "?"), saiba que nem todo spider do mecanismo de pesquisa rastreia pginas dinmicas to bem quanto faz com as estticas. aconselhvel que os parmetros sejam poucos e curtos. 9) Utilize um nmero razovel de links por pgina (menos de cem).

14

3) INICIANDO O DESENVOLVIMENTO DO SITE

epois de ter todas essas informaes, 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 servios, por exemplo, suponhamos que voc tenha uma agncia web, qual seria a palavra-chave que clientes buscariam no Google? Se eu quisesse fazer um site buscaria por desenvolvimento de sites e criao de sites. O QUE KEYWORD DENSITY? Keyword density ou densidade da palavra-chave nada mais do que a quantidade determinada de palavra-chave no contedo da pgina, mais uma ao contra os SPAMS, pois tempos atrs somente era necessrio criar links com a palavrachave desejada e pronto, no era analisado o documento para ver se realmente aquela pgina continha determinada chave, com esse conceito toda a pgina analisada verificando relao keyword x contedo. Temos que ter em mente que o contedo de nossa pgina deva falar sobre a nossa palavra-chave, para o Google dar relevncia, um erro fatal de muitos desenvolvedores escrever inmeras keyword sem relao com o contedo, visando acessos quando o usurio busca o termo escolhido.
15

Um exemplo muito comum e errneo incluir palavras-chaves que no tem relao nenhuma com o contedo pensando em ganhar acessos em virtude da palavra-chave, esteja ciente que o Google analisa todo o cdigo de sua pgina e tentar engan-lo trazem drsticas conseqncias. Vamos agora estudar o nosso oponente esse quesito fundamental para ganharmos a disputa pelas primeiras posies, acesse o Google e busque pela palavra-chave escolhida. Depois de pegar a URL do principal concorrente analise a relao keyword x contedo, 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 tambm avaliar duas pginas verificando qual pgina possui a melhor densidade.

Exemplo do site www.keyworddensity.com uma anlise entre o meu site e de um concorrente em uma disputa pela palavra-chave michel ferreira.

16

Resultado da anlise da keyword density, o sistema analisa todo corpo HTML incluindo: Ttulo da pgina, descrio da pgina, palavras-chaves, texto visvel, descrio das imagens, comentrios, palavra-chave no domnio, 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 acessvel nosso site for melhor ser para ganharmos a disputa pelas primeiras posies. Vamos compreender um pouco como funciona o sistema de densidade, na pgina anterior verificamos a densidade no site do meu concorrente o Michel Ferreira de Portugal, vamos a anlise: Anlise do site http://www.ncc.up.pt/~michel/ Title (Ttulo da pgina) Tag: <title>Michel Ferreira HomePage</title> Ele colocou a palavra-chave no title da pgina, indicando ao rob a importncia do nome. Meta Description (Descrio do site)
17

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

Ele simplesmente no colocou nada na descrio do site, o que atrapalha e muito a definio, muitos desenvolvedores ignoram as Meta-tags saiba que elas so o rtulo do nosso site, fator essencial para descrevermos o site. Sempre coloque na descrio do site a palavra-chave que voc busca coloque um texto que seja harmonioso com o contedo 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 no especificou nenhuma palavra-chave, mais um ponto perdido na densidade. Visible-Text (Texto visvel) Apenas 2 referncias no contedo do site, visible text o contedo do site. Explore ao mximo, o texto com a sua palavra-chave, no crie um site com muitas imagens e poucos texto, crie um site que tenha contedo. Alt tags (imagens) No possui nenhuma referncia nas imagens com a palavra-chave. Sempre no atributo alt, escreva o que est escrito na sua imagem. Coment tags (comentrios) No possui nenhum tipo de comentrio com a palavra-chave. Se possvel crie comentrios com a palavra-chave. Domain name (domnio) Possui 1 referncia no domnio, colocar a palavra-chave no domnio nos da grande relevncia, vamos ver isso mais na frente. Image tags (Imagens) No 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 no o principal responsvel, sempre bom colocar os links com o nome da palavra-chave mais na frente vamos ver isso. No colocou nenhuma referncia. 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 domnio at comentrios, ento explore ao mximo a densidade da chave na sua pgina, lembrando que um dos pilares a acessibilidade. VERIFICANDO O PAGERANK? A ltima anlise do nosso oponente o PageRank, para isso ser necessrio baixar a Google Tool Bar no endereo http://toolbar.google.com

A imagem acima um exemplo da nossa Google Tool Bar, repare ao lado de Favoritos uma barrinha verde com o ttulo de PageRank, justamente ali que verificamos o nvel das pginas, apenas passe o ponteiro do mouse em cima da barrinha verde que ela mostrar o nvel do PR. O MEU CONCORRENTE TEM 4 DE PAGERANK E AGORA? Caso o seu concorrente venha ter um nvel alto no se desespere, pois na poca que estava desenvolvendo meu site possua nvel 0 e o meu concorrente 4, com apenas a acessibilidade em 2 semanas estava na primeira posio. Afinal o PageRank conta ou no? Existem muitas discursses a respeito do PageRank, se ele conta na corrida das melhores posies ou no, na minha opinio e baseado em minhas experincias o PageRank no 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 portugus que tem PageRank 4. Segundo Lus Henrique especialista em SEO tem a mesma opinio veja sua coluna no Oficina da Net: http://www.oficinadanet.com.br/artigo/607/page_rank_nao_significa_nada _quando_seu_site_tem_popularidade_

19

Aprendemos tudo sobre o nosso concorrente e temos todos os dados necessrios para trabalharmos em cima, no prximo captulo vamos comear a estruturao do HTML da pgina, e aprender as mais obscuras tcnicas SEO.

4) A IMPORTNCIA 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 semntica do documento poder ser uma oportunidade perdida. Um amigo no incio do seu aprendizado em Tableless criou uma estrutura baseada em CSS, sem nenhuma tabela, tudo na tag DIV, o documento estava vlido pela W3C, tudo como mandava a cartilha mais a acessibilidade do documento estava pssima. NA PRTICA O QUE ACESSIBILIDADE E USABILIDADE WEB? Finalmente vamos entender na prtica a importncia dos padres web na estrutura de um documento XHTML, lembrando que um site que esteja nas primeiras colocaes e no utiliza as normas da W3C, est com os seus dias contados no topo das buscas, at que venha um abenoado com cdigo acessvel
20

e semntico e lhe tire a posio, o quanto mais acessvel o site estiver, melhor ser. Em 2003 foi criado o site Connected Earth custou cerca de 1,6 milhes de dlares, porm seus desenvolvedores ignoraram os padres web, o site era incompatvel 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 funo ser o facilitador do projeto, desenvolvedores preguisoos no tem espao 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 desgraa, beberro, sem compromisso com nada e ningum 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 possvel para a visitar ser rpida 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, no precisando esconder nada. Concluso 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 arrumao seria em vo, pois quando pensamos que ningum est nos vendo quando fazemos algo de errado, esteja enganado Jesus est te vendo e muito bem, por isso no adianta tentar esconder a sujeira da sua vida. No caso do servo fiel, a visita foi agradvel e maravilhosa, pois Jesus sabia da vida reta que estava levando.

21

Assim funciona os bots, no adianta tentar engan-los com cdigo escondido, ou algo malicioso, pois ele esta vendo tudo, se ele pegar um abrao para o seu site, pois levar a excluso do mesmo. Para fazer denncias acesse o link: http://www.google.com.br/contact/spamreport.html Torne o seu cdigo mais especfico e acessvel possvel. META TAGS As meta tags, so o rtulo do site, nelas estaro contidas todas as informaes possveis a respeito do site, at mesmo agendar uma visita com o Google bot. Inclua as principais meta tags e no deixe nenhuma de fora do seu cabealho, a seguir estarei listando todas elas e o que significa. Na prxima pgina estarei mostrando as meta tags do meu site e explicando uma a uma.

22

1) Especificando a verso do XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Especifica a verso do XHTML, no nosso caso a Strict. Independente da verso do XTML necessrio especific-lo. 2) Especificando a nacionalidade da pgina
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-BR" lang="ptBR">

Especifica que o site brasileiro, repare: 3) Especificando os caracteres

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

<meta http-equiv="Content-Type" content="text/html; charset=iso-88591" />

23

Indica a codificao de caracteres, responsvel pelos caracteres do documento, a mais comum so 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 visualizao de caracteres tente trocar para UTF-8. 4) Definindo o ttulo da pgina
<title>Michel Ferreira desenvolvimento de sites</title>

O que mais eu vejo na internet so desenvolvedores incluindo de forma exagerada palavras-chave no ttulo, exemplo:
<title> Michel Ferreira, sites, websites, Seo, otimizao de sites, web marketing, desenvolvimento de sites, criao de sites</title>

Eles pensam que incluindo a palavra-chave no ttulo da pgina os bots iro enxergar as mesmas, ERRADO. Os bots s enxergam os primeiros 60 caracteres do ttulo da nossa pgina, o ideal mesclar aqui o ttulo da sua empresa com a sua palavra-chave desejada, no ultrapassando o limite de 60. Lembre-se que a palavra-chave que est no ttulo dever ser comentada no texto do site, como vimos em keyword densit.

No pense que apenas incluindo as suas palavras-chaves poder lhe ajudar mesmo respeitando o limite de 60 caracteres, temos que ter referncias no contedo do site com as palavras-chave do ttulo. 5) Especificando o tipo de documento
<meta name="resource-type" content="document" />

Essa meta tag s possui um valor document a funo dela dizer que o arquivo um documento, no muito utilizada, mais no custa coloc-la na pgina. 6) Configurando o cache
<meta http-equiv="pragma" content="no-cache" />

Sempre ao acessar a pgina o navegador no ir deixar no cache sempre vai buscar uma nova pgina.
24

7) Classificao da pgina
<meta name="classification" content="Internet" />

Essa meta tag fundamental para alguns bots definirem a categoria da sua pgina, essa meta responsvel por dar o tema a pgina. Excelente para cadastramento em diretrios de busca. 8) Descrio da pgina
<meta name="description" content="Michel Ferreira um profissional voltado ao desenvolvimento de sites nos padres web, criando estruturas semnticas para otimizao nos principais sites de buscas tais como: Google, MSN Search, Yahoo, Cad. " />

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

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

Atravs dessa meta podemos restringir algumas pginas, as opes alm de all: [NO]INDEX, [NO] FOLLOW. Para bloquear pginas no 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 funo da meta anterior s que essa especifica para o spider do Google. 12) Distribuio da pgina
<meta name="distribution" content="Global" />

25

Define se o nosso documento ser fornecido para o mundo ou somente em redes locais ou at mesmo intranets, as opes so: global, local e IU 13) Classificao
<meta name="rating" content="General" />

Essa meta define a classificao da sua pgina se ela aberta a todo pblico, somente a crianas, 14 anos, contedo adulto e restrito as opes so: 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 pgina. 15) Direitos autorais

<meta name="copyright" content="Michel Ferreira" />

Inclui informaes de direitos autorais do documento. 16) Idioma

<meta name="language" content="pt-br" />

Define o idioma da pgina. 17) Define o status da pgina

<meta name="doc-class" content="Completed" />

Define a pgina est em construo ou j finalizada, as opes so: 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 opes 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 ACESSVEIS As imagens no nosso site so 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 no muito agradvel, uma vez um programador me disse: Michel voc cria layouts que no 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 fcil o mesmo que retroceder o servio e perder o foco totalmente. O que mais me chamou a ateno 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 possvel inserir imagens no XHTML s que no cdigo fonte ser texto, veja o exemplo do meu site www.michelferreira.com , o
27

meu menu todo texto s que eu puxo as imagens atravs do CSS, com um pouco de inteligncia e criatividade possvel criar pginas semnticas 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 no aconselho usar imagens em menus, sempre quando o fizer utilize o CSS para puxar as imagens, pois os sites de busca no 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 SERVIOS especifique na tag ALT a palavra SERVIOS. O atributo ALT foi criado para especificar o que contm na imagem, no 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 pgina, j imaginou o seu site no ter nada especfico no atributo ALT? O atributo ALT essencial na acessibilidade do nosso documento. O spider s entende texto e no 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 ATRAVS DO CSS muito simples chamar uma imagem pelo CSS veja o exemplo:
<a href="index.htm" title="Home" id="genesis" accesskey="0"> Pgina principal</a>

No exemplo acima repare que no 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; }

28

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 no ficar visvel pois ele est em uma resoluo de -8000em, nem mesmo se voc estivesse usando 2 monitores voc iria conseguir ver o texto. Assim s ficou visvel a nossa imagem e com o menu totalmente em texto. CRIANDO O MENU DO SITE O menu a principal parte do site, pois atravs dele sair a grande maioria da navegao do site, por isso toda ateno na estrutura do menu do site veja esse exemplo:

29

Sempre inicie o seu menu com a tag <ul></ul> responsvel por definir o incio e o fim de uma lista, a tag <li></li> responsvel 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 pgina principal do site, Alt + 1 o meu perfil, Alt + 2 o meu portflio. Cada link do seu menu dever ter essas especificaes, o quanto mais acessvel melhor, voc talvez at esteja falando que o seu site no para deficientes visuais, e essas normas no so necessrias, lhe digo que o Google tem a viso de um cego, um cego que possui vrios amigos, no obedecer esse requisito no seu menu poder trazer muitos acessos a menos. FLASH E A ACESSIBILIDADE Existem inmeros discursos a respeito da acessibilidade em flash, se possvel ou no na verdade eu no 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 usurio busca por algum arquivo com terminao .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 acessvel. Recentemente fui convidado para fazer o site de uma cantora evanglica, e a primeira citao 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, no existia nenhuma referncia do nome dela, achei estranho pois ela uma cantora de peso no meio evanglico e possui uma grande gravadora, de curiosidade entrei no site da gravadora e depois de muitos cliques achei a abenoada. O site 100% em flash com o menu todo em flash, essa foi a resposta do sumio 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"> impossvel, ou at mesmo os texto que esto dentro do arquivo swf, assim como Pgina principal</a></li> o <li><a JPG o Google href="desenvolvimentodesites/michelferreira.htm" no 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="Portflio Michel Ferreira"> Portfolio Michel Ferreira</a></li> <li><a href="desenvolvimentodesites/midia.htm" id="midia" accesskey="3" title="Michel Ferreira na mdia"> Michel Ferreira na mdia</a></li>

30

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 no muito recomendado fazer, pois seria uma tcnica SEO BLACK HAT que iremos ver mais a frente. Existem tcnicas 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 bsicas 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 soluo criar uma segunda verso totalmente em XHTML assim o seu contedo ser indexado pelo spider. VALIDANDO O FLASH Iremos aprender como deixar semntica a nossa pgina que possui um arquivo swf, quando inserimos um swf na nossa pgina pelo dreamweaver o nosso cdigo fica totalmente sujo veja o exemplo:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swf lash.cab#version=6,0,29,0" width="760" height="500"> <param name="movie" value="site_edgt_final.swf"> <param name=quality value=high> <embed src="site_edgt_final.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="760" height="500"></embed> </object>

Esse cdigo <object></object> est sujando o nosso documento e deixando ele inacessvel, para solucionar o caso poderamos fazer os seguintes passos:
1. Baixe o arquivo no endereo: http://www.michelferreira.com/swfobject.js 2. Coloque o arquivo no seu servidor. Insira esse java na sua pgina:
<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>

31

Repare na terceira linha do script que diz var so = new SWFObject justamente dentro do parnteses 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 nmeros 758 e 156 o tamanho do nosso swf. Com esse script chamamos o swf atravs de um cdigo Java o que ir validar a nossa pgina pela W3C.

H1, H2, H3, ETC. As tags <h1></h1>, <h2></h2>, <h3></h3>, etc. Nada mais do que os cabealhos da pgina, o mais importante o <h1></h1> e menos importante o <h6></h6>. Alguns designers no gostam de utilizar pela formatao que traz ao documento, lembre-se: CASO VOC NO 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 funo de especificar o ttulo principal da pgina XHTML, as tags <h2></h2> tem a funo do subttulo da pgina, vamos dizer que sua H1 seria: <h1>Michel Ferreira desenvolvimento de sites</h1> A sua H2 seria o nome de cada pgina ou sesso vamos dizer que iremos para o link aonde eu irei apresentar o meu portflio: <h2> Portflio do Michel Ferreira </h2>

32

O H3 tem a mesma funo do H2 mais seria uma espcie de subttulo do H2, vamos ao exemplo: <h1> Michel Ferreira desenvolvimento de sites </h1> <h2> Portflio 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 seqncia H1, H2, H3, H4, etc. PARGRAFOS Respeite sempre os pargrafos utilizando a tag <p></p>, no 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 espaos, a mesma coisa para a tag <br/> no utilize vrias vezes com o intuito de preencher vazios. Isso conta e muito na acessibilidade web, faa 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 unio de empresas que visa implementar os padres 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

33

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 responsvel por criar os padres web, atualmente com 500 membros.

34

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

Verificao da folha de estilo, o validador verifica se existe algum erro no CSS.

TESTANDO A ACESSIBILIDADE DO SEU DOCUMENTO Depois de aprender as tcnicas de acessibilidade, iremos avaliar o nvel 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 pgina, ela segue os padres WCAG 1.0 da W3C. O WCAG 1.0 so normas da W3C que explicam como criar documentos acessveis para deficientes visuais, ela voltada para desenvolvedores web.

35

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 anlise:
O Examinator baseado nas diretrizes WCAG 1.0 de acessibilidade da W3C, ela mostra os pontos fracos e positivos no documento a nota mxima 9.9.

RESULTADO EXAMINATOR O Examinator verifica 23 pontos na acessibilidade, varia desde nmero de links at idiomas vamos verificar os pontos: IDIOMA Identifique quando sua pgina possuir outro idioma, principalmente em links externos se sua pgina linkada para um site de outra lngua identifique. IMAGENS Cada imagem deve conduzir o atributo "ALT", com um texto que descreve o seu contedo ou o papel.
36

ATRIBUTOS ANTIGOS DE DESIGN No utilize atributos antigos como "hspace", "bgcolor" ou "nowrap". Os atributos obsoletos so estruturas que foram substitudas por outras mais adequadas e devem ser evitadas porque podem provocar problemas de acessibilidade. DECLARAO DO DOCUMENTO Necessrio o documento ter a sintaxe DTD para especificar qual a verso usada do XHTML. TECNOLOGIA W3C Utilize a tecnologia que a sintaxe DTD suporte. Entre outras razes, porque eles so cada vez mais reconhecidos das questes relativas acessibilidade. PGINA VLIDA PELA W3C importante evitar os erros no cdigo fonte para que a pgina seja corretamente interpretada pelo usurio. CSS VLIDO muito importante o CSS est 100% vlido, sem erros. ATRIBUTOS ANTIGOS No utilizar atributos antigos como <center>, <applet>, <font>. Os elementos esto desatualizados e foram substitudos por outros mais adequados e devem ser evitados porque podem provocar problemas de acessibilidade. USO DE CABEALHOS H1, H2, ETC. Utilize cabealhos H1, H2, H3 e etc. obedecendo a sua hierarquia, no use os cabealhos aleatoriamente para mudar o tamanho da fonte no documento.

UNIDADES ABSOLUTAS No use unidade de medidas absoluta no seu documento, use relativas pois os usurios podero ampliar ou reduzir o tamanho dos elementos da pgina 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 separao de contedo e apresentao das pginas. TABELAS As tabelas no devem ser utilizadas para introduzir o layout da pgina, somente dados tabulares. Isto especialmente importante para aqueles que utilizam
37

navegadores

de

texto

ou

leitores.

No usar tabelas para compor a pgina, a menos que o contedo das tabelas faa sentido quando representado de forma linear. Caso contrrio, se a tabela no for compreendida, fornea um equivalente alternativo. APRESENTAO Vamos dizer que a apresentao controle o design da pgina, errado usar atributos para mudar o design dos elementos para isso utilizado o CSS. ELEMENTOS DE APRESENTAO So utilizados nas tags <b>, <center>, <font> para controlar a apresentao da pgina. extremamente errado utilizar elementos da linguagem de marcao para controlar a forma como so apresentadas. Em substituio dever ser utilizado CSS. DIVISO DE CONTEDO Estruture corretamente o texto usando: ttulos, captulos, pargrafos e listas. Lembre que os blocos de informaes longas prejudicam a compreenso, faa diviso com <p>. TTULO DA PGINA Escolha um texto apropriado para a pgina, o nome deve ser claro e objetivo. LINKS Especifique claramente cada link para que o usurio saiba realmente para aonde est indo evite os links como clique aqui.

IDIOMA Especifique o idioma principal da pgina. ABREVIATURAS importante explicar o significado das abreviaturas e siglas que aparecem pela primeira vez e indicar atravs do atributo ttulo. DOCUMENTOS RELACIONADOS Os elementos com atributos <link> "rel" ou "REV" podem ser dados informaes sobre a relao entre a pgina atual e outros recursos. LINKS

38

Especifique os links principais em listas <ul><li>. ACESSKEY Fornea o acesso dos links atravs do teclado para isso insira o atributo acesskey nos links. LIMITE DE LISTAS Limite seus links em listas, no passando de 25 listas. Esses foram os 23 pontos que o Examinator estuda no seu documento, esteja o mais acessvel possvel. Respeitando essas normas o seu documento estar perfeito no quesito acessibilidade.

5) SEARCH ENGINE OPTIMIZATION

este captulo vamos finalmente falar sobre as mais variadas tcnicas SEO, irei mostrar os 3 lados dos profissionais SEO e suas tcnicas.

WHITE HAT SEO

O profissional white Hat SEO (chapu branco), aquele profissional bonzinho que segue a boa conduta, no usa nenhum artifcio para burlar os mecanismos de busca.
GRAY HAT SEO

39

O profissional gray Hat SEO (chapu cinza), aquele que utiliza tcnicas que no so 100% legais entre os profissionais da rea, mais so vlidas pelos sites de buscas. Posso dizer que aquele que usa de forma consciente algumas tcnicas black SEO. BLACK HAT SEO O profissional black Hat SEO (chapu preto), aquele que utiliza tcnicas desonestas para ocuparem as primeiras posies, esconde texto e links na pgina, faz esquema de links e tantos outros. Eu particularmente me defino como chapu cinza, pois uma pessoa dizer que nica e exclusivamente chapu branco eu no creio, j vi muitos puritanos encherem a boca de serem chapu branco e comentarem em blogs com o mesmo tema do contedo da sua pgina pessoal e escreverem simplesmente nada com nada e deixar o link do seu site. Ser que o cu no ta ficando cinzento no galera?? (rsrsrsrsrsr) TCNICAS 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 importncia a isso, palavras-chaves que estejam na URL do site, pois quando o usurio for pesquisar pela palavra desenvolvimento de sites, voc ir ganhar grande relevncia e estar mais ntido para o rob. Quando for salvar o seu XHTML no esquea de omitir nada da sua palavra chave, mesmo sendo uma vogal escreva exatamente como a palavra-chave, voc ter duas opes 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 hfen, como no exemplo: http://www.servidor.com/desenvolvimento-de-sites.htm As duas opes so vlidas para o Google, no meu site escolhi a primeira pelas circunstncias, mais h pouco tempo muitos profissionais SEO inclusive o prprio Google passou a utilizar a segunda opo. CRIANDO LINKS Um fator muito importante a quantidade de links na sua pgina, o Google aconselha cerca de 100 links por pgina, j pensou ter 100 links na sua pgina com a sua palavra-chave? Isso conta bastante, pois voc ter cerca de 100 links com a palavra-chave ser um critrio a mais para vencer os concorrentes, faa 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 pginas dentro dessa pasta e deixe a index fora dela, assim quando for criar os links da sua index ser necessrio acessar a pasta, o que por obrigao a sua URL ficar: http://www.servidor.com/desenvolvimento-de-sites/sua pgina DOMNIOS E SUBDOMNIOS

41

Um outro meio interessante de se explorar so os domnios, na hora da competio o domnio um fator de peso, tente comprar domnios contendo a palavra-chave desejada, ou ento crie um subdomnio. Na palavra-chave de exemplo ficaria: http://desenvolvimentodesites.servidor.com Eu aconselho a criar subdomnios para no caso conquistar uma segunda palavrachave, atualmente estou disputando as primeiras posies da palavra chave desenvolvimento de sites aos poucos meu site ganha posio ele est na terceira pgina, quando fiz a tcnica estava na 10 pgina, at o Google dar importncia, aos poucos ele vai ganhando posies, 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 no 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 subdomnio 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 atravs dela ganhamos posies 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 contedo para o seu site e explore bastante o seu site com matrias, sempre atualize o seu site e tente prender ao mximo o visitante, por exemplo no meu site tem visitantes que demoram 2 segundos isso prejudica e muito a indexao da palavra-chave, para resolver o problema estou montando um blog, para trabalhar a popularidade do site. Assim sempre terei contedo novo e ir prender a ateno do visitante. Outro fator que ajuda a popularidade so os RSS, insira um feed no seu site para chamar o cliente quando houver atualizaes, resumindo faa de tudo para prender a ateno do visitante. TCNICAS BLACK HAT SEO Iremos agora falar um pouco sobre o submundo SEO, nela tudo vale para alcanar as primeiras posies, no importa os meios mais sim o resultado final,

42

eu no me responsabilizo caso voc venha optar pelo lado negro da fora, em tempos passados utilizei e muito essas tcnicas, porem nunca fui penalizado. Toda regra possui suas excees, por isso pense muito antes de fazer o que irei ensinar nas prximas pginas, pois se o seu site for penalizado isso ir acarretar na excluso 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 tcnicas de indexao reprovadas pelo Google. Entre as tcnicas esto a Spamdexing, cloaking, Google Bomb. O cloaking nada mais do que esconder contedo na pgina, utilizando textos da mesma cor do fundo da pgina ou utilizando o CSS para que o usurio no consiga visualizar, somente no cdigo fonte. O termo Spamdexing a unio entre spam + indexar, nada mais do que um spam voltado para os sites de buscas, com essa tcnica o site recebe uma ateno maior do que deveria receber, a prova disso so alguns visitantes que demoram cerca de 2s visitando sua pgina. O Google Bomb denominado por criar vrios links direcionado para sua pgina, vamos dizer que voc deseje a palavra-chave venda de impressoras, ento criada vrios 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 importncia para esse link, pois a palavra-chave est em um link, ficar melhor ainda se for possvel colocar um <strong> ficando assim:
<a href=http://www.seusite.com><strong>venda de impressoras</strong></a>

Mais cuidado! Essa tcnica traz resultados rpidos mais com o passar do tempo a sua pgina perder fora despencando nas posies, existe um meio para resolver esse caso, escondendo pginas com o mesmo contedo, assim o rob ir ver que o contedo linkado possui um contedo parecido, no penalizando. Existem vrios sites especializados nessa tcnica que permitem que o seu site seja linkado neles, atravs de uma troca, ou seja, voc inseri o link na pgina deles e eles inserem o link deles na sua pgina, acesse o site: http://www.directorymaximizer.com/seo-friendly-directories.php? pageNum_directory_list=0

43

SEO Friends um portal que rene vrios sites com variados pagerank, que permitem essa tcnica, muito bom para subir nas buscas, crie uma pgina com um nome totalmente sem sentido ou exclua ela do robots.txt (iremos estud-lo mais a frente), assim o rob no encontra a sua pgina. Outro meio interessante criar nas suas pginas uma sesso de parceiros ou tags mais procuradas, e coloque todas elas em strong, est valendo tambm. 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 pgina no contar como pagerank e no ir lhe prejudicar na pontuao, o rob ir entender que voc possui um link apontado para sua pgina somente isso vai lhe dar importncia mais pode ser antitico rsrsrsrsrs da sua parte com seu amigo. Exemplo:
<a href="http://www.gospelms.com" id="gospelms" title="GospelMS" rel="external nofollow">Vdeos evanglicos</a>

CLOAKING Essa tcnica consiste em esconder links e texto na pgina, a tempos atrs voc acessava meu site e via uma coisa, mais quando estudava o cdigo-fonte via outra coisa totalmente diferente, existia muitos links escondidos o que melhorou e muito minhas posies, mais logo fiquei com medo devido a concorrncia pois se fosse denunciado seria severamente penalizado, hoje uso algumas tcnicas escondidas sem ningum 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 invisvel aos olhos humanos e ser visvel apenas aos robs. Existe um leque de opes, basta apenas a pessoa entender bem de CSS que ela ir longe. Voc poder incluir links escondidos, texto, fazer tudo o que for necessrio para adulterar o resultado da busca, quando o cloaking via CSS fica mais difcil
44

deles descobrirem, mais tome muito cuidado caso for descoberto voc ser severamente punido. Essas tticas na maioria das vezes passam despercebidas, MAIS MESMO ASSIM EU NO AS RECOMENDO APENAS ESTOU MOSTRANDO COMO FUNCIONA AS TCNICAS DESONESTAS E NO ME RESPONSABILIZO CASO FAA NO SEU SITE. Lembre-se muitas pessoas poderiam lhe denunciar, um concorrente, ou ento at que algum do Google venha analisar o seu cdigo e ver que sua tcnica 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 PGINA

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 pgina possui o nvel de acessibilidade que o seu, nenhuma possui uma estratgia to boa de SEO, enganou-se.

45

Se a sua palavra-chave for bastante disputada isso levar tempo, pois o Google leva em considerao vrios critrios e um deles o tempo que a pgina est no ar. J ouvi muitas pessoas falarem que o tempo rpido, bastando o rob lhe visitar e pronto. Nada feito, algumas tcnicas surtem o efeito em dias, eu levei cerca de 1 semana para derrubar um concorrente, o que notei foi a indeciso do Google em semanas, em um determinado perodo estava na primeira posio outra hora do dia na segunda, mais na maior parte do tempo eu ficava na liderana. Isso ocorreu pois o rob estava verificando vrios critrios entre ns dois, pois meu site no possua links apontados para ele e o concorrente vrios, eu levava uma grande vantagem na acessibilidade, tcnicas SEO, domnio e quantidade de pginas. Do outro lado existia o imprio de anos no primeiro lugar, na qual o rob estava acostumado a dar prioridade e aos poucos viu que o meu site possua maior importncia do que o concorrente. Aos poucos cerca de 2 meses a primeira posio ficou comigo permanentemente. Para indexar a pgina no Google no necessrio adicionar sua pgina manualmente atravs do link http://www.google.com.br/intl/pt-BR/add_url.html mais caso esteja com pressa de ter resultado no custa nada fazer, mais esteja ciente que o rob do Google visita todos os sites da web, e ningum consegue escapar dele quase onipresente na web. DMOZ OU OPEN DIRECTORY um diretrio aberto web controlado por humanos, uma espcie de busca, voc deve estar se perguntando mais afinal que fora trar para meu site conseguindo entrar no DMOZ? O DMOZ serve nada mais nada menos como um corao para web, para os grandes sites de busca, pois o resultado das buscas mecnicas no da um resultado 100%. A web cresce muito a cada dia j deu para imaginar a quantidade de links quebrados que seria de pginas 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..

46

J deu para imaginar que no nada fcil entrar no DMOZ, ele funciona da seguinte maneira, cada editor responsvel por uma categoria, esse editor ir verificar se o seu contedo poder entrar em determinada categoria. Caso no consiga continue tentando at ser incluso nos diretrios.

7) FERRAMENTAS DE CONTROLE E MONITORAO

amos conhecer as ferramentas fundamentais para monitorarmos o nosso site, atravs dela poderemos saber qual a palavra-chave mais buscada no site, qual a porcentagem de popularidade que temos, quanto tempo o usurio ficou no site, entre outras. Elas so fundamentais para um profissional SEO.

47 DMOZ uma das maiores referncias 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 organizao de todas as pginas do site, para os sites de busca, funciona como uma espcie de mapa. Diminuindo o trabalho dos bots e consequentemente incluindo rapidamente nos diretrios do Google as suas pginas. Em vez do rob buscar por novidade no seu site ele vai direto no sitemap verificando se houve alguma atualizao. 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 estaro especificadas todas as suas pginas, baixe o exemplo em meu site: http://www.michelferreira.com/manualseo_sitemap.zip

48

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 no modifique apenas repita de acordo com as suas pginas, veja o exemplo do meu site: http://www.michelferreira.com/sitemap.xml A cada nova pgina 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

49

A ferramenta do webmaster do Google, verifica as datas de visitas do googlebot, quais foram as urls que o rob no achou, entre outras opes. 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 funo do robots.txt mostrar para o rob quais pginas esto excludas 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 no devem estar listado nos sites de busca. Formato A primeira coisa que o rob faz visitar o seu robots.txt, ento todo cuidado pouco. A seguir voc ver o modelo do robots.txt, e entender melhor as suas funcionalidades, e saber utiliz-lo.

50

# 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 diretrio a ser excludo, como no exemplo acima optei por bloquear o diretrio /criacaodesites/ Voc pode optar por excluir vrios diretrios 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 vrias vezes para bloquear vrios diretrios, repare que os diretrios s foram exclusos do Googlebot e os outros robs como MSN, Yahoo entre outros no foram bloqueados, caso venha querer bloquear os

51

diretrios em todos os mecanismo de busca, basta apenas colocar no nome useragent um asterstico *, 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 diretrios em todos os sites de busca, logo aps ter escrito esses dados no seu bloco de notas, salve o arquivo como robots.txt e coloque na raiz do seu site e faa o upload, pronto seu sites estar com o robots.txt configurado. GOOGLE ANALYTICS Ele monitora o status do seu site, parecido com as estatsticas 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 servio necessrio 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 monitorao do Google AdWord e AdSense, mais no ser o nosso foco e sim como funciona a nossa estratgia SEO. Atravs 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 cdigo em Java para inserirmos na nossa pgina, no necessrio inserir em todos os arquivos HTML, apenas na pgina principal, ser o suficiente para rastrear todos os dados do site.

52

Google Analytics o servio nos permite monitorar nossas estratgias.

Vamos aprender a usar essa ferramenta, verifique na parte USO DO SITE aonde conseguimos visualizar a porcentagem de rejeio, ser justamente a POPULARIDADE DO SEU SITE, atravs dessa informao voc saber se o seu site possui popularidade entre os usurios ou no, tente deixar o menor possvel a taixa de rejeio. Em fontes de trfego, podemos saber quais as palavras-chaves mais buscadas e quais os links para a nossa pgina, repare que ele nos visualiza o tempo que cada pessoa fica no site aps a busca.

53

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

epois de 1 ms do seu site ter ido para o ar, totalmente semntico com todas as tcnicas possveis SEO e ainda no 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 caixo, aonde se encontra todas as URLs novas que no ganharam a devida importncia no Google. Ento calma, pois tudo questo de tempo, no se sabe o tempo especfico que uma URL fica no SandBox. No existe a necessidade de inserir a pgina novamente no Google, a nica coisa que voc pode fazer e fazendo com que sites linkam para o seu, dessa forma a sua pgina comea a ganhar importncia. Uma coisa interessante que durante a sandbox uma pgina pode acumular pagerank, mais no 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 dirias e vrios links apontados para ele e ficou na sandbox por um grande perodo, creio que tambm a popularidade do site conta, quanto mais popularidade, quanto mais tempo os usurios permanecerem em seu site mais rpido ele sair da sandbox, ento no se precipite isso um caminho natural de indexao. VERIFICANDO O ANDAMENTO DA INDEXAO possvel verificar no Google o andamento da indexao do seu site, quais pginas foram adicionadas, quais pginas possuem links para a sua, qual o ltimo contedo 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 informaes 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.

54