SCHEMA.ORG HTML Semântico Ícaro Medeirosglobo   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 Snippetse SEO
query: tartaruga
query: tartaruga
query: tartaruga
query: tartaruga                   snippet
query: tartaruga                   snippet
query: tartaruga                   snippet
query: tartarugarich snippet       snippet
query: tartarugarich snippet       snippet
query: tartarugarich snippet       snippet
VantagensChamar atenção do usuárioInformação rápida e relevante no resultado de busca,passa confiançaAumenta taxa de click...
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 umfilme?Real Steel (Gigantes de aço)
O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço)
O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço)
O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review
O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review
O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review
O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review                                      atores
Data
Data
Data
LocalData
LocalData
LocalData
Local   CidadeData
Schema.org
Iniciativa de grandes players debusca (junho 2011)
Hierarquia de classes
Como faz?  Microdata (HTML 5): itemscope, itemtype, itemprop<html itemscope itemtype="http://schema.org/Event"> <head>  <t...
Mais propriedades<time itemprop="startDate" datetime="2012-10-27">  27 de out</time><p>Seguindo o sucesso de   outros even...
Propriedades<html itemscope itemtype="http://schema.org/Event"> ... <section itemprop="location" itemscopeitemtype="http:/...
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>  <spa...
DicasEscreva marcação em conteúdo visívelMarcação de elementos schema.org no seu CMSSempre teste os resultados nas máquina...
Testando   [3]
Testando   [3]
Testando   [3]
Missão Organizar e distribuir todo conteúdo produzido através das Organizações Globo
globoesporte.com
globoesporte.com
globoesporte.com
globoesporte.com
globoesporte.com
Banco de triplas             cita a entidade   Materia                     Pessoa             cita a entidade   Matéria   ...
Como vemos o futuro
Navegação sugerida por inferênciaPotencialização de SEO (schema.org automático)Sugestão de anotaçãoConteúdo mais rico, com...
‣   [1] Schema.org - Getting Started http://    schema.org/docs/gs.html‣   [2] A visual guide to Rich Snippets http://    ...
FIM icaromedeiro s  Ícaroglobo     PUC-RIO.com                    27/10/201
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Schema.org - HTML semântico - Front in Maceio 2012
Próximos SlideShares
Carregando em…5
×

Schema.org - HTML semântico - Front in Maceio 2012

1.192 visualizações

Publicada em

Iniciativa de empresas como Google, Microsoft e Yahoo, o schema.org tem um conjunto de vocabulários para embutir semântica no HTML e traz várias vantagens como melhoria de SEO, rich snippets, entre outros. Aprenda como usar o formato e explorar essas vantagens.

0 comentários
5 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.192
No SlideShare
0
A partir de incorporações
0
Número de incorporações
111
Ações
Compartilhamentos
0
Downloads
30
Comentários
0
Gostaram
5
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • QUALIFICADO = SABE O QUE ESPERA, PERMANECE MAIS TEMPO NA P&amp;#xC1;GINA\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • PREDICADO CONECTA DUAS CLASSES\n
  • ATORES: TIMES, T&amp;#xC9;CNICO, ETC...\nEVENTO: PARTIDA\nN&amp;#xC3;O TEM O JUIZ\n
  • \n
  • \n
  • \n
  • \n
  • Schema.org - HTML semântico - Front in Maceio 2012

    1. 1. SCHEMA.ORG HTML Semântico Ícaro Medeirosglobo PUC-RIO.com 27/10/201
    2. 2. Biografia globo .com
    3. 3. Schema.org
    4. 4. <html itemscope itemtype="http://schema.org/Event"> <head> <title itemprop="name">Front in Maceió 2012</title>
    5. 5. Rich Snippetse SEO
    6. 6. query: tartaruga
    7. 7. query: tartaruga
    8. 8. query: tartaruga
    9. 9. query: tartaruga snippet
    10. 10. query: tartaruga snippet
    11. 11. query: tartaruga snippet
    12. 12. query: tartarugarich snippet snippet
    13. 13. query: tartarugarich snippet snippet
    14. 14. query: tartarugarich snippet snippet
    15. 15. VantagensChamar atenção do usuárioInformação rápida e relevante no resultado de busca,passa confiançaAumenta taxa de clicks (20-30%) [2] e diminuibounce rate (usuário qualificado)
    16. 16. Não perca conhecimento Página Web
    17. 17. Não perca conhecimento Página Web
    18. 18. Não perca conhecimento Banco Página Web
    19. 19. Não perca conhecimento Banco Texto Página Web
    20. 20. Não perca conhecimento Banco Texto Página Web CMS
    21. 21. Não perca conhecimento Banco Texto Página Web CMS
    22. 22. Não perca conhecimento Banco Texto Página Web CMS
    23. 23. Não perca conhecimento Banco Texto Página Web CMS
    24. 24. Não perca conhecimento Banco Texto Página Web CMS
    25. 25. Informação no banco de dados não pode virar “só”um <p> ou “só” um <img>Não há semântica
    26. 26. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço)
    27. 27. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço)
    28. 28. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço)
    29. 29. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review
    30. 30. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review
    31. 31. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review
    32. 32. O que eu quero quando procuro umfilme?Real Steel (Gigantes de aço) review atores
    33. 33. Data
    34. 34. Data
    35. 35. Data
    36. 36. LocalData
    37. 37. LocalData
    38. 38. LocalData
    39. 39. Local CidadeData
    40. 40. Schema.org
    41. 41. Iniciativa de grandes players debusca (junho 2011)
    42. 42. Hierarquia de classes
    43. 43. Como faz? Microdata (HTML 5): itemscope, itemtype, itemprop<html itemscope itemtype="http://schema.org/Event"> <head> <title itemprop="name">Front in Maceió 2012</title>
    44. 44. Mais propriedades<time itemprop="startDate" datetime="2012-10-27"> 27 de out</time><p>Seguindo o sucesso de outros eventos, o <spanitemprop="name">Front in Maceió</span> será <spanitemprop="description">o primeiro evento focado emdesenvolvimento frontend no nordeste do Brasil.</span></p> <a href="http://eventick.com.br/front-in-maceio" itemprop="offers"> <strong>Inscreva-se agora!</strong> </a>
    45. 45. Propriedades<html itemscope itemtype="http://schema.org/Event"> ... <section itemprop="location" itemscopeitemtype="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" itemscopeitemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">Rua Cônego Machado, S/N, Farol. </span> <span itemprop="addressLocality">Maceió</span> ...
    46. 46. Propriedade URL<div itemscope itemtype="http://schema.org/Person"> <a href="carminha.html" itemprop="url">Carmen</a></div>
    47. 47. 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>
    48. 48. DicasEscreva marcação em conteúdo visívelMarcação de elementos schema.org no seu CMSSempre teste os resultados nas máquinas de busca
    49. 49. Testando [3]
    50. 50. Testando [3]
    51. 51. Testando [3]
    52. 52. Missão Organizar e distribuir todo conteúdo produzido através das Organizações Globo
    53. 53. globoesporte.com
    54. 54. globoesporte.com
    55. 55. globoesporte.com
    56. 56. globoesporte.com
    57. 57. globoesporte.com
    58. 58. Banco de triplas cita a entidade Materia Pessoa cita a entidade Matéria Romário
    59. 59. Como vemos o futuro
    60. 60. Navegação sugerida por inferênciaPotencialização de SEO (schema.org automático)Sugestão de anotaçãoConteúdo mais rico, com atualização frequenteConectado com dados abertos (DBPedia,dados.gov.br)
    61. 61. ‣ [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
    62. 62. FIM icaromedeiro s Ícaroglobo PUC-RIO.com 27/10/201

    ×