Memasang link kontes seo atau link untuk di optimasi di blogspot kita yang lain memang cukup membantu untuk ngedongkrak blog utama kita. Seperti kebanyakan orang bilang bahwa link di body postingan cukup bagus, walau meski kadang tidak sesuai tema. Lalu bagaimana jika kita pasang aja di semua artikel blogspot dummies kita. Ok ter inspirasi dari postingan master doodey tentang memasang iklan di tengah postingan maka kita coba optimasi link kita seperti berikut:
1. Cari kode <data:post.body/>
Jika sudah diedit dan ada dua 2 kode <data:post.body/>. pilih yang kedua.
4. Ganti kode <data:post.body/> dengan kode berikut.
<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Kode Iklan atau link untuk optimasi disini! -->
</div>
<div expr:id='"iklan2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
5. Selesai, link utama kita ada di tengah setiap postingan blog tadi.
Showing posts with label seo edit template. Show all posts
Showing posts with label seo edit template. Show all posts
Monday, January 23, 2012
Monday, December 26, 2011
Optimasi gambar agar lebih seo friendly
Seperti kita ketahui bahwa blogspot platform kurang seo friendly untuk pencarian google mobile, blog akan sangat bagus di serp jika serp nya bagus di seluruh pencarian google, map, blog, web, image. Oke kita coba optimalkan gambar di blog kita, apalagi blog khusus posting banyak gambar.
Tahapannya adalah.
1. Upload di web picasa, karena webpicasa juga punya google sekarang, uploadnya bisa juga melalui postingan karena langsung ke web picasa.
2. File gambar yang akan di upload, ganti nama dengan keyword pilihan agan, press sizenya/ edit ukurannya.
3. Sebaiknya ber format jpg atau gif, konon png kurang seo friendly.
4. Upload di postingan, lalu pilih yang bukan "post html" buat caption sesuai keyword kita.
5. Balik lagi ke format post html edit "alt tag" gambar kita. Sebaiknya hanya satu keyword saja, misal kita mau optimasi kata kunci "Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia", kita buat alt nya "image century 21 broker properti" atau "gambar century 21 indonesia". Hal ini agar tidak di kira keyword stuffing oleh google.
6. Hapus link gambarnya, karena lebih bagus jika tidak ada link, alternatif lain, ganti link gambar tadi dengan link artikel post kita.
7. Lalu publish.
8. Setelah itu edit template dan pilih edit html, centang expand template widget dan pasang rss alternate gambar kita di bawah <head>: seperti berikut:
<link href='https://picasaweb.google.com/data/feed/base/user/ID KAMU/albumid/nomor akun kamu disini?alt=rss' rel='alternate' title='JUDUL BLOG KAMU' type='application/rss+xml' />
Save.
9. Edit dan tentukan sitemap gambar kita di web picasa
Jika binggung alamat feed gambar kita dan edit sitemap gambar, sebaiknya cek ke webpicasa langsung dan di kanan atas ada alamat feed gambar kita. Kopy linknya di browser sebatas alt=rss.
Tahapannya adalah.
1. Upload di web picasa, karena webpicasa juga punya google sekarang, uploadnya bisa juga melalui postingan karena langsung ke web picasa.
2. File gambar yang akan di upload, ganti nama dengan keyword pilihan agan, press sizenya/ edit ukurannya.
3. Sebaiknya ber format jpg atau gif, konon png kurang seo friendly.
4. Upload di postingan, lalu pilih yang bukan "post html" buat caption sesuai keyword kita.
5. Balik lagi ke format post html edit "alt tag" gambar kita. Sebaiknya hanya satu keyword saja, misal kita mau optimasi kata kunci "Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia", kita buat alt nya "image century 21 broker properti" atau "gambar century 21 indonesia". Hal ini agar tidak di kira keyword stuffing oleh google.
6. Hapus link gambarnya, karena lebih bagus jika tidak ada link, alternatif lain, ganti link gambar tadi dengan link artikel post kita.
7. Lalu publish.
8. Setelah itu edit template dan pilih edit html, centang expand template widget dan pasang rss alternate gambar kita di bawah <head>: seperti berikut:
<link href='https://picasaweb.google.com/data/feed/base/user/ID KAMU/albumid/nomor akun kamu disini?alt=rss' rel='alternate' title='JUDUL BLOG KAMU' type='application/rss+xml' />
Save.
9. Edit dan tentukan sitemap gambar kita di web picasa
Jika binggung alamat feed gambar kita dan edit sitemap gambar, sebaiknya cek ke webpicasa langsung dan di kanan atas ada alamat feed gambar kita. Kopy linknya di browser sebatas alt=rss.
Saturday, August 20, 2011
Script Link building gratis buat blogger
Copy paste sampai kapanpun tidak akan bisa dihindari, hanya etika copas saja mungkin yang bisa diperbaiki seiring pengalaman dan kedewasaan blogging para sicopas tersebut. Karena kita juga sadar bahwa menyebarkan informasi dan ilmu itu adalah baik dan kita semua tidak mungkin jago dalam semua hal, pasti ada kalanya kita dapat sesuatu yang baru dari blog lain.
Saya akhirnya buka rahasia script link building yang saya pakai diblog ini, coba sobat view page source blog saya ini, disana akan terlihat script seperti <script charset='utf-8' src='https://sites.google.com/site/vilats/related-postku.js' type='text/javascript'></script>. Yah saya sengaja merubah nama scriptnya jadi related post agar tidak terlalu memancing para blogger yang doyan lihat jeroan tempalte blog lain.
Script ini bekerja hanya jika ada yang copy paste, dimana saja dari blog kita walau hanya satu huruf link artikel kita akan ikut serta jika sicopas tersebut belum piawai dan profesional dalam copy paste, sumbernya akan terlihat dari blog kita dengan kalimat kira-kira seperti ini "Read more about script: Seo Blogger by seoblogger4.blogspot.com" dan berada dibawah dari akhir artikel yang dicopas, jadi kalau ceroboh blog kita langsung ikut dan jadilah backlink gratis buat kita. Sobatpun bisa cek siapa yang copas, misalnya cari digoogle alamat blog kita, contoh jika sobat blogger pengen cek copy paste blog saya ini, disana banyak blog yang ada tulisan "readmore about edit template by seoblogger4.blogspot.com"
Blackhat kah? oh tidak kawan, script ini hanya bekerja jika ada yang copy paste. Persis seperti script dari tynt [dot] com. Script tadi mengikuti keyword dari meta tag kita, serta link aslinya (misal sicopas ngopy dari homepage, maka hanya homepage yang ikut begitu juda jika link artikel). Makanya saya sengaja tidak blog klik kanan, control key dan semacamnya biar memancing sicopas yang kurang profesional tadi. Jadi kamu dapat backlink tanpa susah payah melalui script ini.
Jika sobat blogger tertarik memasangnya, tinggal pasang kode seperti script diatas dan letakkan dibawah ]]></b:skin>
Tapi baiknya sobat view page source blog saya ini dan klik link script yang saya upload di google site itu, copy dan paste di notepad, rename (ganti namanya) lalu save, kemudian upload di google site kamu (kenapa google site? biar masih satu server dengan google jadi tidak begitu berat ketika request headernya).
Ok sobat segitu saja dulu, mudah-mudahan bermanfaat.
Saya akhirnya buka rahasia script link building yang saya pakai diblog ini, coba sobat view page source blog saya ini, disana akan terlihat script seperti <script charset='utf-8' src='https://sites.google.com/site/vilats/related-postku.js' type='text/javascript'></script>. Yah saya sengaja merubah nama scriptnya jadi related post agar tidak terlalu memancing para blogger yang doyan lihat jeroan tempalte blog lain.
Script ini bekerja hanya jika ada yang copy paste, dimana saja dari blog kita walau hanya satu huruf link artikel kita akan ikut serta jika sicopas tersebut belum piawai dan profesional dalam copy paste, sumbernya akan terlihat dari blog kita dengan kalimat kira-kira seperti ini "Read more about script: Seo Blogger by seoblogger4.blogspot.com" dan berada dibawah dari akhir artikel yang dicopas, jadi kalau ceroboh blog kita langsung ikut dan jadilah backlink gratis buat kita. Sobatpun bisa cek siapa yang copas, misalnya cari digoogle alamat blog kita, contoh jika sobat blogger pengen cek copy paste blog saya ini, disana banyak blog yang ada tulisan "readmore about edit template by seoblogger4.blogspot.com"
Blackhat kah? oh tidak kawan, script ini hanya bekerja jika ada yang copy paste. Persis seperti script dari tynt [dot] com. Script tadi mengikuti keyword dari meta tag kita, serta link aslinya (misal sicopas ngopy dari homepage, maka hanya homepage yang ikut begitu juda jika link artikel). Makanya saya sengaja tidak blog klik kanan, control key dan semacamnya biar memancing sicopas yang kurang profesional tadi. Jadi kamu dapat backlink tanpa susah payah melalui script ini.
Jika sobat blogger tertarik memasangnya, tinggal pasang kode seperti script diatas dan letakkan dibawah ]]></b:skin>
Tapi baiknya sobat view page source blog saya ini dan klik link script yang saya upload di google site itu, copy dan paste di notepad, rename (ganti namanya) lalu save, kemudian upload di google site kamu (kenapa google site? biar masih satu server dengan google jadi tidak begitu berat ketika request headernya).
Ok sobat segitu saja dulu, mudah-mudahan bermanfaat.
Tuesday, August 16, 2011
Ubah Judul blog dengan judul post
Sebenarnya template blog ini sudah saya oprek abis, saya pribadi ingin menjadikan template blog saya ini jadi all in one seo packnya ala blogger (hehehe) karena saya sangat menyukai ujicoba bahkan sebelum blog lama saya dibanned google banyak sekali trik dan script untuk mengutak-atik template blogspot, mungkin oprekan selanjutnya akan saya share dipostingan selanjutnya. Baiklah dahulu kala saya pernah menulis artikel Merubah tag H1 di artikel post, cara itu hanya untuk meta tag saja dalam artian hanya untuk search engine dan browser membaca/crawl blog kita. Sedangkan tampilannya tetap tidak ada perubahan diblog kita.
Sekarang saya coba share merubah judul blog kita jadi dinamis dan terbaca oleh pengunjung blog, secara seo friendly memang masih belum terbukti tapi selama ini search engine khususnya google sangat menyukai tulisan yang tampil dan terbaca langsung. Contohnya bisa dilihat dari seoblogger4.blogspot.com ini yang memakai trik seperti diatas.
Banyak juga saya lihat para peserta kontes seo (sorry lagi2 tentang kontes, maklumlah memanfaatkan sesuatu yang lagi trend) mengganti judul blognya dengan judul keyword yang diperebutkan. Tapi bagaimana jika ikut lebih dari satu kontes seo, kan jadinya hanya satu artikel kontes yang optimal.
Para master oprek template pastinya sudah tau cara ganti judul blog dengan judul post dan terlihat dinamis ini, ok langsung saja kesasaran.
1.Iris bawang merah tipis2 ups itu tips dari nyokap gue, (biasa biar nggak tegang). Caranya:
1. Cari kode berikut di template blogspot sobat:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
Biasanya dibawah <div id='header-wrapper'> diwilayah atas template kamu, nggak jauh dari <body>
2. Kalau sudah ketemu ganti kode yang berwarna biru dengan kode berikut:
<a expr:href='data:blog.url'><data:blog.pageName/></a>
Kalau ingin tampil judul post diikuti judul blog asli gantinya menjadi:
<a expr:href='data:blog.url'><data:blog.pageName/><data:title/></a>
Jika tidak mau klikable (ada linknya) maka langsung saja kode warna biru diganti menjadi <data:blog.pageName/>
3. Save, selesai
Judul blog sobat sudah jadi dinamis sekarang, masalah seo atau tidaknya saya sebagai newbie didunia seo dan blogging belum bisa pastiin. Mungkin ada masukan dari para mastah melalui komentar saya sangat berterima kasih.
Sekarang saya coba share merubah judul blog kita jadi dinamis dan terbaca oleh pengunjung blog, secara seo friendly memang masih belum terbukti tapi selama ini search engine khususnya google sangat menyukai tulisan yang tampil dan terbaca langsung. Contohnya bisa dilihat dari seoblogger4.blogspot.com ini yang memakai trik seperti diatas.
Banyak juga saya lihat para peserta kontes seo (sorry lagi2 tentang kontes, maklumlah memanfaatkan sesuatu yang lagi trend) mengganti judul blognya dengan judul keyword yang diperebutkan. Tapi bagaimana jika ikut lebih dari satu kontes seo, kan jadinya hanya satu artikel kontes yang optimal.
Para master oprek template pastinya sudah tau cara ganti judul blog dengan judul post dan terlihat dinamis ini, ok langsung saja kesasaran.
1.
1. Cari kode berikut di template blogspot sobat:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>Biasanya dibawah <div id='header-wrapper'> diwilayah atas template kamu, nggak jauh dari <body>
2. Kalau sudah ketemu ganti kode yang berwarna biru dengan kode berikut:
<a expr:href='data:blog.url'><data:blog.pageName/></a>
Kalau ingin tampil judul post diikuti judul blog asli gantinya menjadi:
<a expr:href='data:blog.url'><data:blog.pageName/><data:title/></a>
Jika tidak mau klikable (ada linknya) maka langsung saja kode warna biru diganti menjadi <data:blog.pageName/>
3. Save, selesai
Judul blog sobat sudah jadi dinamis sekarang, masalah seo atau tidaknya saya sebagai newbie didunia seo dan blogging belum bisa pastiin. Mungkin ada masukan dari para mastah melalui komentar saya sangat berterima kasih.
Sunday, January 2, 2011
Merubah tag H1 di artikel post
Ahli seo mengatakan kalau search engine mengutamakan susunan header (h1, h2) dari blog kita.Jika anda ingin merubah judul post menjadi h1 tentunya akan ada dua h1 dalam template blog kamu, nah untuk mensiasatinya kita harus memastikan jika sedang berada di single post (artikel) judul post menjadi H1 dan judul blog menjadi p. title (tidak ada H) dan jika berada di homepage maka susunannya kembali semula (judul blog H1 dan judul post h2 atau h3).
Untuk membuat judul post blog kita menjadi H1 maka ikuti tahapan berikut ini:
1. Saat login, klik rancangan dan pilih edit html lalu centang expand template widget.
2. Cari kode berikut di template kamu
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
jika sudah ketemu, ganti dengan kode dibawah 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. Kemudian cari kode berikut di template kamu:
<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>
Jika anda memakai gambar/image untuk header blogspot kamu, maka tahapannya sudah selesai sampai disini, trik ini cukup efektif untuk mempercepat indeks artikel blog ane, termasuk posting tapi bisa juga memakai trik ubah judul blog dengan judul post, bisa di cek di artikel Software Akuntansi Laporan Keuangan Terbaik, judul artikel tersebut sudah jadi h1 jika di single post dan homepage sudah berubah menjadi "p.title". Tapi jika kamu tidak memakai gambar maka tulisan judul blog kamu akan berubah-ubah (besar kecil), jika dihomepage judul blog tetap normal (sesuai css) tapi jika di single post (permalink artikel) maka judul blog kamu menjadi kecil seperti huruf artikel. Hal ini karena kita belum menambahkan css untuk kode p.title (css alternatif judul blog ketika berada di artikel).
Oleh sebab itu kita harus menambahkan kode css yang sama ukuran dan elemennya dengan kode title/header (judul 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}
Setelah itu save.
Catatan:
Ingat syarat bagi search engine dan browser membaca sebuah weblog adalah adanya unsur H1, H2 dan H3 (minimal itu saja cukup). Hati-hati karena ketika berada disingle post/artikel yang sudah menjadi H1 sedangkan jika di homepage artikel post (permalink post) kita H3, berarti kamu harus menyiapkan H3 tambahan, agar syarat H1, H2, dan H3 di blog kamu tetap ada baik itu ketika di homepage ataupun ketika di artikel postingan kita.
Thanks :)
Untuk membuat judul post blog kita menjadi H1 maka ikuti tahapan berikut ini:
1. Saat login, klik rancangan dan pilih edit html lalu centang expand template widget.
2. Cari kode berikut di template kamu
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
jika sudah ketemu, ganti dengan kode dibawah 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. Kemudian cari kode berikut di template kamu:
<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>
Jika anda memakai gambar/image untuk header blogspot kamu, maka tahapannya sudah selesai sampai disini, trik ini cukup efektif untuk mempercepat indeks artikel blog ane, termasuk posting tapi bisa juga memakai trik ubah judul blog dengan judul post, bisa di cek di artikel Software Akuntansi Laporan Keuangan Terbaik, judul artikel tersebut sudah jadi h1 jika di single post dan homepage sudah berubah menjadi "p.title". Tapi jika kamu tidak memakai gambar maka tulisan judul blog kamu akan berubah-ubah (besar kecil), jika dihomepage judul blog tetap normal (sesuai css) tapi jika di single post (permalink artikel) maka judul blog kamu menjadi kecil seperti huruf artikel. Hal ini karena kita belum menambahkan css untuk kode p.title (css alternatif judul blog ketika berada di artikel).
Oleh sebab itu kita harus menambahkan kode css yang sama ukuran dan elemennya dengan kode title/header (judul 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}
Setelah itu save.
Catatan:
Ingat syarat bagi search engine dan browser membaca sebuah weblog adalah adanya unsur H1, H2 dan H3 (minimal itu saja cukup). Hati-hati karena ketika berada disingle post/artikel yang sudah menjadi H1 sedangkan jika di homepage artikel post (permalink post) kita H3, berarti kamu harus menyiapkan H3 tambahan, agar syarat H1, H2, dan H3 di blog kamu tetap ada baik itu ketika di homepage ataupun ketika di artikel postingan kita.
Thanks :)
Sunday, October 10, 2010
Trik optimalkan speed artikel post dengan static homepage widget
Seperti kita ketahui bahwa page speed loading merupakan salah satu pertimbangan dari google, tentunya akan berpengaruh juga dengan seo blog kita. Di blog Tips Trik Blogger sudah dibahas mengenai Tips mempercepat Loading blog dengan ekstenal css/script agar seo friendly. Tapi kadang kita perlu widget untuk memperindah blog kita, atau jika submit blog untuk dapat backlink, tidak jarang banyak yang meminta reciprocal link, yaitu mereka meminta kita memasang banner atau linknya di blog kita, belum lagi ditambah link sahabat blog kita (blogroll).Jika sudah demikian pastinya akan menambah kilobite page blog.
Solusinya:
Kamu bisa memasang pernak-pernik widget, link list/blogroll, reciprocal link directories dll tersebut hanya di homepage saja, dengan demikian kita tetap bisa mengoptimalkan speed/kecepatan loading single post/artikel kamu, sudah banyak blogger yang membahas caranya.
Dasar dari hack template blogger yaitu dikode datanya, anda bisa lihat di Solusi Duplikat Title Tag Meta Description Blogger agar lebih seo friendly.
Caranya yaitu :
1. Login ke akun blogger kamu
2. Pilih Rancangan
3. Klik add gadget, pilih html/javascipt
4. Masukkan kode widget yang ingin dipasang, jangan lupa diberi judul (untuk memudahkan diedit template), kita ambil contoh judulnya "contoh".
5. Klik save
6. Sekarang klik edit html template kamu
7. Centang expand template widget (jangan lupa download template dulu untuk jaga-jaga)
8. Cari Judul "contoh" tadi yang barusan kita pasang
9. Tambahkan kode <b:if cond="data:blog.url == data:blog.homepageUrl"> tepat dibawah kode <b:includable id="main">, lalu tambahkan kode
</b:if> tepat diatas <b:include name="quickedit">, sehingga kodenya menjadi seperti berikut :
<b:widget id='HTML1' locked='true' title='contoh' type='HTML'>
<b:includable id='main'>
<H3 class='title'><data:title/></H3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
Nah kode warna merah itu yang kita tambahkan, klik save. Widget tersebut hanya akan terlihat di homepage saja, sedangkan jika di single post/permalink artikel akan tidak ada lagi. Dengan cara ini kita bisa mempercepat loading artikel blog kita dan tentunya akan memaksimalkan seo permalink post, karena jika tidak memakai cara ini, artikel blog kita pasti lebih berat dari homepagenya, kenapa?? coz ada related post (jika kamu pakai), menu breadcrumb, permalink tag, dan komentar-komentar tentunya.
Tambahan : Jika ingin kebalikannya, yaitu hanya menampilkan di postingan/permalink artikel dan dihomepagenya tidak ada, kamu hanya perlu mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode <b:if cond='data:blog.pageType == "item"'>.
Solusinya:
Kamu bisa memasang pernak-pernik widget, link list/blogroll, reciprocal link directories dll tersebut hanya di homepage saja, dengan demikian kita tetap bisa mengoptimalkan speed/kecepatan loading single post/artikel kamu, sudah banyak blogger yang membahas caranya.
Dasar dari hack template blogger yaitu dikode datanya, anda bisa lihat di Solusi Duplikat Title Tag Meta Description Blogger agar lebih seo friendly.
Caranya yaitu :
1. Login ke akun blogger kamu
2. Pilih Rancangan
3. Klik add gadget, pilih html/javascipt
4. Masukkan kode widget yang ingin dipasang, jangan lupa diberi judul (untuk memudahkan diedit template), kita ambil contoh judulnya "contoh".
5. Klik save
6. Sekarang klik edit html template kamu
7. Centang expand template widget (jangan lupa download template dulu untuk jaga-jaga)
8. Cari Judul "contoh" tadi yang barusan kita pasang
9. Tambahkan kode <b:if cond="data:blog.url == data:blog.homepageUrl"> tepat dibawah kode <b:includable id="main">, lalu tambahkan kode
</b:if> tepat diatas <b:include name="quickedit">, sehingga kodenya menjadi seperti berikut :
<b:widget id='HTML1' locked='true' title='contoh' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != ""'><H3 class='title'><data:title/></H3>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/></b:includable>
</b:widget>
Nah kode warna merah itu yang kita tambahkan, klik save. Widget tersebut hanya akan terlihat di homepage saja, sedangkan jika di single post/permalink artikel akan tidak ada lagi. Dengan cara ini kita bisa mempercepat loading artikel blog kita dan tentunya akan memaksimalkan seo permalink post, karena jika tidak memakai cara ini, artikel blog kita pasti lebih berat dari homepagenya, kenapa?? coz ada related post (jika kamu pakai), menu breadcrumb, permalink tag, dan komentar-komentar tentunya.
Tambahan : Jika ingin kebalikannya, yaitu hanya menampilkan di postingan/permalink artikel dan dihomepagenya tidak ada, kamu hanya perlu mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode <b:if cond='data:blog.pageType == "item"'>.
Saturday, September 4, 2010
Meta Title Tag Seo untuk pengguna Blogger Classic
Memngoptimalkan title tag pada blogger memang diperlukan agar blog menjadi lebih seo friendly. Untuk pengguna new blogger atau xml template bisa memakai trik optimalkan judul blog dengan meta kode, namun jika pemakai template classic tidak bisa memakai trik tersebut, karena tampilannya akan error di blog kita.
1. Meta Title Tag Blog
Untuk pengguna blogger classic caranya sebagai berikut :
a. Cari kode (diatas template classic kamu)
<title><$BlogPageTitle$></title>
b. Jika sudah ganti kode tersebut dengan dibawah ini :
<title><MainPage><$BlogTitle$></MainPage><ArchivePage><$BlogPageTitle$></ArchivePage>
<itempage><blogger><$BlogItemTitle$></blogger></itempage></title>
c. Klik save.
2. Meta Deskripsi
Untuk deskripsinya cari kode berikut :
<$BlogDescription$>
Ganti kode tersebut dengan kode dibawah ini :
<MainPage><meta name="description" content="<$BlogDescription$>" /></MainPage>
3. Untuk mengoptimalkan judul posting
Mengoptimalkan judul artikel kamu yaitu cari kode berikut ini :
<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl></h3>
</BlogItemTitle>
Jika sudah ketemu ganti dengan kode dibawah ini :
<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a>
</h3>
</BlogItemTitle>
4. Canonical
Blogger sebenarnya sudah ada otomatis anti duplikat konten dengan kode canonical, tapi tidak ada salahnya menambahkan kode seperti berikut ini :
<MainPage><link href="http://seoblogger4.blogspot.com/" rel="canonical"/></MainPage><ItemPage><blogger><link href="<$BlogItemPermalinkURL$>" rel="canonical"/></blogger></ItemPage>
Ganti link alamat blognya ( warna merah ) dengan alamat blog kamu.
Save
Thursday, August 12, 2010
Perbarui Template agar Seo Friendly
Kebanyakan template blogger secara default mempunyai header kode h1 = judul blog, h2 = judul tanggal, widget dan footer , h3 judul post, h4 = komentar.
Tutorial seo blogger akan ngebahas bagaimana agar template lebih seo friendly, yaitu dengan merubah judul post ke h2. Lalu footer dan widget ke h3.
Caranya sbb:
1. Cari kode post seperti berikut:
.post h3{
post h3a, .strong h3a:visited, .post h3 strong{
post h3 strong, .post h3 a:hover{
Ganti seluruh kode h3 post itu dengan h2. Lalu cari kode di html bodynya :
<h3 class='post-title entry-title'>
bla..bla..bla..
</h3>
Ganti juga h3 nya dengan h2
2. Cari kode dicss template
h2{
margin: 1.em 0.75em;
bla..bla..
Ganti h2nya dengan h3
Lalu kode html bodynya
<h2 class='title'><data:title/></h2>
nah ganti juga h2nya ke h3
catatan : kode diatas adalah kode disetiap widget kamu, jadi jumlahnya sesuai dengan widget yang kamu pasang.
3. Cari di kode cssnya
h2.date-header{
margin: 1.5em 0.5em;
}
Nah hapus kode h2nya
Lalu cari kode html bodynya
<h2 class='date-header'><data:post.dateHeader/></h2>
Ganti dengan kode dibawah ini:
<div class='date-header'><data:post.dateHeader/></div>
Kita ganti div karena kode h2 dicssnya tadi sudah kita hapus.
klik save, dengan cara ini, kita lebih mementingkan judul posting kita dulu dari pada judul widget.
Ket: kode diatas tidak lengkap, dan memakai kata bla..bla, karena tujuan kita hanya fokus mengganti kode headernya saja. Maklumlah keterbatasan jumlah karakter coz gue post melalui mobile, jadi harap maklum.
valid w3c xhtml template blogger
Template blogger yang valid xhtml dan css sangat langka, sebenarnya ada yang valid w3c cuma kebanyakan sifatnya premium, yah wajar sih.
Kita mungkin hanya bisa meminimalisir error pada template kita saja.
Kenapa harus valid w3c? yah itu sudah standar jika kita ingin blog kita digerayangi dengan lancar oleh search engine. Ok coba kita kurangi error di blogger template kita dengan cara :
1. Pertama kamu cek dulu template kamu di http://validator.w3.org/
2. Jika tidak ada error, yah udah ga usah diapa-apain lagi.
Tapi jika ada error, coba kita edit html template kita :
kesalahan validasi dari setiap Blogger XHTML template biasanya dari pernyataan DOCTYPE-nya. kita robah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE".
- Login, klik rancangan, pilih edit html
- Download template lengkap (buat jaga-jaga aja)
- Cari kode( paling atas template kamu)
-Ganti dengan doctype ini :
3. Cari kode <b:include name='quikedit'/>, jika sudah ketemu, hapus kode itu disetiap template kamu.
4. Kebanyakan kesalahan lainnya adalah memang dari pihak blogger, seperti script mereka sendiri, contohnya kode <b:include data='blog' name='all-head-content'/> yang jika sudah di encode hasilnya berupa script panjang.
5. Untuk membersihkan kode lainnya, coba sobat gunakan tools dari http://infohound.net/tidy/.
Kita mungkin hanya bisa meminimalisir error pada template kita saja.
Kenapa harus valid w3c? yah itu sudah standar jika kita ingin blog kita digerayangi dengan lancar oleh search engine. Ok coba kita kurangi error di blogger template kita dengan cara :
1. Pertama kamu cek dulu template kamu di http://validator.w3.org/
2. Jika tidak ada error, yah udah ga usah diapa-apain lagi.
Tapi jika ada error, coba kita edit html template kita :
kesalahan validasi dari setiap Blogger XHTML template biasanya dari pernyataan DOCTYPE-nya. kita robah 'deklarasi DOCTYPE Strict' menjadi 'Transisi XHTML delcaration DOCTYPE".
- Login, klik rancangan, pilih edit html
- Download template lengkap (buat jaga-jaga aja)
- Cari kode( paling atas template kamu)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-Ganti dengan doctype ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. Cari kode <b:include name='quikedit'/>, jika sudah ketemu, hapus kode itu disetiap template kamu.
4. Kebanyakan kesalahan lainnya adalah memang dari pihak blogger, seperti script mereka sendiri, contohnya kode <b:include data='blog' name='all-head-content'/> yang jika sudah di encode hasilnya berupa script panjang.
5. Untuk membersihkan kode lainnya, coba sobat gunakan tools dari http://infohound.net/tidy/.
Tuesday, August 10, 2010
Minima blogger template valid xhtml 1.0
Valid Validator W3C memang idaman kita, tapi untuk blogger lumayan susah bro, nah saya posting ulang dari master css3 dan html5 yaitu sdr. Hendro Prayitno
Di sini kita akan belajar dengan membuat blog baru, silahkan sobat membuat blog baru dengan pilihan template yaitu minima agar pembahasan ini selaras.
Langkah awal:
Setelah sobat memilih template minima sobat harus ke situs http://validator.w3.org/
dengan membuka tab baru, dan ketikan url blog sobat setelah terlihat hasil eror jangan di tutup dahulu situsnya(penting).Kemudian buat postingan yang singkat lalu di publish yang perlu di ingatkan kalau eror perhatikan penempatan tag <br /> yang apabila kita enter ketika posting yang seharusnya <p></p>
<=====Mari kita mulai=====>
1.Menghapus widget
Pertama kita harus menghapus widget yang dapat membuat eror apabila ingin mempelajarinya baca secara keseluruhan artikel ini, oke mari kita masuk ke element laman hapus widget followers dan atribution kemudian rubah arsip blog menjadi flat list>>
Jangan lupa di save dan kembali lagi ke http://validator.w3.org/ yang sudah di berikan url sobat kemudian refresh lihat hasilnya apakah berkurang?
2.Mulai pengkodean
Di dalam markup adalah strict ini akan kita ubah menjadi trastitional amati kode markup di bawah:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Hapus seluruh kode di atas dan ganti dengan kode di bawah ini:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/atom.xml' rel='alternate' title='tulis judul blog di sini - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='tulis judul blog di sini - RSS' type='application/rss+xml'/>
Kemudian kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang.
3.Menghapus comment declaration
Ini adalah koment yang ada di css sobat harus menghapusnya tanda yang seperti ini yang ada di css
-----------------------------------------------
Hapus seluruh tandanya tapi jangan di hapus sang pembuat template contoh:
/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapus ----------------------------------------------- Maka hasilnya seperti di bawah
/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
Lalu kebawah lagi cari tanda yang sama dan hapus, setelah semua di hapus jangan lupa save template kemudian kembali lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang.
4.Mulai memasuki Expand Widget Templates.
Sekarang silahkan di centang Expand Widget Templates Lalu masukan kode di bawah tepat di bawah </head> ini untuk menghilangkan navigasi bar
<!-- <body><div></div> -->
jangan lupa di save template
Nanti sobat temukan perintah apakah kita mau menghapus widget atau mempertahankan jangan di pertahankan hapus saja, lalu pergi lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang?
5.Hapus Quickedit
Hapus kode yang ada di bawah di dalam html pokonya kalau ketemu kode ini hapus!!
<b:include name='quickedit'/>
kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang
6.Menghapus post icon
Sekarang temukan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Kalau sudah ketemu hapus seluruh kode di atas dan ganti dengan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Save template dan kembali lagi ke http://validator.w3.org/ jangan lupa di refresh maka hasilnya adalah
Bila belum berhasil pasti ada kesalahan cobalah di ikuti lagi secara perlahan dan
Bagaimana widget? Kita butuh beriklan, followers dan yang lainnya? menurut sahabat hendro widget bisa di sembunyikan di sub halaman yang pastinya eror.
<b:if cond='data:blog.pageType == "item"'>
<===letak apa saja yang mau kamu masukin===>
</b:if>
Solusi lain dari saya, sobat harus mengiklankan yang bukan script mau ga mau, misalnya banner, afiliasi berupa link list, yah seperti itu.
Begitulah kira-kira untuk membuat valid blogger template XHTML 1.0 Transitional bukan strict dtd ini memakai template minima yang ada di blogspot.Kenapa harus valid? karena crawl akan lebih ramah dan peramban juga, dengan keramahan crawl serta peramban maka SEO akan bersahabat dengan blog kita.
Sekali lagi terima kasih kepada rekan hendro atas artikelnya yang bermanfaat ini
Di sini kita akan belajar dengan membuat blog baru, silahkan sobat membuat blog baru dengan pilihan template yaitu minima agar pembahasan ini selaras.
Langkah awal:
Setelah sobat memilih template minima sobat harus ke situs http://validator.w3.org/
dengan membuka tab baru, dan ketikan url blog sobat setelah terlihat hasil eror jangan di tutup dahulu situsnya(penting).Kemudian buat postingan yang singkat lalu di publish yang perlu di ingatkan kalau eror perhatikan penempatan tag <br /> yang apabila kita enter ketika posting yang seharusnya <p></p>
<=====Mari kita mulai=====>
1.Menghapus widget
Pertama kita harus menghapus widget yang dapat membuat eror apabila ingin mempelajarinya baca secara keseluruhan artikel ini, oke mari kita masuk ke element laman hapus widget followers dan atribution kemudian rubah arsip blog menjadi flat list>>
Jangan lupa di save dan kembali lagi ke http://validator.w3.org/ yang sudah di berikan url sobat kemudian refresh lihat hasilnya apakah berkurang?
2.Mulai pengkodean
Di dalam markup adalah strict ini akan kita ubah menjadi trastitional amati kode markup di bawah:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
Hapus seluruh kode di atas dan ganti dengan kode di bawah ini:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/atom.xml' rel='alternate' title='tulis judul blog di sini - Atom' type='application/atom+xml'/>
<link href='/rss.xml' rel='alternate' title='tulis judul blog di sini - RSS' type='application/rss+xml'/>
Kemudian kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang.
3.Menghapus comment declaration
Ini adalah koment yang ada di css sobat harus menghapusnya tanda yang seperti ini yang ada di css
-----------------------------------------------
Hapus seluruh tandanya tapi jangan di hapus sang pembuat template contoh:
/*
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
Hapus ----------------------------------------------- Maka hasilnya seperti di bawah
/*
Blogger Template Style
Name: Minima
Date: 26 Feb 2004
Updated by: Blogger Team
*/
Lalu kebawah lagi cari tanda yang sama dan hapus, setelah semua di hapus jangan lupa save template kemudian kembali lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang.
4.Mulai memasuki Expand Widget Templates.
Sekarang silahkan di centang Expand Widget Templates Lalu masukan kode di bawah tepat di bawah </head> ini untuk menghilangkan navigasi bar
<!-- <body><div></div> -->
jangan lupa di save template
Nanti sobat temukan perintah apakah kita mau menghapus widget atau mempertahankan jangan di pertahankan hapus saja, lalu pergi lagi ke http://validator.w3.org/ refresh dan lihat apakah erornya berkurang?
5.Hapus Quickedit
Hapus kode yang ada di bawah di dalam html pokonya kalau ketemu kode ini hapus!!
<b:include name='quickedit'/>
kembali lagi ke situs http://validator.w3.org/ refresh dan lihat hasil erornya apakah berkurang
6.Menghapus post icon
Sekarang temukan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>
Kalau sudah ketemu hapus seluruh kode di atas dan ganti dengan kode di bawah:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
</b:if>
</span>
</div>
Save template dan kembali lagi ke http://validator.w3.org/ jangan lupa di refresh maka hasilnya adalah
This document was successfully checked as XHTML 1.0 Transitional!
Bila belum berhasil pasti ada kesalahan cobalah di ikuti lagi secara perlahan dan
Bagaimana widget? Kita butuh beriklan, followers dan yang lainnya? menurut sahabat hendro widget bisa di sembunyikan di sub halaman yang pastinya eror.
<b:if cond='data:blog.pageType == "item"'>
<===letak apa saja yang mau kamu masukin===>
</b:if>
Solusi lain dari saya, sobat harus mengiklankan yang bukan script mau ga mau, misalnya banner, afiliasi berupa link list, yah seperti itu.
Begitulah kira-kira untuk membuat valid blogger template XHTML 1.0 Transitional bukan strict dtd ini memakai template minima yang ada di blogspot.Kenapa harus valid? karena crawl akan lebih ramah dan peramban juga, dengan keramahan crawl serta peramban maka SEO akan bersahabat dengan blog kita.
Sekali lagi terima kasih kepada rekan hendro atas artikelnya yang bermanfaat ini
Wednesday, August 4, 2010
membuat Seo Smart Link di blogger
Seo smart link adalah menggunakan script untuk mengoptimalkan keyword di postingan kita yang otomatis langsung memiliki anchor link yang jika kita klik maka sobat akan diarahan ke link postingan kita yang sudah di optimalkan memakai script ini.
Ok info ini saya dapat dari blog juragan ( salah satu blogger senior ), jika sobat ingin mampir kesana ini linknya http://blogjuragan.blogspot.com/2010/07/pasang-seo-smart-link-untuk.html, konon menurut beliau script ini sudah lama ada tapi sering error, tapi sudah di perbaiki oleh Mr. Ganda Manurung pemilik web gandamanurung.com( salah satu programmer handal di Indonesia).
Cara pasangnya seperti berikut :
1. Login ke akun blogger kamu
2. Klik rancangan dan di pilih edit html
3. Cari kode </body>
4. Jika sudah ketemu, copy dan paste/pasang seluruh script ini ( klik new windows ) dan letakkan diatas kode </body>
5. Klik save
Keterangan :
- Ganti keyword SEO dengan kata kunci anda
- Ganti alamat link dibawahnya http://blogjuragan.blogspot.com/ dengan alamat url yang akan rekan optimalkan, misalnya ke link artikel sobat yang sedang mengikuti kontes seo.
Tapi jujur saya tidak menyarankan memakai trik ini, karena takutnya nanti di cap sebagai suplemen result atau duplikasi content yang berlebihan.
Thanks to Blog juragan dan Mr. Ganda Manurung.
Ok info ini saya dapat dari blog juragan ( salah satu blogger senior ), jika sobat ingin mampir kesana ini linknya http://blogjuragan.blogspot.com/2010/07/pasang-seo-smart-link-untuk.html, konon menurut beliau script ini sudah lama ada tapi sering error, tapi sudah di perbaiki oleh Mr. Ganda Manurung pemilik web gandamanurung.com( salah satu programmer handal di Indonesia).
Cara pasangnya seperti berikut :
1. Login ke akun blogger kamu
2. Klik rancangan dan di pilih edit html
3. Cari kode </body>
4. Jika sudah ketemu, copy dan paste/pasang seluruh script ini ( klik new windows ) dan letakkan diatas kode </body>
5. Klik save
Keterangan :
- Ganti keyword SEO dengan kata kunci anda
- Ganti alamat link dibawahnya http://blogjuragan.blogspot.com/ dengan alamat url yang akan rekan optimalkan, misalnya ke link artikel sobat yang sedang mengikuti kontes seo.
Tapi jujur saya tidak menyarankan memakai trik ini, karena takutnya nanti di cap sebagai suplemen result atau duplikasi content yang berlebihan.
Thanks to Blog juragan dan Mr. Ganda Manurung.
Cara buat menu breadcrumb di blog
Menu navigasi breadcrumb menurut blogger senior adalah salah satu trik seo untuk blog kita. Menu ini menampilkan urutan dari link utama sampai ke artikel yang sedang kita baca. Selain trik seo menu ini memudahkan/memberitahu pembaca mengetahui posisi artikel yang dia baca, biasanya diatas postingan kita. Urutannya biasanya seperti ini :
Home > label blog > artikel yang dibaca
Seperti gambar ini ( saya comot juga dari blognya kang rohman)
Tutorial cara buatnya sudah lama ada diartikel master blogger kang rohman, jika sobat ingin baca dari blognya silahkan ke alamat link ini : http://www.blogspottutorial.com/2008/12/how-to-make-in-blogger.html
Karena konon ini berpengaruh untuk seo, maka tips ini saya comot. Ok jika sobat males buka tab baru atau jendela baru, sobat bisa mengikuti cara buatnya melalui blog ini.
1. Login ke akun blog kamu
2. Klik rancangan, lalu pilih edit html
3. download dulu template kamu untuk jaga-jaga
4. Centang di box Expand template widget
5. Cari kode ]]></b:skin>
6. Copy kode dibawah ini dan letakkan diatas kode yang dicari tadi (no. 5)
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
7. Cari kode <div class='post hentry uncustomized-post-template'>
Copy kode berikut ini dan letakkan dibawah kode <div class='post hentry uncustomized-post-template'>
8. Klik save
Kita tidak bisa pratinjau, jadi harus disave dulu.
Jika kode no 7 tidak anda temui, cari kode <div class='post hentry'> dan letakkan dibawahnya.
Tadinya mau saya ganti nama jadi menu breadtalk (bwhaha), cuma nggak enak sama blogger senior.
Ohya jika sobat alergi dengan namanya breadcrumb, bisa kamu ganti dengan kata kamu sendiri, sobat hanya menganti seluruh kata breadcrumb termasuk kode cssnya.
Home > label blog > artikel yang dibaca
Seperti gambar ini ( saya comot juga dari blognya kang rohman)
Tutorial cara buatnya sudah lama ada diartikel master blogger kang rohman, jika sobat ingin baca dari blognya silahkan ke alamat link ini : http://www.blogspottutorial.com/2008/12/how-to-make-in-blogger.html
Karena konon ini berpengaruh untuk seo, maka tips ini saya comot. Ok jika sobat males buka tab baru atau jendela baru, sobat bisa mengikuti cara buatnya melalui blog ini.
1. Login ke akun blog kamu
2. Klik rancangan, lalu pilih edit html
3. download dulu template kamu untuk jaga-jaga
4. Centang di box Expand template widget
5. Cari kode ]]></b:skin>
6. Copy kode dibawah ini dan letakkan diatas kode yang dicari tadi (no. 5)
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
7. Cari kode <div class='post hentry uncustomized-post-template'>
Copy kode berikut ini dan letakkan dibawah kode <div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
8. Klik save
Kita tidak bisa pratinjau, jadi harus disave dulu.
Jika kode no 7 tidak anda temui, cari kode <div class='post hentry'> dan letakkan dibawahnya.
Tadinya mau saya ganti nama jadi menu breadtalk (bwhaha), cuma nggak enak sama blogger senior.
Ohya jika sobat alergi dengan namanya breadcrumb, bisa kamu ganti dengan kata kamu sendiri, sobat hanya menganti seluruh kata breadcrumb termasuk kode cssnya.
Elemen kode html template yang seo friendly
Sebenarnya banyak template seo friendly, dan sudah memenuhi syarat adanya (header) h1, h2 dst, tapi kenapa blog kita masih kurang optimal?
Begini, mesin pencari menyusuri sebuah blog secara berurutan, nah lihat dikode template kita apakah kode headernya berurut, lalu apakah maching tag css dengan tag body. Sebaiknya pilih template yang header widgetnya h4 kebawah. Agar kita lebih mementingkan isi post daripada widget. Jika sudah dapat template yang seperti itu, coba kita lanjut lagi.
1. Sebelum mengganti template, backup kode widget di notepad kemudian hapus seluruh widgetnya, lalu klik di kiri bawah "kembalikan ke default"
2. Jika menambah widget, hindari memasangnya diatas postingan, kenapa? karena itu adalah h4 yang berada diatas h2 dan h3 kita. Solusinya jika memang mau pasang diatas postingan, jangan melalui add elemen halaman dan didrag keatas postingan, tapi melalui edit html dan letakkan dibawah <div class='post:hentry'>
3. Jika kita ada penambahan kode css, susunan tag header (bagian cssnya) harus maching dengan tag body html kita. Misalnya ada penambahan kode css untuk sebuah widget, berarti letakkan kode css widget itu didalam tag css sidebar/widget, lalu pasang widgetnya dibagian sidebar. Tapi kalau widgetnya tanpa css, langsung pasang saja dari elemen halaman sidebar.
Ilustrasinya seperti berikut :
-----AWAL TAG CSS-----
css header h1
css header h2
css header h3
css header h4
css header h5
css header h6
footer
-----AKHIR TAG CSS------
]]></b:skin>
</head>
-----AWAL TAG BODY----
tag body header h1
tag body header h2
tag body header h3
tag body header h4
tag body header h5
tag body header h6
tag body footer
-----AKHIR TAG BODY----
Dari ilustrasi diatas antara css dan body sudah maching susunannya. Karena baris pertama tag body memanggil baris pertama tag css, baris kedua body memanggil baris kedua css, begitu seterusnya.
Jadi jika ingin menambah kode css, sesuaikan letak kode cssnya dengan dimana nanti kita menampilkannya di bagian blog.
Begini, mesin pencari menyusuri sebuah blog secara berurutan, nah lihat dikode template kita apakah kode headernya berurut, lalu apakah maching tag css dengan tag body. Sebaiknya pilih template yang header widgetnya h4 kebawah. Agar kita lebih mementingkan isi post daripada widget. Jika sudah dapat template yang seperti itu, coba kita lanjut lagi.
1. Sebelum mengganti template, backup kode widget di notepad kemudian hapus seluruh widgetnya, lalu klik di kiri bawah "kembalikan ke default"
2. Jika menambah widget, hindari memasangnya diatas postingan, kenapa? karena itu adalah h4 yang berada diatas h2 dan h3 kita. Solusinya jika memang mau pasang diatas postingan, jangan melalui add elemen halaman dan didrag keatas postingan, tapi melalui edit html dan letakkan dibawah <div class='post:hentry'>
3. Jika kita ada penambahan kode css, susunan tag header (bagian cssnya) harus maching dengan tag body html kita. Misalnya ada penambahan kode css untuk sebuah widget, berarti letakkan kode css widget itu didalam tag css sidebar/widget, lalu pasang widgetnya dibagian sidebar. Tapi kalau widgetnya tanpa css, langsung pasang saja dari elemen halaman sidebar.
Ilustrasinya seperti berikut :
-----AWAL TAG CSS-----
css header h1
css header h2
css header h3
css header h4
css header h5
css header h6
footer
-----AKHIR TAG CSS------
]]></b:skin>
</head>
-----AWAL TAG BODY----
tag body header h1
tag body header h2
tag body header h3
tag body header h4
tag body header h5
tag body header h6
tag body footer
-----AKHIR TAG BODY----
Dari ilustrasi diatas antara css dan body sudah maching susunannya. Karena baris pertama tag body memanggil baris pertama tag css, baris kedua body memanggil baris kedua css, begitu seterusnya.
Jadi jika ingin menambah kode css, sesuaikan letak kode cssnya dengan dimana nanti kita menampilkannya di bagian blog.
Subscribe to:
Posts (Atom)