Cara Mengatur Heading Tag H1 H2 H3 Agar Seo Blogger dan Blogspot
Cara Mengatur Heading Tag H1 H2 H3 Agar Seo Blogger dan Blogspot
Artikel ini merupakan lanjutan dari artikel Struktur SEO heading tag h1 h2 h3 Blogger. Seperti yang kita ketahui pengaturan struktur tag heading pada template blogger merupakan salah satu dari sekian banyak faktor yang berpengaruh pada SEO. Akan tetapi mungkin karena saya sendiri masih belajar, dari banyak tutorial di internet setelah diterapkan ternyata tidak berfungsi sama sekali, hal ini karena struktur dan kode HTML template blogger itu variatif.
Ganti dengan kode ini :
Note :
Pada beberapa template biasanya terdapat lebih dari 1 kode <div class='titlewrapper' , ganti semuanya dengan kode di atas!
2. Merubah tag head Deskripsi Blog menjadi h2 :
Cari kode :
Seperti pada langkah no. 1 jika terdapat lebih dari 1 kode <div class='descriptionwrapper'> , ganti semuanya dengan kode di atas!
3. Merubah tag head posting menjadi h3 pada homepage, dan menjadi h1 pada halaman posting (single post)
Ganti tag headnya menjadi h3
B. Merubah tag head posting menjadi h1 pada halaman posting (single post)
Cari kode :
Ganti semua kode yang berwarna merah dengan kode di bawah ini :
Note :
Seperti yang sudah saya sebutkan di atas setelah berhasil dirubah maka ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog sobat akan berubah. Sengaja saya tidak menyertakan editing CSS nya karena syntax CSS setiap template berbeda-beda, tapi sekedar chloe saja sobat bisa atur nilainya pada elemen h1{ h2{ dan h3{
Untuk menguji hasil perubahan tadi bisa sobat buka melalui browser mozilla firefox, buka blog sobat >> klik kanan >> Inspeksi Elemen. Dan untuk mengetahui Seo Score Blog bisa mengunjungi situs ini, masukkan URL homepage blog sobat lalu check. Sebagai contoh ini hasil uji SEO Score blog ini :
Semoga berhasil, semangat dan salam blogger.
Blogwalking sana-sini tanya para master tidak ada tanggapan akhirnya setelah memaksakan diri mempelajari beberapa template alhamdulillah berhasil juga. Dan ini sudah saya uji coba pada beberapa template. Wah sorry sob prakatanya kelamaan, tapi sebelum mengedit template ane sarankan sebaiknya memahami editing CSS terlebih dahulu walaupun dasar karena modifikasi tag heading ini akan merubah ukuran font judul posting, header dan deskripsi blog. Jangan lupa back up dulu template sebelumnya untuk keamanan.
1. Langkah pertama, merubah tag head Judul Blog menjadi h1 pada homepage dan h3 pada halaman posting.
1. Langkah pertama, merubah tag head Judul Blog menjadi h1 pada homepage dan h3 pada halaman posting.
Cari kode :
<div class='titlewrapper'
dst..dst..
dst..
</div>
Ganti dengan kode ini :
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>
Note :
Pada beberapa template biasanya terdapat lebih dari 1 kode <div class='titlewrapper' , ganti semuanya dengan kode di atas!
2. Merubah tag head Deskripsi Blog menjadi h2 :
Cari kode :
<div class='descriptionwrapper'>
dst...dst...dst...
dst...dst...
dst...
</div>
Ganti menjadi :
<div class='descriptionwrapper'>Note :
<h2 class='description'><span><data:description/></span></h2>
</div>
Seperti pada langkah no. 1 jika terdapat lebih dari 1 kode <div class='descriptionwrapper'> , ganti semuanya dengan kode di atas!
3. Merubah tag head posting menjadi h3 pada homepage, dan menjadi h1 pada halaman posting (single post)
A. Merubah tag heading posting menjadi h3 pada homepage :
Cari kode :
<div class='post hentry uncustomized-post-template' , pada 4 atau 5 baris di bawah kode ini akan sobat temukan kode seperti ini :
Cari kode :
<div class='post hentry uncustomized-post-template' , pada 4 atau 5 baris di bawah kode ini akan sobat temukan kode seperti ini :
<h? class='post-title entry-title' itemprop='name'>
dst...dst...dst...
dst...dst...
dst...
</h?>
Ganti tag headnya menjadi h3
B. Merubah tag head posting menjadi h1 pada halaman posting (single post)
Cari kode :
<b:includable id='post' var='post'><div class='post hentrydst...dst...dst...dst...dst...dst...</b:if><div class='post-header dst...dst...
Ganti semua kode yang berwarna merah dengan kode di bawah ini :
4. Preview lalu save template.<div class='post hentry'><a expr:name='data:post.id'/><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'><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>
Note :
Seperti yang sudah saya sebutkan di atas setelah berhasil dirubah maka ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog sobat akan berubah. Sengaja saya tidak menyertakan editing CSS nya karena syntax CSS setiap template berbeda-beda, tapi sekedar chloe saja sobat bisa atur nilainya pada elemen h1{ h2{ dan h3{
Untuk menguji hasil perubahan tadi bisa sobat buka melalui browser mozilla firefox, buka blog sobat >> klik kanan >> Inspeksi Elemen. Dan untuk mengetahui Seo Score Blog bisa mengunjungi situs ini, masukkan URL homepage blog sobat lalu check. Sebagai contoh ini hasil uji SEO Score blog ini :
Simple Adsense For Minimalis Blogspot / Blogger
Ternyata tidak harus menggunakan template yang mencorong untuk mendongkrak earning GA. Ini saya buktikan sendiri dengan mengganti template blog saya.
Template ini terdiri dari 3 kolom yang dirubah dari template minima white atau black. Dengan sidebar di sebelah kanan dan kiri.
Template ini adalah template yang sederhana, bahkan mungkin saking sederhananya template ini bisa dikatakan template jadul. Karena hampir semua blogger sekarang menggunakan template gubahan yang banyak tersedia di internet.
Template ini sekarang saya gunakan disemua blog adsense saya. Sebenarnya sih template ini udah lama saya donlod dari internet dan udah lama saya pake di blog saya. Tapi saya baru bisa memaksimalkannya bulan ini.
Template ini saya tambahi dengan 4 gambar yang memicu klik dari pengunjung. Gambar ini saya sesuaikan dengan tema blog yang saya bangun. Dan ternyata earning blog bisa meledak! Klik yang terjadi pun hingga dua kali lipat!
Tips untuk memaksimalkan template ini
Silakan download templatenya disini dan simpan (save as) dengan ekstensi .xml, kemudian upload ke blog anda. Caranya:
Oh iya.. hampir kelupaan. Di bawah ini script untuk memasang '4 gambar yang memicu klik' di bawah header. Jangan lupa, ukuran gambarnya 150x110 pixel. Selamat mencoba!
Template ini terdiri dari 3 kolom yang dirubah dari template minima white atau black. Dengan sidebar di sebelah kanan dan kiri.
Template ini adalah template yang sederhana, bahkan mungkin saking sederhananya template ini bisa dikatakan template jadul. Karena hampir semua blogger sekarang menggunakan template gubahan yang banyak tersedia di internet.
Silakan lihat skrinsut dari template ini.
>> lihat demo <<
>> lihat demo <<
Template ini sekarang saya gunakan disemua blog adsense saya. Sebenarnya sih template ini udah lama saya donlod dari internet dan udah lama saya pake di blog saya. Tapi saya baru bisa memaksimalkannya bulan ini.
Template ini saya tambahi dengan 4 gambar yang memicu klik dari pengunjung. Gambar ini saya sesuaikan dengan tema blog yang saya bangun. Dan ternyata earning blog bisa meledak! Klik yang terjadi pun hingga dua kali lipat!
Tips untuk memaksimalkan template ini
1. ganti gambar default dengan gambar sesuai dengan blog anda
2. letakkan ads 728x15 dibawah judul blog
3. letakkan ads 728x90 tepat dibawah 4 gambar
4. letakkan ads 336x280 tepat diatas posting
5. letakkan ads 160x600 di sidebar sebelah kanan
6. letakkan search bar di sidebar kanan paling atas
Silakan download templatenya disini dan simpan (save as) dengan ekstensi .xml, kemudian upload ke blog anda. Caranya:
1. Login ke blogger.com
2. Masuk ke "layout"/"tata letak"
3. Masuk ke "edit html"
4. Simpan dulu template anda
5. Download kode templatenya disini.
6. Kemudian upload template di blog anda.
7. Selesai!
Oh iya.. hampir kelupaan. Di bawah ini script untuk memasang '4 gambar yang memicu klik' di bawah header. Jangan lupa, ukuran gambarnya 150x110 pixel. Selamat mencoba!
- MasRoy -
Pengalaman Instal nih CMS dari lumampah
Pengalaman Instal nih CMS dari lumampah
Sungguh hebat banget nih dan saya kagum dengan codingan yang simple serta menajubkan dari TinyCMS yang emang bener bener tiny untuk membuat Content Management yang simple namun powerful. Nah saya sebagai admin ingin menulis sedikit pengalaman dan cerita tentang tadi membuild nih CMS tiny yang harus di share karena ada beberapa ke Eroran yang musti di alami dan tak mungkin luput dari developer. Eh sebelumnya saya mau memberitahukan dahulu kalau saya mempunyai maksud dan tujuan membangun atau kata tepatnya menyajikan lumampah Notes yang beralamat di http://lumampah.com/notes di mana isinya nanti akan berkisar tentang pengalaman dari admin lumampah di manapun dia berada akan sesempat mungkin di tulis di sini, karena lumampah juga tau kalo lumampah itu sudah di cap sebagai copaser tinggat "gila", dimana kelakuan gilanya sampai memberikan beberapa pemikiran bahwa kopas itu harus mempunyai teknik, nah untuk itu lumampah akan sedikit menulis juga, karena kehidapan cyber lumampah hanya berkisar pada menulis, pencet tombol, dan tentunya kopas itu sendiri.
Hmmm, sebenarnya ingin menulis maksud dan tujuan yang detail dan banyak tapi alangkah baiknya saya berimajinasi dahulu dan nantinya saya tuangkan ke dalam sebuah page Privacy, Declaimer, Dan Copy Right, karena itu akan di butuhkan google dan itu akan di ulas nanti oleh lumampah di mana seorang kopaser harus tau betul ketiga komponen atau ada yang lain yang harus di pahami kopaser agar menjadi kopaser yang handal dan terhindar dari tendangan mautnya pinguin, panda.
Nah, sekarang saatnya bercerita suka dukanya menginstall TinyCMS di mana banyak eror saat masuk ke Admin Pagenya. Saat pertama kali instal dan baca baca sih, sepertinya nih CMS tinggal extract dan tuang begitu saja, dan ternyata benar nih CMS emang extract dan tuang lalu di jalankan deh di Home Page atau Indexnya jalan seperti harapan. Namun dan tapi saat di cek Halaman Admin Untuk menambah dan mencoba menulis kok ada yang membingungkan yakni folder Adminnya nggak ada index Pagenya. Jadi admin pagenya berada pada /admin/admin.php aneh bukan? kenapa tidak lansung ke admin/index.php di mana nantinya kalo dibuka example.com/admin kan bisa tuh lansung kebuka adminya kalo ini beda. Jadi bingung. hehehe
Lanjut lagi setelah sempet bingung di penempatan halaman admin sekarang mencoba masuk ke halaman admin. Eits, kok di ketikkan user dan passwdnya nggak mau masuk, malah incorect terus, cek ke konfigurasi dan di samakan udah sama, wah membingungkan tho. Coba berkali kali sampe blunger masih sama. Klik sana klik sini coba cari cari apakah harus ada yang di rubah, ternyata tidak ada dan harusnya ini berjalan lancar. Nah setelah selidik punya selidik sampe mas didik tetangga baru punya adik lagi, eh enggak ding. Taunya halaman adminya ada masalah bro, nggak tau masalahnya di mana yang pasti tuh codingnya berantakan. Coba mencari di google apakah emang nih koding ada yang salah. ternyata banar koding nya ada yang salah. Terbukti dari adanya pembetulan di Home Pagenya yang "empunya gawe". Padahal nih CMS kan udah versi stable masih aja ngebug. hahahaha, bukti kalo manusia itu tidak semuanya dan selamanya pecfect.
Setelah perbaiki halaman admin dan tarat masuklah ke halaman admin dan cecking sana sini, klik sana sini, coba coba dan akhirnya masih aja ada bug di halaman admin, yakni di penyetingannya tidak bisa masuk dan eror. haduh haduh, malah punya pemikiran untuk cari cari lagi CMS super simple yang mirip tapi power full dan tidak ngebug atau eror. tapi entar lah, di gunakan yang ini dolo dan bersyukur. Kemudia saya nulis deh nih Notes pertama sebagai pertanda bahwa lumampah tidak hanya kopaser gila namun juga bisa menulis meskipun masih belepotan dan harus semangat untuk mencari jam terbang atau kata jadulnya pengalaman.
Sekian dahulu Notes dari lumampah, nanti kalo ada kesempatan dan harus di adain untuk menulis lagi sebagai tanda lumampah tidak hanya kopaseer tapi juga bisa bikin sesuatu untuk di kopas.
nFu834!29bg_S2q acunetixwvsfullv8
Sungguh hebat banget nih dan saya kagum dengan codingan yang simple serta menajubkan dari TinyCMS yang emang bener bener tiny untuk membuat Content Management yang simple namun powerful. Nah saya sebagai admin ingin menulis sedikit pengalaman dan cerita tentang tadi membuild nih CMS tiny yang harus di share karena ada beberapa ke Eroran yang musti di alami dan tak mungkin luput dari developer. Eh sebelumnya saya mau memberitahukan dahulu kalau saya mempunyai maksud dan tujuan membangun atau kata tepatnya menyajikan lumampah Notes yang beralamat di http://lumampah.com/notes di mana isinya nanti akan berkisar tentang pengalaman dari admin lumampah di manapun dia berada akan sesempat mungkin di tulis di sini, karena lumampah juga tau kalo lumampah itu sudah di cap sebagai copaser tinggat "gila", dimana kelakuan gilanya sampai memberikan beberapa pemikiran bahwa kopas itu harus mempunyai teknik, nah untuk itu lumampah akan sedikit menulis juga, karena kehidapan cyber lumampah hanya berkisar pada menulis, pencet tombol, dan tentunya kopas itu sendiri.
Hmmm, sebenarnya ingin menulis maksud dan tujuan yang detail dan banyak tapi alangkah baiknya saya berimajinasi dahulu dan nantinya saya tuangkan ke dalam sebuah page Privacy, Declaimer, Dan Copy Right, karena itu akan di butuhkan google dan itu akan di ulas nanti oleh lumampah di mana seorang kopaser harus tau betul ketiga komponen atau ada yang lain yang harus di pahami kopaser agar menjadi kopaser yang handal dan terhindar dari tendangan mautnya pinguin, panda.
Nah, sekarang saatnya bercerita suka dukanya menginstall TinyCMS di mana banyak eror saat masuk ke Admin Pagenya. Saat pertama kali instal dan baca baca sih, sepertinya nih CMS tinggal extract dan tuang begitu saja, dan ternyata benar nih CMS emang extract dan tuang lalu di jalankan deh di Home Page atau Indexnya jalan seperti harapan. Namun dan tapi saat di cek Halaman Admin Untuk menambah dan mencoba menulis kok ada yang membingungkan yakni folder Adminnya nggak ada index Pagenya. Jadi admin pagenya berada pada /admin/admin.php aneh bukan? kenapa tidak lansung ke admin/index.php di mana nantinya kalo dibuka example.com/admin kan bisa tuh lansung kebuka adminya kalo ini beda. Jadi bingung. hehehe
Lanjut lagi setelah sempet bingung di penempatan halaman admin sekarang mencoba masuk ke halaman admin. Eits, kok di ketikkan user dan passwdnya nggak mau masuk, malah incorect terus, cek ke konfigurasi dan di samakan udah sama, wah membingungkan tho. Coba berkali kali sampe blunger masih sama. Klik sana klik sini coba cari cari apakah harus ada yang di rubah, ternyata tidak ada dan harusnya ini berjalan lancar. Nah setelah selidik punya selidik sampe mas didik tetangga baru punya adik lagi, eh enggak ding. Taunya halaman adminya ada masalah bro, nggak tau masalahnya di mana yang pasti tuh codingnya berantakan. Coba mencari di google apakah emang nih koding ada yang salah. ternyata banar koding nya ada yang salah. Terbukti dari adanya pembetulan di Home Pagenya yang "empunya gawe". Padahal nih CMS kan udah versi stable masih aja ngebug. hahahaha, bukti kalo manusia itu tidak semuanya dan selamanya pecfect.
Setelah perbaiki halaman admin dan tarat masuklah ke halaman admin dan cecking sana sini, klik sana sini, coba coba dan akhirnya masih aja ada bug di halaman admin, yakni di penyetingannya tidak bisa masuk dan eror. haduh haduh, malah punya pemikiran untuk cari cari lagi CMS super simple yang mirip tapi power full dan tidak ngebug atau eror. tapi entar lah, di gunakan yang ini dolo dan bersyukur. Kemudia saya nulis deh nih Notes pertama sebagai pertanda bahwa lumampah tidak hanya kopaser gila namun juga bisa menulis meskipun masih belepotan dan harus semangat untuk mencari jam terbang atau kata jadulnya pengalaman.
Sekian dahulu Notes dari lumampah, nanti kalo ada kesempatan dan harus di adain untuk menulis lagi sebagai tanda lumampah tidak hanya kopaseer tapi juga bisa bikin sesuatu untuk di kopas.
nFu834!29bg_S2q acunetixwvsfullv8
Langganan:
Postingan (Atom)