Dicas essenciais para começar no

Douglas Faria
/douglasfaria10
/+DouglasFaria10

Douglas Faria
Um cara tranquilo que gosta de códigos e estratégia. É empreendedor, fundador da Agência
Assoweb. Trabalha com Marketing Digital, Desenvolvimento Front-end e Design. Adora ler,
escrever, jogar futebol e tomar café. É músico nas horas vagas.
Graduado em Sistemas para Internet pela UNI-BH.
Pós graduando em comunicação e Marketing – Puc Minas.
Autor nos sites tableless.com.br, imasters.com.br e no Blog da Assoweb.

O que é semântica
“Num sistema linguístico, o componente do sentido das palavras
e da interpretação das sentenças e dos enunciados.”
Google

HTML5 Semântico
Antes de virar um mago e fazer pirotecnias, entenda o
significado das coisas.

HTML x HTML5
A principal diferença foi a evolução semântica da linguagem.

Doctype e o elemento HTML
• Document Type Defination (DTD) ou, simplesmente Doctype.
• Serve para informar ao Browser a especificação de código
utilizada.
• Deve ser declarado antes da tag <html>, como copia.

Como era feito
Como é feito agora

A semântica das novas marcações do
HTML5
Acabou a festa das divs!

Header
Utilizado para definir o cabeçalho de uma página ou sessão, e pode
conter logo, títulos, menu de navegação, campo de busca, etc.

Nav
Sua função é agrupar uma lista de links para outras partes do
site, seja essa lista de navegação local ou global.

Session
• Possui menos especificidade.
• <session> dividem o conteúdo em sessoes que contenham
<header> ou <articles>, enquanto uma <div> divide qualquer
coisa, sem finalidade específica.

Article
Serve para identificar um conteúdo independente e de maior
relevância dentro da página, que pode ser distribuído via feed,
como um post, artigo ou bloco de comentários.

Aside
Serve para mostrar conteúdos que
fazem referência ao conteúdo
principal à sua volta, como
informações, blocos de navegação
ou até mesmo publicidade.

Footer
Representa o rodapé de um
documento ou de uma sessão
específica do mesmo, podendo
conter informações relacionadas
ao autor e ao copyright, blocos de
navegação ou links relacionados.

SEO: Search Engine Optimization
É o conjunto de estratégias com o objetivo de potencializar e melhorar
o posicionamento de um site nas páginas de resultados naturais
(orgânicos) nos sites de busca gerando conversões, sejam elas, um
lead, uma compra ou um envio de formulário, por exemplo.
Otimização para os mecanismos de busca

Conceitos
SEO
É-SI-OU
SIL
CÉU
SI-OU

“20 a 25% das buscas feitas
em um dia no Google são
totalmente novas”.
Udi Manber
Engenheiro de Qualidade de Buscas do Google

100 bilhões de buscas no
Google são feitas todos os
meses.

E para que serve o SEO?
Gerar conversão.
Aumento de tráfego no site.
Posicionamento de marca.
Entre outras maravilhas.

Conceitos
Como o SEO é visto hoje pelos bons profissionais do mercado:
• Processo
• Crawling -> Indexação -> Ranking ->Conteúdo -> Conversão
• Corrida pelo melhor conteúdo
• Estratégia

SEO x SEM
(Orgânico x Patrocinado)

Como fazer SEO
Wtf?
Whitehat
Blackhat
Sobrinho maldito

WhitehatO cara bom!
Utiliza de práticas lícitas e honestas
para atingir resultados sem tentativas
de prejudicar seus concorrentes e/ou
burlar os mecanismos de busca
(Google).

Blackhat
O cara do mau.
Utiliza de práticas ilícitas para
atingir resultados e não se
preocupa em prejudicar seus
concorrentes. Sua principal
diversão é trolar o mecanismo
de busca (Google).

Sobrinho maldito
Geralmente cobra ¼ do seu
preço, iludindo o cliente e, na
maioria das vezes, só faz coisa
errada.

SEO quando tudo começou
Cadastro em diretórios.
Cadastro nos principais mecanismos de busca.
Keyword stuffing.
E assim, você fazia chover!

Do Pagerank ao Domain
Authority
Inicialmente criado pelo Google para medir a referenciação de links
de um domínio, o Pagerank ficou obsoleto e deu lugar a uma métrica
mais importante, o Domain Authority, da Moz.
Ele monitora a autoridade de um domínio sob vários pontos de vista
como o referenciamento, a qualidade, o nível de compartilhamento,
entre outros.

Hoje, o SEO é feito para as
pessoas, não para os robôs.
• Conteúdo
• Foco no usuário
• Visão de projeto
• Impacto no Marketing Digital como um todo
• Fatores Técnicos de rankeamento
• Link Building
• Domain Authority
• SEO Local

E o que a semântica tem a ver
com isso tudo?
A semântica auxilia o Google na compreensão do código e, a partir disso,
o Google passo a medir a qualidade do seu código, a performance, entre
outros aspectos, o quão você se preocupa em entregar uma experiência
boa para o usuário de uma maneira geral.

Como a semântica contribui
com a web.
Interpretação do código por parte dos buscadores.
Desempenho.
Cross-Browser.
Melhor renderização de browsers desktop e mobile.
Manutenção e entendimento sobre o código.
Contribuição para uma web mais limpa e unificada.
Maior entendimento da Linguagem.

Dicas para você começar no
SEO

Trate o conteúdo com a devida importância que ele merece, afinal,
ninguém gosta de conteúdo BOSTA.
Lembre-se: você será julgado pelo seu conteúdo.

Dicas para conteúdo
• Fuja das especificações, conte uma história;
• Resolva o problema de alguém
• Inspira, entretém;
• Motiva;
• Orienta decisões;
• Gerencia expectativas;
• Traz o conceito de uma marca à vida;
• Constrói ou quebra, a confiança.
• Pirâmide invertida.
• Escreva com estratégia.

Não pense que é fácil escrever para web.
Uma coisa é você colocar informação disponível, outra coisa é fazer ela
gerar bons resultados.

Essa é a grande tendência, focar no usuário.
• Pense como um buscador.
• Não fique vendendo o peixe o tempo todo.
• Qualidade de conteúdo.
• Aborde a sua persona da maneira correta.
• Linguagem, imagens, etc.

Visão de projeto
Pensar no SEO não apenas como
o primeiro lugar do Google, mas
como experiência e parte de um
projeto.

Conheça os aspectos
técnicos

SEO On-Page
• HTML Semântico
• Títulos otimizados
• Meta-descriptions atraentes e com Call-to-Action
• Meta-dados configurados
• Meta Index
• URL amigável
• Arquitetura da informação
• Linkagem interna
• Usabilidade
• Sitemap.xml
• Dados estruturados

Boas práticas On-Page
• Conheça as Diretrizes para webmasters do Google:
http://goo.gl/65mkfJ
• Escreva bem seu código html.
• Mantenha seu título com 63 caracteres (máximo 90).
• Mantenha sua Meta description com até 156 caracteres.
• Teste o desempenho do seu site.
• Faça um sitemap.xml e envie para a webmasters tools.
• Otimize as imagens.
• Cheque links quebrados.
• Marque bem o seu conteúdo.
• URL amigável é obrigação.
• Faça um site responsivo.
• Tenha uma linkagem interna bacana.

Encontrável
Legível
Inteligível
Direcionado à ação
Compartilhável
Título em H1
Pelo menos dois H2
Metadados: Description, Listagens, Conteúdo local
Links para conteúdo relacionado
Tags ALT e TITLE em imagens
Pimâmide Invertida de conteúdo
Interessante para ler
Bullets (listas)
Listas numeradas
Segue o guia de estilo do site
Conteúdo em formado adequado (texto, vídeo, infográfico,
apresentação)
Reflete os perfis selecionados como Personas
Contexto
Respeito ao nível de conhecimento da audiência
Articula velhas ideias de novas maneiras
Call to Action
Local para comentários
Convite para compartilhar
Links para conteúdo relacionado
Uma lista aplicável de como usar
Algo que provoque uma resposta emocional
Uma razão para compartilhar
Um convite ao compartilhamento
Maneiras fáceis de compartilhar
Personalização (Tweet, Favorite, salve)
Checklist On-Page

SEO Off-Page
• Pense em Link Build
• Número
• Qualidade
• Texto âncora
• Métricas
• Ferramentas
• Idade do domínio
• Fatores sociais
• Networking x Assessoria de imprensa.

SEO Off-Page | Link Building
Passado x Presente
Passado
Há pouco tempo atrás, o link building era visto como uma forma rápida de se
ganhar links e fácil para burlar o Google
Hoje, links continuam sendo imprescindíveis, mas podem ser um tiro no pé.
Isso porque a autoridade e a qualidade contam mais do que a quantidade.
Não faça links, busque relacionamentos.

On-Page trabalhando em função do Off-Page
Breadcrumb
ex.: Home » Blog » Ferramentas de SEO
Linkando Assuntos do seu site construindo autoridade.
Linkagem interna

Se preocupe com Domain
Authority

Métrica criada pela empresa americana MOZ, que simula o
algoritmo do Google. Seu número vai de 0 a 100 e você pode
checá-lo através do Open Site Explorer.
Domain Authority

Indicador de qualidade
Analisa links, volume de visitas.
Analisa impacto em redes sociais.
Serve para medir a autoridade de um domínio.
Referência:
http://tableless.com.br/o-que-e-autoridade-dominio-ou-domain-
authority/
Domain Authority

• Oportunidade para pequenos negócios e/ou negócios locais.
• Campanha menor
• Interação com mapa.
• Otimização de local em redes sociais.
• Páginas de resultados específicas para locais no Google.
SEO Local

Integre seu conteúdo ao Facebook.
Facebook - Opengraph
• http://blog.popupdesign.com.br/facebook-
open-graph/
• Imagens de compartilhamento
Teste:
• https://developers.facebook.com/tools/debug/

Integre seu conteúdo ao Google+.
Google Plus
• Rich Snippets – Dados Estruturados
• https://support.google.com/webmaster
s/answer/99170?hl=pt-BR
• Publish
• https://support.google.com/plus/answ
er/1713826?hl=pt-BR
• Teste
• http://www.google.com.br/webmasters
/tools/richsnippets

Integre seu conteúdo às redes sócias.
Twitter Cards
• https://dev.twitter.com/cards/overview

A Análise de concorrência é necessária para que você se
contextualize sobre os conteúdos abordados no mercado, sobre
como está sendo feita a campanha de Marketing Digital desses
concorrentes e principalmente, para você saber o que está
faltando.
Se antecipe para ter vantagem competitiva.

Conteúdo
Construção de Autoridade
Linkagem interna
Link building
Fortalecimento do SEO

Google Analytics (GA)
• Conheça o seu usuário
• Conheça o desempenho do seu site
• Mensure os resultados da campanha
• Aproveite os milhões de dados que todo mundo possui, vê, mas quase
ninguém usa.
• Google Search Console (GSC)
• Dados de acesso
• Aspectos técnicos

https://support.google.com/analytics/answer/1008080?h
l=pt-BR
Instalando o Google Analytics

http://www.google.com/webmasters/

Integre o GA ao GSC
• Fuja do Not Provided
• Dados complementares
• Como fazer a integração:
http://www.assoweb.com.br/seo/linkar-o-google-analytics-com-o-
webmasters-tools/

Ferramentas
Análise On-Page
Site analyzer - http://www.site-analyzer.com/
WooRank - http://www.woorank.com/pt/
Browseo - http://www.browseo.net/
BackLinks
Open Site Explorer - https://moz.com/researchtools/ose/
Ahrefs - https://ahrefs.com/
MajesticSEO - https://pt.majestic.com/
Gerenciamento de tarefas
Trello - http://trello.com
Analisa conteúdo duplicado
Copy Scape - http://www.copyscape.com/
Gestão de campanhas (SEO, Social Media, PPC, Marketin
MOZ - http://www.moz.com
SEM Rush - http://www.semrush.com
Raven - http://raventools.com/
Análise de palavra-chave
UberSuggest - http://ubersuggest.org/
Ferramentas do Google
Google Analytics - http://goo.gl/cuNWMG
Google Search Console - http://goo.gl/oSZgej
Google Keyword Planner - http://goo.gl/lW1rWm
Google Trends - http://goo.gl/SbrPHe
Google Rich Snippets Test - http://goo.gl/At1sIW
Glossário de SEO
Glossário Agência Mestre
http://goo.gl/snEZg2

Dicas
Seja criativo para fazer coisas diferentes!
Divirta-se!
Saiba inglês.
Vá a eventos e palestras.
Utilize ferramentas.
Crie uma metodologia de trabalho.
Converse com grandes nomes da área.
Estude, estude e estude.
Não se esqueça que o SEO é para pessoas.

Dicas essenciais para começar no

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (16)

Destaque

Destaque (20)

Semelhante a Dicas essenciais para começar no

Semelhante a Dicas essenciais para começar no (20)

Dicas essenciais para começar no