Fluo Comunicação Agência de Marketing Digital
PARA A INTERNET COMO ESCREVER
seo
noções básicas de
(search engine optimization)
A publicação “Como escrever para internet: noções básicas de SEO” foi produzida pela Fluo Comunicação Agência de Marketing Digital. O conteúdo pode ser reproduzido desde que citada a fonte (Fluocomunicacao Comunicação Digital). Fluocomunicacao Fluo Comunicação Agência de Marketing Digital Diretora Bárbara Duarte Alameda Santos, 1800 - Jardim Paulista, São Paulo - SP, 01418-200 (11) 3075-2856
[email protected]
Agência de Marketing Digital
2
COMO ESCREVER PARA INTERNET: NOÇÕES BÁSICAS DE SEO AJUDE AS PESSOAS A ENCONTRAREM
A
O QUE VOCÊ ESCREVEU
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. Busca-
dores 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 Fluocomunicacao 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.
Bárbara Duarte Fluo comunicação Agência de Marketing Digital
Agência de Marketing Digital
3
ÍNDICE O que é SEO (Search Engine Optimization)? 1A escolha das palavras-chave
10Escolha imagens legais
1.aO que são palavras-chave?
10.aComo usar?
1.bComo escolher?
10.bOnde colocar a descrição no código html?
1.cO que evitar
10.cComo nomear a foto corretamente?
1.dRecomendações 11Crie landing pages 2Crie a URL (Uniform Resource Locator)
11.aO que são landing pages?
2.aO que é a URL? 2.bComo escolher? 2.cO que evitar 3Faça um bom título (title tag) 3.aComo escolher? 3.bO que evitar? 3.cO que é title tag?
11.bComo criar uma landing page eficiente? 12Organize o site por categorias 13Faça um XML Sitemaps 13.aO que é XML Sitemaps? 13.bComo criar um XML Sitemaps?
3.dOnde colocar no código html? 4A linha fina também é importante 4.aO que é linha fina? 4.bComo escolher? 4.cOnde colocar no código html?
14Ofereça conteúdo de qualidade 15Crie uma meta description 15.aO que é meta description? 15.bComo criar uma meta description?
5Faça subtítulos ou intertítulos 5.aO que é subtítulo?
15.c Veja um exemplo de meta description 15.dOnde colocar a meta description no código html?
5.bComo fazer? 5.cRecomendações 5.dOnde colocar no código html? 6Crie seu texto em blocos 7Repita as palavras-chave 8Crie links interessantes 8.aO que são links 8.bComo usar? 8.cO que são links âncoras? 8.dComo usar links âncoras? 9Use negrito nas palavras
16Meta keywords 16.aO que são meta keywords? 16.bComo criar as meta keywords? 16.cVeja um exemplo de meta keywords 16.dOnde colocar a meta keywords no código html?
17Ferramentas úteis 18Como saber mais a respeito Legenda Esse selo indica que você vai precisar de um programador para o ajuste.
9.aComo usar?
Agência de Marketing Digital
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 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 palavraschave do texto serão, por exemplo: fórmula um, Felipe Mas-sa, corrida, vitória, São Paulo, Grande 1.b – Como escolher?
USO CORRETO
• 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
Confira a receita de donuts de chocolate Lançado novo Fiat Uno Nestlé abre inscrições para estágio e trainee
USO ERRADO Aprenda fazer doces de chocolate Lançado novo carro popular da Fiat Empresa abre inscrições
• 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.
Agência de Marketing Digital
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 popula-res de uma palavra no buscador. Saiba mais no item Ferramentas Úteis.
COMO USAR AS PALAVRASASSUNTO
USE
EVITE
Estágio
Estudante, universitário, estagiário, estagiar
Aluno, aluno de faculdade, treinamento profissional
Jogos Olímpicos, Olimpíadas do Rio, Olimpíadas do Brasil
Jogos de 2016, jogos da era moderna, olimpíadas de verão
Olimpía-
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.Fluocomunicacao.com.br/media-intelligen-ce/ 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
Agência de Marketing Digital
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 e .
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 palavracha-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
Agência de Marketing Digital
7
4.c – Onde colocar no código html? • No código html, a linha fina deve ser escrita na tag .
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 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.
Agência de Marketing Digital
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 8.b – Como usar? é a graça da internet. • 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 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).
Agência de Marketing Digital
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 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 . 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 internas 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 palavraschave 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.
Agência de Marketing Digital
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-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 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 in-forma para os buscadores quando novas páginas foram criadas ou modificadas. • 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
Agência de Marketing Digital
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 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 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 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 tecnologia, internet, segurança, mercado, telecom e carreira.
Agência de Marketing Digital
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, 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.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 • 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, progra-ma de trainee, vaga, empresa, guia do candidato, emprego, trabalho, carreira, vaga de
Agência de Marketing Digital
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, Vi-deo 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 . • No Wordpress, alguns plugins como o “All in One SEO Pack” auxiliam a colocação das meta keywords.
Agência de Marketing Digital
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 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 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 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 Guide - http://static.googleusercontent.com/external_ content/untrusted_dlcp/www.google.com/pt-BR// webmasters/docs/search-engine-optimization-starter-guide.pdf
Agência de Marketing Digital
15
Fluo Comunicação Agência de Marketing Digital
Fluocomunicacao Comunicação | Agência de Marketing Digital Alameda Santos, 1800 | 8º Andar | Conj.8207 | São Paulo - SP | Brasil Fone: +55 (11) 3075-2856 - Fax: +55 (11) 3075-2856
[email protected] www.fluocomunicacao.com.br
Agência de Marketing Digital
16
