Mengatur Tittle, Snippet Deskripsi & Thumbnail Posting di Facebook

Mengatur Tittle, Snippet Deskripsi & Thumbnail Posting di Facebook

Blogger Mania, untuk mengatur Tittle, Snippet Deskripsi & Thumbnail Posting di Facebook dapat dilakukan dengan menambahkan kode-kode tambahan dengan mengikuti langkah-langkah berikut ini.

Langkah-langkah yang dapat kita lakukan adalah sebagai berikut:

1. Masuk kemenu Setting, selanjutnya

2. Pilih Edit HTML

Masukkan semua kode berikut diatas tag </head>

<b:if cond='data:blog.postImageThumbnailUrl'>

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

<b:else/>

<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpExtdLtWIrJdl_ZM8JHb6t5tG02zyz1o9-Ca0O7G6n_TNwSEWxuKtVYiLSGAToesefdzlzkaIb4EN2ungVNV0A3JFJ6bAyunpt3dmVdfHkn7g0OAlE4xdR8GrLfz-nh_Gj_detVZK6UE/s1600/10363513_641800335910875_2768957528324440642_n+%25281%2529+%25281%2529.jpg' property='og:image'/>

</b:if>

<b:if cond='data:blog.metaDescription != &quot;&quot;'>

<meta expr:content='data:blog.metaDescription' property='og:description'/>

</b:if>

<meta expr:content='data:blog.pageName' property='og:title'/>

<b:if cond='data:blog.homepageUrl'><metacontent=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpExtdLtWIrJdl_ZM8JHb6t5tG02zyz1o9-Ca0O7G6n_TNwSEWxuKtVYiLSGAToesefdzlzkaIb4EN2ungVNV0A3JFJ6bAyunpt3dmVdfHkn7g0OAlE4xdR8GrLfz-nh_Gj_detVZK6UE/s1600/10363513_641800335910875_2768957528324440642_n+%25281%2529+%25281%2529.jpg' property='og:image'/></b:if>

Keterangan:  

• Menentukan gambar thumbnail berdasarkan gambar pertama yang ada pada postingan anda. 

<b:if cond='data:blog.postImageThumbnailUrl'>

• Menuju gambar yang akan menjadi thumbnail jika postingan anda tidak memiliki gambar  

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><b:else/><metacontent=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpExtdLtWIrJdl_ZM8JHb6t5tG02zyz1o9-Ca0O7G6n_TNwSEWxuKtVYiLSGAToesefdzlzkaIb4EN2ungVNV0A3JFJ6bAyunpt3dmVdfHkn7g0OAlE4xdR8GrLfz-nh_Gj_detVZK6UE/s1600/10363513_641800335910875_2768957528324440642_n+%25281%2529+%25281%2529.jpg 'property='og:image'/>

• Menentukan Snippet Deskripsi yang akan muncul berdasarkan 'Preferensi pencarian' atau 'Search description' yang dimasukkan saat pembuatan posting. 

</b:if><b:if cond='data:blog.metaDescription != &quot;&quot;'><meta expr:content='data:blog.metaDescription'property='og:description'/></b:if><meta expr:content='data:blog.pageName' property='og:title'/>

• Sedangkan jika anda ingin menentukan Snippet gambar untuk homepage atau halaman utama, anda bisa menambahkan kode berikut ini dengan penempatan yang sama:  

<b:if cond='data:blog.homepageUrl'><metacontent='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpExtdLtWIrJdl_ZM8JHb6t5tG02zyz1o9-Ca0O7G6n_TNwSEWxuKtVYiLSGAToesefdzlzkaIb4EN2ungVNV0A3JFJ6bAyunpt3dmVdfHkn7g0OAlE4xdR8GrLfz-nh_Gj_detVZK6UE/s1600/10363513_641800335910875_2768957528324440642_n+%25281%2529+%25281%2529.jpg' property='og:image'/></b:if>

Yess, begitu caranya. Sekian... Semoga bermanfaat !

Sebagai catatan, Kode-kode diatas biasanya hanya  berlaku untuk postingan setelah kode-kode diatas dimasukkan ke tag head, artinya untuk postingan sebelumnya/ lama tidak berlaku.

Bagi anda yang mengalami kesulitan dalam menerapkan langkah-langkah diatas silahkan hubungi Riau Spirit di Contact

RELATED POST

• Kenapa Matikan Lampu Ketika Hendak Tidur
• Kode Warna HTML
• KUMPULAN ARTIKEL BLOGGER
• Lukisan Pensil - Pekanbaru-ART
• Cara Membuat Tombol Menu di Blog