Tag Heading (H1,H2,H3,H4,H5)

Tutorial blogspot kali ini Tio-tutorblog akan memberikan sedikit tips mengenai penggunaan Tag Heading (H1,H2,H3,H4,H5)lanjutan dari tutorial blogspot tentang SEO On Page dan Off Page Blogspot dan tentang Deskripsi pada blogspot. Kali ini Tio-tutorblog akan sedikit berbagi mengenai cara membuat heading supaya seo friendly sama search engine terutama Google.

Tag Heading (H1,H2,H3,H4,H5) juga sangat penting untuk SEO. Seluruh judul widget Blogger (gadget) menggunakan Tag H2. Namun, Template Minima menggunakan tag H3 untuk judul posting dan kebanyakan Template blogger menggunakan Tag H2 untuk judul Posting. Untuk meningkatkan SEO, kamu perlu menggunakan Tag H1 untuk Judul Posting. Contohnya, Temukan kode,

<b:if cond="data:post.title">

</b:if>

<h3 class="post-title entry-title">

<b:if cond="data:post.link">

<a expr:href="data:post.link" href="http://www.blogger.com/post-edit.g?blogID=4645657886203893186&amp;postID=7131623677719480184"><data:post.title></data:post.title></a>

<b:else>

<b:if cond="data:post.url">

<a expr:href="data:post.url" href="http://www.blogger.com/post-edit.g?blogID=4645657886203893186&amp;postID=7131623677719480184"><data:post.title></data:post.title></a>

<b:else>

<data:post.title>

</data:post.title></b:else></b:if>

</b:else></b:if>

</h3>

Contoh diatas menunjukkan bahwa Template kamu menggunakan Tag H3 sebagai judul Posting (Bila kamu tidak menemukannya, Kemungkinan Template kamu menggunakan Tag H2 untuk judul Posting), Ganti H3 (atau H2) pada kode diatas dengan H1, contohnya,

<b:if cond="data:post.title">

</b:if>

<h1 class="post-title entry-title">

<b:if cond="data:post.link">

<a expr:href="data:post.link" href="http://www.blogger.com/post-edit.g?blogID=4645657886203893186&amp;postID=7131623677719480184"><data:post.title></data:post.title></a>

<b:else>

<b:if cond="data:post.url">

<a expr:href="data:post.url" href="http://www.blogger.com/post-edit.g?blogID=4645657886203893186&amp;postID=7131623677719480184"><data:post.title></data:post.title></a>

<b:else>

<data:post.title>

</data:post.title></b:else></b:if>

</b:else></b:if>

</h1>

Kamu juga perlu mengganti ukuran dari font Posting dengan menambahkan kode ini sebelum
]]>h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Pada contoh, saya menggunakan ukuran font 1.5em. Kamu bisa menggantinya jika ingin. sumber blogjuragan

Sekian tutorial blogspot Tio-tutorblog kali ini. Mohon maaf jika tutorialnya sangat sedikit.

---

Tutorial Terkait

Pentingnya alexa rank pada blog
Hasil search engine tampil pada posting Bag 2
Hasil search engine tampil pada posting Bag1
Hasil search engine tampil pada posting
Membuat efek salju di kursor mouse pada blogspot
Edit Blogspot Friendly mobile phone
SEO Blogspot
Tutorial blog
Facebook like button pada blog
Code HTML Emoticons

Posted in: Tutorial Blog