Template Blogger sangat bepengaruh untuk Optimasi SEO, Disamping kita bisa memilih template blog yangSEO friendly kita juga bisa membuat atau mengedit template kita agar lebih ramah SEO,Misalnya kita membuat meta title SEO friendly maupun memasang meta tag otomatis pada setiap postingan, kali ini ada tips lagi untuk membuat agar template blog kita lebih SEO friendly, yaitu dengan cara mengedit beberapa kode HTML pada yamg lebih valid XHTML.
Langkah Awal Modivikasi Template Blog Lebih Valid XHTML SEO Friendly.
Sebelum melakukan validasi sebaiknya gunakan blog untuk percobaan dan juga template baru, hapus widget follower dan archive blog atau ubah saja archive blog menjadi flat list, atau download dulu kita. Nah setelah itu baru menuju ke edit template, Login ke akun blogger > Rancangan > Edit HTML.
Cara Modivikasi Template Blog Valid XHTML SEO Friendly :
1. Merubah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE" dan menambahkan meta tag default blogger. Cari kode dibawah :
Langkah Awal Modivikasi Template Blog Lebih Valid XHTML SEO Friendly.
Sebelum melakukan validasi sebaiknya gunakan blog untuk percobaan dan juga template baru, hapus widget follower dan archive blog atau ubah saja archive blog menjadi flat list, atau download dulu kita. Nah setelah itu baru menuju ke edit template, Login ke akun blogger > Rancangan > Edit HTML.
Cara Modivikasi Template Blog Valid XHTML SEO Friendly :
1. Merubah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE" dan menambahkan meta tag default blogger. Cari kode dibawah :
<?xml version="1.0" encoding="UTF-8" ?>Hapus semua kode diatas dan ganti dengan kode berikut :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<?xml version="1.0" encoding="UTF-8" ?>2. Menghapus comment declaration yang ada pada CSS, Cari kode dash ( ----- ) dan hapus semuanya. contoh:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/atom.xml' rel='alternate' title='Judul Blog Kamu - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='Judul Blog Kamu - RSS' type='application/rss+xml'/>
/* -----------------------------------------------Hasilnya menjadi :
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
/* Blogger Template Style3. Menghapus Navigasi Bar bawaan blogger, cari kode </head> dan tambahkan kode berikut tempat dibawahnya
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team */
<!-- <body><div></div> -->Nanti akan muncul peringatan untuk menghapus navbar, langsung klik hapus saja.
4. Menghapus Icon Quickedit atau gambar obeng
cari kode <b:include name='quickedit'/> kalo sudah ketemu hapus semua tanpa terkecuali, jangan lupa kalo besoknya menambahkan widget baru hapus lagi kode tersebut.
5. Menghapus Post icon, cari kode berikut :
<span class='post-icons'>Hapus dan ganti dengan kode berikut :
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
<span class='post-icons'>6. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
<script src="http://sagita-com.googlecode.com/files/Daftar-isi.js"></script>Ubahlah Menjadi :
<script type="text/javascript" src="http://sagita-com.googlecode.com/files/Daftar-isi.js"></script>7. Menyembunyikan page navigation di halaman utama, cari kode :
<b:include name='nextprev'/>hapus dan ganti seperti kode berikut :
<b:if cond='data:blog.homepageUrl != data:blog.url'>8. Menambahkan atribut Alt pada semua gambar termasuk saat posting artikel, contoh :
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<img href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">ganti menjadi seperti berikut :
<img alt="dofollow logo" href="http://1.bp.blogspot.com/-n2OIL8Xv3ZI/TlvP2WEe4mI/AAAAAAAAAAU/gskf9ZSuiAc/s1600/dofollowlogo.jpg">9. Memperbaiki atribut title dan alt pada link bergambar sebagai contoh :
<a href="http://www.getfreebl.com" alt="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" title="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>Rubah posisi atribut title dan alt :
<a href="http://www.getfreebl.com" title="free backlink generator powered by http://www.getfreebl.com" target="_blank"><img src="http://www.getfreebl.com/services/backlink/backlink.php?aut=EF60387089C968920487F89D5739455201155A64B924A54A750E6D8DD2AD0BC1854A7AD421A02FC8C133214B6D89C17132344F7139C830162C23D81597BA7B4BBFE8" alt="Free backlinks for your site powered by http://www.getfreebl.com" border="0" /></a>Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.
10. Menyembunyikan widget dihalaman utama
kalo widget itu dianggap penting dan tidak bisa di validasi sebaiknya sembunyikan dari halaman utama dengan cara menambahkan kode berikut :
<b:if cond='data:blog.homepageUrl != data:blog.url'>Kira-kira nya itu saja, saya pun masih belajar untuk masalah validasi xhtml. dan ini kami kutib dari beberapa sumber, mungkin jika ada yang mau menambahkan bisa tulis di kotak komentar.
Widget Yang Mau DiSembunyikan
</b:if>
Tidak ada komentar:
Posting Komentar
Send Your Message