Title Tag SEO Friendly untuk Blogger Terbaru

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 Page 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. Dipasang 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 untuk Blogger Terbaru | Labels: Tips SEO edit this post
0 Komentar untuk "Title Tag SEO Friendly untuk Blogger Terbaru"

Contact Form

Name

Email *

Message *

Back To Top