COMO ESCREVER PARA INTERNET: NOÇÕES BÁSICAS DE SEO, por Medialogue

2.608 visualizações

Publicada em

Um guia didático para deixar a produção de conteúdo mais fácil de achar na internet.

Publicada em: Aperfeiçoamento pessoal
0 comentários
7 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.608
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
167
Comentários
0
Gostaram
7
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

COMO ESCREVER PARA INTERNET: NOÇÕES BÁSICAS DE SEO, por Medialogue

  1. 1. comunicação digitalcomo escreverpara a internet noções básicas de seo (search engine optimization)
  2. 2. A publicação “Como escrever para internet: noções básicas de SEO” foi pro-duzida pela Medialogue Comunicação Digital. O conteúdo pode ser repro-duzido desde que citada a fonte (Medialogue Comunicação Digital).Medialogue Comunicação DigitalDiretor Alexandre SeccoRua Major Quedinho, 111 16° andar - CEP 01050-904 A obra Como Escrever para Internet: Noções Básicas de SEO de Medialogue ComunicaçãoSão Paulo, SP – Brasil - Telefone (55 11) 3201-2300 Digital foi licenciada com uma Licença Creative Commons – Atribuição 3.0 Brasil. Permissõescontato@medialogue.com.br adicionais ao âmbito desta licença podemwww.medialogue.com.br estar disponíveis em http://www.medialogue.com.br. 2 www.medialogue.com.br
  3. 3. COMO ESCREVERPARA INTERNET: NOÇÕESBÁSICAS DE SEOAJUDE AS PESSOAS A ENCONTRAREMO QUE VOCÊ ESCREVEUA internet é um gigantesco depósito de informações. E um dos grandes desafios de quem escreve ou produz conteúdo para sites, blogs e re- des sociais, é fazer com que os interessados por estas informações as encontrem. Buscadores como o Google, Yahoo e Bing ajudam muito,mas podem ajudar ainda mais se a produção de conteúdo digital obedecer algumasregras. A aplicação desse conjunto de regras é o que se chama de SEO ( Search En-gine Optimization). Esse guia apresenta as noções básicas de SEO para aumentara taxa de “achabilidade” das informações que você vai divulgar.A maior parte das informações contidas aqui podem ser aplicadas imediatamentepor qualquer pessoa que escreve para internet. Outras, porém, requer ajuda de umprogramador.Este guia foi organizado pela Medialogue que usou como fontes principais o blogSEO Para Conteúdo (http://blig.ig.com.br/seoig), criado pela equipe de SEO doportal iG, e o Search Engine Optimization Starter Guide do Google. Alexandre Secco Medialogue Comunicação Digital 3 www.medialogue.com.br
  4. 4. ÍNDICEO que é SEO (Search Engine Optimization)? 1 A escolha das palavras-chave 10 Escolha imagens legais 1.a O que são palavras-chave? 10.a Como usar? 1.b Como escolher? 10.b Onde colocar a descrição no código html? 1.c O que evitar 10.c Como nomear a foto corretamente? 1.d Recomendações 11 Crie landing pages 2 Crie a URL (Uniform Resource Locator) 11.a O que são landing pages? 2.a O que é a URL? 2.b Como escolher? 11.b Como criar uma landing page eficiente? 2.c O que evitar 12 Organize o site por categorias 3 Faça um bom título (title tag) 3.a Como escolher? 13 Faça um XML Sitemaps 3.b O que evitar? 13.a O que é XML Sitemaps? 3.c O que é title tag? 13.b Como criar um XML Sitemaps? 3.d Onde colocar no código html? 14 Ofereça conteúdo de qualidade 4 A linha fina também é importante 4.a O que é linha fina? 15 Crie uma meta description 4.b Como escolher? 15.a O que é meta description? 4.c Onde colocar no código html? 15.b Como criar uma meta description? 5 Faça subtítulos ou intertítulos 15.c Veja um exemplo de meta description Onde colocar a meta description no código 5.a O que é subtítulo? 15.d html? 5.b Como fazer? 5.c Recomendações 16 Meta keywords 5.d Onde colocar no código html? 16.a O que são meta keywords? 16.b Como criar as meta keywords? 6 Crie seu texto em blocos 16.c Veja um exemplo de meta keywords 16.d Onde colocar a meta keywords no código html? 7 Repita as palavras-chave 8 Crie links interessantes 17 Ferramentas úteis 8.a O que são links 8.b Como usar? 18 Como saber mais a respeito 8.c O que são links âncoras? 8.d Como usar links âncoras? Legenda Esse selo indica que você vai precisar de 9 Use negrito nas palavras um programador para o ajuste. 9.a Como usar? 4 www.medialogue.com.br
  5. 5. O que é SEO (Search Engine Optimization)?São técnicas para que os buscadores encontrem osite com mais eficácia. Essas pequenas modifica-ções parecem não fazer muita diferença sozinhas,mas quando combinadas elas certamente terão umgrande impacto na achabilidade de seu site, trazen-do mais visibilidade para ele. Além disso, elas vãomelhorar a forma como o internauta navega peloseu site, deixando a navegação mais agradável. Al-guns passos aqui descritos você provavelmente jáestá familiarizado, pois eles são ingredientes essen-ciais das páginas na web, no entanto, outros serãoapresentados a você agora.1 – A escolha das palavras-chave1.a – O que são palavras-chave?• São as palavras mais utilizadas pelos internautasem suas pesquisas nos buscadores. Saber como ousuário procura sobre o assunto de seu texto na in-ternet é fundamental. Você pode escrever um ótimotexto sobre o estrago da chuva em São Paulo, masse optar em usar “alagamento” ou “inundação” notítulo de seu texto, com certeza as pessoas terãomais dificuldade de achá-lo, do que se tivesse es-colhido a palavra “enchente”.• As palavras-chave devem ter relação direta com oassunto do texto. Se você está escrevendo um artigosobre a vitória de Felipe Massa no Grande Prêmiode Fórmula 1 de São Paulo, as palavras-chave dotexto serão, por exemplo: fórmula um, Felipe Mas-sa, corrida, vitória, São Paulo, Grande Prêmio.1.b – Como escolher? USO CORRETO USO ERRADO Confira a receita de Aprenda fazer doces• As palavras-chave devem ser específicas e não donuts de chocolate de chocolategenéricas. Use marcas, nomes de empresas, produ- Lançado novo carrotos, etc. Veja o exemplo: Lançado novo Fiat Uno popular da Fiat1.c - O que evitar Nestlé abre inscrições Empresa abre inscrições para estágio e trainee para trabalho• Cuidado com as metáforas, os buscadores podemnão relacioná-las às palavras-chave.• Corrija seu texto, evite erros gramaticais.1.d – Recomendações• Defina o assunto tratado na notícia e repita as pa-lavras-chave no decorrer do texto.• O uso de sinônimos é indicado, mas é necessárioque sejam os mais conhecidos. 5 www.medialogue.com.br
  6. 6. - Você pode utilizar a ferramente Google Insight COMO USAR AS PALAVRAS-CHAVEpara saber qual é a palavra-chave mais usada so-bre um assunto. Essa ferramenta possibilita testar ASSUNTO USE EVITEaté cinco variações de termo. Outra possibilidade Estágio Estudante, Aluno, alunoé usar a Ferramentas de palavra-chave do Google universitário, de faculdade,para descobrir quais são os sinônimos mais popula- estagiário, treinamento estagiar profissionalres de uma palavra no buscador. Saiba mais no itemFerramentas Úteis. Olimpíadas Jogos Olímpicos, Jogos de de 2016 Olimpíadas do 2016, jogos da Rio, Olimpíadas era moderna,2 - Crie a URL (Uniform Resource Locator) do Brasil olimpíadas de verão2.a – O que é a URL?• É o endereço da página na internet, mas pensenela como uma identidade. A URL é o primeiro lo-cal onde os buscadores vão olhar, por isso é neces-sário dizer na URL o que as pessoas vão encontrarna página. Lembre-se que o endereço precisa tersentido e ser breve.2.b – Como escolher?• A URL deve conter as palavras-chave. Geralmen-te o título do texto compõe a URL.• Use somente os sinais + (mais) e - (traço) paraunir as palavras. Não use espaços ou outros sinais. - Em alguns publicadores, como do Wordpress, aURL é formada automaticamente quando se insereo título.Exemplos:http://estagio.ig.com.br/vagas/encontre+um+emprego+para+ter+mais+qualidade+de+vida/http://www.medialogue.com.br/media-intelligen-ce/http://votoedireito.com.br/2010/10/ficha-limpa-entenda-a-decisao-do-stf-sobre-a-lei/2.c – O que evitar?• Não faça URL confusas e difíceis de memorizar. AURL “www.exemplo.com.br/pasta2/1397hsjg73983m.html/” não ajuda o usuário nem os buscadores adescobrirem o que tem dentro da página.3 – Crie um bom título (title tag)O título é o segundo item de maior importância nahierarquia dos buscadores, além disso é a primei-ra parte de seu site que aparece nos resultados debusca. 6 www.medialogue.com.br
  7. 7. 3.a – Como escolher?• O título deve trazer as palavras-chave mais co-nhecidas sobre o assunto tratado.• Ele deve ser específico e informativo.• Seja breve. Se o título for muito grande os bus-cadores mostrarão apenas uma parte do título nosresultados. É recomendável que se use no mínimo10 caracteres e no máximo 65.3.b – O que evitar?• Não faça títulos sem relação com o assunto dapágina.- Não use títulos vagos como, Nova página, Artigode hoje, Meu texto, etc.• Não crie títulos muito longos.3.c - O que é Title tag?• É o nome do local onde o título deve estar na es-trutura HTML do site.3.d - Onde colocar no código html?• No código HTML, os títulos devem ser escritosnas tags <title> e <h1>.4 – A linha fina também é importante4.a – O que é linha fina?• É uma breve introdução do assunto após o título.Ela é o terceiro item de importância para os busca-dores.4.b – Como escolher?• Procure usar sinônimos populares da palavra-cha-ve utilizada no título.• Faça uma rápida introdução do assunto tratado.Exemplo: Conheça os super executivos que fize-ram carreiras de sucesso sem precisar mudar deempresa 7 www.medialogue.com.br
  8. 8. 4.c – Onde colocar no código html?• No código html, a linha fina deve ser escrita natag <h2>.5 – Faça subtítulo ou intertítulos5.a – O que é subtítulo ou intertítulo?• São destaques para uma informação dentro dotexto5. b - Como fazer?• Deve-se procurar palavras-chave que reforcem oassunto.• Utilize o máximo de subtítulos no texto e organi-ze o texto em tópicos.• Os subtítulos devem ter um valor semântico paraa busca, ou seja, devem dizer alguma coisa e nãosomente uma palavra solta.• Use algo específico como Remuneração, e evitepalavras muito genéricas, como Destaque.5.c – Recomendações.• Busque variações no Google Insights e Ferramen-tas de palavra-chave do Google. Saiba mais no itemFerramentas Úteis.5.d – Onde colocar no código html?• No código HTML, o subtítulo deve ser escrito natag <h3>6 – Separe o texto em blocos• Organizar o texto em blocos ajuda os visitantes aencontrarem o que eles querem mais rapidamente.E informa aos buscadores o que é importante notexto. 8 www.medialogue.com.br
  9. 9. 7 – Repita as palavras-chave• Utilize várias vezes as palavras-chave no texto,busque sinônimos populares e outras palavras usa-das das buscas ao lado delas.8 – Crie links interessantes8.a – O que são links• Link é uma ligação no texto para outra página.São como uma placa na estrada que te indica umnovo caminho, e quando tocada, ela te leva auto-maticamente para o destino informado. Criar linksé a graça da internet.8.b – Como usar?• Crie o link em expressões relacionadas ao conte-údo para onde o leitor será encaminhado e não naspalavras. Não crie links em palavras como “CliqueAqui”, por exemplo.• Linkar para páginas internas do seu site sempreque possível.• Crie link na frase e não só a palavra, chegue maisperto do alvo possível.8.c – O que são links âncoras?• São links que levam o leitor direto para algumponto no mesmo texto. Pulando a parte que não lheinteressa.8.d – Como usar links âncoras?• Use esse recurso para textos com listas ou muitolongos.9 – Use negrito nas palavras (bold)• Usar negrito no texto ajuda mostrar para os bus-cadores que aquele é um termo importante da pá-gina.• O negrito é também chamado pelos tipógrafos debold.9.a – Como usar?• Procure marcar palavras-chave no texto (usadasnas buscas dos usuários), mesmo que não sejam in-tertítulos, como o nome da publicação (iG Estágioe Trainee, Blog Voto e Direito etc). 9 www.medialogue.com.br
  10. 10. 10 – Escolha imagens legais10.a – Como usar?• Renomeie as fotos com palavras-chave e descri-tivas, que também serão utilizadas pelo buscador.Pense nos buscadores como cegos, ele não conse-gue ver o que tem na imagem, você precisa dizerpara ele o que é.• Crie uma legenda da foto, seja descritivo.• Use sempre que possível as palavras-chave na le-genda.• Crie uma descrição da imagem no seu publicadorquando for cadastrar a foto.10.b – Onde colocar a descrição no código html?• No html, a descrição da imagem deve ser feita natag <alt>.10.c – Como nomear a foto corretamente?-Separe as palavras com sinais de + ou -. Por exem-plo: lula+posse+ministros.jpg11 – Crie landing pages11.a – O que são landing pages?• É uma página com o máximo de informaçõessobre um determinado assunto. O objetivo é atrairvisitantes e direcioná-los para outras páginas inter-nas do seu site. Uma landing page sobre o GrandePrêmio do Brasil de Fómula 1 vai atrair as pesso-as que buscam informações sobre a corrida, umavez dentro da página, cada usuário deve vai buscaraquilo que mais procura saber como a história doGP, horário, quem são os pilotos, etc.11.b – Como criar uma landing page eficiente?• A landing page deve acomodar muitas palavras-chave sobre o assunto para ser achada pelos busca-dores.• Ela deve conter links para outros assuntos especí-fico do tema.• Ela precisa ter o máximo de informações possí-veis sobre o tema.• O texto deve ser organizado em subtítulos e tó-picos. 10 www.medialogue.com.br
  11. 11. • Por exemplo: a página de um artista com sua tra-jetória, discos lançados, polêmicas, etc.Exemplo:A página do Ipad na Amazon.comhttp://www.amazon.com/Apple-iPad-MB292LL-Tablet-16GB/dp/B002C7481G 12 – Organize o site por categorias• Criar seções ajuda o site ser encontrado pelos bus-cadores e usuários, além de aumentar o número depáginas indexadas pelo Google.• Utilize categorias que sejam simples para os visi-tantes saberem onde eles estão no site. 13 - Faça um XML Sitemaps13.a – O que é XML Sitemaps?• é uma lista das páginas do site. Esse arquivo, co-locado na raiz do site, informa quais são as páginasdisponíveis na home page.• O XML Sitemaps é muito importante pois ele in-forma para os buscadores quando novas páginasforam criadas ou modificadas.13.b – Como criar um XML Sitemaps?• Existem algumas ferramentas gratuitas para criarum XML Sitemaps como, por exemplo, o www.xml-sitemaps.com. No Wordpress, você pode usarum plugin como o XML Sitemap Generator forWordPress.• Configure a ferramenta para gerar o Sitemaps.• Coloque o arquivo Sitemap no diretório raiz doseu servidor, ou seja: www.exemplo.com.br/site-maps.xml. No Wordpress a ferramenta faz isso au-tomaticamente, apenas preencha o campo “Locali-zação do arquivo Sitemap”.• Registre o endereço do XML Sitemap do site noGoogle Ferramentas para Webmaster. Saiba maisno item Ferramentas Úteis.14 - Ofereça conteúdo de qualidade• Um conteúdo atraente e útil deve influenciar maisdo que qualquer passo apresentado aqui.• Um artigo ou matéria interessante certamente vai 11 www.medialogue.com.br
  12. 12. estimular as pessoas a recomendarem seu site nasredes sociais, em blogs, fóruns, etc. Assim seu siteterá uma boa reputação com os buscadores e usuá-rios simultaneamente.• Algumas ferramentas gratuitas como o GoogleInsights e a Ferramentas de palavra-chave do Goo-gle podem te ajudar a criar conteúdo. Saiba mais noitem Ferramentas Úteis. 15 – Crie uma meta description15.a – O que é meta description?• É uma breve descrição da página. Ela informa aosbuscadores sobre o que o site trata.• A meta description pode ser usada pelos busca-dores, como o Google, para informar o que tem napágina. Nesse caso, é o que aparece embaixo dotítulo da página nos resultados de busca.15.b – Como criar uma meta description?• Faça uma breve descrição do que as pessoas vãoencontrar na página.• Siga os mesmos passos para o uso das palavras-chaves. Não seja genérico e não use palavras des-conhecidas ou pouco usadas nas buscas.15.c - Veja alguns exemplos de meta description• Meta description usada no site iG Estágio e Trai-nee (http://estagio.ig.com.br/): Encontre sua vagaaqui! Saiba sobre programas de estágio e trainee,vagas, Guia do Candidato e dicas sobre formaçãoacadêmica, recrutamento e carreira.• Meta description usada no portal iG (http://ig.com.br): Notícias do Brasil, do mundo e da economia.Esporte e cultura, famosos, mulher, comida e os te-mas do momento com vídeos, fotos e infográficosexclusivos.• Meta description usada no site IDG Now (http://idgnow.uol.com.br): IDG Now! - Notícias de tec-nologia, internet, segurança, mercado, telecom ecarreira. 12 www.medialogue.com.br
  13. 13. • Meta description usada no site Amazon (http://amazon.com): Online shopping from the earth’s bi-ggest selection of books, magazines, music, DVDs,videos, electronics, computers, software, apparel &accessories, shoes, jewelry, tools & hardware, hou-sewares, furniture, sporting goods, beauty & per-sonal care, broadband & dsl, gourmet food & justabout anything else.• Meta description usada no site do presidente dosEstados Unidos, Barack Obama (www.baracko-bama.com): Organizing for America is the grass-roots organization that supports President Obama’sagenda for change. Visit BarackObama.com forblog posts, local events, information about the is-sues you care about, and more.15.d – Onde colocar a meta description no códigohtml?• No código HTML, os títulos devem ser escritosna tag <meta name=”description” content=”insiraaqui a meta description.” />• No Wordpress, alguns plugins como o “All in OneSEO Pack” auxiliam a colocação da meta descrip-tion. 16 – Crie as meta keywords16.a – O que são meta keywords?• As meta keywords são palavras-chave mais uti-lizadas pelas pessoas nas buscas pelo assunto dosite.16.b – Como criar as meta keywords?• Informe sinônimos e inclusive palavras com agrafia errada, porém muito usadas pelos internau-tas para procurar sobre o assunto tratado em suapágina.16.c - Veja alguns exemplos de meta keywords• Meta keywords usadas no site iG Estágio e Trainee(http://estagio.ig.com.br/): estagio, trainee, progra-ma de trainee, vaga, empresa, guia do candidato,emprego, trabalho, carreira, vaga de emprego. 13 www.medialogue.com.br
  14. 14. • Meta keywords usada no portal iG (http://ig.com.br): musica, economia, Tempo, Chat, fotos, cinema,videos, comida, bbb, Celebridades, transito, politi-ca, copa do mundo, celular, Discador, noticias, do-wnload, Esporte, email, mulher, tecnologia, moda,Famosos, banda larga.• Meta keywords usada no site Amazon (http://amazon.com): Amazon, Amazon.com, Books, On-line Shopping, Book Store, Magazine, Subscrip-tion, Music, CDs, DVDs, Videos, Electronics, Vi-deo Games, Computers, Cell Phones, Toys, Games,Apparel, Accessories, Shoes, Jewelry, Watches,Office Products, Sports & Outdoors, SportingGoods, Baby Products, Health, Personal Care, Be-auty, Home, Garden, Bed & Bath, Furniture, Tools,Hardware, Vacuums, Outdoor Living, AutomotiveParts, Pet Supplies, Broadband, DSL• Meta keywords usadas no site do presidente dosEstados Unidos, Barack Obama (www.barackoba-ma.com): president, barack, barak, barck, barek,obama, presidential, president, ofa, organizing.16.d - Onde colocar as meta keywords no códigohtml?• No código Html, a meta keyword deve ficar natag <meta name=”keywords” content=”insira aquias keywords.” />.• No Wordpress, alguns plugins como o “All in OneSEO Pack” auxiliam a colocação das meta keywor-ds. 14 www.medialogue.com.br
  15. 15. 17 – Ferramentas úteis• Google Insights: com ele você descobre os picosde buscas sobre um assunto. Assim você pode criarconteúdo para os usuários quando eles mais que-rem saber sobre um determinado assunto.• Ferramentas de palavra-chave do Google: comela você pode descobrir quais são as palavras maisprocuradas sobre um determinado assunto.• Google Ferramentas para Webmaster: é uma fer-ramenta que auxilia no rastreamento e indexaçãodos site. É aqui que deve ser cadastrado o XMLSitemaps.• Woorank.com: é uma ferramenta de analise desites que informa, entre outras coisas, quais sãoas metas keywords, meta description, número devisitantes e número de páginas indexadas nos bus-cadores.• www.xml-sitemaps.com: é uma ferramenta popu-lar que cria facilmente um XML sitemaps.18 - Como saber mais a respeito:• SEO para conteúdo http://blig.ig.com.br/seoig/2010/03/30/seo-nocoes-basicas/• Google Search Engine Optimization Starter Gui-de - http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/pt-BR//webmasters/docs/search-engine-optimization-star-ter-guide.pdf• Mestre SEO - http://www.mestreseo.com.br/ 15 www.medialogue.com.br
  16. 16. comunicação digitalRua Major Quedinho, 111 16° andar - CEP 01050-904São Paulo, SP – Brasil - Telefone (55 11) 3201-2300contato@medialogue.com.brwww.medialogue.com.br 16 www.medialogue.com.br

×