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 :

Bagikan

share

Oleh Fandi Adhitya | | 56 comments