O artigo fala sobre a Web Semântica e as melhorias que são possíveis serem feitas no HTML adicionando metadados, que são ocultos para o usuário mas altamente visíveis para os buscadores. Junto com o HTML5, aumenta o peso semântico no conteúdo, também propiciando um melhor resultado nas buscas e preparando o site para possíveis serviços da WEB no futuro

1. Richard Duchatsch Johansen
@ridjohansen
Cesar Augusto Cusin
@cesarcusin | @gcitconsulting

2. A Evolução da
WEB
Web Semântica e HTML5 na recuperação de conteúdo informacional

3. A Evolução da WEB: Progressão
Web Semântica e HTML5 na recuperação de conteúdo informacional

4. A Evolução da WEB: WEB 1.0 e 2.0
Web 1.0 “read-only web”
o internauta com o mero papel de espectador
Web 2.0 “read-write web”
o internauta como espectador e colaborador – WEB colaborativa
Web Semântica e HTML5 na recuperação de conteúdo informacional

5. A Evolução da WEB: WEB 3.0
 Caracterizada como "read-write-execute
Web”
 SaaS (Software as a Service)
 Tecnologias com formas eficientes para
ajudar capturar e a organizar informações
disponíveis em rede
 Resultados mais precisos
Web Semântica e HTML5 na recuperação de conteúdo informacional

6. WEB SEMÂNTICA
Web Semântica e HTML5 na recuperação de conteúdo informacional

7. Web Semântica: O que é?
 Interliga significados de palavras
 Atribuir significado aos conteúdos
publicados na Internet “I.A.”
 Perceptível tanto pelo humano como pelo
computador
Web Semântica e HTML5 na recuperação de conteúdo informacional

8. Web Semântica: O que é?
 É uma extensão da Web atual
 Uma plataforma tecnológica de
metadados da Web
 Interliga e relaciona resultados com base
nas bibliotecas “linked-data”
Web Semântica e HTML5 na recuperação de conteúdo informacional

9. Web Semântica: Possibilidades
 Beneficiamento de conteúdos como:
Resenhas, Pessoas, Produtos, Organizações, Receitas, Eventos
, Música, Vídeos...
Web Semântica e HTML5 na recuperação de conteúdo informacional

10. Web Semântica: Exemplo de Aplicação
Web Semântica e HTML5 na recuperação de conteúdo informacional

11. RDFa
Resource Description Framework
annotations
Web Semântica e HTML5 na recuperação de conteúdo informacional

12. RDFa
 Linguagem usada para descrever dados, Metadados
 Combinando as tags de marcação HTML com regras
da XML
 Infinitos formatos
 Utilizado por motores de busca
 Baseiam-se em novos atributos namespaces em
XHTML
 Aplicação Complexa
Web Semântica e HTML5 na recuperação de conteúdo informacional

13. RDFa: Exemplo
Web Semântica e HTML5 na recuperação de conteúdo informacional

14. Microformats
Web Semântica e HTML5 na recuperação de conteúdo informacional

15. Microformats
 Forma de codificar dados dentro de
documentos HTML e XHTML
 Número de formatos limitados
 Utilizado por motores de busca
 Utilizam somente o atributos “class”
ex.: (class=“phone-number”)
 Fácil aplicação
Web Semântica e HTML5 na recuperação de conteúdo informacional

16. Microformats: Exemplo
Web Semântica e HTML5 na recuperação de conteúdo informacional

17. Web Semântica e HTML5 na recuperação de conteúdo informacional
Microdata

18. HTML5 Microdata
 Permite inserir dados legíveis por máquinas
em documentos de HTML5
 Fácil aplicação
 Formatos infinitos, pois segue a mesma
linha do RDFa, com o uso de Bibliotecas.
 É uma alternativa
Web Semântica e HTML5 na recuperação de conteúdo informacional

19. HTML5 Microdata: Exemplo
Web Semântica e HTML5 na recuperação de conteúdo informacional

20. O Formato Ideal
Microformats - RDFa - Microdata?
Web Semântica e HTML5 na recuperação de conteúdo informacional

21. O Formato Ideal: Considerações
 Ser de fácil aplicação
 Haver um equilíbrio entre
extensibilidade / simplicidade
 Ser recomendado o uso do padrão
Web Semântica e HTML5 na recuperação de conteúdo informacional

22. O Formato Ideal: Gráfico Comparativo
Semântica
Microdata
RDFa 1.1 RDFa
Html5 tags
Microformats Dados
-----------------------------------------------
html4 / xhtml Documentos
Dificuldade
Web Semântica e HTML5 na recuperação de conteúdo informacional

23. O Formato Ideal: Recomendações
 O site “schema.org” (Google, Microsoft e
Yahoo), fornece um vocabulário de dados
estruturados suportados pelos principais
motores de busca.
 Ajudam os motores de busca a compreender
melhor as informações nas páginas da web.
 O site “Schema.org” apoia o uso de Microdata,
devido ao seu equilíbrio entre
extensibilidade e simplicidade
Web Semântica e HTML5 na recuperação de conteúdo informacional

24. Mais Semântica com TAGs do HTML
 TAGs corretas para cada tipo de conteúdo
 Semântica natural
 Microdata, RDFa e Microformats podem ser melhor interpretados
 Possibilidade de futuras aplicações que coletem de informações e
dados do HTML5
<address> - Especifica um endereço relacionado com o autor do documento atual
<blockquote> - Especifica uma citação longa
*<article> - Especifica um artigo
*<section> - Especifica uma seção dentro de um artigo
*<header> - Especifica um cabeçalho para uma seção de uma página
*<nav> - Especifica uma lista de links para navegação
*<aside> - Especifica o conteúdo relacionado com o artigo dentro de um artigo ou página web
*<footer> - Especifica um rodapé para uma seção de uma página
*<figure> + *<figcaption> - Especificam ilustrações, imagens, fotos, associado juntamente com alguma
legenda
*<video> - Especifica vídeo
*<time> - Especificam data e hora
*TAGs HTML5 com grande peso semântico
Web Semântica e HTML5 na recuperação de conteúdo informacional

25. Local da Conferência com Microdata
Web Semântica e HTML5 na recuperação de conteúdo informacional

26. Tecnologias
e
Recomendações
Web Semântica e HTML5 na recuperação de conteúdo informacional

27. Tecnologias e Recomendações
 Google Rich Snippets
(http://goo.gl/ULPnL)
 Yahoo! SearchMonkey
(http://developer.search.yahoo.com/)
 Schema-Creator
(http://schema-creator.org/)
 RDF-to-RDFa Converter
(http://www.ebusiness-unibw.org/tools/rdf2rdfa/)
Web Semântica e HTML5 na recuperação de conteúdo informacional

28. Facebook
Open Graph Protocol
Web Semântica e HTML5 na recuperação de conteúdo informacional

29. Open Graph Protocol: o que é?
 Metadados ligados a biblioteca
Open Graph, através da TAG <meta>
no HTML
 Possibilita que páginas web (URLs) se transformem
em objetos ricos
 Integrem as (URLs) ao gráfico social
 Enriquece a experiência do usuário em suas ações
de compartilhar informações
 Vincula o usuário a URL. Através desse vínculo,
possibilita o Facebook interagir com os usuários
Web Semântica e HTML5 na recuperação de conteúdo informacional

30. Open Graph Protocol
Web Semântica e HTML5 na recuperação de conteúdo informacional

31. Alguns
Vocabulários
Web Semântica e HTML5 na recuperação de conteúdo informacional

32. Vocabulários Abertos
 Schemas.org
(http://www.schema.org/docs/schemas.html)
 Data-Vocabulary
(http://www.data-vocabulary.org/)
 GoodRelations e-commerce
(http://semanticweb.org/wiki/Goodrelations)
 Dublin Core
(http://goo.gl/R69vE) / (http://dublincore.org/)
 XMLNS
(http://xmlns.com/) “FOAF” e “WOT”
Web Semântica e HTML5 na recuperação de conteúdo informacional

33. TAG Cloud
Web Semântica e HTML5 na recuperação de conteúdo informacional

34. PERGUNTAS ?
Web Semântica e HTML5 na recuperação de conteúdo informacional