author Ahmad Muhardian

Cara Redirect Halaman di Hugo untuk Mempertahankan Trafik


Cara Redirect Halaman di Hugo untuk Mempertahankan Trafik

Hingga saat ini, proses migrasi Petani Kode ke Hugo masih belum selesai.

Mengapa saya katakan demikian?

Karena banyak artikel yang belum diedit.

Banyak artikel yang link-nya error 404, alias tidak ditemukan.

Terpantau dari laporan Google Webmaster, error 404-nya tembus sampai 546 halaman.

Error 404 Halaman Artikel Petani Kode

Hal ini akan membuat banyak orang kecewa, termasuk juga saya.

Karena sudah banyak artikel yang terindeks di google, di-share di sosial media, dan link lainnya.

Ketika mereka membukanya, akan mendapatkan error 404.

Sebelumnya, saya sudah menggunakan layanan Cloudflare untuk mengalihkan (redirect) halaman.

Hasilnya cukup memuaskan.

Link yang seperti ini:

http://petanikode.com/2015/10/pemrograman-java-di-lab-4-berkenalan-dengan-scanner/

bisa dialihkan ke:

http://petanikode.com/pemrograman-java-di-lab-4-berkenalan-dengan-scanner/

Karena itu, saya tidak perlu pusing lagi memikirkan pengalihannya.

Akan tetapi, ada beberapa artikel yang saya edit dan mengganti link-nya.

Contohnya menjadi seperti ini:

http://petanikode.com/pemrograman-java-input-dan-output/

Tentu saja layanan Cloud Flare tidak mampu melakukan pengalihan, karena algoritma mereka hanya sebatas melakukan pencocokan saja.

Karena itu, pengalihan ini harus dilakukan secara manual.

Untungnya Hugo sudah menyediakan fitur untuk melakukannya.

Redirect dengan Frontmatter Aliases

Panduan lengkap penggunaan aliases ada di dokumentasinya Hugo.

Untuk format TOML, aliases ditulis seperti ini:

aliases = [
	"/posts/my-original-url/",
	"/2010/01/01/even-earlier-url.html"
]

Sedangkan untuk YAML, seperti ini:

aliases:
	- /posts/my-original-url/
	- /2010/01/01/even-earlier-url.html

Contoh:

Penggunaan Aliases di salah satu Artikel Hugo

Apa yang akan dilakukan oleh aliases?

Ketika link-link yang kita tulis dalam aliases, kita akan otomatis dialihkan ke link barunya (canonical).

Kenapa Melakukan Pengalihan?

Kalau kalian perhatikan, link artikel dari Petani Kode saat ini tidak menggunakan tanggal.

Hal ini karena, saya meniru dari beberapa web pakar SEO. Mereka tidak mencantumkan tanggal di link-nya.

Dampaknya, mungkin lebih disukai Search Engine.

Trafik Petani Kode

Lah kok malah bahas SEO…

Hehehe maaf, 😄.

Pengalihan saya lakukan agar pengunjung Petani Kode merasa puas dan tidak kecewa.

Selain itu, saya juga melakukan pengeditan artikel: ditambahkan, dilengkapi, dan ditingkatkan kualitasnya.

Semoga dengan begini, tidak ada lagi yang tersesat ke halaman error 404.

Baca Juga ini

Cara Hosting/Deploy Hugo di Github

Cara Hosting/Deploy Hugo di Github

Github memiliki layanan hosting Static Page yang bisa kita manfaatkan untuk hosting Hugo. Pada dasarnya SSG seperti Hugo akan membuat sebuah file statis yang (biasanya) berada di dalam direktori public. Nah direktori ini yang akan kita upload ke Github agar website atau blog kita bisa dibuka melalui: https://username.github.io atau kustom domain sendiri. Berdasarkan panduan di dokumentasi Hugo, ada empat cara yang bisa dilakukan untuk hosting Hugo di Github: Hosting ke direktori doc Hosting ke cabang gh-pages Hosting ke halaman personal/organisasi Hosting Github dengan Continuous Integration (CI) Kita akan mencoba cara yang nomer 3, karena menurut saya cukup gampang.

Migrasi Petani Kode dari Blogger ke Hugo

Migrasi Petani Kode dari Blogger ke Hugo

Tercatat pada tanggal 11 Januari 2017, website Petani Kode mulai dikembangkan ulang dengan mesin (engine) Hugo. Hugo adalah salah satu mesin generator web statis yang berusia cukup muda. Hugo ditulis dengan bahasa pemrograman Go dan diklaim lebih cepat dari mesin sejenisnya seperti Jekyll, Middleman, Octopress, dsb. Pengembangan website Petani Kode berlangsung cukup cepat. Meskipun bahasa pemrograman Go belum pernah saya pelajari dan pahami. Namun, berkat kerja keras dan semangat website ini bisa jadi dalam waktu sekejap.

Cara Impor Artikel Blogger ke Hugo Kurang dari 15 Menit

Cara Impor Artikel Blogger ke Hugo Kurang dari 15 Menit

Dalam rangka migrasi Petani Kode ke Hugo, saya harus melakukan impor artikel dari Blogger ke Hugo. Untungnya Hugo sudah menyediakan skrip untuk impor konten dari blogger ke Hugo. Proses impor ini memakan waktu cukup cepat. Saya kira, tidak sampai 15 menit. Mungkin anda bisa melakukannya lebih cepat. Begini caranya… Sebelumnya, pastikan telah menginstal Go (Golang) dan Git. Kemudian lakukan langkah-langkah berikut ini. 1. Ekspor BlogPertama, kita perlu mengekspor dulu konten yang ada di blogger.

Saya tidak Bisa Bahasa Pemrograman Go, Terpaksa ini yang Saya Lakukan

Saya tidak Bisa Bahasa Pemrograman Go, Terpaksa ini yang Saya Lakukan

Ada cerita menarik yang saya alami ketika migrasi Petani Kode dari Blogger ke Hugo. Waktu itu, ketika saya ingin mengimpor konten dari Blogger ke Hugo, ada sesuatu yang kurang dari skrip Go yang disediakan. Kekuarangnnya tidak mampu membuat atau mengambil gambar (thumbnail) untuk setiap artikel. Saya kemudian berpikir, mungkin nanti saya bisa edit setiap gambar untuk artikel. Namun, rasanya akan sangat melelahkan melakukannya karena jumlah artikelnya sampai ratusan. Tidak ingin melakukan hal yang berulang-ulang seperti kata orang, Don’t Repeat Yourself di singkat DRY.

Konfigurasi Server Apache PHP di Linux agar bisa Upload File

Konfigurasi Server Apache PHP di Linux agar bisa Upload File

Saya berencana akan melakukan instal ulang dalam waktu dekat ini. Karena ada beberapa kerusakan yang saya temukan di Distro Linux yang sedang saya pakai. Sebelum melakukan itu, ada baiknya mencatat dulu konfigurasi server yang sedang berjalan. Supaya nanti mudah mengonfigurasi lagi. Server Apache dan PHP di Linux tidak seperti server XAMPP di Windows. Server Apache dan PHP di linux memiliki hak akses direktori yang harus dipatuhi.

Cara Menggunakan highlight.js di Blogger

Cara Menggunakan highlight.js di Blogger

Template baawan blogger sudah saya modifikasi sedemikian rupa. Namun, masih ada yang kurang, pewarnaan kode (syntax highlighting). Kode yang saya sisipkan di dalam artikel tidak berwarna. Kadang saya memanfaatkan gist github, pastebin, ideone, dsb. untuk menyisipkan kode yang berwarna. Modul highlight.js berfungsi untuk membuat kode (di web) menjadi berwarna. Kode yang berwarna akan lebih mudah dibaca. Karena itu, kita perlu menggunakan highlight.js. Berikut ini cara menggunakan highlight.js di blogger. 1. Memasang higlight.