Berbagi cara untuk membuat template friendly
kali ini ane cuman mau berbagi tips ala ane sendiri, mohon bimbingan, kritikan, cacian, dan tambahan agan2 sekalian yaaoke intinya pake template yg standart aja gan, yg gak neko2, enak dipandang mata, navigasi mudah, dan mudah diedit. ane sendiri pake template punya blog juragan yang sudah diedit tampilannya oleh mas aldo (salah seorang blogger juga). ane suka template yg simple aja deh gan, yg enteng..
pertama install seoquake dulu gan
1. begini isi di bagian <head> ane gan :
PHP Code:
<link href='https://plus.google.com/idgoogleplusanda' rel='author'/>
<link href='https://plus.google.com/idgoogleplusanda' rel='me'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<meta content='Global' name='Distribution'/>
<meta content='NAMAANDA ' name='author'/>
<meta content='namabloganda' name='copyright'/>
<meta content='follow, all' name='spiders'/>
<meta content='follow, all' name='webcrawlers'/>
<meta content='follow, all, index' name='googlebot'/>
<meta content='follow, all, index' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='2 days' name='revisit-after'/>
<meta content='all, index, follow' name='yahoobot'/>
<meta content='all, index, follow' name='bingbot'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + " | " + data:blog.title + " | " + data:blog.pageName' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi Blog' name='description'/>
<meta content='keyword' name='keywords'/></b:if>
<link expr:href='data:blog.url' rel='canonical'/>
PHP Code:
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h2>
</b:if>
</div>
3. settingan title post ane gan :
PHP Code:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
PHP Code:
<a expr:name='data:post.id'/>
PHP Code:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
4. oke sekarang edit semua widget title jadi H3 semua gan, klik "lompat ke widget" pilih widgetnya satu per satu.
kemudian temukan kode <h2><data:title/></h2> nah h2 ganti jadi h3 (lihat gambar dibawah ini)
oke udah belum? kemudian di seoquake klik diagnosis
oke udah? pastikan hasilnya begini gan :
Homepage :
- <H1>: Title Blog
- <H2>: Title Post
- <H2>: Title Post
- <H2>: Title Post
- <H2>: Title Post
- <H3>: Widget Title
- <H3>: Widget Title
Posting :
- <H1>: Title Post
- <H2>: Title Blog
- <H3>: Widget Title
- <H3>: Widget Title
- <H4>: dll
- <H4>: dll
kalo udah begitu hapus aja yg gak penting seperti kode <b:include name='quickedit'/>
udah kan beres? bakar rokok dulu biar ide mancur lagi gan. hehehee
5. setting rich snippet (katanya sih ini berpengaruh di serp ya? gak tau juga sih coba aja deh)
cari kode <div class='post-header-line-1'/> kemudian sisipkan kode dibawah ini tepat dibawah kode tersebut :
PHP Code:
<div class='postmeta-primary'>
<div class='vcard' id='hcard-NAMAANDA'>
<abbr class='meta_date published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
&nbsp;<span class='fn n'><span class='meta_author given-name updated'><data:post.author/></span></span>
&nbsp;<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
sumber http://www.ads-id.com/forums/showthread.php/158102-TIPS-NEWBIE-SEO-On-Page-Template-Blogspot-ala-mbendoll