Cara Edit Tag Heading Agar SEO Friendly - Edit Tag Heading
Blogspot Supaya SEO Friendly, Merubah Tag Heading titel postingan jadi h1,
Teknik SEO mengenai tips mentransfer tag Heading supaya makin SEO Friendly - Sip
[cak] tunggang gunung temen-temen blogger seluruh, aku sanggup teliti mengenai
SEO saja nih, memang gak tersedia habisnya kalo langsung teliti dengan namanya
SEO. Subjek dengan aku teliti tunggang gunung tersebut ialah gimana supaya
template dengan saya membubuhkan SEO friendly secara Tips Edit Tag Heading
Supaya SEO Friendly. Kadang-kadang saya memilah template dibanding penyedia
susunan template gratisan dalam computer cuma hanya merestui minat kecantikan,
akan tetapi kadang-kadang saya lalai apakah template dengan saya membubuhkan
telah hampir SEO friendly ataupun belum. Ok Di dalam Panduan saat ini aku hendak
usut sempurna mengenai Tips Edit Tag Heading Supaya SEO Friendly, ataupun makin
jelasnya secara mem(per)bolehkan tag h1 untuk titel postingan. Namun,, bila Kamu
melakukannya dengan serabutan takah-takahnya sekiranya malahan terkabul multiple
tag h1 di dalam taman Kamu.
Kiranya temen - temen udah di dalam tau, jumlah template blog dengan cerah pada sosok design diluar sana, & umum dibanding template itu menekankan penyakit design. Saya dengan hendak memakainya butuh sempit memodifikasi supaya makin utama. Ok, terbuka saja aku dobrak menjumpai temen-temen seluruh langkah-langkah pada optimasi template dengan saya membubuhkan supaya makin SEO friendly
1. Terkini dengan tandas kamu lakukan pasti login lalu dalam Blogger
dua. Lalu seksi Rencana (Jangan Lalai backup template dulu)>> edit HTML
3. Non lalai Berarakan Expand
Template Widget
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>
<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 != "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>
<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>
<b:include name='title'/>
</h1>
Selanjutnya Ganti dengan kode berikut ini
<b:if cond='data:blog.pageType != "item"'>
<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>
<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>
<b:include name='title'/>
</h1>
Ganti dengan kode berikut ini
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
<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 {
....................................
}
..................................
}
.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;
}
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;
}
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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:if cond='data:title != ""'>
<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
Kemudian Save/Simpan template anda, selesai....
Lalu Save/Simpan template kamu, tumpas....
Ikuti seluruh langkah-langkah
lebih dari, kalau semuanya telah hampir kamu lakukan secara berdasar oleh karena
itu hari ini dalam pekarangan index Kamu, ataupun pekarangan unggul blog, titel
blog memiki tag h1 serta titel postingan tidak tag h1. Temporer begitu om google
index pekarangan postingan Kamu, titel postingan otomatis merembet pada tag h1
serta titel blog tak saja memakai tag h1. Hasilnya, tiada saja tag h1 tike
dengan hendak menyelundupkan keonaran untuk rangking Kamu. Oya.. tersedia dengan
lalai, kalau tersedia diantara temen-temen dengan belum menyelidik menfaat SEO
untuk transparansi blog, aku persaudaraan membahasnya dalam
10 Tips SEO Terbaru . Demikian tadinya Panduan step by step Tips Edit Tag Heading Supaya SEO
Friendly, sip [cak] menyerepi serta saya harap berguna. pada . Demikian tadi Tutorial step by step Cara Edit Tag Heading Agar SEO Friendly, selamat mencoba dan semoga bermanfaat.
Sumber : IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Edit Tag Heading Agar SEO Friendly
|
21 Apr 2012
|
0
komentar
0 komentar:
Post a Comment