Menampilkan postingan yang diurutkan menurut relevansi untuk kueri membuka halaman web. Urutkan menurut tanggal Tampilkan semua postingan

Mengenal Lebih Dekat Google Webmaster

Google webmaster tool berfungsi untuk memantau lebih lanjut tentang bagaimana perkembangan blog Anda di mesin pencari Google, bagaimana kekuatan web/ blog anda di SERP Google (SERP adalah singkatan dari Search Engine Results Page istilah Indonesianya Halaman Hasil Pencarian Mesin Pencari) dan  juga yang tak kalah pentingnya dengan Google webmaster ini kita bisa mendiagnosa serangan malware di blog sebagaimana pernah saya tulis pada posting terdahulu: Cara Mengatasi Reported Attact di Page Blog, yang jelas informasi ditampilkan secara detail dan tentu bisa dinikmati secara gratis.

Sebagai contoh perhatikan gambar dibawah ini, ketika saya login di google webmaster dan membuka blog mr-mung.com, maka akan tampak laporan berikut;
Laporan periode 3 April - 3 Mei 2012

Dengan melihat informasi tersebut, kita bisa tahu ternyata jumlah tampilan pencarian terbanyak untuk blog ini pada periode 3 April - 3 Mei 2012 adalah dengan menggunakan kata kunci "murotal" dan kita bisa juga membaca informasi lain mengenai grafik pencarian, link yang masuk ke blog kita, dll.
Klik untuk melihat ukuran penuh


Sebagai prasyarat penggunaan tool ini, blog anda harus terverifikasi, salah satu caranya adalah dengan  menanamkan meta tag kedalam kode template blog anda (dibawah kode <head> ). Setelah blog anda terverifikasi google, anda baru bisa melihat informasi lengkap di google webmaster,
Verifikasi Blog Menggunakan MetaTag
Verifikasi Blog Menggunakan MetaTag

Berikut beberapa tool yang ada di google webmaster yang biasa saya gunakan dan tentunya yang sedikit saya ketahui, yang lainya belum saya gunakan:
=> Site Configuration

1. Sitemaps
Fungsi dasar dari sebuah sitemap adalah untuk mempermudah robotnya google dalam menelusuri situs atau blog anda. sebagai contoh untuk memasukan sitemap blogspot adalah: http://alamatblog.blogspot.com/atom.xml (perhatikan gambar dibawah ini:)



2. Crawler Access
Crawler access mempunyai fungsi sebagai robot penerima tamu (robot teks) yang mempersilahkan halaman yang mana yang boleh diakses dari mesin pencari dan halaman yang tidak tidak boleh diakses mesin pencari, Untuk akun blogspot sudah mempunyai robot teks bawaan, jadi tidak usah pusing memikirkan membuat robot teks sendiri.

=> Your Site On The Web
Pada fasilitas ini Google memberikan akses kepada anda untuk memantau perkembangan blog anda di SERP:
  1. Search Queries adalah gambaran tentang kueri-kueri yan mengarah ke situs atau halaman blog anda.
  2. Links To Your Site berisi informasi tentang semua link yang berasal dari luar yang mengarah ke blog anda.
  3. Keywords adalah gambaran atau informasi yang didapat oleh robot mesin pencari Google ketika merayapi seluruh halaman blog anda.
  4. Internal Links adalah daftar link dalam blog anda yang mengarah ke halaman lain.
  5. Subscriber Stats adalah statistik feed blog anda, yaitu seberapa banyak pelanggan blog anda.

=> Diagnostic
Pada fasilitas ini anda bisa memantau semua masalah yang terdapat pada blog anda:
  1. Malware adalah sebuah laporan robot kepada anda jika ada suatu hal di blog anda yang dicurigai sebagai malware.
  2. Crawl Errors, fasilitas ini memberikan informasi kepada anda tentang halaman error yang ditemui robot google, bisa berupa halaman yang tidak ditemukan (not found).
  3. Crawl Stats adalah statistik aktifitas robot dalam merayapi halaman situs anda, kalau grafiknya konstan atau naik berarti bagus tapi kalau sebaliknya maka ada sesuatu masalah dengan blog anda sampai-sampai robot google tidak mau lagi merayapi halaman blog anda.
  4. Fetch As a Googlebot, dengan alat yang satu ini anda bisa memanggil robot ketika ada pembaruan atau update dalam blog anda yang anda anggap penting, atau ketika si robot lagi lambat mengindex halaman dan artikel anda maka ini bisa jadi pilihan yang baik buat anda, tapi dengan catatan jangan terlalu sering karena ada batasnya.
  5. HTML Suggestion adalah saran dari Google jika ada elemen HTML dalam halaman anda dapat mempersulit robot, jika template, html, css dan meta tag anda baik-baik saja maka fitur ini tidak akan menampilan apa-apa.

Semoga Bermanfaat.

Tutorial Cara Membuat Menu di Blog


Menu dan sub menu di blog berfungsi untuk memudahkan pengunjung blog untuk membuka berbagai informasi yang ada di web/ blog kita. Bagi website/ blog yang memiliki informasi sangat banyak dengan berbagai kategori informasi yang banyak pula, membuat sub menu tentunya pilihan yang tepat. Nah... pada kesempatan ini akan kita pelajari bersama bagimana cara membuat menu dan sub menu di blog dengan mudah dan cepat.

1.    Login Blogger.com
2.    Klik halaman "Template" backup template lengkap untuk berjaga-jaga terjadi hal-hal yang tidak di inginkan dengan mengklik Cadangkan/ Pulihkan.


3.    Kemudian klik Edit HTML;

4.    Cari kode ]]></b:skin>
dengan menggunakan Ctrl + F.

5.    Copy kode script di bawah ini dan letakkan tepat di atas kode  ]]></b:skin>
#menubar{
border-bottom:4px solid #ff0000;
width:1025px;
height:32px;
background:#000000;
float:center;
margin-bottom:3px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a  {
background: #ff0000;
color: #fff;
text-decoration:none;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #ff0000;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #000000;
color: #ffffff;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##ff0000;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
6.    Simpan Template.

7.    Copy script berikut dan pasang di widget HTML/JavaScript blog anda:
<div id='menubar'>
<ul>
<li><a href=””>Home</a></li>
<li><a href=”URL_TUJUAN”>About Me</a></li>
<li><a href=”URL_TUJUAN”>>Contact Me</a>
<ul>
<li><a href=”URL_TUJUAN”>>Google +</a></li>
<li><a href=”URL_TUJUAN”>>Facebook</a></li>
<li><a href=”URL_TUJUAN”>>Twitter</a></li>
</ul>
</li>
</ul>
</div>
8.    Letakan widget HTML/JavaScript yang berisi kode menu diatas di bawah header, perhatikan gambar berikut:




  • Download Lengkap tutorial : Cara Membuat Menu di Blog Drive
  • Koleksi Tutorial Blog

    Arsip Blog