palestra-microdata-open-graph



palestra-microdata-open-graph

0 1


palestra-microdata-open-graph

Minha palestra sobre metadados na web explicando um pouco sobre Microdata e o protocololo Open Graph.

On Github leobetosouza / palestra-microdata-open-graph

``` --- ```html

Meu nome é Leonardo.

Eu estou na UniRio.

``` ```json { "name" : "Leonardo", "place" : "UniRio" } ``` --- ## Linked Data in Semantic Web terminology, Linked Data is the term used to describe a method of exposing and connecting data on the Web from different sources. --- ### URL a Uniform Resource Locator, also known as a web address, is a **specific character string that constitutes a reference to a resource**. --- ``` Meu nome é Leonardo Alberto Augusto de Jesus Souza , sou um Desenvolvedor Web, vivo e trabalho em Niterói e sou pai do Bruno ``` --- ```json { "itemtype" : "http://schema.org/Person", "name" : "Leonardo Alberto Augusto de Jesus Souza", "givenName" : "Leonardo", "additionalName" : "Alberto", "familyName" : "Souza", "jobTitle" : "Desenvolvedor Web", "address" : { "itemtype" : "http://schema.org/PostalAddress", "name" : "Niterói" }, "workLocation" : { "itemtype" : "http://schema.org/PostalAddress", "name" : "Niterói" }, "children" : { "itemtype" : "http://schema.org/Person", "name" : "Bruno", "givenName" : "Bruno" } } ``` --- ### vo·cab·u·lar·y ##### /vōˈkabyəˌlerē/ *noun* the body of words used in a particular language. *synonyms*: word power, lexicon, command of language; words used on a particular occasion or in a particular sphere. --- ``` Harry Potter e a Pedra Filosofal J. K. Rowling 195 exemplares em 98 vendedores A partir de R$ 7,00 ``` --- ``` ``` --- ``` Buscar ``` ---
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://www.seusite.com.br/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "http://www.seusite.com.br/busca?q={query}",
      "query-input": "required"
    }
}
</script>
--- ```json { "@context": "http://schema.org", "@type" : "Person", "name" : "Leonardo Alberto Augusto de Jesus Souza", "givenName" : "Leonardo", "additionalName" : "Alberto", "familyName" : "Souza", "jobTitle" : "Desenvolvedor Web", "address" : { "@type" : "PostalAddress", "name" : "Niterói" }, "workLocation" : { "@type" : "PostalAddress", "name" : "Niterói" }, "children" : { "type" : "Person", "name" : "Bruno", "givenName" : "Bruno" } } ``` --- --- ## HTML5 Microdata API `document.getItems()` --- ## Open Graph Protocol --- * Inserir outras páginas dentro do Facebook (social graph) * Não quebrar serviços de terceiros (Google?) * Ser fácil --- ``` Seu Título Legal | buzzword, buzzword, buzzword | Seu Site ``` --- ``` ``` --- ``` ``` --- ``` ``` --- ``` ``` --- ## Exemplos e Ferramentas --- # Perguntas? --- # Muito Obrigado! ###[bit.ly/metadados](http://bit.ly/metadados) @[leobetosouza](http://twitter.com/leobetosouza)