Monday, January 8, 2018

Cara Memasang Schema Markup untuk Blog Berita

Cara Memasang Schema Markup untuk Blog Berita

Hai sahabat Blogger, kita akan membahas tentang Cara Menampilkan Artikel di Google News dengan Memasang Schema Markup untuk Blog Berita. Di penelusuran Google, ada sebuah fitur yang dapat menampilkan hasil pencarian khusus berdasarkan tema blog yang kita kelola. Misalnya, pada blog dengan tema atau niche utama berita, Google sendiri akan memasukkan setiap artikel dari blog berita tersebut ke dalam hasil penelusuran berita (Google News). Meski demikian, artikel-artikel tersebut tetap tampil di halaman hasil penelusuran umum.

Cara Menampilkan Artikel di Google News dengan Memasang Schema Markup untuk Blog Berita

Contohnya saja, ketika kita menelusuri sesuatu dengan Google Search menggunakan kata kunci khusus dari kita maka Google akan secara otomatis ikut menyertakan artikel-artikel pilihan entah itu berita utama, review, gambar, dan lain sebagainya. Kalian bisa mencobanya sendiri atau bisa melihat contoh hasil penelusuran yang saya dapatkan dari pencarian dengan kata kunci 'Google' berikut ini:

Artikel Tampil di Google News

Di situ tampak kartu-kartu berisi artikel berita yang terletak di antara hasil penelusuran biasa. Fitur ini sangat berguna sekali bagi pemilik web atau blog yang menyajikan konten utama berupa berita. Di samping terlihat profesional, sangat meyakinkan web tersebut kedatangan banyak pengunjung.

Tentunya, tidak sembarang blog dan web yang bisa menggunakan atau memeroleh fitur ini. Jika pemilik blog berita seperti kalian menginginkan artikel-artikelnya tampil di Google News, maka ada sebuah persyaratan yang harus dipenuhi terlebih dahulu. Yakni, dengan memasang Schema Markup artikel berita pada blog. Sebenarnya, kita juga bisa membuat artikel blog masuk ke Google News (Google Berita) dengan cara mendaftar ke Google News Publisher Center. Namun, saya rasa sangat kurang optimal karena kita harus mendaftarkan satu per satu setiap artikel berita yang telah kita publikasikan, kecil kemungkinan tampil di halaman pertama (Google News), gambar thumbnail tidak tersedia, dan lainnya yang saya rasa kurang jika tidak memasang Schema Markup.

Google sendiri memiliki proyek AMP (Accelerated Mobile Pages atau Laman Seluler Dipercepat). Cara ini juga bisa diterapkan untuk situs AMP maupun Non-AMP. Untuk ini, kita akan mengikuti saran dari Google dengan memilih JSON-LD. Adapun langkah-langkah yang dapat dilakukan, ikutilah:

Cara Menampilkan Artikel di Google News dengan Memasang Schema Markup untuk Blog Berita


Login ke Blogger menggunakan akun masing-masing, masuk ke Template > Edit HTML > Cari kode berikut atau yang serupa dengan CTRL+F:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Salin dan letakkan kode berikut di bawah atau setelah kode tadi:

<script type='application/ld+json'>
{
  "@context": "http://schema.org",
  "@type": "NewsArticle",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "<data:post.title/>"
  },
  "headline": "<data:post.title/>",
  "image": {
    "@type": "ImageObject",
    "url": "<data:post.firstImageUrl/>",
    "height": 800,
    "width": 800
  },
  "datePublished": "<data:post.timestampISO8601/>",
  "dateModified": "<data:post.timestampISO8601/>",
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  },
   "publisher": {
    "@type": "Organization",
    "name": "<data:blog.title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "Masukkan URL Gambar Logo Blog",
      "width": 600,
      "height": 60
    }
  },
  "description": "<data:post.snippet/>"
}
</script>


Simpan template dan lakukan uji coba dengan Alat Uji Coba Data Terstruktur. Apabila tidak terdapat kesalahan pada item NewsArticle tandanya sudah berhasil.

Wednesday, October 11, 2017

KerenSive SEO and Responsive Blogger Template

KerenSive SEO and Responsive Blogger Template

Kali ini saya akan berbagi sebuah template yang sebelumnya sudah dirilis di situs berbagi template Arlina Design, Idntheme. Template ini dibuat dengan kesan simpel serta tidak ketinggalan pula fitur-fitur bagus yang bisa kita dapatkan di dalamnya.

KerenSive SEO and Responsive Blogger Template

Features Availability
Responsive True
SEO True
Custom Threaded Comment True
2 Column True
Light Base Theme Color True
Top Navigation True
Main Navigation True
Auto Read More with Thumbnail True
Responsive Ad Slot True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Custom 404 Page True
Smooth Scroll back To Top True


Penasaran dengan desain dan fitur lainnya? Mari cek secara langsung:

Free Version



Premium Version