SlideShare uma empresa Scribd logo
1 de 79
SCHEMA.ORG
 HTML Semântico
 Ícaro Medeiros

globo   PUC-RIO
.com
                  27/10/201
Biografia


            globo
            .com
Schema.org
<html itemscope itemtype="http://schema.org/Event">
  <head>
    <title itemprop="name">Front in Maceió 2012</title>
Rich Snippets
e SEO
query: tartaruga
query: tartaruga
query: tartaruga
query: tartaruga




                   snippet
query: tartaruga




                   snippet
query: tartaruga




                   snippet
query: tartaruga




rich snippet       snippet
query: tartaruga




rich snippet       snippet
query: tartaruga




rich snippet       snippet
Vantagens
Chamar atenção do usuário

Informação rápida e relevante no resultado de busca,

passa confiança

Aumenta taxa de clicks (20-30%) [2] e diminui

bounce rate (usuário qualificado)
Não perca conhecimento




                         Página Web
Não perca conhecimento




                         Página Web
Não perca conhecimento


           Banco
                         Página Web
Não perca conhecimento


           Banco Texto
                         Página Web
Não perca conhecimento


           Banco Texto
                         Página Web




     CMS
Não perca conhecimento


           Banco Texto
                         Página Web




     CMS
Não perca conhecimento


           Banco Texto
                         Página Web




     CMS
Não perca conhecimento


           Banco Texto
                         Página Web




     CMS
Não perca conhecimento


           Banco Texto
                         Página Web




     CMS
Informação no banco de dados não pode virar “só”

um <p> ou “só” um <img>

Não há semântica
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço)
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço)
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço)
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço) review
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço) review
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço) review
O que eu quero quando procuro um
filme?
Real Steel (Gigantes de aço) review
                                      atores
Data
Data
Data
Local


Data
Local


Data
Local


Data
Local   Cidade

Data
Schema.org
Iniciativa de grandes players de
busca (junho 2011)
Hierarquia de classes
Como faz?
  Microdata (HTML 5): itemscope, itemtype, itemprop

<html itemscope itemtype="http://schema.org/Event">
 <head>
  <title itemprop="name">Front in Maceió 2012</title>
Mais propriedades
<time itemprop="startDate" datetime="2012-10-27">
  27 de out
</time>

<p>Seguindo o sucesso de   outros eventos, o <span
itemprop="name">Front in   Maceió</span> será <span
itemprop="description">o   primeiro evento focado em
desenvolvimento frontend   no nordeste do Brasil.
</span></p>

 <a href="http://eventick.com.br/front-in-maceio"
 itemprop="offers">
  <strong>Inscreva-se agora!</strong>
 </a>
Propriedades
<html itemscope itemtype="http://schema.org/Event">
 ...
 <section itemprop="location" itemscope
itemtype="http://schema.org/Place">
  <h4>Local do evento:</h4>
  <span itemprop="name" class="name">CESMAC -
Centro de Estudos Superiores de Maceió</span>
  <span itemprop="address" itemscope
itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">Rua Cônego
          Machado, S/N, Farol. </span>
     <span itemprop="addressLocality">Maceió</span>
      ...
Propriedade URL

<div itemscope itemtype="http://schema.org/Person">
 <a href="carminha.html" itemprop="url">Carmen</a>
</div>
Informação implícita
<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Front in Maceió</span>
  <span itemprop="price">R$50.00</span>
  <div itemprop="reviews" itemscope
     itemtype="http://schema.org/AggregateRating">
    <img src="four-stars.jpg"/>
    <meta itemprop="ratingValue" content="4"/>
  </div>
</div>
Dicas

Escreva marcação em conteúdo visível


Marcação de elementos schema.org no seu CMS


Sempre teste os resultados nas máquinas de busca
Testando   [3]
Testando   [3]
Testando   [3]
Missão

 Organizar e distribuir todo
 conteúdo produzido através das
 Organizações Globo
globo
esporte
.com
globo
esporte
.com
globo
esporte
.com
globo
esporte
.com
globo
esporte
.com
Banco de triplas

             cita a entidade
   Materia                     Pessoa

             cita a entidade
   Matéria                     Romário
Como vemos o futuro
Navegação sugerida por inferência

Potencialização de SEO (schema.org automático)


Sugestão de anotação


Conteúdo mais rico, com atualização frequente

Conectado com dados abertos (DBPedia,

dados.gov.br)
‣   [1] Schema.org - Getting Started http://
    schema.org/docs/gs.html
‣   [2] A visual guide to Rich Snippets http://
    www.seomoz.org/blog/a-visual-guide-
    to-rich-snippets
‣   [3] Google Rich Snippets Tools http://
    www.google.com/webmasters/tools/
    richsnippets
‣   [4] Schema.org - FAQ http://schema.org/
    docs/faq.html
FIM
 icaromedeiro
 s
  Ícaro
globo     PUC-RIO
.com
                    27/10/201

Mais conteúdo relacionado

Semelhante a Semântica e com Schema.org

Google Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
Google Analytics IT - Como a área de TI pode se beneficiar do Google AnalyticsGoogle Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
Google Analytics IT - Como a área de TI pode se beneficiar do Google AnalyticsCaio Tozzini
 
Tudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleTudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleFelipe Bazon
 
SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0Willie Taminato
 
SEO para Front-End - BeagaJS
SEO para Front-End - BeagaJSSEO para Front-End - BeagaJS
SEO para Front-End - BeagaJSFabio Ricotta
 
SEO para Alavancar Negócios
SEO para Alavancar NegóciosSEO para Alavancar Negócios
SEO para Alavancar NegóciosFabio Ricotta
 
SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...
SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...
SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...Tchelinux
 
Tchelinux 2009 - Otimização de sites para motores de busca
Tchelinux 2009 - Otimização de sites para motores de buscaTchelinux 2009 - Otimização de sites para motores de busca
Tchelinux 2009 - Otimização de sites para motores de buscaEveraldo Wanderlei Uavniczak
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesEveraldo Wanderlei Uavniczak
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012Carlos Casalicchio
 
Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019
Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019
Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019Denis Andrade
 
A utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasA utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasRamon Sousa
 
Como um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoComo um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoDavid Robert Camargo de Campos
 
Práticas para um Site Otimizado - CaelumDay in Rio 2011
Práticas para um Site Otimizado - CaelumDay in Rio 2011Práticas para um Site Otimizado - CaelumDay in Rio 2011
Práticas para um Site Otimizado - CaelumDay in Rio 2011Caelum
 
Usando Redis para otimizar o sistema boo-box
Usando Redis para otimizar o sistema boo-boxUsando Redis para otimizar o sistema boo-box
Usando Redis para otimizar o sistema boo-boxFernando Mafra
 
Alta Performance em Aplicações Web
Alta Performance em Aplicações WebAlta Performance em Aplicações Web
Alta Performance em Aplicações WebAnderson Aguiar
 
Como implementar Rich Snippets - Thought Works
Como implementar Rich Snippets - Thought WorksComo implementar Rich Snippets - Thought Works
Como implementar Rich Snippets - Thought WorksLuiz Almeida
 
SEO | DZ Estúdio
SEO | DZ EstúdioSEO | DZ Estúdio
SEO | DZ EstúdioDZ Estúdio
 
SEO para E-Commerce: lojas online com sucesso!
SEO para E-Commerce: lojas online com sucesso!SEO para E-Commerce: lojas online com sucesso!
SEO para E-Commerce: lojas online com sucesso!introfini
 
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...Guga Alves
 

Semelhante a Semântica e com Schema.org (20)

Google Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
Google Analytics IT - Como a área de TI pode se beneficiar do Google AnalyticsGoogle Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
Google Analytics IT - Como a área de TI pode se beneficiar do Google Analytics
 
Tudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o GoogleTudo que Você Precisa Saber para Hackear o Google
Tudo que Você Precisa Saber para Hackear o Google
 
SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0SMX São Paulo 2008 - CSS, Ajax e Web 2.0
SMX São Paulo 2008 - CSS, Ajax e Web 2.0
 
SEO para Front-End - BeagaJS
SEO para Front-End - BeagaJSSEO para Front-End - BeagaJS
SEO para Front-End - BeagaJS
 
SEO para Alavancar Negócios
SEO para Alavancar NegóciosSEO para Alavancar Negócios
SEO para Alavancar Negócios
 
SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...
SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...
SEO (Search Engine Optimization) Otimização de sites para motores de busca - ...
 
Tchelinux 2009 - Otimização de sites para motores de busca
Tchelinux 2009 - Otimização de sites para motores de buscaTchelinux 2009 - Otimização de sites para motores de busca
Tchelinux 2009 - Otimização de sites para motores de busca
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de Sites
 
Visão Geral De Desenvolvimento Web Sre 2012
Visão Geral De Desenvolvimento Web   Sre 2012Visão Geral De Desenvolvimento Web   Sre 2012
Visão Geral De Desenvolvimento Web Sre 2012
 
Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019
Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019
Ferramentas de Marketing Digital | Museu iberê Camargo em Abril/2019
 
A utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasA utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de Páginas
 
Como um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenhoComo um grande sistema REST funciona - arquitetura e desempenho
Como um grande sistema REST funciona - arquitetura e desempenho
 
Práticas para um Site Otimizado - CaelumDay in Rio 2011
Práticas para um Site Otimizado - CaelumDay in Rio 2011Práticas para um Site Otimizado - CaelumDay in Rio 2011
Práticas para um Site Otimizado - CaelumDay in Rio 2011
 
Seo e HTML5
Seo e HTML5Seo e HTML5
Seo e HTML5
 
Usando Redis para otimizar o sistema boo-box
Usando Redis para otimizar o sistema boo-boxUsando Redis para otimizar o sistema boo-box
Usando Redis para otimizar o sistema boo-box
 
Alta Performance em Aplicações Web
Alta Performance em Aplicações WebAlta Performance em Aplicações Web
Alta Performance em Aplicações Web
 
Como implementar Rich Snippets - Thought Works
Como implementar Rich Snippets - Thought WorksComo implementar Rich Snippets - Thought Works
Como implementar Rich Snippets - Thought Works
 
SEO | DZ Estúdio
SEO | DZ EstúdioSEO | DZ Estúdio
SEO | DZ Estúdio
 
SEO para E-Commerce: lojas online com sucesso!
SEO para E-Commerce: lojas online com sucesso!SEO para E-Commerce: lojas online com sucesso!
SEO para E-Commerce: lojas online com sucesso!
 
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
SEO para WordPress - Semana de Comunicação Universidade Veiga de Almeida (Sec...
 

Mais de Ícaro Medeiros

Data Science and Culture
Data Science and CultureData Science and Culture
Data Science and CultureÍcaro Medeiros
 
Why Python is better for Data Science
Why Python is better for Data ScienceWhy Python is better for Data Science
Why Python is better for Data ScienceÍcaro Medeiros
 
Linked Data, Big Data, and User Science at Globo.com
Linked Data, Big Data, and User Science at Globo.comLinked Data, Big Data, and User Science at Globo.com
Linked Data, Big Data, and User Science at Globo.comÍcaro Medeiros
 
Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs - Front in Bahia...
Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs  - Front in Bahia...Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs  - Front in Bahia...
Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs - Front in Bahia...Ícaro Medeiros
 
Web Semântica na Globo.com (Novas Mídias UFRJ)
Web Semântica na Globo.com (Novas Mídias UFRJ)Web Semântica na Globo.com (Novas Mídias UFRJ)
Web Semântica na Globo.com (Novas Mídias UFRJ)Ícaro Medeiros
 
Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013
Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013
Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013Ícaro Medeiros
 
Engenharia de ontologias
Engenharia de ontologiasEngenharia de ontologias
Engenharia de ontologiasÍcaro Medeiros
 
R2R Framework: Ontology Mapping
R2R Framework: Ontology MappingR2R Framework: Ontology Mapping
R2R Framework: Ontology MappingÍcaro Medeiros
 
SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...
SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...
SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...Ícaro Medeiros
 
Tag Suggestion using Multiple Sources of Knowledge
Tag Suggestion using Multiple Sources of KnowledgeTag Suggestion using Multiple Sources of Knowledge
Tag Suggestion using Multiple Sources of KnowledgeÍcaro Medeiros
 
Expressões regulares no Linux
Expressões regulares no LinuxExpressões regulares no Linux
Expressões regulares no LinuxÍcaro Medeiros
 

Mais de Ícaro Medeiros (14)

Data Science and Culture
Data Science and CultureData Science and Culture
Data Science and Culture
 
Why Python is better for Data Science
Why Python is better for Data ScienceWhy Python is better for Data Science
Why Python is better for Data Science
 
Linked Data, Big Data, and User Science at Globo.com
Linked Data, Big Data, and User Science at Globo.comLinked Data, Big Data, and User Science at Globo.com
Linked Data, Big Data, and User Science at Globo.com
 
Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs - Front in Bahia...
Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs  - Front in Bahia...Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs  - Front in Bahia...
Linked Data in Use: Schema.org, JSON-LD and hypermedia APIs - Front in Bahia...
 
Web Semântica na Globo.com (Novas Mídias UFRJ)
Web Semântica na Globo.com (Novas Mídias UFRJ)Web Semântica na Globo.com (Novas Mídias UFRJ)
Web Semântica na Globo.com (Novas Mídias UFRJ)
 
Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013
Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013
Linked data at globo.com - Web of Linked Entities (WoLE 2013) - WWW 2013
 
Engenharia de ontologias
Engenharia de ontologiasEngenharia de ontologias
Engenharia de ontologias
 
Ontology matching
Ontology matchingOntology matching
Ontology matching
 
R2R Framework: Ontology Mapping
R2R Framework: Ontology MappingR2R Framework: Ontology Mapping
R2R Framework: Ontology Mapping
 
SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...
SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...
SameAs Networks and Beyond: Analyzing Deployment Status and Implications of o...
 
Tag Suggestion using Multiple Sources of Knowledge
Tag Suggestion using Multiple Sources of KnowledgeTag Suggestion using Multiple Sources of Knowledge
Tag Suggestion using Multiple Sources of Knowledge
 
Expressões regulares no Linux
Expressões regulares no LinuxExpressões regulares no Linux
Expressões regulares no Linux
 
Ontology Learning
Ontology LearningOntology Learning
Ontology Learning
 
Tag Suggestion
Tag SuggestionTag Suggestion
Tag Suggestion
 

Semântica e com Schema.org

Notas do Editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. QUALIFICADO = SABE O QUE ESPERA, PERMANECE MAIS TEMPO NA P&amp;#xC1;GINA\n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. PREDICADO CONECTA DUAS CLASSES\n
  77. ATORES: TIMES, T&amp;#xC9;CNICO, ETC...\nEVENTO: PARTIDA\nN&amp;#xC3;O TEM O JUIZ\n
  78. \n
  79. \n
  80. \n
  81. \n