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
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
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
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
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
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