Cara Menghapus Nama Blog Pada Judul Postingan Saat Di Share Ke Facebook
Kita tentu pernah atau bahkan sering membagikan postingan dari blog ke social media facebook dengan tujuan untuk menambah visitor pada blog.
Kita berusaha membuat postingan semenarik mungkin agar di kunjungi oleh banyak orang. Namun terkadang tanpa kita sadari ternyata setting dari meta tag share facebook yang kita gunakan malah membuat tampilan pos yang kita share terlihat tidak enak dibaca
misalkan seperti, deskripsi artikel yang berada dibawah judul artikel tidak muncul, thumbnail post tidak keluar, dan yang paling tidak enak dilihat adalah terdapat nama blog pada bagian depan atau di belakang judul artikel yang kita share di facebook, padahal nama blog sudah tertera dibawah deskripsi artikel yang kita share ke facebook tersebut.
Seperti ini nih contohnya :
Pada awalnya saya bingung, bagimana cara ngilangin nama yang nempel di depan judul artikel seperti gambar di atas tersebut. Setiap kali saya ingin share artikel ke facebook selalu muncul seperti itu, dan menurut saya itu sangat mengganggu sekali.
Selain tidak enak di lihat, judul artikel jadi tambah panjang karena digabung dengan nama blog. Apalagi kalau nama blognya panjang pula. Orang pun jadi malas membacanya, karena biasanya orang tertarik dengan apa yang mereka lihat pertama kali.
Setelah semua scipt xml saya utak atik tapi tetap nggak berhasil menghilangkan nama blog di depan judul artikel tersebut, akhirnya saya menemukan postingan yang khusus membahas tentang ini, dan ini disebut #Open Graph Meta Tag Facebook#.
Setelah saya pahami, ternyata cukup sederhana cara menggantinya. Silahkan ikuti langkah-langkah berikut ini dari awal hingga akhir.
note : jangan lupa backup template untuk jaga-jaga, jika terjadi hal yang tidak diinginkan.
LANGKAH CARA MENGHAPUS NAMA BLOG PADA JUDUL POSTINGAN SAAT SHARE KE FACEBOOK
~Langkah 1
1. Login ke akun blogger
2. Pilih Tema pada menu bilah samping kemudian pilih Edit HTML
~Langkah 2
1. Cari script berikut ini dengan cara "CTRL + F" pada keyboard
property='og:title'
2. Akan terdapat dua buah baris skrip program yang sama, pilih skrip yang keduanya.
<meta expr:content='data:blog.pageTitle' property='og:title'/>
3. Silahkan ubah kode script yang saya tandai dengan warna biru tersebut menjadi pageName
Sehingga, setelah diganti, kode skripnya akan menjadi seperti ini : (Tolong diperhatikan tanda kutip nya jangan tinggal atau lebih)
<meta expr:content='data:blog.pageName' property='og:title'/>
~Langkah 3
2. PENTING !!!! Hasil tidak akan berubah pada postingan yang sudah pernah di share sebelumnya, oleh karena itu, silahkan buat ulang postingannya (Copy Paste aja), atau buat postingan baru. Kamudian silahkan dicoba share ke facebook
Setelah berhasil, kita bisa membandingkan, lebih enakan lihat yang gambar 1 atau 2? pasti lebih enak lihat yang nomor 1 bukan.