Post on 14-Apr-2017
Douglas Faria/douglasfaria10
/+DouglasFaria10
Douglas FariaUm 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ódigoutilizada.
• 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 qualquercoisa, 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.
O que é SEO?
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
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 ManberEngenheiro 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.
ConceitosComo 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 SEOWtf?
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).
BlackhatO 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 malditoGeralmente 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 AuthorityInicialmente 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 contribuicom 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
Conteúdo
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.
Faça SEO para as pessoas
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
On-Page x Off-Page
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 H1Pelo menos dois H2Metadados: Description, Listagens, Conteúdo localLinks para conteúdo relacionadoTags ALT e TITLE em imagens
Pimâmide Invertida de conteúdoInteressante para lerBullets (listas)Listas numeradasSegue o guia de estilo do site
Conteúdo em formado adequado (texto, vídeo, infográfico, apresentação)Reflete os perfis selecionados como PersonasContextoRespeito ao nível de conhecimento da audiênciaArticula velhas ideias de novas maneiras
Call to ActionLocal para comentáriosConvite para compartilharLinks para conteúdo relacionadoUma lista aplicável de como usar
Algo que provoque uma resposta emocionalUma razão para compartilharUm convite ao compartilhamentoManeiras fáceis de compartilharPersonalizaçã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.
Faça linkagem interna
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
SEO Local
• 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
Crie sites Social Friendly
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/webmasters/answer/99170?hl=pt-BR
• Publish
• https://support.google.com/plus/answer/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
Análise de concorrência
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.
Ter um Blog é essencial
Conteúdo
Construção de Autoridade
Linkagem interna
Link building
Fortalecimento do SEO
Mensuração de dados
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?hl=pt-BR
Instalando o Google Analytics
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, Marketing)
MOZ - http://www.moz.comSEM Rush - http://www.semrush.comRaven - http://raventools.com/
Análise de palavra-chave
UberSuggest - http://ubersuggest.org/
Ferramentas do Google
Google Analytics - http://goo.gl/cuNWMGGoogle Search Console - http://goo.gl/oSZgejGoogle Keyword Planner - http://goo.gl/lW1rWmGoogle Trends - http://goo.gl/SbrPHeGoogle Rich Snippets Test - http://goo.gl/At1sIW
Glossário de SEO
Glossário Agência Mestre http://goo.gl/snEZg2
DicasSeja 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.
Douglas Faria/douglasfaria10
/+DouglasFaria10
Obrigado!