Breaking News
Loading...
Kamis, 12 April 2012
» » CARA GAMPANG MEMBUAT TEMPLATE SEO FRIENDLY

CARA GAMPANG MEMBUAT TEMPLATE SEO FRIENDLY

01.32
Cara Gampang membuat template SEO Friendly ini dituliskan sebagai upaya pembelajaran kepada siapapun, membuat template SEO Friendly versi Cara Gampang ini sebenarnya bukanlah merupakan suatu hal yang baru, namun telah banyak di bahas di berbagai blog/website para master-blogger. Namun tidak ada salahnya untuk saya bahas ulang sekedar memperjelas agar tidak membingungkan blogger-blogger junior seperti saya ini.

Istilah template SEO Friendly ini pertama kali saya temukan saat blogwalking ke beberapa halaman  sahabat blogger yang lain. Pertama-tama saya kebingungan, apa sih sebenarnya yang dimaksud dengan template SEO Friendly  itu sendiri ? Setelah saya pelajari secara mendalam, ternyata jawabannya ada pada pemasangan script kode html yang berfungsi untuk merubah judul blog dengan judul postingan yang ada pada blog kita. Memang, secara default, banyak template-template baik template asli yang disediakan oleh blogspot.com maupun kebanyakan free-blogger template yang banyak beredar di internet, jarang sekali menerapkan script untuk merubah judul blog menjadi judul postingan blog. Rata-rata kode awal template-template yang ada hanya berupa rangkaian script seperti di bawah ini :

<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>
<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[/*

Nah, untuk merubah komposisi meta-tag head template tersebut agar menjadi SEO Friendly, maka perlu untuk ditambahkan script yang berfungsi untuk merubah judul blog menjadi judul postingan blog yang kita miliki. Adapun komposisi script yang harus ditambahkan adalah seperti di bawah ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
 
Jadi bilamana digabungkan, script SEO Friendly tersebut akan menjadi seperti di bawah ini  :

<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*

Namun, bagi saya pribadi, gabungan script di atas tersebut belumlah terlalu memuaskan, alias belum terlalu SEO Friendly, dan akan lebih bagus bilamana menerapkan rangkaian script seperti di bawah ini  :

<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Purnomo | Semangat Baru</title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title><data:blog.pageName/> | Purnomo</title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Semangat baru untuk berbagi pengetahuan' name='description'/>
<meta content='blog, blog semangat, cara membuat, semangat, cara semangat ' name='keywords'/>
<meta content='Purnomo' name='author'/>
<meta content='Purnomo 2012' name='copyright'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content=' global' name='target'/>
<meta content='all' name='robots'/>
<meta content='index, follow, snipet' name='googlebot'/>
<meta content='id' name='language'/>
<meta content='ID' name='country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='blogger' name='generator'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/> 
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='f56TNMt8R79a76xUevyy1axgZJCLsWwyhGlo73QfEnE' name='google-site-verification'/>
<link expr:href='data:blog.url' rel='canonical'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[/*

Nah, rangkaian script yang terakhir tersebut, dapat dikatakan akan mampu merubah template kita menjadi lebih-lebih SEO Friendly.

Sampai di sini dulu, semoga berguna.
 
Diposting oleh icon_action
Share:

9 komentar:

  1. DUNIA BLOG20 April 2012 pukul 17.07

    Template SEO Friendly .... mantap gan

    BalasHapus
  2. Ririe Khayan20 April 2012 pukul 23.53

    Template SEO Friendly? bookmark dulu, semoga nanti bisa mengaplikasikan dalam template blog saya..TFS ya

    BalasHapus
  3. file education23 April 2012 pukul 10.43

    wah beneran keren nih artikelnya dan juga triknya makasih ya. aku dah follow back brow makasih ya

    BalasHapus
  4. flodesta18 Mei 2012 pukul 11.27

    akan saya coba terapkan di blog sob. trim

    BalasHapus
  5. Unknown20 Mei 2012 pukul 05.15

    bang saya mau tanya , kalau untuk meta tag content itu maksudnya apa ???mohon di jawab dan di jelaskan ???saya sangat bingung nuy bang ???

    terima kasih bang ..

    BalasHapus
  6. jordan20 Juni 2012 pukul 03.35

    nice trik bang.. :D
    www.watchtvenvivo.blogspot.com

    BalasHapus
  7. 90animax29 Juni 2012 pukul 03.39

    thanks infonya gan :)

    BalasHapus
  8. Risalahati4 Juli 2012 pukul 04.58

    cukup membantu,saya akan coba

    BalasHapus
  9. HP Samsung24 September 2012 pukul 18.59

    wah keren nich gan tutorialnya, thanks bro udh di share ilmunya.
    Akhirnya saya punya Template SEO Friendly :)
    Thanks bro Tipsnya.

    BalasHapus

==> Silahkan meninggalkan komentar, jangan OOT, No Spam, No SARA
==> Jangan berkomentar dengan modus Anonimous
==> Jangan promosi produk, No Pornografi, No link-aktif
==> Jika ingin mendapatkan backlink, gunakan modus Name/Url
==> Mohon maaf bila ada keterlambatan balasan komentar anda.

Langganan: Posting Komentar (Atom)
 
Toggle Footer
backtotop