O documento discute como a utilização de microdados pode melhorar a experiência do usuário nas buscas por conteúdo. Ele explica o que são microdados, web semântica e HTML5 e como esses conceitos estão relacionados a SEO e otimização para mecanismos de busca. O autor também fornece exemplos de códigos utilizando microdados e links recomendados para mais informações.
Web Semântica e SEO: Melhorando resultados nos buscadores com HTML 5 e dados estruturados
1. Web Semântica e SEO
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 1
2. Como a utilização de Microdata (microdados) pode
melhorar a experiência de usuário na busca por
conteúdo
Microdata
Dados estruturados
Web Semântica
HTML 5
SEO
Por ser uma evolução/extensão do HTML, Microdata é
livre, de código aberto e multi-plataforma por
natureza
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 2
3. 1. Apresentação
2. SEO
3. HTML5
4. Web Semântica
5. Dados Estruturados - Microdata
a) Quem já está utilizando?
b) Exemplos de códigos
c) Ferramentas de teste
d) O que está por vir?
6. Links recomendados
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 3
4. Otimização para Mecanismos de Busca significa realizar
ações on-site e off-site para popularizar um web site
Visa melhorar o posicionamento nos resultados de buscas
orgânicas, ou naturais (Google, Bing, Yahoo, etc.)
SEO x Search Engine Marketing (SEM) e pay-per-click (PPC)
Fama de “trapaça” no passado
Hoje é estratégia defensiva – quem não faz, perde pro
concorrente que já faz
Trabalho árduo, especializado, contínuo e com resultados
em longo prazo
Curto prazo: grande diferença entre fazer ou não fazer SEO
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 4
5. SERP = Search Engine Result Page (Página de Resultados do Mecanismo de Busca)
PPC 30% clicks
PPC
Foco do SEO
Orgânica
(70% clicks)
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 5
6. Fatores Positivos Fatores Negativos
Palavras-chave Spam de mecanismo
Título da página de busca
Confiança Alta taxa de bounce
Autoridade Conteúdo duplicado
Tendência Troca ou venda de
Idade
links
Links de entrada
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 6
7. Páginas Site Off-site
Tags de título Seleção do nome do Backlinks autoritários
Descrição da mídia domínio (com reputação)
Densidade das palavras- Redesign do website Mídias sociais
chave Configuração do Solicitação de links
Texto âncora
servidor web Envio a diretórios,
...
Geotargeting blogs, fóruns
Meta-tags: fraca Canonicalização da Escrita de artigos
relevância pelo mau uso URL Press-releases
no passado Arquitetura de links Publicações
keywords e description Melhorias de ...
desempenho
Bola da vez: ...
Dados Estruturados
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 7
8. Novos elementos
Novos atributos
Suporte completo a CSS3
Video e Audio sem necessidade de plugins
Gráficos 2D e 3D
Armazenamento Local (offline)
Banco de dados SQL local
Aplicações Web
Esta versão traz importantes mudanças quanto ao papel do HTML no mundo da Web,
através de novas funcionalidades como semântica e acessibilidade, com novos
recursos, antes só possíveis por meio de outras tecnologias
Sua essência tem sido melhorar a linguagem com o suporte para as mais recentes
multimídias, enquanto a mantém facilmente legível por seres humanos e
consistentemente compreendida por computadores e outros dispositivos
(navegadores, parsers, etc)
Será o novo padrão para HTML, XHTML, e HTML DOM
Atualmente, está em fase de esboço. Previsão: 2014
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 8
9. <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Player de áudio em html5</title>
</head>
<body>
<audio controls autoplay>
<source src="audio.mp3" />
<p>Seu browser não suporta essa tecnologia.</p>
</audio>
</body>
</html>
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 9
10. No site da W3c, há a expressão:
“The Semantic Web is a web of data”
A Web semântica interliga significados de palavras e tem como
finalidade conseguir atribuir um sentido aos conteúdos
publicados na Internet de modo que seja perceptível tanto pelo
humano como pelo computador
A Web Semântica é uma evolução da nossa web atual com as
informações devidamente organizadas
Surgiu em 2001, quando Tim Berners-Lee, James Hendler e Ora
Lassila publicaram um artigo na revista Scientific American,
intitulado: “Web Semântica: um novo formato de conteúdo para a
Web que tem significado para computadores vai iniciar uma
revolução de novas possibilidades”
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 10
11. É baseada no Resource Description
Framework (RDF) e envolve outras
tecnologias como SPARQL, OWL, and SKOS
Muito complexo!
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 11
12. The Pizza Shop
Só texto. Nada 123 Fake Street
Faketown Endereço
pra ver aqui… de uma
Fakeshire Organização
FA12 KE1
Rating:
Review by: Sarah Review
“OMG! That was like, the best lunch
I ever had! Awesome!”
“A World of Welsh Lamb”
Wednesday, 6 October 12:00 - 14:00
Leadenhall Market
Evento
45-52 Leadenhall Market,
City, EC3V 1LR
Fonte: seomoz
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 12
13. Ah! Você quer
The Pizza Shop
dizer The Pizza 123 Fake Street
Shop que fica Faketown Detalhes do
na Fake Street! Fakeshire contato
FA12 KE1
<div class="vcard">
<span class="fn org">The Pizza Shop</span>
<div class="adr">
<span class="street-address">123 Fake Street</span>,
<span class="locality">Faketown</span>,
<span class="region">Fakeshire</span>.
</div>
</span>
Phone: <span class="tel">123-456-789</span>
<a href="http://pizzaexample.com/"
class="url">http://pizzaexample.com</a>
</div>
Fonte: seomoz
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 13
14. Microformats: o mais antigo e mais simples. Possui
definições para marcação de endereços, eventos, links de
amigos e outros. Não suporta personalização (estensão)
microformats.org
RDFa: Baseado no modelo de dados RDF do W3C, é uma
forma de adicionar RDF em páginas HTML. Complexo e
com curva de aprendizado mais lenta que as outras
propostas
w3.org/TR/xhtml-rdfa-primer/
Microdata: Mais simples, com participação ativa de
desenvolvedores de sistemas de busca em sua definição
schema.org
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 14
15. Visão Geral
http://support.google.com/webmasters/bin/topic.py?hl=pt-BR&topic=1088472&parent=21997&ctx=topic
Rich snippets (microdados, microformatos, RDFa, e marcador de dados)
Sobre microdados
Sobre microformatos
Sobre RDFa
Perguntas frequentes sobre o schema.org
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 15
16. Structured data + Extended Vocabulary
Microdata Schema.org
Microformats
RDFa
<div itemscope itemtype=“http://schema.org/Product”>
• Foi criado pelo WHATWG (Criadores do HTML5/WebApplications 1.0) e
tornou-se o padrão de marcação semântica adotado pelo HTML5
• Microdata utiliza-se de variados vocabulários para descrever itens
semanticamente e pares key-value para atribuição de valores a suas
propriedades
Fonte: seomoz
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 16
17. 26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 17
22. 26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 22
23. 26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 23
24. 26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 24
25. Há muito espaço para evoluir, pois HTML5,
web semântica e dados estruturados estão
em fase embrionária
Porém, o impacto será enorme para
estratégias de SEO – e quem não fizer, ficará
para trás
Grandes autoridades da web estão com o
foco direcionado para a “web de dados”
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 25
26. Especulação:
Filtros nas pesquisas?
http://www.google.com/shopping
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 26
28. Guerreiro SEO, John I. Jercovic
SEM e SEO: Dominando o Marketing de Busca, Martha
Gabriel
www.mestreseo.com.br
www.schema.org
seomoz.org
http://codigoaberto.info/artigos/38-introducao-a-
marcacao-de-dados-estruturados.html
http://loopinfinito.com.br/2012/04/26/marcacao-
semantica/
26/11/2012 Por Marcos Vinícius Henke Arnoldo – b4it.com.br 28