Komunikasi Praktis
  • HOME
  • Jurnalistik
  • Media
  • Humas
  • Speaking
  • Blogging
    • Templates
    • Tips SEO
    • AdSense
    • Posting
  • Komunikasi
  • About
  • Kontak
  • Sitemap
  • Disclaimer
  • Iklan
Home Tips SEO Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting

Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting

Romeltea Komunikasi Praktis Romeltea
February 15, 2020
Romeltea Follow @romel_tea
Romeltea

Baca Juga

Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting untuk Blogger dan cara memasangnya.


Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting

Schema Markup Webpage, WebSite, dan Blogposting merupakan skema blog atau website terpenting dalam Structured Data (Data Terstruktur).

Dengan memasangnya di blog, maka akan memudahkan mesin pencari Google dalam merambah (crawling), mengindeks (indexing), dan memeringkat (ranking) blog, karena konten blog terstruktur dengan baik dan mudah dikenali Google.

Sebelum memasang Kode Schema Markup untuk Structured Data Webpage, WebSite, dan Blogposting di blog Anda, silakan cek dulu blog Anda di Structured Data Testing Tool.

Jika sudah ada, kode berikut ini tidak usah dipasang. Jika tidak ada, atau sudah ada tapi error, maka hapus dan gantikan dengan Kode Schema Markup untuk Structured Data Webpage, WebSite, dan Blogposting berikut ini

Kode Schema Markup Webpage &WebSite

Kedua kode ini sudah digabungkan oleh Kompi Ajaib, sehingga kita tinggal pasang saja.

Schema.org Webpage untuk keperluan snippet homepage di halaman pencarian dan schema.org Website untuk sitelink searchbox.

Cara memasangnya:

1. Klik Tema > Edit HTML
2. Copas kode berikut ini tepat di atas kode </head>

<b:if cond='data:view.isHomepage'>
<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@graph":
  [
  {
  "@type": "Webpage",
  "url": "<data:blog.canonicalHomepageUrl/>",
  "name": "<data:blog.title/>",
  "headline":"<data:blog.title/>",
  <b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "Silahkan kunjungi <data:blog.title/> untuk membaca postingan-postingan menarik.",</b:if>
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:blog.canonicalHomepageUrl/>"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "url": "<data:blog.canonicalHomepageUrl/>",
    "logo": {
        "url": "https://4.bp.blogspot.com/-ly-uVAaUhCU/Wp9UvoRIsaI/AAAAAAAAv7U/kyXbByTLL8M84fwtPNCqM7v3QZZkFLGgACK4BGAYYCw/s1600/batic%2Bon%2Bwp.png",
        "width": 600,
        "height": 60,
        "@type": "ImageObject"
    }
  },
  "image": {
    "@type": "ImageObject",
    "url": "https://4.bp.blogspot.com/-ly-uVAaUhCU/Wp9UvoRIsaI/AAAAAAAAv7U/kyXbByTLL8M84fwtPNCqM7v3QZZkFLGgACK4BGAYYCw/s1600/batic%2Bon%2Bwp.png",
    "width": 1280,
    "height": 720
    }
  },
  {
  "@type": "WebSite",
  "url": "<data:blog.canonicalHomepageUrl/>",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "<data:blog.canonicalHomepageUrl/>search?q={q}",
    "query-input": "required name=q"
    }
  }
  ]
}
</script>
</b:if>

Ganti URL gambar warna merah dengan link logo blog Anda.

3. Simpan!

Webpage Saja

Jika akan memasang schema Webpage saja, pasang kode berikut ini di bawah kode <body>

    <b:if cond='data:view.isMultipleItems or data:view.isPage'>
      <script type='application/ld+json'>{
        &quot;@context&quot;: &quot;http://schema.org&quot;,
        &quot;@type&quot;: &quot;WebPage&quot;,
        &quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,
        &quot;url&quot; : &quot;<data:blog.url/>&quot;
        }</script>
    </b:if>

Kode Schema Markup Blogposting

Blogposting adalah schema markup untuk website secara umum, termasuk blog. Kode ini mengenalkan konten blog sebagai artikel, bukan berita (news).

Pasang kode Blogposting Schema berikut ini di bawah kode <div class='post'> atau <article class='post'> di template blog Anda.

<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
<script type='application/ld+json'>{
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.canonicalUrl/>"
    },
  "headline": "<data:view.title.escaped/>",
  <b:if cond='data:blog.metaDescription'>"description": "<data:blog.metaDescription.escaped/>",<b:else/>"description": "Silahkan kunjungi postingan <data:view.title.escaped/> untuk membaca artikel selengkapnya dengan klik link di atas.",</b:if>
  "datePublished": "<data:post.timestampISO8601/>",
 "dateModified": "<data:post.lastUpdatedISO8601/>",
  "image": {
    "@type": "ImageObject",<b:if cond='data:post.firstImageUrl'>"url": "<b:eval expr='resizeImage(data:post.firstImageUrl,1280,&quot;1280:720&quot;)'/>",<b:else/>"url": "https://4.bp.blogspot.com/-8kN5uucyxDI/XD6vAIw18dI/AAAAAAAA7kU/uTwzqq0EbvgGyzRaNuLpjzARZIKOWbVoACLcBGAs/s1280/no-thumbnail.jpg",</b:if>
    "height": 720,
    "width": 1280
 },
  "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://4.bp.blogspot.com/-ly-uVAaUhCU/Wp9UvoRIsaI/AAAAAAAAv7U/kyXbByTLL8M84fwtPNCqM7v3QZZkFLGgACK4BGAYYCw/s1600/batic%2Bon%2Bwp.png",
      "width": 600,
      "height": 60
      }
    },
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  }
}</script>
</b:if>

Ganti URL gambar warna merah dengan link logo blog Anda.

Save! Simpan.

Demikian  Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting untuk Blogger dan cara memasangnya. Wasalam.


Thanks for reading Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting | Tags: Blogging Tips SEO

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

0 komentar on Kode Schema Markup Structured Data Webpage, WebSite, dan Blogposting

Post a Comment

Subscribe to: Post Comments (Atom)

Recent Posts

Popular Posts

  • Contoh Naskah Pembukaan oleh Pembawa Acara (MC)
  • Cara Menjadi Pembawa Acara (MC) yang Baik
  • Karya Tulis Ilmiah: Pengertian, Karakteristik, dan Jenis-Jenis
  • Contoh Naskah MC (Pemandu Acara) untuk Acara Agustusan
  • Teknik Debat dan Cara Berdebat yang Baik
  • Daftar Kata Baku – Tidak Baku Bahasa Indonesia
  • Pengertian Literasi Secara Bahasa dan Istilah
  • Jurnalisme Kuning Jadi Trend Situs Berita
  • Contoh Script Opening Siaran Radio
  • Arti dan Asal-Usul Teks Lorem Ipsum Dolor Sit Amet

Info Bola & MotoGP

Domain & Hosting

Hosting Unlimited Indonesia

Categories

Bahasa Blogging Feature Fotografi Google Adsense Humas Internet Jurnalistik Kode Etik Komunikasi Media Media Massa Menulis Pers Podcast Presentasi Press Release Public Speaking Radio Teknik MC Teknik Presentasi Tenik MC Tips SEO Wartawan Website

About

Komunikasi Praktis adalah blog tentang keterampilan komunikasi: jurnalistik, media massa, kepenulisan, public speaking, mc, siaran radio, presentasi, humas, public relations, blogging, podcasting, dll.

Web Partners

  • Romeltea Online
  • Romeltea Media
  • Contoh Blog
  • Katalisnet
  • Median Sport

Newsletter

Berlangganan artikel terbaru dari blog ini langsung via email.

Copyright © Komunikasi Praktis. All rights reserved