Tips Blog | Tutorial Blog | Belajar Blog

Cara Memperbaiki Duplicate Title Tags di Google Webmaster Tools

duplicate title tags
Synasmedseo - Seperti halnya duplicate meta description, maka duplicate title tags pun akan mempengaruhi relevansi pada hasil pencarian di search engine, bahkan halaman Anda bisa dianggap sebagai duplicate content.  Tentu ini akan sangat merugikan dari sisi SEO, dan akan berdampak pada rating hasil pencarian oleh search engine sesuai kata kunci yang dimasukaan oleh pengguna.

Duplicate title tags ini dapat Anda lihat melalui Google Webmaster Tools. Silahkan login ke Google Webmaster Tools, masukkan user ID serta password Anda. Kemudian pada halaman dashboard pilih menu Optimization yang berada pada sidebar sebelah kiri dan klik link HTML Improvements.  Pada halaman ini akan terdapat parameter yang menunjukan adanya indikasi duplicate title tags yang ditemukan oleh crawler search engine saat merayapi situs atau blog Anda.

title tags


Jika link duplicate title tags ini dibuka maka akan terlihat postingan mana saja yang terindikasi sebagai duplicate title tags. Anda dapat melihat dua URL terbentuk untuk setiap postingan jika icon panah warna hitam disebelah kiri postingan ini di expand. Ada satu bentuk URL yang saya sendiri belum mengetahui asal-usulnya, URL ini sama seperti URL postingan pada umumnya namun ada penambahan karakter unik ?m=0.

Cara Memperbaiki Duplicate Title Tags

Ada beberapa tutorial hasil browsing yang saya temukan untuk memperbaiki duplicate title tags ini di antaranya :


1. Menambahkan rel='canonical'

Jika menggunakan cara ini maka Anda harus menambahkan elemen rel='canonical' pada URL halaman Anda yang terindikasi sebagai duplicate title tags, seperti di bawah ini, pada bagian head postingan dalam mode HTML.

<link rel="canonical" href="http://kutu-blogspot.blogspot.com/2013/03/cara-membuat-spoiler-atau-tombol.html>

Tentu saja hal ini akan sangat merepotkan jika postingan yang terdeksi sebagai title tags banyak, seperti yang saya alami terdapat 88 duplicate title tags, kemudian harus menambahkannya satu persatu pada setiap halaman tersebut, sungguh ini suatu pekerjaan yang membosankan.


2. Mengatur URL Parameters

Solusi kedua adalah mengatur URL Parameters di Google Webmaster Tools. Pada halaman dashboard, pilih menu Configuration, di bawah menu ini terdapat menu URL Parameters, pilih menu ini dan lihat apakah ada parameter m di dalamnya. Pada bagian parameter m ini klik link Edit di sebelah kanan dan atur setingan menjadi No: Doesn't affect page content (ex: track usage) seperti gambar di bawah ini. Jika Anda tidak menemukan parameter m ini, maka Anda dapat menambahkannya melalui tombol Add parameter.

URL parameters



3. Menambahkan parameter pada robots.txt

Jika kedua cara di atas belum dapat mengatasi duplicate title tags, maka Anda dapat menambahkan baris perintah pada pengaturan parameter robots.txt yang tidak mengizinkan robot mesin pencari untuk mengcrawl url unik yang berakhiran ?m=0, bentuk baris perintah yang ditambahkan pada pengaturan parameter robots.txt adalah seperti di bawah ini

Disallow: /?m=0
Disallow: /?m=1
Disallow: /*/*/*.html?m=0
Disallow: /*/*/*.html?m=1

Jika Anda punya pengalaman lain, saya mengajak Anda untuk berbagi informasi pada bagian komentar blog ini, agar pengetahuan kita menjadi bertambah, sukses untuk Anda dan happy bloging.

Membuat Link Membesar Saat disentuh Kursor

Membuat Link Membesar Saat disentuh Kursor

Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.
Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.

Cara Membuat Link Membesar Saat disentuh Kursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode a:hover { 
  • Ganti kode font-size dengan ukuran yang lebih besar.
    Contoh :
    a:hover {
    color:#d2691e;
    font-size:10px;
    font-style:italic;
    cursor:wait;
    }
    ganti dengan
    a:hover {
    color:#d2691e;
    font-size:19px;
    font-style:italic;
    cursor:wait;
    }
  • Terakhir klik Simpan Template.
Selamat Mencoba dan Semoga Berhasil...

Zhefa Blogger template

Template Details :
Platform TypeBlogger / Blogspot
Nama Template Zhefa Blogger template
DeskripsiZhefa Blogger template adalah template blogger gratis dengan dua buah sidebar di sebelah kanan.
Template Authorhttp://kutu-blogspot.blogspot.com/
Instruksi URL Cara Mengganti Template

Blogger Template


Membuat Gambar Membesar Saat disentuh Cursor

Membuat gambar mebesar saat disentuh cursor

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.

Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
    .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
    .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Semoga tutorial singkat ini bisa bermanfaat...
Cara Menghapus Waktu Komentar

Cara Menghapus Waktu Komentar

Beberapa hari yang lalu pada postingan Cara Menghapus Waktu Postingan, salah satu Sobat Blogger menanyakan tentang Cara Menghapus Waktu di komentar, mungkin menurutnya waktu atau jam tersebut mengganggu tampilan blognya makanya ingin dia hapus, karenanya pada kesempatan ini saya bikin postingan untuk menjawab pertanyaan tersebut.

Jika Sobat blogger yang lain juga ingin menghilangkan waktu komentar, caranya cukup mudah, anda tinggal hapus kode <data:comment.timestamp/>.

Berikut tutorial Menghapus Waktu Komentar :
  • Login ke akun Blogger Sobat.
  • Pilih Template > Edit HTML.
  • Cari kode
    <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
  • Jika sudah ketemu hapus semua kode tersebut.
  • Selanjutnya Simpan Template Sobat.
Simple kan ?!?, Selamat mencoba...