Struktur Title Blogspot

Mengubah title di setiap tipe halaman Blogspot

Halaman blog di Blogspot atau Blogger mempunyai beberapa page type atau tipe halaman seperti:
1. Halaman Depan atau halaman index
2. Halaman Pagination
3. Halaman Postingan (Item Post)
4. Halaman Page
5. Halaman Arsip (Arsip Tanggal,Bulan atau tahun)
6. Halaman Label
7. Halaman Pencarian
8. Halaman Error atau 404 page atau Page Not Found

Dengan kode berikut Anda bisa mengubah struktur title di setiap tipe halaman Blogspot tersebut agar SEO (Search Engine Optimization) friendly. Berikut langkah-langkah cara merubah judul/title Blogspot:

1. Masuk di template editor blog Anda Template > Edit HTML
2. Centang Expand Widget Templates dan temukan kode ini:

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

3. Ganti kode tersebut dengan kode berikut:

<!-- Halaman Arsip -->
<b:if cond='data:blog.pageType == "archive"'>
<title><data:blog.pageName/></title>
</b:if>

<!-- Halaman Pencarian -->
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchQuery'>
<title><data:blog.searchQuery/> &#8211; Search Result <data:blog.title/></title>
</b:if>

<!-- Halaman Label -->
<b:if cond='data:blog.searchLabel'>
<title><data:blog.pageName/> &#8211; <data:blog.title/></title>
</b:if>

<!-- Halaman index dan pagination -->
<b:if cond='data:blog.searchQuery == ""'>
<b:if cond='data:blog.searchLabel == ""'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.title/></title>
</b:if>
</b:if>
</b:if>
</b:if>

<!-- Halaman Postingan -->
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

<!-- Halaman Page -->
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

<!-- Halaman Error/404 -->
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
</b:if>

Save template Anda dan lihat hasilnya.

UPDATE 31-08-2012 Mengubah struktur title di halaman search
<data:blog.pageTitle/> menjadi
<data:blog.searchQuery/> – Search Result <data:blog.title/>

Baca juga tutorial cara membuat meta description di Blogger.

Leave a Reply

Use tag [php] to add code, e.g. [php]<?php echo $var; ?>[/php]

*

*