Menukar Posisi Judul Blog Menjadi Di Belakang Title Post

Cara Praktis Memindah Letak Judul Blogger Menjadi di Belakang Judul Postingan

Mengganti Posisi Judul Blog Menjadi Di Samping Kanan Title Postingan Agar Menjadi Lebih Seo, Kali ini mas tamvan akan mengembangkan tutorial menukar posisi Nama Blog Yang berada di depan judul postingan menjadi di belakangnya..

Bagi kalian yang mengalami persoalan dikala postingan blog di share ko sosial media menyerupai facebook atau dikala melihat post kita di search google yang menampilkan judul blog berada di depan judul postingan yang menciptakan title post menjadi tidak rapih dan kurang baik untuk seo (katanya) ....

maka di sini mas tamvan akan menunjukkan tipsnya untuk merubah / menggantinya menjadi lebih rapi lagi, kalian sanggup hanya menampilkan judul postingannya saja atau dilengkapi dengan judul blog..

Mungkin kalian yang pake template arlina ada yang mengalami menyerupai ini, dikala postingannya di share ke facebook maka judul postingannya bermetamorfosis Judul Blog : Judul Postingan.. nah untuk mengatasinya, mari simak tutorial singkat ini :)

cara mengatur posisi text (Title Blog) pada html

• Seperti biasa, login terlebih dahulu ke akun blogger kalian

• Lalu masuk ke sajian Template → Edit HTML

• Setelah Masuk Edit HTML kita pribadi menuju ke meta tag titlenya

• Tapi sebelum itu, kalian sudah harus sedikit paham dulu perihal html title tag, Tag Kondisional

• Di sini saya mencoba merubah tampilan meta tag pada template buatan arlina Simplify 2 Red Fast Responsive 2016

• yang didalamnya terdapat meta tag title yang berbeda-beda, menyerupai meta tag untuk homepage, untuk halaman post, archive, halaman 404, social media dll

• Kalian sanggup baca tutorial ini beserta penjelasannya atau pribadi menuju ke tutorialnya Memindahkan Judul Blog Yang Ada Di Depan Judul Postingan Ketika Di Share Ke Facebook ↓

• Tapi bila kalian mendapat masalahnya di search engine, lebih baik baca plus penjelasannya

• Langsung saja ke tahap awal, kalian cari isyarat menyerupai ini <title><data:blog.pageTitle/></title>

• Kira-kira strukturnya menyerupai ini, tapi sanggup juga berbeda

 <b:if cond='data:blog.pageType == &quot;index&quot;'>     <title><data:blog.pageTitle/></title>     <b:else/>     <b:if cond='data:blog.pageType != &quot;error_page&quot;'>         <title><data:blog.pageName/> - <data:blog.title/></title>     </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'>     <title>Page Not Found - <data:blog.title/></title> </b:if> 

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Tag kondisional untuk menampilkan title tag di semua halaman kecuali halaman postingan
<data:blog.pageTitle/>
Kode di atas akan menampilkan Judul Blog Plus Judul Post / Title Bar
<b:else/>
Kode Pengecualian / pengganti bila isyarat di atasnya tidak ada.
Contohnya : Ortu agan nyuruh beli telor ke warung A tapi kalo di warung A tidak ada kalian di suruh belinya di warung B. Maka secara otomatis Kita akan beli telor itu di warung A terlebih dahulu kalo ada pribadi pulang, tapi kalo di warung A tidak ada maka kita akan dilanjutkan ke perintah selanjutnya yaitu membeli telornya di warung B.
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
Kode yang ada di dalam tag kondidional itu tidak akan tampil di halaman eror404
<data:blog.pageName/>
Kode di atas sama menyerupai <data:blog.pageTitle/> tapi tidak menampilkan judul blognya..
<data:blog.title/>
nah kalo isyarat di atas ini hanya menampilkan judul blognya saja.
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Tag kondisional khusus untuk halaman error404

• Gimana apa kalian bingung? bila iya berarti kita sama, soalnya gundah mau jelasin gimana lagi :V

• Tapi isyarat di atas sudah benar, kalian tidak perlu merubahnya, sebab isyarat di atas akan menampilkan. Ketika di halaman homepage akan menampilkan Judul Blgnya Saja, Kalo di Halaman Post Akan menampilkan Judul Post Dan Judul Blog dan di Halaman Error404 Akan Menampilkan Page Not Found Plus Judul Blog

• Kalian sanggup merubahnya sesuai keinginan.

• Sekarang kita masuk ke tahap memperbaiki Judul Post Yang Di Share Ke Facebook

• Kalian Cari Kode property='og:title' mungkin ada banyak tergantung dari templatenya

• Kira Kira Penampakannya Seperti dibawah ini ↓

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

Kalian masih ingat isyarat data:blog.pageTitle untuk apa?
Kode di atas itu untuk menampilkan Judul Blog Plus Judul Postingan / title bar
Kaprikornus yang perlu kalian rubah ialah isyarat data:blog.pageTitle dengan isyarat yang hanya menampilkan Judul postingannya saja.. sehingga kesudahannya menyerupai dibawah ini


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

• Nah kalo masih ada isyarat menyerupai di atas silahkan rubah lagi, tapi harus tau dulu itu huntuk halaman apa.

• Jika tidak ada, kalian save templatenya

• Untuk mengetahui apakah sudah berubah atau belum kalian sanggup cek di halaman posting, kemudian Klik Kanan → View Page Info → Menu General cari tag og:title. Atau Lihat Gambar Dibawah ini ↓

• Jika Sudah Berarti Sukses, Kalo Masih Belum Cari Lagi isyarat property='og:title' dan rubah menyerupai di atas

Cukup sekian dan terima kasih, biar artikel perihal Tutorial Cara Memindahkan Posisi Judul Blog Yang Berada Di Depan Title Post Menjadi Di Belakang Judul Postingan ini bermanfaat..
Jika ada yang bingung, silahkan bertanya di kolom komentar :)