Skip to content

Instantly share code, notes, and snippets.

@TheDahv

TheDahv/jsonld.html Secret

Created December 27, 2017 20:50
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 TheDahv/dc38b0c310db7f27571c73110340e4ef to your computer and use it in GitHub Desktop.
Save TheDahv/dc38b0c310db7f27571c73110340e4ef to your computer and use it in GitHub Desktop.
Download ZIP
Schema.org implementation examples
Raw
jsonld.html
<!DOCTYPE html><html>
<body>
<div class="container">
<div id="content" role="main">
<!--
This <article> tag still has all your content, but has no mention of
schema.org content because those needs will be served elswhere.
-->
<article id="post-15" class="post-15 page type-page status-publish hentry">
<header class="page-header">
<h1 class="entry-title cblue">
Manhattan Office Space Rentals: What&#8217;s Your Search Scenario?
</h1>
</header>
<div class="entry-content clearfix">
<h2>
Your Lease is Expiring &amp; You Don&#8217;t Intend to Renew
</h2>
<p>
Your landlord just offered you a renewal lease that doubles the rent
for your Manhattan office space. So now you’re planning to
re-locate to a more affordable commercial building. This is a good
opportunity to review your real estate objectives in terms of
space, budget, growth and location. Updated daily, our listing
database is an excellent resource of commercial property suitable
to tech companies or law firms, showrooms, art galleries, or health
care providers. We display every available office for rent in
<a href="http://www.nyc-officespace-leader.com/neighborhoods/midtown-south/chelsea">
Chelsea
</a>,
Grand Central Station,
<a href="http://www.nyc-officespace-leader.com/neighborhoods/downtown-manhattan/financial-district">
The Financial District
</a>, Midtown South,
<a href="http://www.nyc-officespace-leader.com/neighborhoods/midtown-manhattan">
Midtown Manhattan
</a> including over twenty neighborhoods.
</p>
<div class="postauthor" style="position:absolute;top:-9999em;">
<span class="vcard author">
<span class="fn">Alan Rosinsky</span>
</span>
</div>
<div class="timelastupdate" style="position:absolute;top:-9999em;">
<span>
Last update
<time class="entry-date updated" datetime="2017-12-16T23:07:24+00:00">
Saturday 16 December, 2017
</time>
</span>
</div>
</div>
</article>
</div>
</div>
<!--
Here is where you mark up NAP information about your business. It's in a
script tag, so it's not content rendered for a user (that's HTML's job).
I have this example at the bottom before the </body> tag.
Placement isn't terribly important, but consider that the browser has to
load and evaluate script tags in the <head> tag before it can process the
body content. This isn't relevant to showing a page to users, so we put it
at the end. The crawler can read it no matter where it is on the page.
Finally, look at http://schema.org/LocalBusiness to learn about what the
LocalBusiness type inherits. It is a child of Organization and Thing so we
can make use of "image" and "sameAs" without declaring a new type.
Notice there are some other fields ("openingHours", "geo") from the
template that you didn't supply. You'll want to fill those in. Review the
documentation on schema.org for other required fields you should supply.
Use Google's structured testing tool and paste this JSON snippet in it
to make sure you're in compliance:
https://search.google.com/structured-data/testing-tool
-->
<script type="application/json+ld">
{
"@context": "http://schema.org",
"@type": "LocalBusiness",
"address": {
"@type": "PostalAddress",
"addressLocality": "New York",
"addressRegion": "NY",
"postalCode": "10016",
"streetAddress": "347 5th Ave #1008"
},
"description": "New York City office space rental agency",
"name": "Manhattan Office Space",
"telephone": "(212) 447-5403",
"openingHours": "Mo,Tu,We,Th,Fr 09:00-17:00",
"geo": {
"@type": "GeoCoordinates",
"latitude": "20.75",
"longitude": "13.98"
},
"sameAs": [
"https://www.facebook.com/MetroManhattanOfficeSpace",
"https://twitter.com/MetroManhattan",
"http://www.linkedin.com/in/metromanhattan",
"https://plus.google.com/103842756859422311556"
],
"image": "http://www.nyc-officespace-leader.com/wp-content/themes/the-bootstrap/img/img_logo.png"
}
</script>
</body>
</html>
Raw
microdata.html
<!DOCTYPE html><html>
<body>
<div class="container">
<div id="content" role="main">
<!--
This <article> tag is being treated as the parent container of all
the content about your business and its address
-->
<article id="post-15" class="post-15 page type-page status-publish hentry">
<header class="page-header">
<h1 class="entry-title cblue">
Manhattan Office Space Rentals: What&#8217;s Your Search Scenario?
</h1>
<!--
Here we can embed the rest of the NAP information inline with
the content. However, you never actually show the user this NAP on
the page when viewed with a browser. Note how this is using inline
CSS to get this info in the page without repeating it so a crawler
can read it, but not actually showing it to the user.
-->
<div style="display: none;">
<img itemprop="image"
src="/wp-content/themes/the-bootstrap/img/img_logo.png"
title="Metro Manhattan Office Space"
alt="Metro Manhattan Office Space"/>
<span itemprop="description">New York City office space rental agency</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">347 5th Ave #1008</span>
<span itemprop="addressLocality">New York</span>
<span itemprop="addressRegion">NY</span>
<span itemprop="postalCode">10016</span>
</div>
<div itemprop="brand" itemscope itemtype="http://schema.org/Organization">
<span itemprop="sameAs">
<div itemprop="url">https://www.facebook.com/MetroManhattanOfficeSpace</div>
<div itemprop="url">https://twitter.com/MetroManhattan</div>
<div itemprop="url">http://www.linkedin.com/in/metromanhattan</div>
<div itemprop="url">https://plus.google.com/103842756859422311556</div>
</span>
</div>
<span itemprop="telephone">(212) 447-5403</span>
</div>
</header>
<div class="entry-content clearfix">
<h2>
Your Lease is Expiring &amp; You Don&#8217;t Intend to Renew
</h2>
<p>
Your landlord just offered you a renewal lease that doubles the rent
for your Manhattan office space. So now you’re planning to
re-locate to a more affordable commercial building. This is a good
opportunity to review your real estate objectives in terms of
space, budget, growth and location. Updated daily, our listing
database is an excellent resource of commercial property suitable
to tech companies or law firms, showrooms, art galleries, or health
care providers. We display every available office for rent in
<a href="http://www.nyc-officespace-leader.com/neighborhoods/midtown-south/chelsea">
Chelsea
</a>,
Grand Central Station,
<a href="http://www.nyc-officespace-leader.com/neighborhoods/downtown-manhattan/financial-district">
The Financial District
</a>, Midtown South,
<a href="http://www.nyc-officespace-leader.com/neighborhoods/midtown-manhattan">
Midtown Manhattan
</a> including over twenty neighborhoods.
</p>
<div class="postauthor" style="position:absolute;top:-9999em;">
<span class="vcard author">
<span class="fn">Alan Rosinsky</span>
</span>
</div>
<div class="timelastupdate" style="position:absolute;top:-9999em;">
<span>
Last update
<time class="entry-date updated" datetime="2017-12-16T23:07:24+00:00">
Saturday 16 December, 2017
</time>
</span>
</div>
</div>
</article>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment