Tips Blog | Tutorial Blog | Belajar Blog

Tampilkan postingan dengan label SEO. Tampilkan semua postingan
Tampilkan postingan dengan label SEO. Tampilkan semua postingan

Cara Dan Tutorial Optimasi Blog Blogspot Terbaru

Optimasi Blog Blogspot Terbaru
Kali ini saya akan berbagi Cara dan Tutorial Optimasi Blog Blogspot Terbaru. Silahkan anda perhatikan  kode-kode di bawah ini adalah sebuah kode yang tidak asing di Mata para blogger, mungkin anda akan beranggapan kode itu banyak di Google.., memang ini sebernarnya kalau di cari di Google banyak sekali Tapi perlu anda ketahui ini adalah sebuah hasil modifikasi yang sedikit disesuaikan dengan SEO yang ada di WP.


Langsung saja disimak caranya berikut ini:

Submit Sitemap di Webmaster Google - (Perlu di Perhatikan)

// Gunakan ini jika Postingan anda di bawah 500 //
atom.xml?redirect=false&start-index=1&max-results=500

//Gunakan ini Untuk Blog dengan posting kurang dari 1000 //
atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500

//Gunakan ini untuk Blog dengan postingan kurang dari 1500, tapi lebih 1000 //
atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500
Sekarang Masuk ke HTML Blog.  Perhatikanlah kode-kode di bawah ini, jika anda tertarik untuk menggunakannya, maka tinggal sesuaikan, mana yang perlu anda ganti.

Letakkan Kode di bawah ini tepat di Bawah kode <head>

<meta content='Kode Verifikasi Google' name='google-site-verification'/>
<meta content='Kode Verifikasi' name='msvalidate.01'/>
<meta content='Kode Verifikasi Alexa' name='alexaVerifyID'/>
<meta content='Kode Verifikasi Technorati ' name='TechnoratiVerifyID'/>
<meta content='Kode Verifikasi Bing' name='y_key'/>
<meta content='Kode Verifikasi Markosweb' name='markosweb.com/validation'/>
<link href='https://plus.google.com/id_google+ anda' rel='author'/>
<link href='http://www.nama-blog-anda.com/p/sitemap_2836.html' rel='contents'/>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == &quot;http://www.nama-blog-amda.com/&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
// ----------------------------------------------------------------------------------------------//
<meta content='Deskripsi Blog' name='Description'/>
<meta content='Keywords 1, - Keywords 15' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta content='index,follow,noodp,noydir' name='robots'/>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

<link expr:href='data:blog.url' rel='canonical'/>
</b:if>
// ----------------------------------------------------------------------------------------------//
<meta content='all' name='robots'/> diganti <meta content='index,follow' name='robots'/> // recommend
<meta content='all' name='googlebot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Webcrawlers'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Spiders'/>
<meta content='all' name='audience'/>
<meta content='all,index,follow' name='alexabot'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='English' name='Language'/>
<meta content='document' name='resource-type'/>
<meta content='Global' name='Distribution'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='no-cache' http-equiv='cache-control'/>
<meta content='no-cache' http-equiv='pragma'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='United States' name='geo.placename'/>
<meta content='usa' name='geo.region'/>

Keterangan:
Kode yang saya berikan warna Merah:

Pertama:
Saya Menyarankan anda untuk memasukkan Keywords hanya: 15 keywords ( ke-15 keywords tersebut benar-benar sudah Mantap di jadikan "Kata Kunci"

Kenapa harus 15 ??
Karena jika lebih dari 15 maka status "keywords tersebut" tidak valid -- Cara mengetahuinya adalah
1. Instal Add-ons "SeoQuake" di Mozilla --
2. Buka Blog anda lewat Mozilla
3. Perhatikan di bagian Add-Ons SeoQuake disana ada pilihan DIAGNOSIS . Maka anda bisa melihat hasilnya, apa saja yang sudah valid sama yang belum valid.

Ke-dua:
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

Disini saya membuang kode: data:blog.pageName + &quot;, &quot; +
Sehingga menjadi:
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>


Alasannya adalah: Agar tidak terjadi Duplicat Tittle dan Cepat Masuk Index !
karena hal ini nanti jika di lihat souce code nya, maka title blog akan berdampingan dengan judul Postingan

Untuk yang Warna Hijau:
Anda  hanya mengganti dengan nama blog anda masing-masing dan kode-kode verifikasi, jika belum mendapatkan kode verifikasi, saya sarankan silahkan di daftarkan agar mendapatkan kodenya.

Semoga Artikel Cara atau Tutorial Optimasi Blog Blogspot Terbaru ini dapat bermanfaat.

Mengatasi Duplikasi Deskripsi Meta

Duplikasi deskripsi meta pernah di alami blog ini, hal ini terjadi karena Google menemui deskripsi yang sama pada setiap halaman yg di crawl oleh Google spider pada laman blog ini, contoh :

Duplikasi deskripsi meta

Pada gambar diatas terdapat deskripsi yang sama, baik itu pada Homepage, halaman, maupun postingan, hal ini tentu tidak baik buat SEO, karena deskripsi yg sama dapat merusak relevansi pencarian, dan Google menganggapnya sebagai duplikasi konten, oleh sebab itu hal tersebut perlu kita perbaiki. Jika sobat belum tahu cara mengetahui duplikat konten silakan baca Cara Mengetahui Duplikat Konten.

Untuk memperbaiki masalah tersebut, langkah yang saya lakukan adalah sebagai berikut :
  • Login ke akun blogger
  • Klik pada Template.
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Pada kode
    <meta content='Deskripsi'  name='description'/>
    <meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>
    Sedikit saya tambah kode menjadi :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta content='Deskripsi'  name='description'/>
    <meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>
    </b:if>
    Dengan begini meta description & meta keywords di tampilkan hanya untuk halaman utama (homepage).
  • Terakhir klik Simpan Template.
Selain masalah diatas Duplikasi deskripsi meta juga bisa terjadi pada fungsi arsip, karna dalam sebuah arsip terdapat berbagai link dalam satu content , hal ini kadang juga di anggap sebagai duplikat konten oleh google.

Jika Sobat mengalami masalah ini Sobat cukup mematikan fungsi arsip, caranya dengan menambahkan kode berikut dibawah kode <head> :
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

Sekian dulu postingan kali ini, semoga bisa membantu Sobat yang ingin Mengatasi Duplikasi deskripsi meta.

Cara Mengetahui Duplikat Konten (Duplicate Content)

Duplikat Konten (Duplicate Content) dalam sebuah blog tentu sangat tidak bagus untuk SEO, karena duplikat konten dapat mengurangi kualitas hasil pencarian, akibatnya, kekuatan SERP suatu halaman blog di search engine menjadi lemah, karena itu kita perlu mengetahui apakah pada blog kita terdapat duplikat konten.

Perlu di perjelas bahwa duplikat konten yang saya maksud adalah konten yang ada pada blog kita, bukan duplikat konten dengan blog orang lain, maksudnya kesamaan konten antara postingan kita dengan postingan blog lain, biasanya ini terjadi karena kebiasaan copy paste. Jika ini terjadi tentu akibatnya akan lebih parah lagi, bisa-bisa blog kita di hapus oleh Google. jadi buat Copaser "berhati-hatilah dalam mengcopy artikel orang lain".

Untuk mengetahui duplikat konten yang ada di blog, kita dapat menggunakan Webmasters tools dari Google. Berikut caranya :
  • Login ke Blogger.
  • Masuk ke Webmasters tools
  • Pilih blog yang ingin Sobat periksa.
    mengetahui duplikat konten
  • Klik Pengoptimalan > Penyempurnaan HTML.
    disana akan di beritahu laman yang bermasalah dan jumlahnya, lihat gambar.
    mengetahui duplikat konten
Untuk mengoptimalkan SEO sebaiknya perbaiki kesalahan yang ada pada blog sobat, baik itu duplikat meta tag, duplikat meta deskripsi, ataupun masalah lainnya.

Sekian dulu artikel kali ini, untuk selanjutnya akan kita bahas Cara Mengatasi Duplikat Konten.
Memperbaiki Warning Rich Snippets Testing Tool

Memperbaiki Warning Rich Snippets Testing Tool

Rich Snippets adalah sebuah alat penguji yang memeriksa struktur data HTML dari template sebuah blog, pada saat kita melakukan pengujian dengan alat ini kadang ditemukan warning atau pesan kesalahan yang tentu saja akan lebih baik jika diperbaiki.

Ketika saya cek blog ini di Webmaster Tools Rich Snippets, ternyata terdapat beberapa peringatan, Artinya terdapat file yang di butuhkan hilang pada situs web, ini di anulir menjadi bentuk Peringatan / Warning!, karena tidak diketahui oleh fitur Rich Snippets yang terdapat di webmaster tools. Hal ini cukup berpengaruh pada sebuah blog, apalagi jika kita ingin menampilkan rating bintang atau photo profile Google+ pada hasil pencarian di search engine Google.

Agar blog kita lebih optimal tentu kita harus mengatasi hal tersebut, untuk itu kita akan sedikit merubah atau menambah kode pada template blog kita. Buat Sobat yang ingin mengetahui struktur data HTML dari template blog anda, silakan masuk ke Rich Snippets Testing tool, selanjutnya masukkan URL blog sobat, lalu lihat hasilnya apakah ada warning atau tidak, jika terdapat warning / peringatan sebaiknya sobat perbaiki.

Di bawah ini beberapa peringatan yang sering muncul saat test struktur data :
  • Warning : Missing Required Field "Updated"
  • Warning : Missing required hCard "author"
  • Warning : Missing required field "entry-title"
  • Warning : At least one field must be set for HatomFeed
Untuk memperbaiki beberapa peringatan tersebut, sobat dapat lihat pada artikel yang saya tulis dibawah ini:
Semoga Artikel kali ini bisa bermanfaat buat Sobat dalam Memperbaiki Warning Rich Snippets Testing Tool.
Mengatasi Missing Required Field "entry-title"

Mengatasi Missing Required Field "entry-title"

Warning: Missing required field "entry-title" adalah salah satu pemberitahuan dari Rich snippets testing tools tentang kode title blog Sobat yang kurang tepat. Untuk memperbaikinya ada beberapa cara, tergantung kode template yang sobat gunakan.

Untuk cara pertama, Sobat dapat melakukan langkah berikut :
  • Masuk ke akun blogger anda
  • Klik pada Template. (backup dulu template anda).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Tekan Ctrl + F di keyboard lalu cari kode hentry, Sobat akan menemukan kode dibawah ini :
    <div class="post hentry">
    <div class="post hentry uncustomized-post-template">
  • Kalau sudah ketemu hapus kedua hentry pada kode di atas, jadi hasilnya seperti ini :
    <div class="post">
    <div class="post uncustomized-post-template">
  • Terakhir klik Simpan Template, dan cek di Rich snippet tools.
Jika cara diatas tidak berhasil, silakan coba cara kedua :
  • Masih di menu Edit HTML.
  • Tekan Ctrl + F di keyboard lalu cari kode
    <h3 class='post-title.........' ></h3>
    Tergantung pada template blog Anda, blog Anda mungkin menggunakan tag H1 / H2.
  • Ganti kode di atas dengan kode di bawah ini:
    <h3 class='post-title entry-title'>
  • Simpan Template, dan cek di Rich snippet tools.
Hanya itu tips dari saya tentang Mengatasi Missing required field "entry-title".
Memperbaiki Missing Required hCard "Author"

Memperbaiki Missing Required hCard "Author"

Sama halnya dengan Missing Required Field "Updated", peringatan yang satu ini juga sering di alami para blogger. Missing required hCard "author", Intinya ada kode yang kurang pada blog Sobat yaitu kode author yang tidak ada atau tidak tepat.

Untuk mengatasi Warning yang satu ini Sobat dapat mencoba langkah berikut :
  • Login ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode <b:if cond='data:post.hasJumpLink'>, dan letakkan kode berikut di atasnya.
    <div class='vcard' id='hcard-Madie Zha'>
    <span class='fn n'>
    <span class='given-name'><data:top.authorLabel/>
    <span class='fn'><data:post.author/></span></span>
    </span></div>
    Yang warna biru ganti dengan nama Sobat.
    *Sebenarnya sobat bisa meletakkan kode tersebut pada Post-header ataupun Post-footer, jadi tidak harus di atas <b:if cond='data:post.hasJumpLink'>.
  • Terakhir Simpan Template dan cek blog sobat di Rich Snippets Testing.
Jika terdapat 2 warning seperti Missing required field "updated" dan Warning: Missing required hCard "author". Sobat dapat menggunakan kode berikut :
<div style='background-color: #F6F6F6; color: auto; border: 0px solid #eee; width:100%; margin: 0px; padding: 0.1px; font-family: Arial,Verdana,Sans-serif; font-size: small; text-align: left;'>
<div class='vcard' id='hcard-NAMA'>
<span class='fn n'> <span class='given-name'><data:top.authorLabel/>
<span class='fn'><data:post.author/></span></span></span></div>
 <a class='updated' href='http://kutu-blogspot.blogspot.com/' rel='bookmark'>Nama Blog</a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div>
Letakkan di atas <b:if cond='data:post.hasJumpLink'>. Lalu Simpan Template Anda.

Semoga berhasil memperbaiki Missing required hCard "author".
Memperbaiki Missing Required Field "Updated"

Memperbaiki Missing Required Field "Updated"

Ketika saya cek blog ini di Webmaster Tools Rich Snippets Testing, ternyata terdapat peringatan Missing Required Field "Updated". Ini adalah pemberitahuan tentang kode time yang hilang atau kurang tepat, Ini cukup berpengaruh pada blog dan harus diperbaiki karena menyangkut verifikasi blog.

Buat sobat yang mengalami masalah yang sama, sobat dapat mencoba langkah di bawah ini untuk memperbaikinya :
  • Masuk ke akun blogger anda
  • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
  • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
  • Beri tanda centang pada Expand Template Widget.
  • Cari kode
    <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  • Ganti kata 'published' dengan kata 'updated', seperti kode berikut :
    <abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  • Simpan Template dan cek lagi di Rich Snippets Testing.
Selain cara di atas sobat juga bisa menggunakan cara lain untuk Memperbaiki Missing Required Field "Updated". misalnya menambahkan kode berikut :
<a class='updated' href='http://kutu-blogspot.blogspot.com/' rel='bookmark'>Tutorial Blog</a>
Kode yang berwarna hijau ganti dengan alamat dan nama blog Sobat.
Letakkan kode tersebut diatas <b:if cond='data:post.hasJumpLink'> atau di bawah <div class='post-footer-line post-footer-line-1'> atau di bawah <div class='post-header-line-1'/>, terserah Sobat mau meletakkan dimana!!
Jika sudah silakan cek di Rich Snippets Testing Tools.

Segitu aja Sob, semoga bisa membantu dalam Memperbaiki Missing Required Field "Updated".

Menampilkan Rich Snippet Rating Bintang 5

Rich Snippet Rating bintang berfungsi menampilkan Bintang lima untuk setiap artikel blog kita pada hasil pencarian di search engine Google, contohnya seperti gambar berikut Ini :
Rich Snippet Rating bintang

Sebenarnya saya belum mengerti betul apa kelebihan Rich Snippet, setidaknya pengaturan ini akan membuat hasil pencarian blog kita di Google tampak lebih professional karena dilengkapi rating meskipun itu buatan sendiri.

Untuk membuat Rich Snippet bintang 5, silahkan lakukan langkah berikut :
  • Login ke blogger.
  • Klik Template, Pilih Edit HTML dan lanjutkan.
  • Setelah itu centang Expand Widget Template.
  • Cari kode <data:post.body/>, gunakan Ctrl f pada browser anda untuk mencari.
  • Tepat di bawah kode <data:post.body/> masukkan kode berikut
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div style='margin-top: 30px; font-size: 11px; color:#777;'>
      <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
      <center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>;  Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>;  Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
      </div>
      </div>
      </b:if>
    Jika ada 2 kode <data:post.body/>, letakkan di bawah keduanya.
  • Terakhir klik Simpan Template
Untuk melakukan pengujian apakah pemasangan kode ini berhasil, silakan masuk ke halaman Google Rich Snippet Testing Tool. Pada halaman tersebut masukkan URL salah satu artikel anda ke dalam kotak yang bertuliskan "Enter a web page URL to see how it may appear in search results", Jika sudah memasukkan URL silahkan klik tombol Preview. Alat ini akan segera menampilkan contoh tampilan hasil pencarian blog anda di Google. Jika anda sudah melihat tampilan Rich Snippet yang disertai tanda bintang lima itu berarti pemasangan kode yang anda lakukan sudah berhasil.

Silakan di coba Sob, moga berhasil Menampilkan Rich Snippet Rating Bintang 5.