Menukar Posisi Judul Blog Menjadi Di Belakang Title Post

Menukar Posisi Judul Blog Menjadi di Belakang Title Postingan

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 membuatkan tutorial menukar posisi Nama Blog Yang berada di depan judul postingan menjadi di belakangnya..

Bagi kalian yang mengalami problem 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 menawarkan 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 TemplateEdit HTML
  • Setelah Masuk Edit HTML kita eksklusif menuju ke meta tag titlenya
  • Tapi sebelum itu, kalian sudah harus sedikit paham dulu ihwal 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
  • Tapi jikalau kalian mendapat masalahnya di search engine, lebih baik baca plus penjelasannya
  • Langsung saja ke tahap awal, kalian cari aba-aba 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 jikalau aba-aba 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 eksklusif 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 aba-aba 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? jikalau iya berarti kita sama, soalnya galau mau jelasin gimana lagi :V
  • Tapi aba-aba di atas sudah benar, kalian tidak perlu merubahnya, alasannya yaitu aba-aba 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 aba-aba data:blog.pageTitle untuk apa?
    Kode di atas itu untuk menampilkan Judul Blog Plus Judul Postingan / title bar
    Makara yang perlu kalian rubah yaitu aba-aba data:blog.pageTitle dengan aba-aba yang hanya menampilkan Judul postingannya saja.. sehingga kesannya menyerupai dibawah ini
     <meta expr:content='data:blog.pageName' property='og:title'/> 
  • Nah kalo masih ada aba-aba 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 KananView Page InfoMenu General cari tag og:title. Atau Lihat Gambar Dibawah ini ↓

  • view page info
  • Jika Sudah Berarti Sukses, Kalo Masih Belum Cari Lagi aba-aba property='og:title' dan rubah menyerupai di atas

Cukup sekian dan terima kasih, agar artikel ihwal 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 :)

Sumber https://mastamvan.blogspot.com/

0 Response to "Menukar Posisi Judul Blog Menjadi Di Belakang Title Post"

Post a Comment

Silahkan berkomentar.
Perhatian! Komentar yang mengandung spam tidak akan di terima.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel