Under the Hood with Social Metadata - SEMpdx Feb 2014
-
Upload
mike-arnesen -
Category
Technology
-
view
1.882 -
download
1
description
Transcript of Under the Hood with Social Metadata - SEMpdx Feb 2014
![Page 1: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/1.jpg)
Social MetaThe other semantic markup
#socialmetadata @mike_arnesen
![Page 2: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/2.jpg)
Understanding Social metadata
can define our content
#socialmetadata @mike_arnesen
![Page 3: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/3.jpg)
Social networks need our sharing
#socialmetadata @mike_arnesen
![Page 4: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/4.jpg)
beautiful & engaging Social shares that are
#socialmetadata @mike_arnesen
![Page 5: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/5.jpg)
Friends don’t let friends leave social display to chance
#socialmetadata @mike_arnesen
![Page 6: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/6.jpg)
#socialmetadata @mike_arnesen
![Page 7: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/7.jpg)
Add social metadata for free & attractive screen real estate
#socialmetadata @mike_arnesen
![Page 8: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/8.jpg)
What is? Social metadata?
![Page 9: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/9.jpg)
Social metadata lives in your <head>.
#socialmetadata @mike_arnesen
![Page 10: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/10.jpg)
Great social shares for Facebook, Twitter, & Google+
#socialmetadata @mike_arnesen
![Page 11: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/11.jpg)
What is? Social metadata?
Why do we care? We’re Search Marketers
#socialmetadata @mike_arnesen
![Page 12: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/12.jpg)
Better SEO Social signals
can give us
#socialmetadata @mike_arnesen
![Page 13: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/13.jpg)
for organic It’s social proof
#socialmetadata @mike_arnesen
![Page 14: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/14.jpg)
for organic and paid It’s social proof
#socialmetadata @mike_arnesen
![Page 15: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/15.jpg)
Search bots are hungry for social signals
This is big data #socialmetadata @mike_arnesen
![Page 16: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/16.jpg)
for a better understanding of quality & resource
#socialmetadata @mike_arnesen
Social knowledge
![Page 17: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/17.jpg)
Yet there must be a filter…
#socialmetadata @mike_arnesen
![Page 18: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/18.jpg)
Why use social metadata?
#socialmetadata @mike_arnesen
![Page 19: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/19.jpg)
We win now. We win more later. #socialmetadata @mike_arnesen
![Page 20: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/20.jpg)
The Time is NOW
#socialmetadata @mike_arnesen
We win now. We win more later.
![Page 21: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/21.jpg)
Getting started #socialmetadata @mike_arnesen
Social metadata is easy to add
![Page 22: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/22.jpg)
#socialmetadata @mike_arnesen
OpenGraph
![Page 23: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/23.jpg)
Basics • og:title • og:type • og:image • og:url Good to have • og:description Optional • og:site_name • article:published_time
#socialmetadata @mike_arnesen
OpenGraph
![Page 24: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/24.jpg)
#socialmetadata @mike_arnesen
Twitter Cards
![Page 25: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/25.jpg)
Summary Card • twitter:card • twitter:title • twitter:description • twitter:image Bonus • twitter:creator • twitter:site
#socialmetadata @mike_arnesen
Twitter Cards Product Card • twitter:card • twitter:title • twitter:description • twitter:image • twitter:data1 • twitter:label1 • twitter:data2 • twitter:label2
![Page 26: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/26.jpg)
#socialmetadata @mike_arnesen
Rich Pins
![Page 27: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/27.jpg)
All Types • og:title • og:site_name • og:image • og:url • og:description
#socialmetadata @mike_arnesen
Rich Pins Place Pins • og:type • place:location:latitude • place:location:longitude • place:street_address • place:locality • place:region • place:postal_code
Product Pins • og:type • og:price:amount • og:price:currency • og:availability
Article Pins • og:type
![Page 28: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/28.jpg)
Recipe Pins Only supported when using schema.org & hRecipe • itemprop=“name” • itemprop=“ingredients” • itemprop=“image” • itemprop=“prepTime” • itemprop=“cookTime” • itemprop=“totalTime” • itemprop=“recipeYield” • itemprop=“description”
#socialmetadata @mike_arnesen
Rich Pins
![Page 29: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/29.jpg)
#socialmetadata @mike_arnesen
Interactive Posts
![Page 30: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/30.jpg)
Button fields • Content URL • Client ID • Prefill Text • Call to Action Label • Call to Action URL
#socialmetadata @mike_arnesen
Interactive Posts
![Page 31: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/31.jpg)
<head><!--OpenGraph and Rich Pins--><meta property='og:site_name' content='Your Site'/><meta property='og:type' content='article'/><meta property='og:title' content='A Title Optimzed for Social Engagement'/><meta property='og:description' content='Social metadata you say? Click here to read more.'/><meta property='og:url' content='http://www.yoursite.com/blog/social-metadata/'/><meta property='og:image' content='http://www.yoursite.com/blog/social-metadata.jpeg'/><!--Twitter Cards--><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@brand"/><meta name="twitter:creator" content="@personal_handle"/><meta name="twitter:description" content="Social metadata you say? Click here to read more."/>
</head><body>
<!—Google+ Interactive Post--><button class="g-interactivepost" id="myBtn" data-contenturl="http://www.yoursite.com/blog/social-metadata/" data-clientid="XXXXXXXXXXX.apps.googleusercontent.com" data-cookiepolicy="single_host_origin" data-prefilltext="Check out this post on social metadata and DOWNLOAD this whitepaper!" data-calltoactionlabel="DOWNLOAD" data-calltoactionurl="http://www.yoursite.com/lead-gen-form/"> <span class="icon"> </span>Share this post on Google+!</button>
</body>#socialmetadata @mike_arnesen
![Page 32: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/32.jpg)
implementation Streamlining
#socialmetadata @mike_arnesen
Yoast’s WordPress SEO Plugin (OpenGraph, Twi<er Cards) h<ps://yoast.com/wordpress/plugins/seo/ Drupal Metatag Module (OpenGraph, Twi<er Cards) h<ps://drupal.org/project/metatag Google+ InteracJve Posts WordPress Plugin h<p://blog.paulnshapiro.com/new-‐google-‐plus-‐interacJve/
![Page 33: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/33.jpg)
Don’t leave a void when you can put your best foot forward
#socialmetadata @mike_arnesen
![Page 34: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/34.jpg)
We can start today for free & attractive screen real estate
#socialmetadata @mike_arnesen
![Page 35: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/35.jpg)
#socialmetadata @mike_arnesen
…and gain tomorrow as social becomes more valuable to SEO.
![Page 36: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/36.jpg)
Your ROI will continue to grow!
#socialmetadata @mike_arnesen
![Page 37: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/37.jpg)
#socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
![Page 38: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/38.jpg)
#socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
![Page 39: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/39.jpg)
#socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
![Page 40: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/40.jpg)
This is Semantic SEO #socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
![Page 41: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/41.jpg)
This is The Future. #socialmetadata @mike_arnesen
Structured data Semantic markup Social metadata
![Page 42: Under the Hood with Social Metadata - SEMpdx Feb 2014](https://reader034.fdocuments.us/reader034/viewer/2022042714/54b771384a79595d768b48cb/html5/thumbnails/42.jpg)
Thank you! Preso download spath.us/sempdx14Link Bundle bit.ly/social-metadata
Mike Arnesen @mike_arnesen
@swellpath