Title Tag SEO Friendly Terbaru untuk Blog Blogger

Title tag atau tag judul merupakan bagian dari Meta Tag. Berikut ini kode Title Tag SEO Friendly untuk Blogger Terbaru.

Title Tag SEO Friendly untuk Blogger Terbaru

Title Tag sangat penting untuk mesin pencari. Kita harus membuat judul blog SEO Friendly agar mudah dan cepat terindeks dan muncul di peringkat teratas halaman Google.

Dalam template dan kode website pada umumnya, title tag dibungkus dengan kode <title> ... </title>. Fungsi title tag antara lain:

  • Mendefinisikan judul di bilah alat browser
  • Memberikan judul untuk halaman saat ditambahkan ke favorit
  • Menampilkan judul untuk halaman dalam hasil mesin pencari.
Berikut ini Title Tag Contoh Blog (CB) yang diindeks mesin pencari Google.

Title Tag CB Halaman Depan

Title Tag CB Halaman Depan

Title Tag CB Halaman Posting

Title Tag CB Halaman Posting

Apakah title tag CB sudah ramah mesin pencari? Kayaknya sih, ya. Semoga demikian. Amin...!

Dari ulasan dan contoh yang diberikan Neil Patel, judul tag yang ramah mesin pencari adalah sebagai berikut:

<title> Nama Blog - Deskripsi Blog </title>

Patel sendiri menggunakan tag judul websitenya sebagai berikut:


<title>Neil Patel: Helping You Succeed Through Online Marketing!</title>

Title Tag SEO Friendly untuk Blogger Terbaru

Untuk menjadikan title tag blog SEO Friendly, kita harus mengganti kode yang ada di template bawaan Blogger atau template non-default Blogger yang title tagnya belum dioptimalkan.

Berikut ini cara pemasangan dan kodenya.

1. Klik Tema > Edit HTML
2. Temukan kode berikut ini di bawah kode <head>

<title><data:view.title.escaped/></title>

Hapus kode tersebut dan ganti dengan kode di bawah ini:

<b:if cond='data:view.isMultipleItems'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

Kode Meta Tag Title lebih lengkap --tag judul per halaman blog-- sebagai berikut:

<b:if cond="data:view.isSingleItem">
<title><data:blog.pageName/></title>
<b:elseif cond="data:view.isHomepage"/>
<title><data:blog.title/></title>
<b:elseif cond="data:view.search.label"/> <title>
<data:blog.pageTitle/></title>
<b:elseif cond="data:view.search.query"/>
<title><data:view.search.resultsMessage/></title>
<b:elseif cond="data:view.search and !data:view.search.label and !data:view.search.query"/>
<title><data:blog.pageTitle/></title>
<b:elseif cond="data:view.isArchive"/> <title>
<data:view.archive.rangeMessage/></title>
<b:elseif cond="data:view.isError"/>
<title>404 Tidak Ditemukan</title> </b:if>


Simpan!

Di template Blogger lama, kode title tag sebagai berikut:

<title><data:blog.pageTitle/></title>

Hapus kode tersebut dan ganti dengan kode berikut ini:

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

Title Tag SEO plus Twitter Card (Recommended)

Berikut ini kode Title Tag SEO plus Twitter Card dan Ridirect Halaman Error 404 ke homepage.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | Deskripsi Blog di Sini</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>
<meta content='3;/' http-equiv='refresh'/>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-VoRs-H2NTvo/XjFiu0k1TiI/AAAAAAABC8w/c1IMqswr_38qYnMBXa_u1AmMhOhC2pA6gCPcBGAYYCw/s1600/technopreneur.JPG' name='twitter:image'/>
<meta expr:content='data:blog.title' name='twitter:image:alt'/>
</b:if>
</b:if>

Ganti kode warna merah dengan versi Anda.

URL gambar di bagian bawah kode adalah gambar yang akan muncul saat dishare di Twitter jika posting tidak ada gambar, atau jika share halaman depan blog (homepage).

Title Tags SEO yang dipasang di Contoh Blog

CB sendiri sudah mengubah title tag. Mengacu pada kode di atas, CB lakukan customize untuk merinci tag judul tiap halaman yang dibuka, meliputi:
  1. Title Tag Halaman Depan (Homepage)
  2. Title Tag Halaman Dalam (Postingan/Single Post)
  3. Title Tag Halaman Label (Label Pages)
  4. Title Tag Halaman Hasil Pencarian
  5. Title Tag Halaman Arsip
  6. Title Tag Halaman Error.
Berikut ini kodenya. Dipasang di bawah kode </head> atau mengganti kode <title> .. </title> yang lama.


<b:if cond='data:view.isSingleItem'>
<title><data:blog.pageName/> &#187; <data:blog.title/></title>
<b:elseif cond='data:view.isHomepage'/>
<title><data:blog.title/> &#187; Tips Blogging, SEO, AdSense, Template Blogger</title>
<b:elseif cond='data:view.search.label'/>
<title><data:blog.pageTitle/></title>
<b:elseif cond='data:view.search.query'/>
<title><data:view.search.resultsMessage/></title>
<b:elseif cond='data:view.search and !data:view.search.label and !data:view.search.query'/>
<title><data:blog.pageTitle/></title>
<b:elseif cond='data:view.isArchive'/>
<title><data:view.archive.rangeMessage/></title>
<b:elseif cond='data:view.isError'/>
<title>404 Not Found</title>
</b:if>

Jika Anda ingin menggunakan kode title tag SEO Friendly versi CB Blogger di atas,  silakan copas atau pasang. Namun, jangan lupa ubah kode atau tulisan warna merah dengan versi Anda (berupa deskripsi blog ringkas).

Title Tag Halaman Error 404

Khusus untuk halaman error not found (tidak ditemukan), CB memasang juga kode redirect ke halaman depan berikut ini.

Pasang kode berikut ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= &quot;/&quot;
}, 1);
</script>
</b:if>

Demikian Title Tag SEO Friendly untuk Blogger Terbaru. Good Luck & Happy Blogging! (www.contohblog.com).*

Thanks for reading Title Tag SEO Friendly Terbaru untuk Blog Blogger | Labels: Tips SEO edit this post
Author Image

About CB Blogger
Contoh Blog --sebut saja CB -- Panduan Blogging untuk Pemula - Tips SEO, Desain, Template SEO Friendly, Cara Membuat Blogger Keren, Google Adsense, dll. Subscribe! to get update via email.

3 komentar on Title Tag SEO Friendly Terbaru untuk Blog Blogger

  1. Halo kang CB, itu di meta tag yang akang pasang tidak ada meta deskripsi dan keyword ? Apa akan tetap seo Friendly dan kemudian jika menggunakannya, ketika di pencarian deskripsi yang muncul apakah menggunakan judul blog > Mohon penjelasannya kang

    ReplyDelete
    Replies
    1. Ini khusus Title Tag (Tag Judul). Tag Deskripsi kodenya lain lagi, sudah ada di kode bawaan Blogger (All Head Content). Meta Keyword sudah lama tidak berlaku.

      Delete
    2. Oke kang terima kasih atas jawabannya, jadi tau sekarang

      Delete

Contact Form

Name

Email *

Message *

Back To Top