structured data an introduction to semantic web “it is very hard for search engines to understand...

15
Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an HTML page. To create these snippets, Google needs the help of hundreds of thousands of webmasters around the world, and by extension, content management systems like Drupal, Joomla!, and others. Specifically, Google is asking all of us to surface structured data to their crawlers by marking up our HTML with RDFa and Microformats.” -Semanticweb.com, 2010

Upload: mitchell-blair

Post on 20-Jan-2016

216 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Structured DataAn Introduction to Semantic Web

“It is very hard for search engines to understand the structure and semantics of data embedded in an HTML page. To create these snippets, Google needs the help of hundreds of thousands of webmasters around the world, and by extension, content management systems like Drupal, Joomla!, and others. Specifically, Google is asking all of us to surface structured data to their crawlers by marking up our HTML with RDFa and Microformats.”

-Semanticweb.com, 2010

Page 2: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Structured Data

1. Conventions (a tangent)

2. Microdata / Microformats (back on track)- Formats: Rich Snippets, RDFa, Microformats- Supported Content Types: Reviews, People, Products, Business, Recipes, Events, Music

3. Example: Schema.org Module

4. Testing Tool

An Introduction to Semantic Web

Page 3: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Conventions & MagicAn Introduction to Semantic Web

Page 4: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Magic Methods

<fieldset class="collapsible"><legend class="collapse-processed">

<a href="#">Click to Collapse</a></legend><div class="fieldset-wrapper" style="display: block;">

<p>This is how you collapse code. Now what?</p>

<p></p></div></fieldset>

An Introduction to Semantic Web

Page 5: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Rich Snippets & MicroFormats

<div (Hey Google, this is a person)>

<div (this is his name)>John Smith</name><div (this is his image)><img /></div><div (this is his title)>Web Developer</title>

</div>

An Introduction to Semantic Web

Page 6: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Structured Data

/tangent

An Introduction to Semantic Web

Page 7: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Rich Snippets & Microformats

Rich Snippets:

An Introduction to Semantic Web

Page 8: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Rich Snippets & MicroFormats

Micro Formats: Think of it as Metadata for your Element Tags.

Earliest forms of Micro Formats:- Vcards- RSS Feeds

“Reader” extrapolates descriptive info about the content in your tags

An Introduction to Semantic Web

Page 9: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Rich Snippets & Microformats

Rich Snippets:

An Introduction to Semantic Web

Page 10: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Rich Snippets & MicroFormats

Several FrameworksRDFa, Microdata, Schema.org

RDFa example:

<span property="name" lang="en">John Smith</span>

Microdata example:

<span itemprop="name" lang="en">John Smith</span>

An Introduction to Semantic Web

Page 11: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Drupal & RDFa

Drupal 7 core ships with some default RDF mappings for each built in content type like blog posts, articles, forums. You can change them or specify mappings for the new content types you might create on your site with the RDF module.

Resource Description Framework

An Introduction to Semantic Web

Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! You use the schema.org vocabulary, along with the microdata format, to add information to your HTML content. While the long term goal is to support a wider range of formats, the initial focus is on Microdata.

Schema.org

Page 12: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Drupal & RDFa: Out of the BoxAn Introduction to Semantic Web

Demo: Drupal 7 Integration

Page 13: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Demo: Creating a Person Content Type

An Introduction to Semantic Web

http://schema.org/Person

Schema.org

Page 14: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Demo: Creating a Person Content Type

Demo: Schema.org Module

Page 15: Structured Data An Introduction to Semantic Web “It is very hard for search engines to understand the structure and semantics of data embedded in an

Demo: Google Rich Snippet Testing

http://www.google.com/webmasters/tools/richsnippets