Skip to content

Instantly share code, notes, and snippets.

@inetbiz

inetbiz/wordpress-html5-schema.org-markup.html

Forked from gregrickaby/html5-schema.org-markup.html
Last active August 29, 2015 14:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save inetbiz/c0b4ffc6e77d338c0c7f to your computer and use it in GitHub Desktop.
Save inetbiz/c0b4ffc6e77d338c0c7f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
wordpress-html5-schema.org-markup.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noodp, noydir" />
<link rel="canonical" href="http://mysite.com/" />
<link rel="stylesheet" href="http://mysite.com/style.css" type="text/css" />
<link rel="alternate" href="http://feeds.feedburner.com/feed" type="application/rss+xml" title="Direct Feed"/>
<link rel="shortcut icon" href="http://mysite.com/images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon-precomposed" href="http://mysite.com/images/apple-retina.png" sizes="114x114" />
<link rel="apple-touch-icon-precomposed" href="http://mysite.com/images/apple-ipad.png" sizes="72x72" />
<link rel="apple-touch-icon" href="http://mysite.com/images/apple-touch.png" />
<link rel="next" href="page2.php" />
<title>
MySite.com
</title>
<meta name="description" content="mysite html5 framework with scheme.org" />
<meta name="keywords" content="html5, schema.org" />
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<![endif]-->
<!-- Google Analytics Code -->
<script type="text/javascript">
var _gaq = _gaq || [];
var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
_gaq.push(['_setAccount', 'UA-XXXXXXXX-XX']);
_gaq.push(['_trackPageview']);
_gaq.push(['_require', 'inpage_linkid', pluginUrl]);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
}
)();
</script>
<!-- Google ANalytics Code -->
</head>
<body class="home" itemscope itemtype="http://schema.org/WebPage">
<!-- #content -->
<div class="site-inner">
<!-- Add this code to article page: -->
<header>
<div itemscope itemtype='http://schema.org/Article'>
<meta itemprop='keywords' content='wp meta keywords'/>
<meta itemprop='inLanguage' content='en-US'/>
<meta itemprop='interactionCount' content='Comments: 135'/>
<meta itemprop='description' content='This is the description or excerpt meta box text'/>
<meta itemprop='about' content='I'm not sure about this one? Might have to pull in the category description'/>
<meta itemprop='isFamilyFriendly' content='True'/>
<h1 itemprop='name headline'>
How to use wp-types tools to create complete schema markup in wordpress custom templates
</h1>
<!-- Article image start: -->
<div itemprop='associatedMedia'>
<span itemscope itemtype='http://schema.org/ImageObject'>
<img itemprop='contentURL' src='/wp-content/uploads/2014/07/social-media-marketing-new-smyrna-beach-fl.png'/>
<div>
Credit:
<span itemscope itemprop='author' itemtype='http://schema.org/Person'>
<span itemprop='name'>
Denver Prophit Jr.
</span>
</span>
<span itemprop='sourceOrganization'>
<span itemscope itemtype='http://schema.org/Organization'>
<span itemprop='name'>
/wp-content/uploads/2014/07/social-media-marketing-new-smyrna-beach-fl.png
</span>
</span>
</span>
</div>
<div itemprop='caption'>
Company Logo
</div>
</span>
</div>
<!-- Article image end -->
<!-- Authorship instructions start: -->
Written by:
<span itemscope itemprop='author' itemtype='http://schema.org/Person'>
<span itemprop='name'>
<a itemprop='url' href='https://www.google.com/+DenverProphitJr'>
Denver Prophit Jr.
</a>
</span>
</span>
<!-- Authorship instructions end -->
Published by:
<span itemscope itemprop='sourceOrganization' itemtype='http://schema.org/Organization'>
<span itemprop='name'>
<a itemprop='url' href='https://www.google.com/+DenverProphitUsConsultant'>
Denver Prophit Jr. Consulting
</a>
</span>
<img itemprop='logo' src='/wp-content/uploads/2014/07/social-media-marketing-new-smyrna-beach-fl.png' />
</span>
Copyright holder:
<span itemscope itemprop='sourceOrganization' itemtype='http://schema.org/Organization'>
<span itemprop='name'>
<a itemprop='url' href='https://www.google.com/+DenverProphitUsConsultant'>
Denver Prophit Jr. Consulting
</a>
</span>
<img itemprop='logo' src='/wp-content/uploads/2014/07/social-media-marketing-new-smyrna-beach-fl.png' />
</span>
on
<time datetime='08/06/2014' itemprop='datePublished'>
08/06/2014
</time>
</header>
<article>
<div itemprop='articleBody'>
This is where all the h2's and h3's and markup goes for main content of blog post
</div>
</article>
</div>
<footer class="entry-footer">
<p class="entry-meta">
<span class="entry-categories">
Filed Under:
<a href="http://mysite.com/the-category" title="View all posts in Category" rel="category">
The Category
</a>
</span>
<span class="entry-tags">
Tagged With:
<a href="http://mysite.com/?tag=tag-1" rel="tag">
tag 1
</a>
,
<a href="http://mysite.com/?tag=tag-2" rel="tag">
tag 2
</a>
</span>
</p>
</footer>
</article>
<!-- .post -->
<div class="entry-comments" id="comments">
<h3>
Comments
</h3>
<ol class="comment-list">
<li class="comment even thread-even depth-1" id="comment-123">
<article itemprop="comment" itemscope itemtype="http://schema.org/UserComments">
<header class="comment-header">
<p class="comment-author" itemprop="creator" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">
<a href="http://authorswebsite.com" rel="external nofollow" itemprop="url">
Comment Author
</a>
</span>
</p>
<p class="comment-meta">
<time itemprop="commentTime" datetime="2013-09-15T13:22:51+00:00">
September 15th, 2013 at 13:22
</time>
</p>
</header>
<div class="comment-content" itemprop="commentText">
<p>
some comment text etc etc...
</p>
</div>
</article>
</li>
</ol>
</div>
<!-- .entry-coments -->
<ul class="pagination" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
<li class="active" itemprop="url">
<a class="more" href="index.php" itemprop="name">
1
</a>
</li>
<li itemprop="url">
<a rel="next" class="more" href="page2.php" itemprop="name">
2
</a>
</li>
<li itemprop="url">
<a class="more" href="page3.php" itemprop="name">
3
</a>
</li>
<li itemprop="url">
<a class="more next" href="page2.php" itemprop="name">
Next &gt;
</a>
</li>
</ul>
</main>
<!-- .site-content -->
<aside class="site-sidebar sidebar-primary widget-area" role="complementary" itemscope itemtype="http://schema.org/WPSideBar">
<div class="widget widget_text">
<div class="widget-wrap">
<h4 class="widgettitle">
Primary Sidebar Widget
</h4>
<div class="textwidget">
<p>
This is the Primary Sidebar Widget
</p>
</div>
</div>
</div>
</aside>
<!-- .site-sidebar -->
</div>
<!-- .site-inner -->
<footer class="site-footer" role="contentinfo" itemscope itemtype="http://schema.org/WPFooter">
<div class="wrap">
<p class="back-to-top">
<a title="Back to top" href="#wrap">
Back to top
</a>
</p>
<p class="creds">
&copy; Copyright 2012-2013 MySite.com |
<a title="RSS Feed" href="http://feeds.feedburner.com/feed">
RSS
</a>
|
<a title="Subscribe via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=feed" target="_blank">
Subscribe via Email
</a>
</p>
</div>
</footer>
<!-- .site-footer -->
</div>
<!-- .site-container -->
<!-- Footer JavaScripts -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!-- Footer JavaScripts -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment