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
[email protected]
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
[email protected]
www.medialogue.com.br
www.medialogue.com.br
16