comunicação digital
como escrever para a internet noções básicas de
seo
(search engine optimization)
A publicação “Como escrever para internet: noções básicas de SEO” foi produzida pela Medialogue Comunicação Digital. O conteúdo pode ser reproduzido desde que citada a fonte (Medialogue Comunicação Digital). Medialogue Comunicação Digital Diretor Alexandre Secco Rua Major Quedinho, 111 16° andar - CEP 01050-904 São Paulo, SP – Brasil - Telefone (55 11) 3201-2300 contato@medialogue.com.br www.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.
www.medialogue.com.br
2
COMO ESCREVER PARA INTERNET: NOÇÕES BÁSICAS DE SEO AJUDE AS PESSOAS A ENCONTRAREM O QUE VOCÊ ESCREVEU
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 redes 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 Engine 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 Secco Medialogue Comunicação Digital www.medialogue.com.br
3
ÍNDICE O que é SEO (Search Engine Optimization)?
1 1.a 1.b 1.c 1.d
A escolha das palavras-chave
2 2.a 2.b 2.c
Crie a URL (Uniform Resource Locator)
10
Escolha imagens legais
O que são palavras-chave?
10.a
Como usar?
Como escolher?
10.b
Onde colocar a descrição no código html?
O que evitar
10.c
Como nomear a foto corretamente?
Recomendações
O que é a URL? Como escolher?
11
Crie landing pages
11.a
O que são landing pages?
11.b
Como criar uma landing page eficiente?
O que evitar
12
Organize o site por categorias
13
Faça um XML Sitemaps
O que evitar?
13.a
O que é XML Sitemaps?
O que é title tag?
13.b
Como criar um XML Sitemaps?
3 3.a 3.b 3.c 3.d
Faça um bom título (title tag)
4 4.a 4.b 4.c
A linha fina também é importante
5 5.a 5.b 5.c 5.d
Como escolher?
Onde colocar no código html?
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?
Faça subtítulos ou intertítulos
15.c
Veja um exemplo de meta description
O que é subtítulo?
15.d
Onde colocar a meta description no código html?
O que é linha fina? Como escolher? Onde colocar no código html?
Como fazer? Recomendações Onde colocar no código html?
6
Crie seu texto em blocos
7
Repita as palavras-chave
8 8.a 8.b 8.c 8.d
Crie links interessantes
9 9.a
Use negrito nas palavras
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
O que são links Como usar? O que são links âncoras? Como usar links âncoras?
Legenda Esse selo indica que você vai precisar de um programador para o ajuste.
Como usar?
www.medialogue.com.br
4
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, trazendo 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. Alguns passos aqui descritos você provavelmente já está familiarizado, pois eles são ingredientes essenciais 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 internet é 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 escolhido 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 Massa, 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, produtos, etc. Veja o exemplo: 1.c - O que evitar
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
• 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 palavras-chave no decorrer do texto. • O uso de sinônimos é indicado, mas é necessário que sejam os mais conhecidos. www.medialogue.com.br
5
- Você pode utilizar a ferramente Google Insight para saber qual é a palavra-chave mais usada sobre 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 populares de uma palavra no buscador. Saiba mais no item Ferramentas Úteis.
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
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 local onde os buscadores vão olhar, por isso é necessá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. Geralmente 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+empr ego+para+ter+mais+qualidade+de+vida/ http://www.medialogue.com.br/media-intelligence/ http://votoedireito.com.br/2010/10/ficha-limpaentenda-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 primeira parte de seu site que aparece nos resultados de busca.
www.medialogue.com.br
6
3.a – Como escolher? • O título deve trazer as palavras-chave mais conhecidas sobre o assunto tratado. • Ele deve ser específico e informativo. • Seja breve. Se o título for muito grande os buscadores 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 estrutura 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 buscadores. 4.b – Como escolher? • Procure usar sinônimos populares da palavra-chave utilizada no título. • Faça uma rápida introdução do assunto tratado. Exemplo: Conheça os super executivos que fizeram carreiras de sucesso sem precisar mudar de empresa
www.medialogue.com.br
7
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 organize 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 Ferramentas 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.br
8
7 – Repita as palavras-chave • Utilize várias vezes as palavras-chave no texto, busque sinônimos populares e outras palavras usadas 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 automaticamente 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 buscadores 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 intertítulos, como o nome da publicação (iG Estágio e Trainee, Blog Voto e Direito etc).
www.medialogue.com.br
9
10 – Escolha imagens legais 10.a – Como usar? • Renomeie as fotos com palavras-chave e descritivas, que também serão utilizadas pelo buscador. Pense nos buscadores como cegos, ele não consegue 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 legenda. • 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 exemplo: 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 internas do seu site. Uma landing page sobre o Grande Prêmio do Brasil de Fómula 1 vai atrair as pessoas 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 palavraschave sobre o assunto para ser achada pelos buscadores. • 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.br
10
• Por exemplo: a página de um artista com sua trajetória, discos lançados, polêmicas, etc. Exemplo: A página do Ipad na Amazon.com http://www.amazon.com/Apple-iPad-MB292LLTablet-16GB/dp/B002C7481G 12 – Organize o site por categorias • Criar seções ajuda o site ser encontrado pelos buscadores e usuários, além de aumentar o número de páginas indexadas pelo Google. • Utilize categorias que sejam simples para os visitantes 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, colocado na raiz do site, informa quais são as páginas disponíveis na home page. • O XML Sitemaps é muito importante pois ele informa 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/sitemaps.xml. No Wordpress a ferramenta faz isso automaticamente, apenas preencha o campo “Localizaçã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.br
11
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 Google 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 buscadores, 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 palavraschaves. Não seja genérico e não use palavras desconhecidas ou pouco usadas nas buscas. 15.c - Veja alguns exemplos de meta description • Meta description usada no site iG Estágio e Trainee (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 temas 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 tecnologia, internet, segurança, mercado, telecom e carreira.
www.medialogue.com.br
12
• Meta description usada no site Amazon (http:// amazon.com): Online shopping from the earth’s biggest selection of books, magazines, music, DVDs, videos, electronics, computers, software, apparel & accessories, shoes, jewelry, tools & hardware, housewares, furniture, sporting goods, beauty & personal care, broadband & dsl, gourmet food & just about anything else. • Meta description usada no site do presidente dos Estados Unidos, Barack Obama (www.barackobama.com): Organizing for America is the grassroots organization that supports President Obama’s agenda for change. Visit BarackObama.com for blog posts, local events, information about the issues 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 description.
16 – Crie as meta keywords 16.a – O que são meta keywords? • As meta keywords são palavras-chave mais utilizadas 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 internautas 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, programa de trainee, vaga, empresa, guia do candidato, emprego, trabalho, carreira, vaga de emprego.
www.medialogue.com.br
13
• Meta keywords usada no portal iG (http://ig.com. br): musica, economia, Tempo, Chat, fotos, cinema, videos, comida, bbb, Celebridades, transito, politica, copa do mundo, celular, Discador, noticias, download, Esporte, email, mulher, tecnologia, moda, Famosos, banda larga. • Meta keywords usada no site Amazon (http:// amazon.com): Amazon, Amazon.com, Books, Online Shopping, Book Store, Magazine, Subscription, Music, CDs, DVDs, Videos, Electronics, Video Games, Computers, Cell Phones, Toys, Games, Apparel, Accessories, Shoes, Jewelry, Watches, Office Products, Sports & Outdoors, Sporting Goods, Baby Products, Health, Personal Care, Beauty, 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.barackobama.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 keywords.
www.medialogue.com.br
14
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 querem 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 ferramenta 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 buscadores. • www.xml-sitemaps.com: é uma ferramenta popular 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 Guide - http://static.googleusercontent.com/external_ content/untrusted_dlcp/www.google.com/pt-BR// webmasters/docs/search-engine-optimization-starter-guide.pdf • Mestre SEO - http://www.mestreseo.com.br/
www.medialogue.com.br
15
comunicação digital
Rua Major Quedinho, 111 16° andar - CEP 01050-904 São Paulo, SP – Brasil - Telefone (55 11) 3201-2300 contato@medialogue.com.br www.medialogue.com.br www.medialogue.com.br
16