Well, Di postingan ini saya tidak akan membahas SEO secara detail,
Karena SEO itu sangat kompleks dan kita masih dalam tahap awal. Kita
akan membahas SEO praktis sebagai langkah awal saja.
Pada pembahasan sebelumnya, bahwa blog yang baik menurut pengunjung maka akan baik juga bagi mesin pencari.
(Baca Juga: Cara Membuat Template Blog Valid HTML5)
Nah, di source code template blog terakhir, kita telah melakukan pemanggilan tag title yang berfungsi menampilkan judul blog kita pada tab browser.
Source code diatas belum dinamis sama sekali. Karena jika kita membuka halaman apapun, didalam blog kita yang dikunjungi, pada tab browser hanya akan selalu tampil judul blog kita.
Sebagai contoh ketika kita mencoba mengakses halaman yang tidak ditemukan atau page not found di dalam blog kita, maka tab pada browser tetap akan menampilkan jugul blog kita.
Padahal tab browser menampilkan informasi halaman yang sedang
dikunjungi. Jadi misalkan kita mengakses halaman yang tidak ditemukan
dalam blog, maka tab pada browser juga menunjukan informasi halaman yang
sedang kita kunjungi seperti gambar ini.
Solusinya adalah dengan mengubah tag title sebelumnya. dengan tag title di bawah ini :
Oke kita akan coba jelaskan satu per satu.
Cukup sampai disini dulu pembahasan kita mengenai Cara Membuat Template Blog SEO Friendly , pada pembahasan selanjutnya kita akan mengupas Cara Membuat Template Blog yang Ringan dan Fast Loading.
Pada pembahasan sebelumnya, bahwa blog yang baik menurut pengunjung maka akan baik juga bagi mesin pencari.
(Baca Juga: Cara Membuat Template Blog Valid HTML5)
Nah, di source code template blog terakhir, kita telah melakukan pemanggilan tag title yang berfungsi menampilkan judul blog kita pada tab browser.
<title><data:blog.title/></title>Source code diatas belum dinamis sama sekali. Karena jika kita membuka halaman apapun, didalam blog kita yang dikunjungi, pada tab browser hanya akan selalu tampil judul blog kita.
Sebagai contoh ketika kita mencoba mengakses halaman yang tidak ditemukan atau page not found di dalam blog kita, maka tab pada browser tetap akan menampilkan jugul blog kita.
Solusinya adalah dengan mengubah tag title sebelumnya. dengan tag title di bawah ini :
<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>
Oke kita akan coba jelaskan satu per satu.
- Ketika kita mengunjungi halaman homepage (halaman utama) blog, maka tab browser akan menampilkan "judul blog" saja, di atur dalam tag berikut :
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if> - Ketika yang dikunjungi adalah halaman posting, maka akan tampil "Judul posting - Judul Blog".
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> - <data:blog.title/></title></b:if> - Ketika kita mengunjungi halaman arsip, maka akan tampil "Archive for Judul posting".
<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:blog.pageName/></title></b:if> - Ketika yang dikunjungi adalam halaman statis, maka akan tampil "Judul Blog"
<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title></b:if> - Ketika kita mengunjungi halaman index, maka akan tampil "Judul Posting - Judul Blog" berdasarkan label.
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if> - Ketika yang dikunjungi adalah halaman error (tidak ditemukan), maka akan tampil "Page Not Found"
<b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title></b:if> - Dan Ketika kita mengunjungi halaman index, akan menampilkan "Judul Posting - All post"
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>
So, sekarang kita telah memiliki source code template blog dengan title
tag yang sudah diperbaharui dan tentu saja SEO friendly :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
<!-- SEO Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:blog.pageType == "archive"'><title>Archive for <data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "static_page"'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.searchLabel'><title><data:blog.title/> - <data:blog.pageName/></title></b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.url != data:blog.homepageUrl'><title><data:blog.pageTitle/> - All Post</title></b:if></b:if>
<b:skin><![CDATA[
body {background-color: #fafafa;}
]]></b:skin>
</head>
<body>
<b:section class='main' id='main'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'></b:widget>
</b:section>
</body>
</html>Cukup sampai disini dulu pembahasan kita mengenai Cara Membuat Template Blog SEO Friendly , pada pembahasan selanjutnya kita akan mengupas Cara Membuat Template Blog yang Ringan dan Fast Loading.