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

1,113 views

Published on

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 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,113
On SlideShare
0
From Embeds
0
Number of Embeds
100
Actions
Shares
0
Downloads
30
Comments
0
Likes
5
Embeds 0
No embeds

No notes for 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Á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ÉCNICO, ETC...\nEVENTO: PARTIDA\nNÃ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

    ×