TRIK MENGEDIT TEMPLATE SEO FRIENDLY

Posted by Trik Seo on Tuesday, 19 March 2013

Trik Seo Trik Mengedit Template Seo friendly pada dasarnya Template Blogspot ada yang perlu harus dibenahi dan ada yang tidak perlu,sebab untuk menetapkan agar Blog kita Seo Friendly dimulai dari keadaan Template karena disanalah kita bisa bermain dengan Trik Seo. Kali ini saya akan membahas tentang Bagaimana Cara Mengedit Template Agar Seo Friendly untuk penerapannya boleh dikatakan agak sulit bagi yang belum memahaminya untuk itu saya akan mencoba dengan cara step by step. Mari kita mulai Trik Mengedit Template Seo friendly bersama-sama.


1. Pertama yang mesti anda lakukan tentu login dulu di Blogger
2. Kemudian klik Rancangan (Jangan Lupa backup template dulu)>> edit HTML
3. Jangan lupa Centang Expand Template Widget

Manipulasi Tag Heading Judul Postingan

Cari kode berikut ini..


<b:if cond='data:post.title'>
<h3 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>
</h3>
</b:if>

Setelah ketemu Ganti semua kode di atas dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>

Manipulasi Tag Heading Judul Blog

Cari lagi kode di bawah ini
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

Selanjutnya Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

Cari kode berikut ini

<h1 class='title'>
<b:include name='title'/>
</h1>

Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

Terakhir Set CSS Anda

Cari kode css judul postingan dan judul blog Anda Misal kodenya seperti ini. Cari yang mirip.

.post h3 {
..................................
}

.post h3 a, .post h3 a:visited{
..................................................
}

.post h3 a:hover {
....................................
}

Ganti kodenya dengan kode di bawah ini

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

Catatan: Kalau tidak berhasil ganti hanya kode h3 nya..

kemudian, cari lagi kode css judul blog Cari yang mirip dengan kode di bawah ini

#header h1 {
............................
}

Setelah itu Ganti dengan kode di bawah ini

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Selanjutnya adalah mengubah tag heading pada widget di blog

cari kode di bawah ini:

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

Ganti h2 menjadi h3

Biasanya untuk perubahan pada Tutorial yang terakhir yaitu mengubah tag heading pada widget jika diubah h2 menjadi h3 maka style/judul dari widget anda akan berubah Agar sama seperti semula lanjutkan mencari kode berikut:

.sidebar h2

dan rubah h2 menjadi h3..

Sealanjutnya kalian SIMPAN ATAU SAVE.

 

Itulah tadi Tata cara Mengedit Template Agar Seo Friendly dan terima kasih sudah mau membaca artikel saya tentang Trik Mengedit Template Seo friendly.

{ 3 comments... read them below or add one }

Mas Rudy said...

wah keren nih... setelah ane rubah tag heading untuk semantic nya,, b if single post header mengecil dan judul postingan menjadi h1 dan tandanya bisa di klik apa benar seperti itu??

Yowanda Erlangga said...

nice info gan, pantesan aja blog gue PR alexanya no data trus, soalnya baru buat sih :)

kunjungi blog ane ya gan , ada tips unik ni tips membuat tombol like di power point

pria said...

informasi yang menarik sob, apakah penggantian seperti diatas di perbolehkan oleh google ?

Post a Comment