como escreverpara a internet

noções básicas de

seo(search engine optimization)

comunicação digital

www.medialogue.com.br2

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 Digital Diretor Alexandre Secco

Rua Major Quedinho, 111 16° andar - CEP 01050-904São Paulo, SP – Brasil - Telefone (55 11) 3201-2300contato@medialogue.com.brwww.medialogue.com.br

A obra Como Escrever para Internet: Noções Básicas de SEO de Medialogue Comunicação Digital foi licenciada com uma Licença Creative Commons – Atribuição 3.0 Brasil. Permissões adicionais ao âmbito desta licença podem estar disponíveis em http://www.medialogue.com.br.

3www.medialogue.com.br

A 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 algumas regras. 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 aumentar a taxa de “achabilidade” das informações que você vai divulgar.A maior parte das informações contidas aqui podem ser aplicadas imediatamente por qualquer pessoa que escreve para internet. Outras, porém, requer ajuda de um programador.Este guia foi organizado pela Medialogue que usou como fontes principais o blog SEO Para Conteúdo (http://blig.ig.com.br/seoig), criado pela equipe de SEO do portal iG, e o Search Engine Optimization Starter Guide do Google.

Alexandre SeccoMedialogue Comunicação Digital

COMO ESCREVER PARA INTERNET: NOÇÕES BÁSICAS DE SEOAJUDE AS PESSOAS A ENCONTRAREM O QUE VOCÊ ESCREVEU

www.medialogue.com.br4

ÍNDICE

O que é SEO (Search Engine Optimization)?

1 A escolha das palavras-chave

1.a O que são palavras-chave?

1.b Como escolher?

1.c O que evitar

1.d Recomendações

2 Crie a URL (Uniform Resource Locator)

2.a O que é a URL?

2.b Como escolher?

2.c O que evitar

3 Faça um bom título (title tag)

3.a Como escolher?

3.b O que evitar?

3.c O que é title tag?

3.d Onde colocar no código html?

4 A linha fina também é importante

4.a O que é linha fina?

4.b Como escolher?

4.c Onde colocar no código html?

5 Faça subtítulos ou intertítulos

5.a O que é subtítulo?

5.b Como fazer?

5.c Recomendações

5.d Onde colocar no código html?

6 Crie seu texto em blocos

7 Repita as palavras-chave

8 Crie links interessantes

8.a O que são links

8.b Como usar?

8.c O que são links âncoras?

8.d Como usar links âncoras?

9 Use negrito nas palavras

9.a Como usar?

10 Escolha imagens legais

10.a Como usar?

10.b Onde colocar a descrição no código html?

10.c Como nomear a foto corretamente?

11 Crie landing pages

11.a O que são landing pages?

11.b Como criar uma landing page eficiente?

12 Organize o site por categorias

13 Faça um XML Sitemaps

13.a O que é XML Sitemaps?

13.b Como criar um XML Sitemaps?

14 Ofereça conteúdo de qualidade

15 Crie uma meta description

15.a O que é meta description?

15.b Como criar uma meta description?

15.c Veja um exemplo de meta description

15.d Onde colocar a meta description no código html?

16 Meta keywords

16.a O que são meta keywords?

16.b Como criar as meta keywords?

16.c Veja um exemplo de meta keywords

16.d Onde colocar a meta keywords no código html?

17 Ferramentas úteis

18 Como saber mais a respeito

LegendaEsse selo indica que você vai precisar de um programador para o ajuste.

www.medialogue.com.br5

O que é SEO (Search Engine Optimization)?

São técnicas para que os buscadores encontrem o site com mais eficácia. Essas pequenas modifica-ções parecem não fazer muita diferença sozinhas, mas quando combinadas elas certamente terão um grande impacto na achabilidade de seu site, trazen-do mais visibilidade para ele. Além disso, elas vão melhorar a forma como o internauta navega pelo seu 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ão apresentados a você agora.

1 – A escolha das palavras-chave

1.a – O que são palavras-chave?

• São as palavras mais utilizadas pelos internautas em suas pesquisas nos buscadores. Saber como o usuário procura sobre o assunto de seu texto na in-ternet é fundamental. Você pode escrever um ótimo texto sobre o estrago da chuva em São Paulo, mas se optar em usar “alagamento” ou “inundação” no título de seu texto, com certeza as pessoas terão mais dificuldade de achá-lo, do que se tivesse es-colhido a palavra “enchente”.

• As palavras-chave devem ter relação direta com o assunto do texto. Se você está escrevendo um artigo sobre a vitória de Felipe Massa no Grande Prêmio de Fórmula 1 de São Paulo, as palavras-chave do texto serão, por exemplo: fórmula um, Felipe Mas-sa, corrida, vitória, São Paulo, Grande Prêmio.

1.b – Como escolher?

• As palavras-chave devem ser específicas e não genéricas. Use marcas, nomes de empresas, produ-tos, etc. Veja o exemplo:

1.c - O que evitar

• Cuidado com as metáforas, os buscadores podem nã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ário que sejam os mais conhecidos.

USO CORRETO USO ERRADO

Confira a receita de donuts de chocolate

Aprenda fazer doces de chocolate

Lançado novo Fiat Uno Lançado novo carro popular da Fiat

Nestlé abre inscrições para estágio e trainee

Empresa abre inscrições para trabalho

www.medialogue.com.br6

- Você pode utilizar a ferramente Google Insight para saber qual é a palavra-chave mais usada so-bre um assunto. Essa ferramenta possibilita testar até cinco variações de termo. Outra possibilidade é usar a Ferramentas de palavra-chave do Google para descobrir quais são os sinônimos mais popula-res de uma palavra no buscador. Saiba mais no item Ferramentas Úteis.

2 - Crie a URL (Uniform Resource Locator)

2.a – O que é a URL?

• É o endereço da página na internet, mas pense nela 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 encontrar na página. Lembre-se que o endereço precisa ter sentido 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) para unir as palavras. Não use espaços ou outros sinais.

- Em alguns publicadores, como do Wordpress, a URL é formada automaticamente quando se insere o 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. A URL “www.exemplo.com.br/pasta2/1397hsjg73983m.html/” não ajuda o usuário nem os buscadores a descobrirem 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 na hierarquia dos buscadores, além disso é a primei-ra parte de seu site que aparece nos resultados de busca.

COMO USAR AS PALAVRAS-CHAVE

ASSUNTO USE EVITE

Estágio Estudante, universitário, estagiário, estagiar

Aluno, aluno de faculdade, treinamento profissional

Olimpíadas de 2016

Jogos Olímpicos, Olimpíadas do

Rio, Olimpíadas do Brasil

Jogos de 2016, jogos da era moderna,

olimpíadas de verão

www.medialogue.com.br7

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 nos resultados. É recomendável que se use no mínimo 10 caracteres e no máximo 65.

3.b – O que evitar?

• Não faça títulos sem relação com o assunto da página. - Não use títulos vagos como, Nova página, Artigo de 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 escritos nas tags <title> e <h1>.

4 – A linha fina também é importante

4.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 de empresa

www.medialogue.com.br8

4.c – Onde colocar no código html?

• No código html, a linha fina deve ser escrita na tag <h2>.

5 – Faça subtítulo ou intertítulos

5.a – O que é subtítulo ou intertítulo?

• São destaques para uma informação dentro do texto

5. b - Como fazer?

• Deve-se procurar palavras-chave que reforcem o assunto.

• 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 para a busca, ou seja, devem dizer alguma coisa e não somente uma palavra solta.

• Use algo específico como Remuneração, e evite palavras 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 item Ferramentas Úteis.

5.d – Onde colocar no código html?

• No código HTML, o subtítulo deve ser escrito na tag <h3>

6 – Separe o texto em blocos

• Organizar o texto em blocos ajuda os visitantes a encontrarem o que eles querem mais rapidamente. E informa aos buscadores o que é importante no texto.

www.medialogue.com.br9

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 interessantes

8.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 um novo 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 nas palavras. Não crie links em palavras como “Clique Aqui”, por exemplo.

• Linkar para páginas internas do seu site sempre que possível.

• Crie link na frase e não só a palavra, chegue mais perto do alvo possível.

8.c – O que são links âncoras?

• São links que levam o leitor direto para algum ponto no mesmo texto. Pulando a parte que não lhe interessa.

8.d – Como usar links âncoras?

• Use esse recurso para textos com listas ou muito longos.

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 de bold.

9.a – Como usar?

• Procure marcar palavras-chave no texto (usadas nas buscas dos usuários), mesmo que não sejam in-tertítulos, como o nome da publicação (iG Estágio e Trainee, Blog Voto e Direito etc).

www.medialogue.com.br10

10 – Escolha imagens legais

10.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 dizer para 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 publicador quando 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 na tag <alt>.

10.c – Como nomear a foto corretamente?

-Separe as palavras com sinais de + ou -. Por exem-plo: lula+posse+ministros.jpg

11 – Crie landing pages

11.a – O que são landing pages?

• É uma página com o máximo de informações sobre um determinado assunto. O objetivo é atrair visitantes e direcioná-los para outras páginas inter-nas do seu site. Uma landing page sobre o Grande Prêmio do Brasil de Fómula 1 vai atrair as pesso-as que buscam informações sobre a corrida, uma vez dentro da página, cada usuário deve vai buscar aquilo que mais procura saber como a história do GP, 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.

www.medialogue.com.br11

• 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 de pá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 Sitemaps

13.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áginas disponíveis na home page.

• O XML Sitemaps é muito importante pois ele in-forma para os buscadores quando novas páginas foram criadas ou modificadas.

13.b – Como criar um XML Sitemaps?

• Existem algumas ferramentas gratuitas para criar um XML Sitemaps como, por exemplo, o www.xml-sitemaps.com. No Wordpress, você pode usar um plugin como o XML Sitemap Generator for WordPress.

• Configure a ferramenta para gerar o Sitemaps.

• Coloque o arquivo Sitemap no diretório raiz do seu 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 no Google Ferramentas para Webmaster. Saiba mais no item Ferramentas Úteis.

14 - Ofereça conteúdo de qualidade

• Um conteúdo atraente e útil deve influenciar mais do que qualquer passo apresentado aqui.

• Um artigo ou matéria interessante certamente vai

www.medialogue.com.br12

estimular as pessoas a recomendarem seu site nas redes sociais, em blogs, fóruns, etc. Assim seu site terá uma boa reputação com os buscadores e usuá-rios simultaneamente.

• Algumas ferramentas gratuitas como o Google Insights e a Ferramentas de palavra-chave do Goo-gle podem te ajudar a criar conteúdo. Saiba mais no item Ferramentas Úteis.

15 – Crie uma meta description

15.a – O que é meta description?

• É uma breve descrição da página. Ela informa aos buscadores sobre o que o site trata.

• A meta description pode ser usada pelos busca-dores, como o Google, para informar o que tem na página. Nesse caso, é o que aparece embaixo do tí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ão encontrar 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 vaga aqui! Saiba sobre programas de estágio e trainee, vagas, Guia do Candidato e dicas sobre formação acadê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áficos exclusivos.

• Meta description usada no site IDG Now (http://idgnow.uol.com.br): IDG Now! - Notícias de tec-nologia, internet, segurança, mercado, telecom e carreira.

www.medialogue.com.br13

• 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 & just about anything else.

• Meta description usada no site do presidente dos Estados Unidos, Barack Obama (www.baracko-bama.com): Organizing for America is the grass-roots organization that supports President Obama’s agenda for change. Visit BarackObama.com for blog posts, local events, information about the is-sues you care about, and more.

15.d – Onde colocar a meta description no código html?

• No código HTML, os títulos devem ser escritos na tag <meta name=”description” content=”insira aqui a meta description.” />

• No Wordpress, alguns plugins como o “All in One SEO Pack” auxiliam a colocação da meta descrip-tion.

16 – Crie as meta keywords

16.a – O que são meta keywords?

• As meta keywords são palavras-chave mais uti-lizadas pelas pessoas nas buscas pelo assunto do site.

16.b – Como criar as meta keywords?

• Informe sinônimos e inclusive palavras com a grafia errada, porém muito usadas pelos internau-tas para procurar sobre o assunto tratado em sua pá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.

www.medialogue.com.br14

• 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, Sporting Goods, Baby Products, Health, Personal Care, Be-auty, Home, Garden, Bed & Bath, Furniture, Tools, Hardware, Vacuums, Outdoor Living, Automotive Parts, Pet Supplies, Broadband, DSL

• Meta keywords usadas no site do presidente dos Estados 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ódigo html?

• No código Html, a meta keyword deve ficar na tag <meta name=”keywords” content=”insira aqui as keywords.” />.

• No Wordpress, alguns plugins como o “All in One SEO Pack” auxiliam a colocação das meta keywor-ds.

www.medialogue.com.br15

17 – Ferramentas úteis

• Google Insights: com ele você descobre os picos de buscas sobre um assunto. Assim você pode criar conteúdo para os usuários quando eles mais que-rem saber sobre um determinado assunto.

• Ferramentas de palavra-chave do Google: com ela você pode descobrir quais são as palavras mais procuradas sobre um determinado assunto.

• Google Ferramentas para Webmaster: é uma fer-ramenta que auxilia no rastreamento e indexação dos site. É aqui que deve ser cadastrado o XML Sitemaps.

• Woorank.com: é uma ferramenta de analise de sites que informa, entre outras coisas, quais são as metas keywords, meta description, número de visitantes 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/

www.medialogue.com.br16

Rua Major Quedinho, 111 16° andar - CEP 01050-904São Paulo, SP – Brasil - Telefone (55 11) 3201-2300contato@medialogue.com.brwww.medialogue.com.br

comunicação digital