Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Microsocial: How tiny bits of data can make or break your WordPress website

Microsocial: How tiny bits of data can make or break your WordPress website

Seen and unseen, tiny bits of data are hard at work on every website. Search engines and social networks are using this information. But are you making them work for you? Microformats, microdata, metadata : what are they, what do they do, and how can you use them to attract visitors and improve SEO on your WordPress site.

This will be a presentation in three parts: a brief introduction to structured data, some easy actionable steps for the intermediate blogger, and some code examples for those hoping to integrate microformats or microdata into their WordPress themes and plugins.

Shannon Smith

June 30, 2013
Tweet

More Decks by Shannon Smith

Other Decks in Technology

Transcript

  1. Microsocial How tiny bits of data can make or break

    your WordPress website Shannon Smith WordCamp Montréal 2013 All rights reserved © Café Noir Design Inc., 2013
  2. O father, what a hell of witchcraft lies In the

    small orb of one particular tear. -William Shakespeare
  3. What We’ll Cover 1. Structured Data. What is it? 2.

    Solutions for bloggers 3. Code for developers
  4. What Is Structured Data? “I have a dream for the

    Web [in which computers] become capable of analyzing all the data on the Web – the content, links, and transactions between people and computers. A "Semantic Web", which makes this possible, has yet to emerge, but when it does, the day-to-day mechanisms of trade, bureaucracy and our daily lives will be handled by machines talking to machines. The "intelligent agents" people have touted for ages will finally materialize.” Tim Berners-Lee
  5. A Brief History of Structured Data 1995 Dublin Core 2004

    RDFa 2006 Microformats (μF) 2009 Microdata (part of HTML5) 2011 Schema.org (Bing, Google and Yahoo!) 2012 Open Graph protocol (Facebook) 2012 Twitter Cards
  6. What Is Microdata? By adding additional tags to the HTML

    of your web pages— tags that say, "Hey search engine, this information describes this specific movie, or place, or person, or video"—you can help search engines and other applications better understand your content and display it in a useful, relevant way. Microdata is a set of tags, introduced with HTML5, that allows you to do this.. -Schema.org
  7. What Is Microdata? If Google understands the content on your

    pages, we can create rich snippets—detailed information intended to help users with specific queries. -Google
  8. Who Is Using Structured Data? Everyone. LinkedIn flickr Google+ Lego

    Last.fm Google Maps Target BestBuy TripAdvisor Twitter Zappos Wikipedia Amazon Apple store Anthropologie Office Depot Costco Netflix Google Search Toys ‘R Us NYT
  9. How Can You Leverage Up? Add structured data that is...

    • standards-compliant • semantic • tested •useful
  10. Where Do I Add Reviews/Products/ Events to WordPress? single-­‐review.php single-­‐product.php

    taxonomy-­‐event.php functions.php custom  fields  /  meta  boxes
  11. The greatest task before civilization at present is to make

    machines what they ought to be, the slaves, instead of the masters of men. Havelock Ellis
  12. Shannon Smith Web Developer Café Noir Design Get the slides:

    http://chroni.ca www.cafenoirdesign.com @cafenoirdesign