Structured data markup or Schema

"Structured data markup or Schema" is a standard way to annotate your content so machines can
understand it. When your web pages include structured data markup, Google (and other search
engines) can use that data to index your content better, present it more prominently in search
results, and surface it in new experiences like voice answers, maps, and Google Now.

dalam hal ini saya hanya akan membahas tentang struktur untuk artikel. karena kita lebih banyak
akan bermain dibagian ini.

Bussines Contact Information

Pencantuman Informasi Kontak dalam pencarian
pada halaman pencarian terkadang jika mencari informasi mengenai perusahaan, yang teratampil
pada halaman pencarian tak hanya link dan website perusahaan saja. namun juga tampil beberapa
informasi dan kontak.

Berikut Contoh Pemberian Informasi Kontak yang dapat diterapkan :

Kode Dasar:

<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"url" : "http://www.your-company-site.com",
"contactPoint" : [{
"@type" : "ContactPoint",
"telephone" : "+1-401-555-1212",
"contactType" : "customer service"
}]
}
</script>

Dan berikut kode lanjutan yang dapat diterapkan:

<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"url" : "http://www.t-mobile.com",
"contactPoint" : [{
"@type" : "ContactPoint",
"telephone" : "+1-877-746-0909",
"contactType" : "customer service",
"contactOption" : "TollFree",
"areaServed" : "US"
},{
"@type" : "ContactPoint",
"telephone" : "+1-505-998-3793",
"contactType" : "customer service"
},{
"@type" : "ContactPoint",
"telephone" : "+1-877-296-1018",
"contactType" : "customer service",
"contactOption" : [
"HearingImpairedSupported",
"TollFree"
],
"areaServed" : "US"
},{
"@type" : "ContactPoint",
"telephone" : "+1-877-453-1304",
"contactType" : "technical support",
"contactOption" : "TollFree",
"areaServed" : [
"US",
"CA"
],
"availableLanguage" : [
"English",
"French"
]
},{
"@type" : "ContactPoint",
"telephone" : "+1-877-453-1304",

"contactType" : "bill payment",

"contactOption" : "TollFree",
"areaServed" : [
"US",
"CA"
]
}]
}
</script>

Social Profile
Selain mendukung informasi kontak sekarang Schema khususnya untuk pencarian Google
juga mendukung penampilan Social Profile

Berikut contoh penerapan dalam kode:

Contoh Untuk Organisasi
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Your Organization Name",
"url" : "http://www.your-site.com",
"sameAs" : [
"http://www.facebook.com/your-profile",
"http://www.twitter.com/yourProfile",
"http://plus.google.com/your_profile"
]
}
</script>

Berikut Contoh Informasi Untuk Orang

<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Person",
"name" : "your name",
"url" : "http://www.your-site.com",
"sameAs" : [
"http://www.facebook.com/your-profile",
"http://instagram.com/yourProfile",
"http://www.linkedin.com/in/yourprofile",
"http://plus.google.com/your_profile"
]
}
</script>

penggunaan format microdata

<span itemscope itemtype="http://schema.org/Organization">
<link itemprop="url" href="http://www.your-company-site.com">
<a itemprop="sameAs" href="http://www.facebook.com/yourcompany">FB</a>
<a itemprop="sameAs"
href="http://www.twitter.com/YourCompany">Twitter</a>
</span>

Format for Article

Berikut saya jabarkan format untuk artikel. Sebenarnya formatnya sendiri memiliki banyak macam
yaitu untuk Video, Produk, Film dan Lain-lainnya. Akan tetapi karen kita penggunaanya hanya untuk
artikel maka disini saya hanya jabarkan dalam bentuk artikel saja.
Untuk penggunaannya dapat menggunakan beberapa metode seperti JSON-LD,MICRODATA dan
RDFA. Dan disini saya akan menjelaskan kepada versi yang MICRODATA karena lebih cocok untuk
diterapkan dalam thema wordpress kita.
Berikut kodenya :
// di terapkan pada div kontainer artikel
<div itemscope itemtype="http://schema.org/NewsArticle">
<h2 itemprop="headline">Judul Artikel disini</h2>
<h3 itemprop="alternativeHeadline">Alternativ Judul Artikel </h3>
<span itemprop="description">Meta Description</span>
<span itemprop="articleBody">
Artikel Anda isini
</span>
<img itemprop="image" src="thumbnail1.jpg" alt="Keterangan
Gambar"/>
<img itemprop="image" src="thumbnail2.jpg" alt="Keterangan
Gambar"/>

<meta itemprop="datePublished" content="2015-0205T08:00:00+08:00"/>

</div>