News Update :


Cara Mengatur Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot



Setting Tag Heading Blog agar SEO Friendly - Mengatur Tag Heading Blog agar SEO FriendlyPenggunaan Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot - Memang Dalam template blogspot sangat banyak kita jumpai yang tidak SEO Friendly, misalnya penggunaan Meta tag, tidak adanya Breadcrumb, struktur H1, H2, H3, dst yang kacau dll. Untuk cara membuat Meta tag dan Cara Termudah Membuat Breadcrumb bisa dilihat dalam posting blog Seo terbaru 2012 sebelumnya Struktur H1, H2, H3, dst yang baik dan benar sangat membantu sebuah blog menjadi SEO friendly dan bisa bersaing di posisi SERP google.
Lantas bagaimana sturuktur H1, H2, H3, dst yang benar dan super seo friendly tersebut? menurut beberapa pakar SEO yang sempat saya timba ilmunya, sturuktur H1, H2, H3, dst harus berurutan, jangan sampai saling lompat. Misalnya, untuk TAG H1 diletakkan pada bagian header template atau untuk nama blog kita dan jangan diulang, Tag H2 digunakan pada judul posting blog, begitu seterusnya, maka akan membuat template blog kita struktur kodenya menjadi teratur dan akan disukai robot search engine Berikut ini adalah cara membuat Tag H1, H2, H3 dst Agar SEO Friendly di template blogspot

1. Login ke dasboard blogspot

2. Pilih layout/tata letak - Edit HTML - centang pada Expand Widget Templates (gunakan CTRL+F pada keyboard, Untuk mempermudah pencarian kode yang akan di rubah)

3. Merubah Judul Posting Dengan Tag H2
cari kode
<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>

ganti dengan

<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>

4. Merubah Judul Blog
Cari kode
<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>

ganti dengan
<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>


Selanjutnya . . . . cari kode
<h1 class='title'><b:include name='title'/></h1>

ganti dengan
<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>


5. Merubah CSS agar sesuai dengan template
cari kode
 .post h3 {margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em;color:$titlecolor;}
.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:$titlecolor;font-weight:normal;} .post h3 strong, .post h3 a:hover {color:$textcolor;} 
ganti dengan
.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;} 

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

ganti dengan
#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 cari kode
 h2.date-header {margin:1.5em 0 .5em;} Ganti dengan (hapus H2.date-header): .date-header {margin:1.5em 0 .5em;} 

Terakhir cari kode:
<h2 class='date-header'><data:post.dateHeader/></h2>

Ganti dengan :
<div class="date-header"><data:post.dateheader></data:post.dateheader></div>

Ribet memang, taipi SEO dan Banyak Pengunjung Gak? Demikian saja informasi mengenai Penggunaan Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot

Sekian Setting Tag Heading Blog agar SEO Friendly semoga bermanfaat

Anda sedang membaca artikel tentang Cara Mengatur Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot dan anda bisa menemukan artikel Cara Mengatur Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot ini dengan url http://wawasanfadhitya.blogspot.com/2012/09/cara-mengatur-tag-h1-h2-h3-dst-agar-seo.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Mengatur Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Mengatur Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot sebagai sumbernya.

Share on :
Bookmark and Share
| | 56 comments



Artikel Terkait

56 comments:

Download Anime Komik Bahasa Indonesia | Batuahku mengatakan...

pengaturan Tag yg bagus
Judul blog = H1
Judul postingan = h2
judul widget = H3

biasanya banyak tips seo di google yg menyuruh judul postingan pke H1, tapi itu berakibat tag H1 jadi ke double dalam aturan seo tag h1 hanya boleh ada 1 aja. tapi tips agan ini sangat bagus, karna bisa otomatis

Admin mengatakan...

makasih infonya sob,.. :D

Nakusan Computer mengatakan...

punya saya perlu d perbaiki nich....
makasih kawan dah berbagi ilmu.

Nakusan Computer mengatakan...

blogwalking kawan....

Bung Kerani mengatakan...

Trik yang mantap, nih. Perlu dicoba. Thanks sharingnya.

Fandi Adhitya mengatakan...

@download: thanks atas masukannya gan :)

Fandi Adhitya mengatakan...

@didit: sama2 gan

Fandi Adhitya mengatakan...

@nakusan: silahkan..jangan lupa backup ya..

Fandi Adhitya mengatakan...

@sri:thanks.ok mbak

Fandi Adhitya mengatakan...

@bung: silahkan

Unknown mengatakan...

Selamat sore, saya sudah mencoba script diatas dan berhasil tetapi yang jadi pertanyaan lagi, bagaimana dengan h2 widget yang memang sudah bawaan asal blog tersebut? apa solusinya.karena tips diatas hanya membahas h1 dan h2

Unknown mengatakan...

ops satu lagi, script diatas berhasil untuk di h2 saya tetapi masih ada kendala di h1 saya masih ada 2 tag h1.

Fandi Adhitya mengatakan...

@cnf: silahkan cari kode wdget anda, kemudian ganti kode h2 mjd h3

Fandi Adhitya mengatakan...

@cnf: ada cara lain untuk mengatur double h1 gan...tp maaf saya blm share

Cerita Ngeblog mengatakan...

mantap.langsung dipraktekan

Fandi Adhitya mengatakan...

silahkan

Anonim mengatakan...

waduh,tanggalnya jadi hilang, gmn donk munculin lagi???

abdul aziz mengatakan...

mantap nhe gan.......... langsung TKP dah

Fandi Adhitya mengatakan...

@pepi: udah di backup belum?

Fandi Adhitya mengatakan...

@abdul: monggo

mbogo.net mengatakan...

terima kasih atas informasinya sobat.

Fandi Adhitya mengatakan...

oke sama2 bro

Anonim mengatakan...

cepat di shar donk yang problem doble h1, butuh banget nih, thanks gan :)

Anonim mengatakan...

Ribet juga teryata ya

Fandi Adhitya mengatakan...

iya maaf bro..saya belum sempat gugling hehehe

KolesId mengatakan...

makasih bro atas infonya yang sangat bermanfaat.......

gusholis-net mengatakan...

aman dan mudah diterapkan gan.. slm kenal..

Unknown mengatakan...

bos di template ane gk nemu kode css yang agan mksud,,,gmna tuh???

Unknown mengatakan...

tempel link ane juga bosss

PULSA MURAH ALL OPERATOR | HARGA PULSA TERMURAH | GROSIR PERDANA MURAH">BISNIS PULSA

Fandi Adhitya mengatakan...

@top: oke sama2

Fandi Adhitya mengatakan...

@gusholis: iya coba saja gan mudah2an bermanfaat

Fandi Adhitya mengatakan...

@beloys:coba cara lain..tp ane belum share hehehe

Ade Tiawan mengatakan...

hmm,, thanks berat gan, tipsnya membantu!

Fandi Adhitya mengatakan...

oke...sama2

Deni Koswara mengatakan...

missing title tags ada 110 gimana cara perbaikannya

MEDIA INFO mengatakan...

info bermanfaat gan...tapi kode yg agan kasih gk sama dgn template sy, gimana tuh ? sy otak-atik sendiri dari blog lain akhirnya, cm ganti kode tag h3 jadi h2, h2 jadi h3 gitu doang. Kira2 ada pengaruhnya gak ya kl digituin ? apa mungkin blog sy templatenya udah otomatis gitu SEO nya ? blog sy di MEDIA INFO gan, mampir ya sekalian gabung kasih komen....trims ya...

mbogo.net mengatakan...

Jadi bingung saya, kira kira mana ya yang paling seo.

Gadged mengatakan...

thanks mas bro.,saya sempet lupa sama.,ini trick

Anonim mengatakan...

dicoba ya mas... trima kasih telah berbagi tentang ukuran tag buat judul

ROBOT HIJAU mengatakan...

wah berhasil kawan ..makasih yaa...informasinya sangat bermanfaat !! kunjungan perdana dan komentar perdana nih sob..follow blog sukses..kalau berkenan silahkan followback ya sob kami tunggu.salam persahabatan !!

Unknown mengatakan...

nice info
keep update gan.
http://www.renunganharian4all.blogspot.com

ViperGoy Blog mengatakan...

Keren infonya gan

Komputer Jaringan mengatakan...

Terima Kasih gan!!

Unknown mengatakan...

artikel yang bermanfaat gan..

Download Software Terbaru 2014

Travel Umroh murah 2014 mengatakan...

terimakasih informaSinya gan,,

Unknown mengatakan...

kuk ttp ga bisa ya gan, H1 nya masih missing

Unknown mengatakan...

kuk ttp ga bisa ya gan, H1 nya masih missing

http://komputer-pcgame.blogspot.com/

softwikia mengatakan...

mantap min

harga paket umroh murah 2015 mengatakan...

terimakasih...artikel nya sangat membantu

umroh murah desember 2014 mengatakan...

ijin menyimak dan mau sy coba...

Jaka ariansyah mengatakan...

gan izin pengen nyoba kodenya cara membuat heading tag h1 h2 h3 blogger

Budi Rezpector mengatakan...

ijin nyimak gan sekalian memperbaiki tag Hnya biar lebih seo. thanks gan. mari saling berkunjung

Cara Pendaftaran Online mengatakan...

Terimakasih sudah share ya,

Pengobatan Sipilis mengatakan...

Obat Raja Singa Di Apotek ? Segera Hubungi Kami Dan Pesan Obatnya Sekarang Juga di Fast Respond : 087705015423 PIN : 207C6F18.

jaka ariansya mengatakan...

artikelnya manatap sangat berguna sekali buat pemula seperti saya dalam buat seo blog

Kadar Ngepos3 mengatakan...

* Jual Obat Aborsi,,
* Obat Penggugur Kandungan,,
* what I have read on this page is enough to make me satisfied can menik die this article thanks greetings *

Komentar di: Cara Mengatur Tag H1, H2, H3 dst Agar SEO Friendly di Blogspot

Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.

 

Page Rank Check

Technology Blogs