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/your-

company">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-02-

05T08:00:00+08:00"/>

</div>