Cara Memasang Meta Tag SEO Friendly Untuk Blogspot

cara memasang meta tag di blogspot

Sebenarnya di platform blogspot—Blogger, fitur meta tag sudah tersedia secara instan. Kamu enggak perlu melakukan hal-hal yang ribet, semuanya bisa dilakukan melalui dashboard.

Tapi bukan berarti bisa ongkang-ongkang kaki loh 🙄

Sebaiknya segera cek, apakah meta tag kamu sudah ideal dalam hal SEO?

Nah kalau belum sebaiknya segera ganti dengan meta tag yang lebih ideal dan SEO friendly.

Sudah siap?

Yuk kita mulai cara memasang meta tag yang SEO friendly di blogspot punya kamu, tapi jangan lupa untuk membuat backup—salinan template dulu.

belum tahu cara backup? coba lihat di sini

Title Tag Dinamis

Yang akan kita lakukan sekarang adalah memasang title tag dinamis, supaya setiap halaman bisa lebih SEO friendly.

Masuk ke Dashboard > pilih Template > lalu Edit HTML

Cari kode dibawah ini untuk pengguna Windows tekan CTRL+F atau Command-F untuk pengguna Mac

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Kalau sudah ketemu hapus kode tersebut, lalu tambahkan kode dibawah ini satu persatu.

1. Title tag untuk halaman beranda Brand (Judul Blog) | Tagline Blog

<b:include data='blog' name='all-head-content'/>

<!-- untuk ditampilkan di beranda -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>
<data:blog.title/> | <data:blog.metaDescription/>
</title>
</b:if>

2. Title tag untuk page/laman Judul Laman

<!-- untuk ditampilkan di halaman statis -->
<b:if cond='data:blog.pageType == "static_page"'>
<title>
<data:blog.pageName/>
</title>
</b:if>

3. Title tag untuk posting Judul Posting | Brand (Judul Blog)

<!-- untuk ditampilkan di halaman posting -->
<b:if cond='data:blog.pageType == "item"'>
<title>
<data:blog.pageName/> | <data:blog.title/>
</title>
</b:if>

4. Title tag untuk arsip Arsip untuk… (bulan dan tahun)

<!-- untuk ditampilkan di halaman arsip -->
<b:if cond='data:blog.pageType == "archive"'>
<title>
Arsip untuk <data:blog.pageName/>
</title>
</b:if>

5. TItle tag untuk indeks Daftar Pos (Judul Blog)

<!-- untuk ditampilkan di halaman indeks -->
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title>
Daftar Pos <data:blog.pageTitle/>
</title>
</b:if>
</b:if>

6. Title tag untuk pencarian dengan label Judul Blog – Nama Label

<!-- untuk ditampilkan pada pencarian label -->
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
<title>
<data:blog.title/> - <data:blog.pageName/>
</title>
</b:if>
</b:if>

7. Title tag untuk halaman error 404

<!-- untuk ditampilkan dihalaman error 404 -->
<b:if cond='data:blog.pageType == "error_page"'>
<title>
404
</title>
</b:if>

Klik Simpan Template…

Konfigurasi Meta Description

Untuk membuat halaman pos mempunyai meta deskripsi, kamu harus mengaktifkan fiturnya dulu, caranya

1. Masuk ke Dashboard > pilih Setelan > lalu Preferensi penelusuran

2. Di bagian Tag Meta klik edit, lalu pilih ‘ya’ pada deskripsi penelusuran

3. Isi deskripsi untuk beranda dengan tagline blog kamu, lalu simpan perubahan

mengaktifkan meta deskripsi beranda

4. Selanjutnya pastikan setiap postingan harus memiliki deskripsi, letaknya di bagian Setelan entri pos

mengaktifkan meta deskripsi posting

Protokol Open Graph

Masuk ke Dashboard > pilih Template > lalu Edit HTML, lalu tempelkan satu per satu kode berikut ini tepat dibawah kumpulan title tag dinamis yang sudah kamu pasang tadi

1. Menampilkan ilustrasi/gambar untuk beranda

<!-- Facebook image homepage -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='GANTI DENGAN URL LOGO BLOG KAMU' property='og:image'/>
</b:if>

2.  Menampilkan ilustrasi/gambar untuk halaman posting

<!-- Facebook image individual post -->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='GANTI DENGAN URL BLOG KAMU' property='og:image'/>
</b:if>
</b:if>

Klik simpan template…

Twitter Card

Rasannya kurang ajib kalau posting yang kamu bagikan di Twitter hanya berbentuk link tanpa cuplikan, nah supaya cuplikannya muncul dengan lengkap yuk kita tambahkan twitter card.

Masih dalam mode Edit HTML, tempelkan satu per satu kode berikut ini tepat dibawah kumpulan Open Graph yang sudah kamu pasang tadi

1. Judul Blog dan Author

<!-- Judul Blog -->
<meta expr:content='data:blog.title' name='twitter:site'/>

<!-- Author -->
<meta content='@username_kamu' name='twitter:creator'/>

2. Cuplikan Gambar

<!-- mode cuplikan dengan gambar besar -->
<meta content='summary_large_image' name='twitter:card'/>

<!-- konfigurasi gambar untuk beranda dan posting -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='GANTI DENGAN URL LOGO BLOG KAMU' name='twitter:image:src'/>
</b:if>
</b:if>

3. Judul dan Deskripsi

<!-- konfigurasi judul posting dan deskripsi -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='twitter:title' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='"Silahkan baca artikel " + data:blog.pageName + " ini selengkapnya di " + data:blog.title + ""' name='twitter:description'/>
</b:if>
</b:if>

Klik simpan template…


Kalau digabungkan maka meta tag SEO friendly di blogspot kamu akan seperti berikut ini.

<!-- meta data bawaan Blogger -->
<b:include data='blog' name='all-head-content'/>

<!-- Title Tag Dinamis -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>
<data:blog.title/> | <data:blog.metaDescription/>
</title>
</b:if>

<b:if cond='data:blog.pageType == "static_page"'>
<title>
<data:blog.pageName/>
</title>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<title>
<data:blog.pageName/> | <data:blog.title/>
</title>
</b:if>

<b:if cond='data:blog.pageType == "archive"'>
<title>
Arsip untuk <data:blog.pageName/>
</title>
</b:if>

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<title>
Daftar Pos <data:blog.pageTitle/>
</title>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
<title>
<data:blog.title/> - <data:blog.pageName/>
</title>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == "error_page"'>
<title>
404
</title>
</b:if>

<!-- Open Graph -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='GANTI DENGAN URL LOGO BLOG KAMU' property='og:image'/>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='GANTI DENGAN URL BLOG KAMU' property='og:image'/>
</b:if>
</b:if>

<!-- Twitter Card -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='@username_kamu' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='GANTI DENGAN URL LOGO BLOG KAMU' name='twitter:image:src'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='twitter:title' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='"Silahkan baca artikel " + data:blog.pageName + " ini selengkapnya di " + data:blog.title + ""' name='twitter:description'/>
</b:if>
</b:if>

 

Leave a Reply

Your email address will not be published. Required fields are marked *