Semua Tentang 404 Error Page

Home » Template » Tips SEO » Semua Tentang 404 Error Page

Semua Tentang 404 Error Page

6 December 2013
Template Tips SEO
55 komentar

Saya yakin kamu pasti pernah menjumpai halaman 404 Error. Maksudnya halaman tersebut tidak di temukan atau tidak terdapat pada web/blog tersebut. Ini bisa di akibatkan salah dalam memasukkan / penulisan link atau mungkin halaman tersebut telah dihapus oleh pemilik web/blog tersebut. Pada artikel ini saya akan berusaha membahas semua tentang 404 Error Pages. Mulai dari cara mendesain halaman 404 error tersebut dan cara mengatasinya.

1. Cara Mendesain Halaman 404 Error
Untuk hal yang satu ini sebenarnya ada 2 (dua) pilihan yang bisa kita lakukan untuk mendesain halaman tersebut. Pertama mendesain nya dengan memanfaatkan fungsi tag kondisional atau dengan menggunakan setelan yang telah di sediakan oleh blogger.

Sebagai contoh menggunakan fungsi tag kondisional:

//mengatur title blog saat berada di halaman 404 error//
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Page Not Found</title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> - </b:if><data:blog.title/></title>
</b:if>
</b:if>

//mengatur tampilan halaman 404 error dengan css//
<style type='text/css'>
#404-error{text-align:center;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_ZltsOOP-jqQuK0UHGmseLp9wIKXTazocdHVLeim3FuQUwa5tW7IqUgbrSdD1pIzxxRoesOkRaOW5ztj7kB_56IrJGyhTAt-A2uvHZ87zx7WyOu7ekcY0imgMAkigTQiMLiTtCctbmU/s1600/404-error.png) no-repeat right;}
</style>

<body>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<header>Judul Blog Kamu</header>
<div id='main-wrapper'>Isi konten</div>
<div id='sidebar'>bagian sidebar</div>
<footer>bagian di bawah blog</footer>
</b:if>

//menyusun HTML untuk halaman 404 error//
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<h1>404</h1>
Url yang diminta tidak di temukan pada server ini.
<a href='http://namablog.blogspot.com/'>Klik disini</a> untuk kembali ke halaman utama.
</div>
</b:if>
</body>

Seperti yang pernah di tuliskan +Kang Ismet di blognya, menempatkan tag kondisional seperti contoh diatas di dalam daerah body blog. Akan membuat penayangan blog menjadi cepat.

Selanjutnya adalah mendesain (kostum) halaman 404 error menggunakan setelan yang telah di sediakan blogger. Caranya adalah: klik Setelan (Setting) > Prefensi penelusuran (Search preferences) > Pesan Ubahsuaian untuk Laman Tidak Ditemukan (Custom Page Not Found) > Edit. Masukkan kata-kata untuk halaman yang tidak di temukan tersebut.

Untuk membuat underline pada tulisan yang di inginkan untuk halaman tersebut dengan menggunakan cara settingan itu. Maka cukup menambahkan perintah <ins>isi pesan</ins>.

Sedangkan untuk cara mendesain halamannya, cukup memberikan perintah pada cssnya. Agar hasil desaiannya muncul hanya pada halaman yang di inginkan. Maka kita cukup menambahkan fungsi tag kondisional. Contoh:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap{text-align:center;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_ZltsOOP-jqQuK0UHGmseLp9wIKXTazocdHVLeim3FuQUwa5tW7IqUgbrSdD1pIzxxRoesOkRaOW5ztj7kB_56IrJGyhTAt-A2uvHZ87zx7WyOu7ekcY0imgMAkigTQiMLiTtCctbmU/s1600/404-error.png) no-repeat right;}
</style>
</b:if>

Letakkan kode diatas, di bawah ]]></b:skin> atau </style> atau biar lebih gampangnya letakkan kode tersebut diatas </head>

2. Cara Mengatasi Halaman 404 Error Yang Terdapat Pada Blog
Sebagaimana kita ketahui halaman 404 Error ini sangat tidak baik untuk blog kita. Karena hal tersebut akan memberikan kesan buruk ke mesin pencari (penipuan akibat halaman tersebut tidak di temukan). Akibatnya postingan kamu tidak lagi mendapatkan posisi terdepan di mesin pencari. Dan hal itu tentu juga akan berpengaruh terhadap jumlah pengunjung kamu. Cara satu-satunya untuk menghindari hal tersebut adalah menggunakan google webmaster. Caranya :
a. Masuk ke Google Webmaster, lalu pilih Blog kamu (jika mempunyai beberapa blog) yang ingin kamu bersihkan urlnya.
b. Untuk pengecekkan url Not found tersebut. Coba lihat pada Site Dashboard atau kunjungi langsung Crawl > Crawl Error. Disana akan terdapat beberapa URL yang error tersebut.
c. Copy satu persatu URL Error tersebut pilih Google Index > Remove URLs. Pilih Create a new removal request lalu lanjutkan penghapusan.
d. Biasanya proses ini membutuhkan waktu, jadi mohon bersabar.

55 comments :

Gupitan

6 December 2013 at 19:16

Asik dapat pertamax :D

Membuat tampilan halaman 404 error ini sangat penting agar pengunjung gak langsung kabur apabila menemukan error page pada blog kita :)