Tips SEO : Mengubah Dynamic Tag H1 di Artikel Post Blogger

Tweet

Tips SEO : Mengubah Dynamic Tag H1 di Artikel Post Blogger - Pakar search engine optimation menyebutkan bila search engine susunan header (h1, h2) dari situs (blog) kita. Bila anda pingin merubah judul post jadi h1 pastinya dapat ada dua h1 didalam template situs (blog) Anda, nah untuk mensiasatinya kita mesti meyakinkan bila tengah ada di single post (artikel) judul post jadi h1 serta judul situs (blog) jadi p. Title (tak ada H) serta bila ada di homepage maka susunannya kembali awal mulanya (judul situs blog h1 serta judul post h2 atau h3).

Untuk bikin judul post situs (blog) kita jadi h1 maka ikuti bagian di bawah ini :

1. Waktu login, klik rancangan serta tentukan ubah html lantas centang expand template widget. 
2. Mencari kode tersebut di template anda

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

Bila telah ketemu, ubah dengan kode di bawah ini :

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<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>
</div>
<b:include name='description'/>
</div>

      3. Lalu cari kode di bawah ini ditemplate anda :

<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Jika sudah ketemu, ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<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>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

Bila anda menggunakan gambar/image untuk header blogspot anda, maka tahapannya telah selesai hingga di sini, trick ini cukup efisien untuk mempercepat indeks artikel situs (blog) saya, terhitung menulis namun dapat juga menggunakan trick langkah ganti judul situs (blog) dengan judul post, dapat di check di artikel ekiosku.com jual beli online aman menyenangkan, judul artikel tersebut telah lantas h1 bila di single post serta homepage telah beralih jadi "p.title". Namun bila anda tidak menggunakan gambar maka catatan judul situs (blog) anda dapat berubah-ubah (besar kecil), bila dihomepage judul situs (blog) terus normal ( cocok css) namun bila di single post (permalink artikel) maka judul situs (blog) anda jadi kecil layaknya huruf artikel. perihal ini dikarenakan kita belum memberikan css untuk kode p.title (css alternatif judul situs (blog) saat ada di artikel).

Oleh karena itu kita mesti memberikan kode css yang sama ukuran serta elemennya dengan kode title/header ( judul situs (blog) kita )

contoh :

#header h1{elemen/ukuran css title blog kamu}
#header h1 a{Disini elemen/ukuran css title blog kamu}

Maka tambahkan css seperti berikut ini:

P.title {Nah Disini harus sama dengan elemen/ukuran css title blog kamu}
P.title a{Nah Disini harus sama dengan elemen/ukuran css title blog kamu}

Untuk makin jelasnya kita coba dengan css berikut ini:

Jika css header kamu seperti ini:

#header h1{font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
#header h1 a{color:#fff;text-decoration:none}

Maka tambahkan dibawahnya dengan kode css:

P.title {font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
P.title a{color:#fff;text-decoration:none}

    5. Setelah itu save.

Catatan : 

Ingat syarat untuk search engine serta browser membaca sesuatu weblog yaitu ada unsur h1, h2 serta h3 (minimal itu saja cukup). Hati-hati dikarenakan saat ada disingle post/artikel yang telah jadi h1 namun bila di homepage artikel post ( permalink post ) kita h3, bermakna anda mesti mempersiapkan h3 tambahan, supaya syarat h1, h2, serta h3 di situs (blog) anda terus ada baik itu saat di homepage maupun saat di artikel tulisan kita.

Demikianlah artikel Tips SEO : Mengubah Dynamic Tag H1 di Artikel Post Blogger, semoga memberi insporasi buat Anda, thanks reader...