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 EXPERINIA DE TRABALHO RDUO. MARAS REGISTRADAS! O AUTOR NO POSSUI NENHUMA RELAO OM A MARA GOOGLE I"#. O USO DE IMAGENS, NOME, MARAS PODERO SER ITADAS NESSA OBRA APENAS PARA ASO ILUSTRATIVO, NO VISANDO O LURO, FAVOREIMENTO OU DESMEREENDO O PRODUTO. 1 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 e!tintos da "eb por trazerem grande desconforto e n#o terem uma precis#o 1$$% de vendas. &oi aonde surgiram o conceito de venda atravs de sites de busca, a parceria ideal entre usurio e empresas que usavam a internet como um ve'culo de venda. ( usurio buscava algo de seu interesse e l estava em primeiro lugar nos sites de busca o que ele procurava. )ntre todos os meios de "eb marketing o que c*amou mais a aten+#o era a possibilidade de estar nas primeiras posi+,es no -oogle com custo $, fazer com que o sistema de busca trabal*e para voc. enquanto est dormindo. / justamente aonde n0s iremos entrar no assunto1 $EB MAR%ETING & S'()#* E"+,"' O-.,/,0(.,1" 2 O AUTOR 3ic*el &erreira nasceu em 1456 no 7io de 8aneiro casado com 9uciane :lves ;ei!oto da <ilva e possui um fil*o c*amado =saque. 3ic*el &erreira especialista em <)( ><earc* )ngine (ptimization?, atualmente trabal*a no -overno do )stado do 7io de 8aneiro como "ebdesigner, responsvel pela =ntranet do )stado aonde engloba todas as secretrias do governo. ;ossui no seu portf0lio grandes projetos como1 Clube de 7egatas &lamengo <econd 9ife -overno do )stado do 7io de 8aneiro 6 @ AGRADEIMENTOS A+)(2'31 (1 S'"*1) 4'565 ),5.1 -'7( 56( 8,2'7,2(2' ' ( /,"*( '5-15( 9'"3:1 "( /,"*( ;,2(. A+)(2'31 1 (-1,1 2' .12( /,"*( 8(/<7,(. O9),+(21. A B C 5 => INTRODUO apostila D)E 3:7F)G=H- I <earc* )ngine (ptimization, voltada apenas para profissionais que estruturam seus sites nas normas da D6C, ou popularmente falando1 Gableless. A Jm dos principais critrios para inde!ar uma keyword 1 a estrutura+#o do c0digo fonte, o que torna o c0digo-fonte leg'vel e acess'vel para os crawlers 2 . ;odemos dividir em 2 etapas as tcnicas <)(1 9inks <emKntica L,"?5 I Hada mais do que links que apontam para a sua pgina o quanto mais links tiver, mel*or ser sua posi+#o. 3uitos devem estar lendo e falando que isso n#o passa de uma tcnica c*amada Google Bomb 6 , mais n#o se engane o -oogle penaliza as pginas que o conteLdo n#o seja o mesmo, por e!emplo, um site de floricultura apontado para a pgina da seguran+a nacional. )ssas tcnicas de manipula+#o de PageRank @ s#o denominadas cloaking A e s#o severamente punidas pelo -oogle causando at mesmo a e!clus#o da pgina nas buscas. S'/@".,#( I ( fato das pginas HG39 serem estruturadas nos padr,es "eb as torna acess'veis a qualquer dispositivo, seja ele um computador antigo at mesmo um celular, padr,es "eb significa uma "eb que fala uma Lnica l'ngua. Gente abrir no Mream"eaver uma pgina HG39 que foi criada no &ront;age, o resultado ser desastroso, pois cada empresa cria um padr#o de cria+#o, *oje temos uma internet sem lei, aonde os desenvolvedores s#o escravizados no modo grfico sujando o c0digo fontes das HG39. ;or parte de muitos desenvolvedores e!iste uma grande resist.ncia aos padr,es "eb, eles alegam que como se voltasse ao sistema antigo de cria+#o de sites direto no c0digo fonte, o que n#o passa de desculpas. H#o e!iste nada mel*or do que ter o seu site no topo das busca e toda dia receber uma proposta de or+amento de desenvolvimento de site. Mesejo uma boa leitura e que voc. fa+a parte do futuro da "eb. 4 -rande abra+o
1$ 1 Keyword I ;alavra-c*ave 2 Crawlers I <#o os robs responsveis por buscar na internet os conteLdos dos sites, inde!ando palavras-c*aves e links. 3 Google bomb I <#o vrios links apontados para uma mesma pgina, influenciando a posi+#o nas mquinas de busca e adulterando o ;age7ank. 4 PageRank I / uma avalia+#o que o -oogle da aos sites, essa avalia+#o em uma escala de $ a 1$, a medida que determinada pgina possui links apontados para ela a tend.ncia o ;age7ank aumentar. A> ONHEENDO O GOOGLE ntes de come+ar a parte prtica, vamos entender como funciona o nosso espa+o de trabal*o, pois nada mel*or do que con*ecer a empresa em que vamos trabal*ar, saber como s#o as *ierarquias e a metodologia de trabal*o. A COMO FUNCIONA O SISTEMA DE PAGE RANK Texto retirado do site google.com.br -oogle roda sobre uma combina+#o Lnica de avan+ados *ard"are e soft"are. : velocidade que notamos pode ser atribu'da em parte a efici.ncia do algoritmo de busca e parcialmente a mil*ares de ;CNs de bai!o custo que est#o reunimos em rede para criar um mecanismo de busca super-rpido. ( cora+#o do soft"are o ;ange7ank>G3?, um sistema para dar notas para pginas na "eb, desenvolvido pelos fundadores 9arrO ;age e <ergeO Erin na Jniversidade de <tanford. EXPLICAES SOBRE PAGERANK Texto retirado do site google.com.br : classifica+#o das pginas >;age7ank? confia na natureza e!cepcionalmente democrtica da Deb, usando sua vasta estrutura de links como um indicador do valor de uma pgina individual. )ssencialmente, o -oogle interpreta um link da pgina : para a pgina E como um voto da pgina : para a pgina E. 3as o -oogle ol*a alm do volume de votos, ou links, que uma pgina recebeP analisa tambm a pgina que d o voto. (s votos dados por pginas QimportantesQ pesam mais e ajudam a tornar outras pginas QimportantesR. <ites importantes, de alta qualidade recebem uma nota de avalia+#o maior, que o -oogle grava a cada busca feita. Haturalmente, uma pgina importante n#o significa nada se n#o combinar com a sua busca. :ssim, o -oogle combina os resultados de alta qualidade com a busca que voc. est realizando para que o resultado seja o mais relevante poss'vel. ( -oogle pesquisa quantas vezes a palavra procurada aparece nas pginas e e!amina todo o aspecto delas >e conteLdo das pginas ligadas a ela? para determinar o mel*or resultado para a sua busca. 11 INTEGRIDADE Texto retirado do site google.com.br (s sofisticados mtodos de automa+#o do -oogle tornam a manipula+#o dos resultados e!tremamente dif'cil. ), apesar de veicularmos alguns anLncios relevantes acima e ao lado dos resultados, o -oogle n#o negocia classifica+,es dentro dos resultados de busca >ou seja, n#o poss'vel comprar uma posi+#o privilegiada na 9istagem de ;ginas?. : busca no -oogle um meio fcil, *onesto e objetivo de encontrar "ebsites de boa qualidade com informa+,es importantes para a sua pesquisa. CONCLUSO :migos, conclu'mos ent#o que um dos fatores primordiais para obtermos ;7, s#o os links apontados para as nossas pginas, quanto mais links de qualidades tivermos, mel*or ser o nosso ;7, mais vale ressaltar que trocar links com sites que n#o tem o mesmo conteLdo pode causar o efeito inverso, o -oogle possui normas internas que penalizam sites que tentam burlar normas, mais a frente iremos ver essas normas. =magem CC-bO-<: retirada do &#-Clube do -oogle 12
AES DO GOOGLE CONTRA OS SPAM <abendo que apontando muitos links para min*a pgina, muito fcil obter um e!celente ;7 basta apenas entrar nos f0runs de discurss#o e dei!ar um post com um link para meu site, e at mesmo colocar um link no site do seu 3anl da padaria. ERRADO Sair linkando para seu site pode causar uma grande penalidade, pois os algor'timos do -oogle s#o inteligentes, eles estudam o conteLdo das duas pginas e verifica se as duas possuem o mesmo tema, caso contrrio acontece a perda de ;7, necessrio mostrar para o bot do -oogle que aquele link no seu site de algum parceiro ou venda, atravs do atributo e!ternal nofollo". :tualmente no meu site """.mic*elferreira.com criei algumas estratgias para poder usar de maneira consciente algumas tcnicas <)( Elack Hat sem ser punido pelo -oogle, em meu artigo no site (ficina da Het *ttp1SS""".oficinadanet.com.brSartigoSAB4ScomoTgan*arTdestaqueTnoTgoogle &alei um pouco sobre estratgias que at mesmo utilizada em grandes portais. NORMAS DE DESENVOLVIMENTO 16 Jma ilustra+#o sobre o funcionamento do ;age7ank, cada esfera representa uma pgina e o taman*o o ;7. : esfera superior direita recebe apenas um voto, de uma esfera com alto ;7, tornando-a com bom ;7. )!istem algumas normas pr-estabelecidas para que seu site n#o seja punido veja alguma delas, detal*e todas elas foram tiradas do endere+o """.google.com.br. 1@ => Construa um site com uma *ierarquia clara e links de te!to. Cada pgina deve ser acessada a partir de pelo menos um link de te!to esttico. A> 3ostre aos usurios um mapa do site que relacione o t0pico Us partes importantes de seu site. <e o mapa do site tiver mais de cem links, convm dividi-lo em pginas separadas. B> Crie um site Ltil, com muitas informa+,es e pginas que descrevam de forma clara e precisa o seu conteLdo. C> ;ense nas palavras que os usurios digitariam para encontrar suas pginas e certifique-se de que elas apare+am no seu site. D> Gente usar te!to, em vez de imagens, para e!ibir nomes, conteLdo ou links importantes. ( rastreador do -oogle n#o recon*ece te!to contido em imagens. E> Certifique-se de que as tags QG=G9)Q e os atributos Q:9GQ sejam descritivos e precisos. F> Verifique se * links quebrados e corrija o c0digo HG39. G> <e voc. utiliza pginas dinKmicas >aquelas em que o J79 contm um caractere QWQ?, saiba que nem todo spider do mecanismo de pesquisa rastreia pginas dinKmicas t#o bem quanto faz com as estticas. / aconsel*vel que os parKmetros sejam poucos e curtos. H> Jtilize um nLmero razovel de links por pgina >menos de cem?. B> INIIANDO O DESENVOLVIMENTO DO SITE epois de ter todas essas informa+,es, iremos basear nosso desenvolvimento nas diretrizes do -oogle, pois mel*or obedecer do que sacrificar. D DEFININDO AS PALAVRAS-CHAVES :ntes de tudo pense em uma palavra-c*ave na qual poder trazer lucros para voc., pensouW Voc. tem que pensar em que c*ave o cliente buscaria para ac*ar os seus servi+os, por e!emplo, supon*amos que voc. ten*a uma ag.ncia "eb, qual seria a palavra-c*ave que clientes buscariam no -oogleW <e eu quisesse fazer um site buscaria por Xdesenvolvimento de sitesR e Xcriao de sitesR. O QUE KEYWORD DENSITY FeO"ord densitO ou densidade da palavra-c*ave nada mais do que a quantidade determinada de palavra-c*ave no conteLdo da pgina, mais uma a+#o contra os <;:3<, pois tempos atrs somente era necessrio criar links com a palavra- c*ave desejada e pronto, n#o era analisado o documento para ver se realmente aquela pgina contin*a determinada c*ave, com esse conceito toda a pgina analisada verificando rela+#o keO"ord ! conteLdo. 1A Gemos que ter em mente que o conteLdo de nossa pgina deva falar sobre a nossa palavra-c*ave, para o -oogle dar relevKncia, um erro fatal de muitos desenvolvedores escrever inLmeras keO"ord sem rela+#o com o conteLdo, visando acessos quando o usurio busca o termo escol*ido. Jm e!emplo muito comum e errneo incluir palavras-c*aves que n#o tem rela+#o nen*uma com o conteLdo pensando em gan*ar acessos em virtude da palavra-c*ave, esteja ciente que o -oogle analisa todo o c0digo de sua pgina e tentar engan-lo trazem drsticas conseqY.ncias. Vamos agora estudar o nosso oponente esse quesito fundamental para gan*armos a disputa pelas primeiras posi+,es, acesse o -oogle e busque pela palavra-c*ave escol*ida. Mepois de pegar a J79 do principal concorrente analise a rela+#o keO"ord ! conteLdo, acesse o site *ttp1SS""".keO"orddensitO.com , esse site permite analisar a densidade das palavras-c*aves em todo corpo HG39, 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 mel*or densidade. 1B )!emplo do site """.keO"orddensitO.com uma anlise entre o meu site e de um concorrente em uma disputa pela palavra-c*ave Xmic*el ferreiraR. ESTUDANDO A KEYWORD DENSITY DO NOSSO OPONENTE :ntes de analisarmos o nosso rival temos que saber que um dos pilares do <)( a acessibilidade "eb o quanto mais acess'vel nosso site for mel*or ser para gan*armos a disputa pelas primeiras posi+,es. Vamos compreender um pouco como funciona o sistema de densidade, na pgina anterior verificamos a densidade no site do meu concorrente o 3ic*el &erreira de ;ortugal, vamos a anlise1 A"I7,5' 21 5,.' *..-!JJKKK."##.6-.-.JL/,#*'7J T,.7' MT<.671 2( -I+,"(> Tag: <title>Michel Ferreira HomePage</title> )le colocou a palavra-c*ave no title da pgina, indicando ao rob a importKncia do nome. 1C 7esultado da anlise da keO"ord densitO, o sistema analisa todo corpo HG39 incluindo1 G'tulo da pgina, descri+#o da pgina, palavras-c*aves, te!to vis'vel, descri+#o das imagens, comentrios, palavra-c*ave no dom'nio, links e tags com a c*ave. M'.( D'5#),-.,1" MD'5#),3:1 21 5,.'> Tag: <html> <head> <meta http-equiv="Content-Language" content="pt"> <title>Michel Ferreira HomePage</title> </head> )le simplesmente n#o colocou nada na descri+#o do site, o que atrapal*a e muito a defini+#o, muitos desenvolvedores ignoram as 3eta-tags saiba que elas s#o o r0tulo do nosso site, fator essencial para descrevermos o site. <empre coloque na descri+#o do site a palavra-c*ave que voc. busca coloque um te!to que seja *armonioso com o conteLdo do site. M'.( %'NK1)25 MP(7(;)(5O#*(;'5> Tag: <html> <head> <meta http-equiv="Content-Language" content="pt"> <title>Michel Ferreira HomePage</title> </head> ( nosso amigo n#o especificou nen*uma palavra-c*ave, mais um ponto perdido na densidade. V,5,97'OT'P. MT'P.1 ;,5<;'7> :penas 2 refer.ncias no conteLdo do site, visible te!t o conteLdo do site. )!plore ao m!imo, o te!to com a sua palavra-c*ave, n#o crie um site com muitas imagens e poucos te!to, crie um site que ten*a conteLdo. A7. .(+5 M,/(+'"5> H#o possui nen*uma refer.ncia nas imagens com a palavra-c*ave. <empre no atributo alt, escreva o que est escrito na sua imagem. 1/'". .(+5 M#1/'".I),15> H#o possui nen*um tipo de comentrio com a palavra-c*ave. <e poss'vel crie comentrios com a palavra-c*ave. D1/(," "(/' M21/<",1> ;ossui 1 refer.ncia no dom'nio, colocar a palavra-c*ave no dom'nio nos da grande relevKncia, vamos ver isso mais na frente. I/(+' .(+5 MI/(+'"5> H#o possui nen*uma imagem com a palavra-c*ave. ( sistema verifica se e!iste alguma imagem com a nossa palavra-c*ave. 15 L,"?'2 .'P. M7,"?5> 9inks com a palavra-c*ave ajuda e muito se n#o o principal responsvel, sempre bom colocar os links com o nome da palavra-c*ave mais na frente vamos ver isso. H#o colocou nen*uma refer.ncia. TRABALHANDO NOS ERROS DO NOSSO OPONENTE
Com todos esses dados do nosso concorrente s0 trabal*ar em cima deles, voc. viu o leque que temos em que podemos usar a nossa palavra-c*aveW Varia desde o dom'nio at comentrios, ent#o e!plore ao m!imo a densidade da c*ave na sua pgina, lembrando que um dos pilares a acessibilidade. VERIFICANDO O PAGERANK : Lltima anlise do nosso oponente o ;age7ank, para isso ser necessrio bai!ar a -oogle Gool Ear no endere+o *ttp1SStoolbar.google.com : imagem acima um e!emplo da nossa -oogle Gool Ear, repare ao lado de &avoritos uma barrin*a verde com o t'tulo de ;age7ank, justamente ali que verificamos o n'vel das pginas, apenas passe o ponteiro do mouse em cima da barrin*a verde que ela mostrar o n'vel do ;7. O MEU CONCORRENTE TEM ! DE PAGERANK E AGORA Caso o seu concorrente ven*a ter um n'vel alto n#o se desespere, pois na poca que estava desenvolvendo meu site possu'a n'vel $ e o meu concorrente @, com apenas a acessibilidade em 2 semanas estava na primeira posi+#o. :final o ;age7ank conta ou n#oW )!istem muitas discurss,es a respeito do ;age7ank, se ele conta na corrida das mel*ores posi+,es ou n#o, na min*a opini#o e baseado em min*as e!peri.ncias o ;age7ank n#o conta, vide isso buscando no -oogle pela a palavra c*ave Xmic*el ferreiraR meu site ocupa o primeiro lugar em terceiro lugar vem o site do 3ic*el portugu.s que tem ;age7ank @. <egundo 9u's Henrique especialista em <)( tem a mesma opini#o veja sua coluna no (ficina da Het1 http://www.oficinadanet.com.br/artigo/607/page_rank_nao_significa_nada _quando_seu_site_tem_popularidade_ 14 :prendemos tudo sobre o nosso concorrente e temos todos os dados necessrios para trabal*armos em cima, no pr0!imo cap'tulo vamos come+ar a estrutura+#o do HG39 da pgina, e aprender as mais obscuras tcnicas <)(. C> A IMPORTQNIA DA AESSIBILIDADE final como podemos fazer um documento ZHG39 perfeito para o -oogleW :ntes de tudo devemos dominar muito bem a funcionalidade de cada tag ZHG39, qualquer erro na semKntica do documento poder ser uma oportunidade perdida. A Jm amigo no in'cio do seu aprendizado em Gableless criou uma estrutura baseada em C<<, sem nen*uma tabela, tudo na tag M=V, o documento estava vlido pela D6C, tudo como mandava a cartil*a mais a acessibilidade do documento estava pssima. NA PRTICA O QUE ACESSIBILIDADE E USABILIDADE WEB &inalmente vamos entender na prtica a importKncia dos padr,es "eb na estrutura de um documento ZHG39, lembrando que um site que esteja nas 2$ primeiras coloca+,es e n#o utiliza as normas da D6C, est com os seus dias contados no topo das buscas, at que ven*a um aben+oado com c0digo acess'vel e semKntico e l*e tire a posi+#o, o quanto mais acess'vel o site estiver, mel*or ser. )m 2$$6 foi criado o site Connected )art* custou cerca de 1,B mil*,es de d0lares, porm seus desenvolvedores ignoraram os padr,es "eb, o site era incompat'vel com qualquer navegador diferente do =nternet )!plorer, acarretando uma grande perca de clientes. Vai continuar no mundo quadrado das tabelasW ESTRUTURANDO O DOCUMENTO : nossa fun+#o ser o facilitador do projeto, desenvolvedores preguiso+os n#o tem espa+o no mundo <)(, pense que voc. receber em sua casa uma visita ilustre, 8esus 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 ningum ou se tem levado uma vida de servo, seguindo todos os seus preceitos e mandamentos. A ;,2( 21 )'9'72' : primeira coisa que iria fazer era arrumar a sua casa, dei!ando tudo o mais limpo poss'vel para a visitar ser rpida e 8esus en!ergar que ele realmente era fiel, iria ser o facilitador da parada. S');1 8,'7 ( servo fiel vive 2@* com a sua vida pautada na ;alavra de Meus, n#o precisando esconder nada. 1"#765:1 Hos dois casos a casa estava arrumada, limpa e pronta para receber a visita ilustre de 8esus, tudo estava facilitando 8esus, a saber, que a nossa casa estava arrumada. Ho caso do rebelde toda sua arruma+#o seria em v#o, pois quando pensamos que ningum est nos vendo quando fazemos algo de errado, esteja enganado 8esus est te vendo e muito bem, por isso n#o adianta tentar esconder a sujeira da sua vida. Ho caso do servo fiel, a visita foi agradvel e maravil*osa, pois 8esus sabia da vida reta que estava levando. 21 :ssim funciona os bots, n#o adianta tentar engan-los com c0digo escondido, ou algo malicioso, pois ele esta vendo tudo, se ele pegar um abra+o para o seu site, pois levar a e!clus#o do mesmo. ;ara fazer denLncias acesse o link1 *ttp1SS""".google.com.brScontactSspamreport.*tml Gorne o seu c0digo mais espec'fico e acess'vel poss'vel. META TAGS :s meta tags, s#o o r0tulo do site, nelas estar#o contidas todas as informa+,es poss'veis a respeito do site, at mesmo agendar uma visita com o -oogle bot. =nclua as principais meta tags e n#o dei!e nen*uma de fora do seu cabe+al*o, a seguir estarei listando todas elas e o que significa. Ha pr0!ima pgina estarei mostrando as meta tags do meu site e e!plicando uma a uma.
22 => E5-'#,8,#("21 ( ;')5:1 21 XHTML )specifica a vers#o do ZHG39, no nosso caso a <trict. =ndependente da vers#o do ZG39 necessrio especific-lo. A> E5-'#,8,#("21 ( "(#,1"(7,2(2' 2( -I+,"( )specifica que o site brasileiro, repare1 xml:lang="pt-!" lang="pt-!" B> E5-'#,8,#("21 15 #()(#.')'5 26 <"#$C%&P' html P(L)C "-//*+C//#%# ,H%ML -./ Strict//'0" "http1//222.2+.org/%!/3html-/#%#/3html--4trict.dtd"> <html xmlns="http1//222.2+.org/-555/3html" xml:lang="pt-!" lang="pt- !"> <meta http-equiv="Content-%6pe" content="te3t/html7 char4et=i4o-8895- -" /> =ndica a codifica+#o de caracteres, responsvel pelos caracteres do documento, a mais comum s#o JG&-5 e =<(-55A4-1, a grande maioria dos servidores que *ospedam sites rodam em JG&-5, caso ven*a ocorrer algum erro de m visualiza+#o de caracteres tente trocar para JG&-5. C> D'8,","21 1 .<.671 2( -I+,"( ( que mais eu vejo na internet s#o desenvolvedores incluindo de forma e!agerada palavras-c*ave no t'tulo, e!emplo1 )les pensam que incluindo a palavra-c*ave no t'tulo da pgina os bots ir#o en!ergar as mesmas, ERRADO. (s bots s0 en!ergam os primeiros B$ caracteres do t'tulo da nossa pgina, o ideal mesclar aqui o t'tulo da sua empresa com a sua palavra-c*ave desejada, n#o ultrapassando o limite de B$. 9embre-se que a palavra-c*ave que est no t'tulo dever ser comentada no te!to do site, como vimos em keO"ord densit. H#o pense que apenas incluindo as suas palavras-c*aves poder l*e ajudar mesmo respeitando o limite de B$ caracteres, temos que ter refer.ncias no conteLdo do site com as palavras-c*ave do t'tulo. D> E5-'#,8,#("21 1 .,-1 2' 21#6/'".1 )ssa meta tag s0 possui um valor XdocumentR a fun+#o dela dizer que o arquivo um documento, n#o muito utilizada, mais n#o custa coloc-la na pgina. E> 1"8,+6)("21 1 #(#*' 2@ <title>Michel Ferreira de4envolvimento de 4ite4</title> <title> Michel Ferreira: 4ite4: 2e;4ite4: Seo: otimi<a=>o de 4ite4: 2e; mar?eting: de4envolvimento de 4ite4: cria=>o de 4ite4</title> <meta name="re4ource-t6pe" content="document" /> <meta http-equiv="pragma" content="no-cache" /> <empre ao acessar a pgina o navegador n#o ir dei!ar no cac*e sempre vai buscar uma nova pgina. F> 7(55,8,#(3:1 2( -I+,"( )ssa meta tag fundamental para alguns bots definirem a categoria da sua pgina, essa meta responsvel por dar o tema a pgina. )!celente para cadastramento em diret0rios de busca. G> D'5#),3:1 2( -I+,"( )sse ser a descri+#o da nossa pgina dando um breve resumo do site, lembre-se de inserir a palavra-c*ave na sua descri+#o. H> P(7(;)(5O#*(;' Godas as palavras-c*ave que voc. deseja ser ac*ado pelos sites de busca devem estar aqui, n#o adianta colocar uma palavra-c*ave que n#o tem rela+#o nen*uma com o conteLdo do site. 9embre-se do conceito keO"ord densitO. =R> R191.5 :travs dessa meta podemos restringir algumas pginas, as op+,es alm de all1 [H(\=HM)Z, [H(\ &(99(D. ;ara bloquear pginas n#o utilize essa meta sempre dei!e como all, para bloquearmos J79 iremos utilizar o robot.t!t, que irei falar mais na frente. ==> G11+7' 91. : mesma fun+#o da meta anterior s0 que essa especifica para o spider do -oogle. 2A <meta name="cla44i@ication" content=")nternet" /> <meta name="de4cription" content="Michel Ferreira A um pro@i44ional voltado ao de4envolvimento de 4ite4 no4 padrBe4 2e;: criando e4trutura4 4emCntica4 para otimi<a=>o no4 principai4 4ite4 de ;u4ca4 tai4 como1 Doogle: MS0 Search: &ahoo: CadE. " /> <meta name="?e62ord4" content="de4envolvimento de 4ite4:cria=>o de 4ite4:di4po4itivo movei4:ta;lele44:4emantico:2e;de4ign:2e; mar?eting:2+c:artigo4 de %):michel @erreira:Fe4u4:otimi<a=>o de 4ite4:4ite:con4ulta de dominio4:e-commerce" /> <meta name="ro;ot4" content="all" /> <meta name="google;ot" content="all" /> =A> D,5.),96,3:1 2( -I+,"( Mefine se o nosso documento ser fornecido para o mundo ou somente em redes locais ou at mesmo intranets, as op+,es s#o1 global, local e IU =B> 7(55,8,#(3:1 )ssa meta define a classifica+#o da sua pgina se ela aberta a todo pLblico, somente a crian+as, 1@ anos, conteLdo adulto e restrito as op+,es s#o1 14 Years, General, at!re, Restricted e "a#e $or %ids =C> A6.1) ( nome j diz, define o desenvolvedor da pgina. =D> D,)',.15 (6.1)(,5 =nclui informa+,es de direitos autorais do documento. =E> I2,1/( Mefine o idioma da pgina. =F> D'8,"' 1 5.(.65 2( -I+,"( Mefine a pgina est em constru+#o ou j finalizada, as op+,es s#o1 Completed, Mraft, 9iving Mocument, ;ublis*ed =G> D'8,"' 1 5.(.65 21 21#6/'".1 Mefine o status do documento. =H> P)126.15 M,#)1518. 2B <meta name="di4tri;ution" content="Dlo;al" /> <meta name="rating" content="Deneral" /> <meta name="author" content="Michel Ferreira " /> <meta name="cop6right" content="Michel Ferreira" /> <meta name="language" content="pt-;r" /> <meta name="doc-cla44" content="Completed" /> <meta name="doc-right4" content="Pu;lic" /> <meta name="MSSmart%ag4PreventPar4ing" content="true" /> =mpede que os produtos 3icrosoft gerem etiquetas inteligentes em seu site, dei!e sempre como true. AR> I/(+' T117 B() Mesliga a barra do =nternet )!plorer que aparece ao passar o mouse sobre a imagem, aparecendo op+,es de salvar, imprimir, enviar por e-mail e adicionar no Q3O ;icturesQ. IMAGENS ACESS"VEIS :s imagens no nosso site s#o fundamental para o design da nossa Home, grande parte dos sites em tableless utiliza poucas imagens, e!plorando mais os recursos do ZHG39 criando sites com um design n#o muito agradvel, uma vez um programador me disse1 &ic'el voc( cria layo!ts )!e no ol'a o lado do cara )!e ir* estr!t!r*+lo em tableless,- : estrutura em tableless de um site realmente trabal*osa, mais afetar o nosso design para criar uma estrutura fcil o mesmo que retroceder o servi+o e perder o foco totalmente. ( que mais me c*amou a aten+#o na poca quando estava aprendendo tableless era criar um laOout lindo sem nada ficar de fora, voc. j 2C <meta http-equiv="imagetool;ar" content="no" /> 7epare a barra no canto superior esquerdo, essa meta bloqueia esse recurso do =). imaginou um menu em imagem e ter que transform-lo em te!to devido a acessibilidade "ebWW Com con*ecimento de C<< poss'vel inserir imagens no ZHG39 s0 que no c0digo fonte ser te!to, veja o e!emplo do meu site """.mic*elferreira.com , o meu menu todo te!to s0 que eu pu!o as imagens atravs do C<<, com um pouco de intelig.ncia e criatividade poss'vel criar pginas semKnticas com imagens, vamos ver alguns e!emplos do que se encontra na "eb atualmente1 <img src=meucliente!"g alt=#oto$% <img src=meucliente!"g alt=$% )u n#o aconsel*o usar imagens em menus, sempre quando o fizer utilize o C<< para pu!ar as imagens, pois os sites de busca n#o conseguem ler o que est escrito no 8;-, o ideal utilizar a tag :9G para escrever o que tem na imagem por e!emplo, no nosso menu est escrito <)7V=](< especifique na tag :9G a palavra <)7V=](<. ( atributo :9G foi criado para especificar o que contm na imagem, n#o negligencie dei!ando vazio ou at mesmo escrevendo qualquer coisa, especifique, pois imagine o seu site com todas as imagens desabilitadasW (s programas para deficientes visuais entendem somente o te!to da pgina, j imaginou o seu site n#o ter nada espec'fico no atributo :9GW ( atributo :9G essencial na acessibilidade do nosso documento. ( spider s0 entende te!to e n#o consegue entender o que est escrito no 8;-, vamos dizer que voc. esteja incluindo um 8;- que esteja escrito1 XMesenvolvimento de sitesR o atributo alt dever ficar1 <img src=nome&imagem!"g alt=desen'ol'imento de sites$% Ho e!emplo acima voc. est indicando que aquela imagem corresponde a palavra desenvolvimento de sites. IMAGENS ATRAVS DO CSS / muito simples c*amar uma imagem pelo C<< veja o e!emplo1 <a href="inde3.htm" title="Home" id="gene4i4" accesskey="/"> PGgina principal</a> 25 Ho e!emplo acima repare que n#o e!iste a G:- ^img_ , mais na verdade eu pu!ei uma imagem pelo C<<, vamos verificar o C<<1 7epare que a imagem est como um plano de fundo e o te!to est com -5$$$em, isso significa se pu!ar no ZHG39 o =M genesis o te!to n#o ficar vis'vel pois ele est em uma resolu+#o de -5$$$em, nem mesmo se voc. estivesse usando 2 monitores voc. iria conseguir ver o te!to. :ssim s0 ficou vis'vel a nossa imagem e com o menu totalmente em te!to. CRIANDO O MENU DO SITE ( menu a principal parte do site, pois atravs dele sair a grande maioria da navega+#o do site, por isso toda aten+#o na estrutura do menu do site veja esse e!emplo1 24 Hgene4i4I ;ac?ground-image1urlJ../imagen4/menuKtitle.LpgM7 2idth18+p37 height1NOp37 di4pla61;loc?7 te3t-indent1-8///em7 P <empre inicie o seu menu com a tag ^ul_^Sul_ responsvel por definir o in'cio e o fim de uma lista, a tag ^li_^Sli_ responsvel por definir um elemento dentro da lista. <empre coloque cada link dentro de uma ^li_^Sli_. ( atributo :CC)<<F)` 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 :lt a $, acessado a pgina principal do site, :lt a 1 o meu perfil, :lt a 2 o meu portf0lio. Cada link do seu menu dever ter essas especifica+,es, o quanto mais acess'vel mel*or, voc. talvez at esteja falando que o seu site n#o para deficientes visuais, e essas normas n#o s#o necessrias, l*e digo que o -oogle tem a vis#o de um cego, um cego que possui vrios amigos, n#o obedecer esse requisito no seu menu poder trazer muitos acessos a menos. FLASH E A ACESSIBILIDADE )!istem inLmeros discursos a respeito da acessibilidade em flas*, se poss'vel ou n#o na verdade eu n#o irei entrar nesses detal*es, pois o ideal usar o flas* de forma moderada e dosada. :tualmente o -oogle inseriu nos seus bancos a possibilidade de inde!ar arquivos s"f, quando o usurio busca por algum arquivo com termina+#o .s"f ele mostra o resultado da busca, a :dobe tem trabal*ado em cima a respeito da acessibilidade do flas*, muitos desenvolvedores em flas* dizem que tudo depende do desenvolvedor para tornar o site em flas* acess'vel. 7ecentemente fui convidado para fazer o site de uma cantora evanglica, e a primeira cita+#o que ela fez foi1 &.!ero !m site bem bonito, bastante cores e o /rinci/al, )!e ele se0a todo animado, /ois e! 0* /oss!o !m 'ot+site )!e a min'a gravadora desenvolve!-, :o acessar o -oogle e buscar pelo nome da cantora levei um susto, n#o e!istia nen*uma refer.ncia do nome dela, ac*ei estran*o 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 ac*ei a aben+oada. 6$ <ul> <li><a hre@="inde3.htm" title="Home" id="gene4i4" acce44?e6="/"> PGgina principal</a></li> <li><a hre@="de4envolvimentode4ite4/michel@erreira.htm" id="per@il" acce44?e6="-" title="Michel Ferreira"> Michel Ferreira</a></li> <li><a hre@="de4envolvimentode4ite4/port@olio.htm" id="port@olio" acce44?e6="N" title="Port@Qlio Michel Ferreira"> Port@olio Michel Ferreira</a></li> <li><a hre@="de4envolvimentode4ite4/midia.htm" id="midia" acce44?e6="+" title="Michel Ferreira na mRdia"> Michel Ferreira na mRdia</a></li> ( site 1$$% em flas* com o menu todo em flas*, essa foi a resposta do sumi+o do nome dela no maior site de busca do mundo. ( -oogle pode at inde!ar arquivos em s"f mais entender o que cada link diz dentro do flas* isso imposs'vel, ou at mesmo os te!to que est#o dentro do arquivo s"f, assim como o 8;- o -oogle n#o consegue ler o que est escrito no s"f, por isso reafirmo, use o flas* de forma moderada e dosada. Jma das alternativas para burlar isso seria escrevendo o te!to que est dentro do s"f no ZHG39, esconder o te!to com C<< assim como os links, mais isso n#o muito recomendado fazer, pois seria uma tcnica <)( E9:CF H:G que iremos ver mais a frente. )!istem tcnicas para validar o documento que usa flas* pela D6C, isso ajuda na acessibilidade de todo documento, mais lembre-se use somente o flas* para coisas bsicas como topo, banner e esteja ciente que o te!to que est no flas* seja incluso no seu ZHG39. Ho caso do seu site for 1$$% em flas* a solu+#o criar uma segunda vers#o totalmente em ZHG39 assim o seu conteLdo ser inde!ado pelo spider. VALIDANDO O FLASH =remos aprender como dei!ar semKntica a nossa pgina que possui um arquivo s"f, quando inserimos um s"f na nossa pgina pelo dream"eaver o nosso c0digo fica totalmente sujo veja o e!emplo1 )sse c0digo ^object_^Sobject_ est sujando o nosso documento e dei!ando ele inacess'vel, para solucionar o caso poder'amos fazer os seguintes passos1 1. Eai!e o arquivo no endere+o1 *ttp1SS""".mic*elferreira.comSs"fobject.js 2. Coloque o arquivo no seu servidor. =nsira esse java na sua pgina1 61 <o;Lect cla44id="cl4id1#NSC#T'-U'T#---c@-5T8-OOO99+9O////" code;a4e="http1//do2nload.macromedia.com/pu;/4hoc?2ave/ca;4/@la4h/42@ la4h.ca;Hver4ion=T:/:N5:/" 2idth="ST/" height="9//"> <param name="movie" value="4iteKedgtK@inal.42@"> <param name=qualit6 value=high> <em;ed 4rc="4iteKedgtK@inal.42@" qualit6=high plugin4page="http1//222.macromedia.com/4hoc?2ave/do2nload/inde3.cgiV P-KProdKWer4ion=Shoc?2aveFla4h" t6pe="application/3-4hoc?2ave-@la4h" 2idth="ST/" height="9//"></em;ed> </o;Lect> <script type="te3t/Lava4cript" src="42@o;Lect.L4" ></script> 6. Jse o seguinte script para c*amar o s"f1 7epare na terceira lin*a do script que diz ;() 51 S "'K S$FO9T'#. justamente dentro do par.nteses que deveremos especificar o nosso <D&, aonde eu coloquei o nome Xaqui voc. coloca o nome da sua divR voc. dever colocar o nome da div que c*ama o flas*. (s nLmeros CA5 e 1AB o taman*o do nosso s"f. Com esse script c*amamos o s"f atravs de um c0digo 8ava o que ir validar a nossa pgina pela D6C. H#$ H%$ H&$ ETC' :s tags ^*1_^S*1_, ^*2_^S*2_, ^*6_^S*6_, etc. Hada mais do que os cabe+al*os da pgina, o mais importante o ^*1_^S*1_ e menos importante o ^*B_^S*B_. :lguns designers n#o gostam de utilizar pela formata+#o que traz ao documento, lembre-se1 C:<( V(Cb Hc( V)HH: JG=9=d:7 )<<:< G:-< ;(7 :CH:7 eJ) )9:< )<G7:-:3 ( M)<=-H M( <=G), JG=9=d) C<< ;:7: &(73:Gf-9:<. )u aconsel*o a colocar a palavra-c*ave desejada dentro do ^*1_^S*1_, ele tem a fun+#o de especificar o t'tulo principal da pgina ZHG39, as tags ^*2_^S*2_ tem a fun+#o do subt'tulo da pgina, vamos dizer que sua H1 seria1 U*=VM,#*'7 F'))',)( 2'5'";17;,/'".1 2' 5,.'5UJ*=V 62 <script type="te3t/Lava4cript"> // <"XC#U%UX var 4o = ne2 S*F$;LectJ"seguros/swf/banner.swf": "aqui vocE coloca o nome da 4ua div": "S98": "-9T": "8": "HFFF"M7 4o.2riteJ"aqui vocE coloca o nome da 4ua div "M7 // YY> </script> : sua H2 seria o nome de cada pgina ou sess#o vamos dizer que iremos para o link aonde eu irei apresentar o meu portf0lio1 U*AV P1).8W7,1 21 M,#*'7 F'))',)( UJ*AV ( H6 tem a mesma fun+#o do H2 mais seria uma espcie de subt'tulo do H2, vamos ao e!emplo1 U*=V M,#*'7 F'))',)( 2'5'";17;,/'".1 2' 5,.'5 UJ*=V U*AV P1).8W7,1 21 M,#*'7 F'))',)(UJ*AV U*BV T)(9(7*15 UJ*BV <empre respeite a *ierarquia, nunca coloque um H6 na frente do H1 ou coloque na frente do H2, sempre siga a seqY.ncia H1, H2, H6, H@, etc. PARGRAFOS 7espeite sempre os pargrafos utilizando a tag ^p_^Sp_, n#o use e!cessivamente o uso da tag para preenc*er buracos no laOout como no e!emplo1 ^p_ L1)'/ I-56/ is simplO dummO te!t of t*e printing and tOpesetting industrO. 9orem =psum *as been t*e industrONs standard dummO te!t ever since t*e 1A$$s, "*en an unkno"n printer took a galleO^Sp_ ^p_^Sp_^p_^Sp_^p_^Sp_ ;ara isso utilize o C<< para preenc*er espa+os, a mesma coisa para a tag ^brS_ n#o utilize vrias vezes com o intuito de preenc*er vazios. =sso conta e muito na acessibilidade "eb, fa+a o seu documento respeitando o objetivo de cada tag ZHG39. VALIDANDO O DOCUMENTO PELA W&C ( significado das siglas D6C tem por nome $1)72 $,2' $'9 1"51).,6/, a uni#o de empresas que visa implementar os padr,es "eb, liderada pelo criador da "eb, Gim Eerners-9ee. ( site da D6C nos permite validar o nosso ZHG39 e C<<, acesse o link *ttp1SS"""."6.org 66
VALIDANDO O XHTML )sse validador verifica se o nosso ZHG39 possui erros, acesse1 *ttp1SSvalidator."6.orgS 6@ <ite da D6C responsvel por criar os padr,es "eb, atualmente com A$$ membros. Migite sua J79 e clique em c*ek, se aprovado voc. poder colocar o selo da D6C no ZHG39. VALIDANDO O CSS :cesse *ttp1SSjigsa"."6.orgScss-validatorS para verificar se e!iste algum erro na fol*a de estilo. TESTANDO A ACESSIBILIDADE DO SEU DOCUMENTO Mepois de aprender as tcnicas de acessibilidade, iremos avaliar o n'vel de acessibilidade, para isso *ospede o seu arquivo ZHG39 em algum servidor e acesse1 *ttp1SS""".accesible.com.arSe!aminatorSinde!.p*p )!aminator :cessible uma ferramenta que verifica a acessibilidade da sua pgina, ela segue os padr,es DC:- 1.$ da D6C. ( DC:- 1.$ s#o normas da D6C que e!plicam como criar documentos acess'veis para deficientes visuais, ela voltada para desenvolvedores "eb. 6A Verifica+#o da fol*a de estilo, o validador verifica se e!iste algum erro no C<<. ( )!aminator uma ferramenta que nos mostra os pontos aonde podemos mel*orar a nossa acessibilidade, irei usar de base a min*a inde!.*tm, vamos para a anlise1 RESULTADO EXAMINATOR ( )!aminator verifica 26 pontos na acessibilidade, varia desde nLmero de links at idiomas vamos verificar os pontos1 IDIOMA =dentifique quando sua pgina possuir outro idioma, principalmente em links e!ternos se sua pgina linkada para um site de outra l'ngua identifique. IMAGENS Cada imagem deve conduzir o atributo Q:9GQ, com um te!to que descreve o seu conteLdo ou o papel. 6B ( )!aminator baseado nas diretrizes DC:- 1.$ de acessibilidade da D6C, ela mostra os pontos fracos e positivos no documento a nota m!ima 4.4. ATRIBUTOS ANTIGOS DE DESIGN H#o utilize atributos antigos como Q*spaceQ, QbgcolorQ ou Qno"rapQ. (s atributos obsoletos s#o estruturas que foram substitu'das por outras mais adequadas e devem ser evitadas porque podem provocar problemas de acessibilidade. DELARAO DO DOUMENTO Hecessrio o documento ter a sinta!e MGM para especificar qual a vers#o usada do ZHG39. TENOLOGIA $B Jtilize a tecnologia que a sinta!e MGM suporte. )ntre outras raz,es, porque eles s#o cada vez mais recon*ecidos das quest,es relativas U acessibilidade. PGINA VLIDA PELA $B / importante evitar os erros no c0digo fonte para que a pgina seja corretamente interpretada pelo usurio. SS VLIDO g muito importante o C<< est 1$$% vlido, sem erros. ATRIBUTOS ANTIGOS H#o utilizar atributos antigos como ^center_, ^applet_, ^font_. (s elementos est#o desatualizados e foram substitu'dos por outros mais adequados e devem ser evitados porque podem provocar problemas de acessibilidade. USO DE ABEALHOS H=, HA, ET. Jtilize cabe+al*os H1, H2, H6 e etc. obedecendo a sua *ierarquia, n#o use os cabe+al*os aleatoriamente para mudar o taman*o da fonte no documento. UNIDADES ABSOLUTAS H#o use unidade de medidas absoluta no seu documento, use relativas pois os usurios poder#o ampliar ou reduzir o taman*o dos elementos da pgina de acordo com suas necessidades. )vite o uso de pi!el como medida de te!to. UTILIZAR FOLHAS DE ESTILO MSS> &ol*as de estilo representam um grande passo para a Deb, porque eles permitem a separa+#o de conteLdo e apresenta+#o das pginas. TABELAS :s tabelas n#o devem ser utilizadas para introduzir o laOout da pgina, somente dados tabulares. =sto especialmente importante para aqueles que utilizam 6C navegadores de te!to ou leitores. H#o usar tabelas para compor a pgina, a menos que o conteLdo das tabelas fa+a sentido quando representado de forma linear. Caso contrrio, se a tabela n#o for compreendida, forne+a um equivalente alternativo. APRESENTAO Vamos dizer que a apresenta+#o controle o design da pgina, errado usar atributos para mudar o design dos elementos para isso utilizado o C<<. ELEMENTOS DE APRESENTAO <#o utilizados nas tags ^b_, ^center_, ^font_ para controlar a apresenta+#o da pgina. / e!tremamente errado utilizar elementos da linguagem de marca+#o para controlar a forma como s#o apresentadas. )m substitui+#o dever ser utilizado C<<. DIVISO DE ONTEXDO )struture corretamente o te!to usando1 t'tulos, cap'tulos, pargrafos e listas. 9embre que os blocos de informa+,es longas prejudicam a compreens#o, fa+a divis#o com ^p_. TYTULO DA PGINA )scol*a um te!to apropriado para a pgina, o nome deve ser claro e objetivo. LIN%S )specifique claramente cada link para que o usurio saiba realmente para aonde est indo evite os links como Xclique aquiR. IDIOMA )specifique o idioma principal da pgina. ABREVIATURAS / importante e!plicar o significado das abreviaturas e siglas que aparecem pela primeira vez e indicar atravs do atributo t'tulo. DOUMENTOS RELAIONADOS (s elementos com atributos ^link_ QrelQ ou Q7)VQ podem ser dados informa+,es sobre a rela+#o entre a pgina atual e outros recursos. LIN%S 65 )specifique os links principais em listas ^ul_^li_. AESS%EZ &orne+a o acesso dos links atravs do teclado para isso insira o atributo acesskeO nos links. LIMITE DE LISTAS 9imite seus links em listas, n#o passando de 2A listas. )sses foram os 26 pontos que o )!aminator estuda no seu documento, esteja o mais acess'vel poss'vel. 7espeitando essas normas o seu documento estar perfeito no quesito acessibilidade.
D> SEARH ENGINE OPTIMIZATION este cap'tulo vamos finalmente falar sobre as mais variadas tcnicas <)(, irei mostrar os 6 lados dos profissionais <)( e suas tcnicas. N $HITE HAT SEO ( profissional "*ite Hat <)( >c*apu branco?, aquele profissional bonzin*o que segue a boa conduta, n#o usa nen*um artif'cio para burlar os mecanismos de busca. GRAZ HAT SEO 64 ( profissional graO Hat <)( >c*apu cinza?, aquele que utiliza tcnicas que n#o s#o 1$$% legais entre os profissionais da rea, mais s#o vlidas pelos sites de buscas. ;osso dizer que aquele que usa de forma consciente algumas tcnicas black <)(. BLA% HAT SEO ( profissional black Hat <)( >c*apu preto?, aquele que utiliza tcnicas desonestas para ocuparem as primeiras posi+,es, esconde te!to e links na pgina, faz esquema de links e tantos outros. )u particularmente me defino como c*apu cinza, pois uma pessoa dizer que Lnica e e!clusivamente c*apu branco eu n#o creio, j vi muitos puritanos enc*erem a boca de serem c*apu branco e comentarem em blogs com o mesmo tema do conteLdo da sua pgina pessoal e escreverem simplesmente nada com nada e dei!ar o link do seu site. <er que o cu n#o ta ficando cinzento n#o galeraWW >rsrsrsrsrsr? TCNICAS SEO URL / fundamental na sua J79 conter a palavra-c*ave desejada, salve o seu ZHG39 de forma que a palavra-c*ave esteja no documento, vamos dizer que a sua c*ave seja1 desenvolvimento de sites, a J79 ficaria1 *ttp1SS""".servidor.comSdesenvolvimentodesites.*tm Hunca abrevie palavras no tipo1 *ttp1SS""".servidor.comSdsites.*tm ( -oogle da grande importKncia a isso, palavras-c*aves que estejam na J79 do site, pois quando o usurio for pesquisar pela palavra desenvolvimento de sites, voc. ir gan*ar grande relevKncia e estar mais n'tido para o rob. euando for salvar o seu ZHG39 n#o esque+a de omitir nada da sua palavra c*ave, mesmo sendo uma vogal escreva e!atamente como a palavra-c*ave, voc. ter duas op+,es para escrev.-las1 1? )screva a sua palavra-c*ave toda junta como no e!emplo1 *ttp1SS""".servidor.comSdesenvolvimentodesites.*tm @$ 2?<epare as palavras por *'fen, como no e!emplo1 *ttp1SS""".servidor.comSdesenvolvimento-de-sites.*tm :s duas op+,es s#o vlidas para o -oogle, no meu site escol*i a primeira pelas circunstKncias, mais * pouco tempo muitos profissionais <)( inclusive o pr0prio -oogle passou a utilizar a segunda op+#o. RIANDO LIN%S Jm fator muito importante a quantidade de links na sua pgina, o -oogle aconsel*a cerca de 1$$ links por pgina, j pensou ter 1$$ links na sua pgina com a sua palavra-c*aveW =sso conta bastante, pois voc. ter cerca de 1$$ links com a palavra-c*ave ser um critrio a mais para vencer os concorrentes, fa+a o seguinte1 1? Crie uma pasta com o mesmo nome da palavra-c*ave desejada como mostra a figura abai!o1 <alve a pasta com o nome da sua palavra-c*ave e jogue todas as suas pginas dentro dessa pasta e dei!e a inde! fora dela, assim quando for criar os links da sua inde! ser necessrio acessar a pasta, o que por obriga+#o a sua J79 ficar1 *ttp1SS""".servidor.comSdesenvolvimento-de-sitesS56( -I+,"( DOMYNIOS E SUBDOMYNIOS @1 Jm outro meio interessante de se e!plorar s#o os dom'nios, na *ora da competi+#o o dom'nio um fator de peso, tente comprar dom'nios contendo a palavra-c*ave desejada, ou ent#o crie um subdom'nio. Ha palavra-c*ave de e!emplo ficaria1 *ttp1SSdesenvolvimentodesites.servidor.com )u aconsel*o a criar subdom'nios para no caso conquistar uma segunda palavra- c*ave, atualmente estou disputando as primeiras posi+,es da palavra c*ave &desenvolvimento de sites, aos poucos meu site gan*a posi+#o ele est na terceira pgina, quando fiz a tcnica estava na 1$h pgina, at o -oogle dar importKncia, aos poucos ele vai gan*ando posi+,es, muitas empresas visam essa palavra-c*ave o que causa uma grande batal*a, a cada visita do rob o meu site sobe. Miferentemente da palavra-c*ave &mic'el #erreira, que n#o demorou muito para ser o primeiro, a disputa demorou cerca de 2 meses e gan*ei um site de pagerank @ )stou em busca de uma terceira palavra-c*ave para criar o meu blog, irei criar um subdom'nio para conquistar a terceira palavra-c*ave o que ir criar popularidade ao meu site, um fator importante <)(1 ;(;J9:7=M:M). POPULARIDADE DO SITE : popularidade importante, pois atravs dela gan*amos posi+,es na disputa, a popularidade nada mais do que a fidelidade do visitante, a ferramenta -oogle :nalOtics nos permite monitorar a popularidade, iremos aprender como utiliz-la mais a frente. Crie um bom conteLdo para o seu site e e!plore bastante o seu site com matrias, sempre atualize o seu site e tente prender ao m!imo o visitante, por e!emplo no meu site tem visitantes que demoram 2 segundos isso prejudica e muito a inde!a+#o da palavra-c*ave, para resolver o problema estou montando um blog, para trabal*ar a popularidade do site. :ssim sempre terei conteLdo novo e ir prender a aten+#o do visitante. (utro fator que ajuda a popularidade s#o os 7<<, insira um feed no seu site para c*amar o cliente quando *ouver atualiza+,es, resumindo fa+a de tudo para prender a aten+#o do visitante. TCNICAS BLACK HAT SEO =remos agora falar um pouco sobre o submundo <)(, nela tudo vale para alcan+ar as primeiras posi+,es, n#o importa os meios mais sim o resultado final, @2 eu n#o me responsabilizo caso voc. ven*a optar pelo lado negro da for+a, em tempos passados utilizei e muito essas tcnicas, porem nunca fui penalizado. Goda regra possui suas e!ce+,es, por isso pense muito antes de fazer o que irei ensinar nas pr0!imas pginas, pois se o seu site for penalizado isso ir acarretar na e!clus#o do -oogle, ou quem sabe o seu rival l*e denuncie para o -oogleW ;ense duas vezes. )m pouco tempo foi banido o site da E3D da :leman*a por usar tcnicas de inde!a+#o reprovadas pelo -oogle. )ntre as tcnicas est#o a <pamde!ing, cloaking, -oogle Eomb. ( cloaking nada mais do que esconder conteLdo na pgina, utilizando te!tos da mesma cor do fundo da pgina ou utilizando o C<< para que o usurio n#o consiga visualizar, somente no c0digo fonte. ( termo <pamde!ing a uni#o entre spam a inde!ar, nada mais do que um spam voltado para os sites de buscas, com essa tcnica o site recebe uma Xaten+#oR maior do que deveria receber, a prova disso s#o alguns visitantes que demoram cerca de 2s visitando sua pgina. ( -oogle Eomb denominado por criar vrios links direcionado para sua pgina, vamos dizer que voc. deseje a palavra-c*ave Xvenda de impressorasR, ent#o criada vrios links para seu site como1 U( *)'8S*..-!JJKKK.5'65,.'.#1/V;'"2( 2' ,/-)'551)(5UJ(V :ssinando em blogs com essa assinatura ou trocando links com dessa forma, o -oogle estar dando uma grande importKncia para esse link, pois a palavra-c*ave est em um link, ficar mel*or ainda se for poss'vel colocar um ^strong_ ficando assim1 U( *)'8S*..-!JJKKK.5'65,.'.#1/VU5.)1"+V;'"2( 2' ,/-)'551)(5UJ5.)1"+VUJ(V 3ais cuidadoi )ssa tcnica traz resultados rpidos mais com o passar do tempo a sua pgina perder for+a despencando nas posi+,es, e!iste um meio para resolver esse caso, escondendo pginas com o mesmo conteLdo, assim o rob ir ver que o conteLdo linkado possui um conteLdo parecido, n#o penalizando. )!istem 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 site1 *ttp1SS""".directorOma!imizer.comSseo-friendlO-directories.p*pW pageHumTdirectorOTlistj$ @6 <)( &riends um portal que reLne 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 e!clua ela do robots.t!t >iremos estud-lo mais a frente?, assim o rob n#o encontra a sua pgina. (utro meio interessante criar nas suas pginas uma sess#o de parceiros ou tags mais procuradas, e coloque todas elas em strong, est valendo tambm. N1 F1771K Coloque rel=external nofollow para mostrar ao rob que o link uma troca ou venda de links, com isso o link para essa pgina n#o contar como pagerank e n#o ir l*e prejudicar na pontua+#o, o rob ir entender que voc. possui um link apontado para sua pgina somente isso vai l*e dar importKncia mais pode ser antitico rsrsrsrsrs da sua parte com seu amigo. )!emplo1 <a hre@="http1//222.go4pelm4.com" id="go4pelm4" title="Do4pelMS" rel="e3ternal no@ollo2">WRdeo4 evangAlico4</a> LOA%ING )ssa tcnica consiste em esconder links e te!to na pgina, a tempos atrs voc. acessava meu site e via uma coisa, mais quando estudava o c0digo-fonte via outra coisa totalmente diferente, e!istia muitos links escondidos o que mel*orou e muito min*as posi+,es, mais logo fiquei com medo devido a concorr.ncia pois se fosse denunciado seria severamente penalizado, *oje uso algumas tcnicas escondidas sem ningum perceber, veja o e!emplo de cloaking1 [.'P.1.(97'7'55\ /()+,"O.1-!OGRRR'/] /()+,"O7'8.!OGRRR'/] ^ Jtilize essa sinta!e, assim todos os elementos no ZHG39 que estiverem relacionados a ela ficar invis'vel aos ol*os *umanos e ser vis'vel apenas aos robs. )!iste um leque de op+,es, basta apenas a pessoa entender bem de C<< que ela ir longe. @@ Voc. poder incluir links escondidos, te!to, fazer tudo o que for necessrio para adulterar o resultado da busca, quando o cloaking via C<< fica mais dif'cil deles descobrirem, mais tome muito cuidado caso for descoberto voc. ser severamente punido. )ssas tticas na maioria das vezes passam despercebidas, MAIS MESMO ASSIM EU NO AS REOMENDO APENAS ESTOU MOSTRANDO OMO FUNIONA AS TNIAS DESONESTAS E NO ME RESPONSABILIZO ASO FAA NO SEU SITE. 9embre-se muitas pessoas poderiam l*e denunciar, um concorrente, ou ent#o at que algum do -oogle ven*a analisar o seu c0digo 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. 9embre-se Xo sol nasce sobre os justos e injustosR 3ateus A1@A E> 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, nen*uma pgina possui o n'vel de acessibilidade que o seu, nen*uma possui uma estratgia t#o boa de <)(, enganou-se. A @A <e a sua palavra-c*ave for bastante disputada isso levar tempo, pois o -oogle leva em considera+#o vrios critrios e um deles o tempo que a pgina est no ar. 8 ouvi muitas pessoas falarem que o tempo rpido, bastando o rob l*e visitar e pronto. Hada feito, algumas tcnicas surtem o efeito em dias, eu levei cerca de 1 semana para derrubar um concorrente, o que notei foi a indecis#o do -oogle em semanas, em um determinado per'odo estava na primeira posi+#o outra *ora do dia na segunda, mais na maior parte do tempo eu ficava na lideran+a. =sso ocorreu pois o rob estava verificando vrios critrios entre n0s dois, pois meu site n#o possu'a links apontados para ele e o concorrente vrios, eu levava uma grande vantagem na acessibilidade, tcnicas <)(, dom'nio e quantidade de pginas. Mo outro lado e!istia o imprio 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 importKncia do que o concorrente. :os poucos cerca de 2 meses a primeira posi+#o ficou comigo permanentemente. ;ara inde!ar a pgina no -oogle n#o necessrio adicionar sua pgina manualmente atravs do link *ttp1SS""".google.com.brSintlSpt-E7SaddTurl.*tml mais caso esteja com pressa de ter resultado n#o custa nada fazer, mais esteja ciente que o rob do -oogle visita todos os sites da "eb, e ningum consegue escapar dele quase onipresente na "eb. DMOZ OU OPEN DIRETORZ / um diret0rio aberto "eb controlado por *umanos, uma espcie de busca, voc. deve estar se perguntando mais afinal que for+a trar para meu site conseguindo entrar no M3(dW ( M3(d serve nada mais nada menos como um cora+#o para "eb, para os grandes sites de busca, pois o resultado das buscas mecKnicas n#o da um resultado 1$$%. : "eb cresce muito a cada dia j deu para imaginar a quantidade de links quebrados que seria de pginas sem qualidade, para isso serve o M3(d ser a base de busca para esses grandes buscadores. ( (pen MirectorO a base dos sites de buscas mais usados, incluindo Hetscape <earc*, :(9 <earc*, -oogle, 9Ocos, HotEot, MirectHit, e centenas de outros.. @B 8 deu para imaginar que n#o nada fcil entrar no M3(d, ele funciona da seguinte maneira, cada editor responsvel por uma categoria, esse editor ir verificar se o seu conteLdo poder entrar em determinada categoria. Caso n#o consiga continue tentando at ser incluso nos diret0rios. F> FERRAMENTAS DE ONTROLE E MONITORAO amos con*ecer as ferramentas fundamentais para monitorarmos o nosso site, atravs dela poderemos saber qual a palavra-c*ave mais buscada no V @C M3(d uma das maiores refer.ncias aos sites de busca. site, qual a porcentagem de popularidade que temos, quanto tempo o usurio ficou no site, entre outras. )las s#o fundamentais para um profissional <)(. :cesse o site1 *ttp1SS""".google.comS"ebmastersS SITEMAP GOOGLE ( sitemap nada mais do que a organiza+#o de todas as pginas do site, para os sites de busca, funciona como uma espcie de mapa. Miminuindo o trabal*o dos bots e consequentemente incluindo rapidamente nos diret0rios do -oogle as suas pginas. )m vez do rob buscar por novidade no seu site ele vai direto no sitemap verificando se *ouve alguma atualiza+#o. ;ara incluir o sitemap, acesse o link *ttp1SS""".google.comS"ebmastersS , como mostra na imagem acima, acesse o link &)77:3)HG:< M( D)E3:<G)7, cadastre o seu site. RIANDO O SITEMAP ( sitemap nada mais do que um arquivo Z39, onde estar#o especificadas todas as suas pginas, bai!e o e!emplo em meu site1 @5 Central "ebmaster do -oogle, destaque para X&erramentas do "ebmasterR *ttp1SS""".mic*elferreira.comSmanualseoTsitemap.zip ( modelo dever estar assim1 ^W!ml versionjQ1.$Q encodingjQJG&-5QW_ ^urlset !mlnsjQ*ttp1SS""".sitemaps.orgSsc*emasSsitemapS$.4Q !mlns1!sijQ*ttp1SS"""."6.orgS2$$1SZ39<c*ema-instanceQ !si1sc*ema9ocationjQ *ttp1SS""".sitemaps.orgSsc*emasSsitemapS$.4 *ttp1SS""".sitemaps.orgSsc*emasSsitemapS$4Ssitemap.!sdQ_ ^url_ ^loc_*ttp1SS""".mic*elferreira.comS^Sloc_ ^prioritO_$.1^SprioritO_ ^c*angefreq_dailO^Sc*angefreq_ ^Surl_ ^Surlset_ 7epare na tag ^loc_ a sua J79 dever ficar dentro como no e!emplo acima, as demais tags n#o modifique apenas repita de acordo com as suas pginas, veja o e!emplo do meu site1 *ttp1SS""".mic*elferreira.comSsitemap.!ml : cada nova pgina insira uma nova ^url_^Surl_, ficaria da seguinte maneira1 ^url_ ^loc_*ttp1SS""".mic*elferreira.comS^Sloc_ ^prioritO_$.1^SprioritO_ ^c*angefreq_dailO^Sc*angefreq_ ^Surl_ ^url_ ^loc_*ttp1SS""".mic*elferreira.comSsites.*tm^Sloc_ ^prioritO_$.1^SprioritO_ ^c*angefreq_dailO^Sc*angefreq_ ^Surl_ ISERINDO O SITEMAP @4 : ferramenta do "ebmaster do -oogle, verifica as datas de visitas do googlebot, quais foram as urls que o rob n#o ac*ou, entre outras op+,es. ;ara incluir o sitemap que acabou de fazer clique em sitemaps e incluir sitemap, o rob leva algumas *oras para ler o seu sitemap, apenas aguarde. ;ronto seu site estar devidamente configurado. ROBOTS.TXT
: fun+#o do robots.t!t mostrar para o rob quais pginas est#o e!clu'das no sistema de busca, nada mais do que o controle dos spiders. ( arquivo robots.t!t um arquivo de te!to, aonde dever estar na raiz do site. :ssim 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. F1)/(.1 : primeira coisa que o rob faz visitar o seu robots.t!t, ent#o todo cuidado pouco. : seguir voc. ver o modelo do robots.t!t, e entender mel*or as suas funcionalidades, e saber utiliz-lo. A$ H ro;ot4.t3t gerado em H michel@erreira.com / (4er-agent1 Doogle;ot #i4allo21 /criacaode4ite4/ (4er-agent1 Slurp #i4allo21 (4er-agent1 MS0ot #i4allo21 (4er-agent1 Doogle;ot-)mage #i4allo21 (4er-agent1 6ahoo-mmcra2ler #i4allo21 (4er-agent1 p4;ot #i4allo21 (4er-agent1 Z #i4allo21 ( nome user-agent o nome do rob na qual voc. ir trabal*ar, verifique que no documento e!istem B user-agent, voc. pode escol*er quais J79s bloquear para determinado rob, o nome disallo" o diret0rio a ser e!clu'do, como no e!emplo acima optei por bloquear o diret0rio ScriacaodesitesS Voc. pode optar por e!cluir vrios diret0rios bastante somente repetir o nome disallon, como no e!emplo abai!o1 H ro;ot4.t3t gerado em H michel@erreira.com/ (4er-agent1 Doogle;ot #i4allo21 /criacaode4ite4/ #i4allo21 /de4envolvimentode4ite4/4ite4Kintranet.htm #i4allo21 /de4envolvimentode4ite4/rrn/ #i4allo21 /de4envolvimentode4ite4/imo/T/ #i4allo21 /de4envolvimentode4ite4/clinica/ #i4allo21 /de4envolvimentode4ite4/pet/ #i4allo21 /de4envolvimentode4ite4/?o@/ #i4allo21 /de4envolvimentode4ite4/pi;/ #i4allo21 /de4envolvimentode4ite4/v-<one/ (4er-agent1 Slurp #i4allo21 (4er-agent1 MS0ot #i4allo21 (4er-agent1 Doogle;ot-)mage #i4allo21 (4er-agent1 6ahoo-mmcra2ler #i4allo21 (4er-agent1 p4;ot #i4allo21 (4er-agent1 Z #i4allo21 Veja que o nome disallo" repete vrias vezes para bloquear vrios diret0rios, repare que os diret0rios s0 foram e!clusos do -ooglebot e os outros robs como 3<H, `a*oo entre outros n#o foram bloqueados, caso ven*a querer bloquear os A1 diret0rios em todos os mecanismo de busca, basta apenas colocar no nome user- agent um aster'stico k, como no e!emplo abai!o1 H ro;ot4.t3t gerado em H michel@erreira.com/ (4er-agent1 Z #i4allo21 /criacaode4ite4/ #i4allo21 /de4envolvimentode4ite4/4ite4Kintranet.htm #i4allo21 /de4envolvimentode4ite4/rrn/ #i4allo21 /de4envolvimentode4ite4/imo/T/ #i4allo21 /de4envolvimentode4ite4/clinica/ #i4allo21 /de4envolvimentode4ite4/pet/ #i4allo21 /de4envolvimentode4ite4/?o@/ #i4allo21 /de4envolvimentode4ite4/pi;/ #i4allo21 /de4envolvimentode4ite4/v-<one/ Messa maneira bloqueamos os diret0rios em todos os sites de busca, logo ap0s ter escrito esses dados no seu bloco de notas, salve o arquivo como robots.t!t e coloque na raiz do seu site e fa+a o upload, pronto seu sites estar com o robots.t!t configurado. GOOGLE ANALZTIS )le monitora o status do seu site, parecido com as estat'sticas que os servidores de *ospedagem oferecem, o analOtics muito superior, aonde praticamente voc. saber os passos das pessoas que visitam o seu site, para ativar o servi+o necessrio se cadastrar para isso acesse o link1 *ttp1SS""".google.comSanalOticsSpt-E7SlutmTsourcejptTE7-*a-latam-br- googlemutmTmediumj*amutmTcampaignjptTE7 ( sistema permite a monitora+#o do -oogle :dDord e :d<ense, mais n#o ser o nosso foco e sim como funciona a nossa estratgia <)(. :travs dele poderemos saber quais as palavras-c*aves mais buscada no nosso site, quanto tempo os internautas demoram no site, quais os links que trazem mais acessos entre outras. Jma ferramenta completa para monitorarmos o nosso site. Mepois de nos cadastrarmos, o -oogle nos disponibiliza um c0digo em 8ava para inserirmos na nossa pgina, n#o necessrio inserir em todos os arquivos HG39, apenas na pgina principal, ser o suficiente para rastrear todos os dados do site. A2 Vamos aprender a usar essa ferramenta, verifique na parte XJ<( M( <=G)R aonde conseguimos visualizar a porcentagem de rejei+#o, ser justamente a ;(;J9:7=M:M) M( <)J <=G), atravs dessa informa+#o voc. saber se o seu site possui popularidade entre os usurios ou n#o, tente dei!ar o menor poss'vel a tai!a de rejei+#o. )m fontes de trfego, podemos saber quais as palavras-c*aves mais buscadas e quais os links para a nossa pgina, repare que ele nos visualiza o tempo que cada pessoa fica no site ap0s a busca. A6 -oogle :nalOtics o servi+o nos permite monitorar nossas estratgias. G> MEU SITE NO APAREE NAS BUSAS O QUE HOUVE MSANDBOX> epois de 1 m.s do seu site ter ido para o ar, totalmente semKntico com todas as tcnicas poss'veis <)( e ainda n#o apareceu nas buscasW D Voc. deve estar querendo o seu din*eiro de volta, rsrsrsrs, mais calma e!iste um conceito c*amado <andEo!, que significa cai!a de areia ou cai!#o, aonde se encontra todas as J79s novas que n#o gan*aram a devida importKncia no -oogle. )nt#o calma, pois tudo quest#o de tempo, n#o se sabe o tempo espec'fico que uma J79 fica no <andEo!. H#o e!iste a necessidade de inserir a pgina novamente no -oogle, a Lnica coisa que voc. pode fazer e fazendo com que sites linkam para o seu, dessa forma a sua pgina come+a a gan*ar importKncia. Jma coisa interessante que durante a sandbo! uma pgina pode acumular pagerank, mais n#o estar listado em nen*uma busca, tente buscar s0 pelo J79 do seu site provavelmente o encontrar. :tualmente constru' um site com cerca de @$$ visitas dirias e vrios links apontados para ele e ficou na sandbo! por um grande per'odo, 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 sandbo!, ent#o n#o se precipite isso um camin*o natural de inde!a+#o. VERIFIANDO O ANDAMENTO DA INDEXAO / poss'vel verificar no -oogle o andamento da inde!a+#o do seu site, quais pginas foram adicionadas, quais pginas possuem links para a sua, qual o Lltimo conteLdo que o googlebot rastreou entre outras. ;ara isso no -oogle busque por1 info1*ttp1SS""".seusite.com Messa maneira o -oogle ir mostrar todas as informa+,es que o rob conseguiu en!ergar. Ho meu caso seria1 ,"81!*..-!JJKKK./,#*'78'))',)(.#1/ Eom meus amigos, esse foi o nosso manual, espero que voc. ten*a grande sucesso. : paz de Cristo. A@