6 Kesalahan Umum dalam Pembuatan Desain Website

Website merupakan media populer untuk pemasaran bisnis/usaha Anda. Selain berfungsi sebagai media pemasaran, website juga merupakan cerminan bagi perusahaan Anda, maka desain website yang profesional itu penting untuk dimiliki.

1. Menggunakan Template Tanpa Kustomisasi

Peletakan semua elemen desainnya hampir sama. Jika dibuat sketsa, ketiga tampilan di atas akan tampak seperti ini.

Anda dapat melihat sendiri kecenderungan pola desainnya. Logo selalu ditempatkan pada bagian kiri atas header, menu navigasi di samping kanan, image slider di bagian bawah header, kemudian image poin utama yang menunjukan keunggulan dari setiap bidang usaha dalam website tersebut.

It’s ok, no problem if you use a website template like that.

OK, tidak apa-apa jika Anda menggunakan template seperti itu. Namun, ada beberapa hal yang perlu Anda perhatikan untuk kustomisasi template yang Anda gunakan.

a. Logo

Mungkin terdengar agak aneh mengapa logo perlu dituliskan di sini karena pasti Anda sudah mengerti bahwa logo termasuk identitas dari perusahaan Anda. Eits.. jangan salah sangka terlebih dahulu. Hal ini perlu disampaikan mengingat logo sering disepelekan. Bahkan, masih banyak pelaku bisnis yang menggunakan logo asal jadi atau alakadarnya. Bagi Anda yang memiliki usaha, terutama UKM, perkaya pemahaman Anda mengenai pentingnya sebuah logo di artikel kami selanjutnya: Mengapa UKM Perlu Logo Profesional.

Tersedia banyak template/clipart menarik yang memudahkan Anda untuk melakukan kustomisasi logo yang Anda inginkan. Anda hanya perlu memilih clipart yang tersedia di Logomakr dan memberikan teks, setelah itu tinggal save dan logo yang Anda buat akan secara otomatis diunduh dengan format .png yang cukup ditampilkan pada website Anda. Namun sayangnya untuk mendapatkan High Resolution (format vector) Anda harus membayar $19 supaya bisa dicetak di berbagai media

Hampir sama dengan Logomakr, Logogarden menyediakan clipart menarik yang dapat Anda kustomisasi sesuai keinginan. Akan tetapi, dalam versi gratisan Logogarden Anda hanya mendapatkan file low resolution .jpg sedangkan untuk mendapatkan file High Resolution Anda cukup membayar $12.

b. Slider

Saat pertama kali dilihat, sekilas banner slider memang terlihat sangat menarik karena tampilannya yang dinamis. Akan tetapi tahukah Anda bahwa slider dapat merusak kinerja website?

Slider yang terlalu cepat bisa merusak pesan yang ingin Anda tampilkan di halaman utama.

Tidak semua slider bisa bekerja dengan baik pada tampilan mobile (responsive website).

Slider juga dapat mengakibatkan pengunjung jadi kurang fokus karena terlalu banyaknya pesan yang ditampilkan.

Hal inilah yang pada akhirnya akan membuat para pengunjung meninggalkan website Anda. Jadi silakan pertimbangkan kembali pentingnya fitur slider ini.

Slider bukanlah satu-satunya fitur yang dapat membuat website terlihat lebih dinamis. Tata letak (baca: layout) yang bagus berikut penggunaan animasi yang sesuai juga dapat memberikan dampak baik bagi website Anda. Salah satu contoh layout yang bagus adalah seperti yang diterapkan oleh Cleverbird.com

Penggunaan image yang sesuai dengan jasa yang ditawarkan, kualitas gambar yang bagus kemudian penempatan teks posisi ditengah yang membuat mata pengunjung lebih fokus kepada apa saja yang ditampilkan di website Cleverbird.com, beserta animasi yang sederhana dan tidak mengganggu mata itulah yang menjadikan Layout website ini pantas Anda jadikan inspirasi.

c. Kontak

Benar sekali. Kontak adalah hal yang penting untuk ditampilkan dalam website. Silakan lihat kembali tiga template yang ditampilkan di atas. Sebagian besar bahkan tidak menampilkan kontak.

Dengan adanya kontak atau nomor telepon, website Anda terlihat lebih terpercaya.

Nah, inilah poin utamanya: membangun kepercayaan pengunjung. Bayangkan jika Anda sudah membuat website sedemikian bagus namun Anda malah tidak menampilkan kontak. Apa jadinya?

Baik, mari kita lanjutkan. Lantas bagaimana penempatan kontak yang baik? Pada umumnya, kontak diletakkan pada bagian Header. Fungsinya adalah untuk mencuri kesan pertama pengunjung ketika pertama kali melihat website Anda.

Bluehost meletakkan kontak di bagian atas sebelah logo dimana kebanyakan mata manusia melihat konten website dari kiri ke kanan sehingga hal ini akan memudahkan pengunjung untuk menemukan kontak yang ditampilkan.

Zappos meletakkan kontak di bagian header diatas logo berguna untuk mempermudah pengunjung menemukan kontak yang ditampilkan di website.

Berbeda dengan kedua contoh diatas roosterschicken.com menempatakan kontak disisi kanan, dengan menggunakan backgroud warna kuning dan teks kontak lebih besar serta menggunakan warna hitam sehingga tampilan kontak kontrast dan mempermudah pengunjung menemukannya.

2. Memilih Foto/Gambar dengan Kualitas Kurang Baik

Salah satu bagian yang penting ketika membangun desain website adalah foto. Pemilihan foto atau gambar yang tepat dapat menyampaikan jutaan makna, karena foto yang baik dapat menyampaikan emosi, memberikan perintah untuk melaksanakan aksi, menjelaskan fitur atau produk secara rinci, bahkan menggambarkan konsep tanpa harus membaca sebuah kata dalam promosi

A good website starts with a good image.

Begitu juga sebaliknya. Foto yang kurang baik dapat memberikan kesan buruk bagi website Anda. Perlu Anda ketahui juga bahwa foto/gambar yang baik digunakan dalam website tidak melulu harus High Resolution (beresolusi tinggi). Mengapa? Resolusi yang terlalu tinggi dapat turut mempengaruhi kinerja website Anda, dan berpotensi memperlambat kecepatan akses. Jadi, silakan pertimbangkan baik-baik penggunaan foto untuk website Anda.

Adapun untuk mengoptimalkan kualitas foto/gambar yang Anda gunakan agar tetap dalam ukuran kecil, Anda dapat menggunakan tool optimizer online berikut ini.

TinyJPG & TinyPNG

Tools online ini bisa mengoptimasi file image Anda sampai 70%, maksimal proses dalam sekali optimasi 20 image dan setiap image maksimal berukuran 5MB, Hanya untuk optimasi file berekstensi .jpg dan .png.

Compressor.io

Lain halnya dengan tinypng. Tools ini dapat mengoptimasi file image hingga 90%, tak hanya bisa mengotimasi file berekstensi .jpg dan .png tools ini juga bisa mengoptimasi file .gif dan .svg. Maksimal file untuk dioptimasi 10MB namun sayangnya hanya dapat memproses 1 image sekali optimasi.

3. Navigasi yang Terlalu Rumit

Di sinilah Anda harus berpikir lebih keras lagi. Pada bagian Navigasi Anda harus bisa memahami apa yang sebenarnya Anda dan para pengunjung website inginkan.

Menentukan navigasi dapat digambarkan seperti meletakkan pondasi awal rumah.

Kegagalan dalam menentukan pondasi awal dapat beresiko mengakibatkan rumah Anda roboh.

Ada cara cepat yang bisa Anda tempuh untuk menentukan navigasi seperti apa yang akan Anda gunakan: bertanya pada diri Anda sendiri. Apa yang perlu Anda tanyakan?

Berikut adalah beberapa hal yang dapat Anda tanyakan kepada pada diri Anda untuk membantu mempersiapkan skema navigasi.

Halaman apa saja yang dibutuhkan website ini?

(Anda dapat melihat referensi website yang sesuai dengan usaha/bisnis Anda jalankan)

Apakah setiap halaman memiliki skema lain yang lebih luas?

Apakah konten akan dipecah ke dalam beberapa bagian?

Apa tujuan utama pengunjung Anda?

(Apakah mereka mencari informasi? Ataukah mereka ingin menjadi pelanggan Anda? Jawaban pertanyaan ini juga akan menentukan apakah website Anda memerlukan sistem login atau tidak)

Dengan menjawab semua hal di atas dan memahami bagaimana konten website Anda saling berkaitan, Anda akan menemukan dasar dalam menentukan navigasi yang baik.

Simple is better

Inilah yang diterapkan oleh designmuseum, dimana hanya ada 1 menu di atas dan memanfaatkan scroll sebagai navigasi utama, berdasarkan kebiasaan para pengguna internet ketika mengunjungi sebuah website.

indicate content to users

Mempertegas navigasi menggunakan icon agar memudahkan pengguna untuk memahami konten didalam navigasi yang disajikan

show the most important

Karena sebuah agency yang dibutuhkan informasinya oleh pengunjung berupa portfolio/work, Deskripsi layanan dan Kontak maka hanya ada 3 menu navigasi di website yang diterapkan oleh manifold.

4. Penggunaan Tipografi dan Warna yang Kurang Sesuai

Bicara tentang desain tidak akan lepas dari urusan tipografi dan warna. Karena topik ini tidak akan ada habisnya jika dibahas dan penjelasannya berpotensi sangat panjang, kami tidak akan membahasnya secara rinci di sini.

Penggunaan tipografi dan warna yang sesuai dapat membuat desain website Anda lebih konsisten dengan brand (identitas) perusahaan Anda.

Percaya atau tidak (tapi sebaiknya Anda percaya, trust me I’m a designer), kebanyakan pengunjung datang ke website hanya untuk membaca apa yang Anda tawarkan. Bentuknya bisa bermacam-macam, baik itu artikel, review produk, maupun informasi mengenai usaha Anda. Mereka mengunjungi website Anda untuk membaca teks dan jarang sekali memperhatikan warna atau elemen desain lain yang Anda gunakan.

Maka dari itu, perhatikan dengan seksama pemilihan tipografi dan warna ketika membangun sebuah website. Bahkan ketika Anda merasa sudah memiliki warna serta tipografi favorit, alangkah baiknya jika Anda lebih berhati-hati.

Berikut adalah beberapa website dengan perpaduan sangat baik antara tipografi dan warna yang dapat Anda jadikan inspirasi.

Basisystems

Contoh desain yang clean, minimalist dan terkesan elegant.Dengan sentuhan hangat warna cokelat muda sebagai warna latar belakang dan dipadukan dengan penggunaan typografi Type Serif semakin memperjelas kesan mewah dari produk yang ditawarkan.

L’avenir

Ingin menampilkan kesan yang resmi, profesional dan clean L’avenir adalah contohnya. Memadukan warna hijau dan orange serta abu-abu muda sebagai warna latar belakang dan typografi sans serif untuk mempertegas citra profesional.

5. Call to Action Kurang Menarik

Bagi Anda yang belum tahu apa itu Call to Action beberapa contoh berikut ini bisa membantu Anda lebih memahaminya lagi. Pernahkah Anda mengunjungi halaman awal Facebook seperti ini?

Atau mengunjungi halaman awal WordPress seperti ini.

Atau Anda gemar berbelanja online di Lazada yang memiliki halaman seperti ini?

Dari tiga gambar di atas, coba Anda perhatikan bagian yang ditandai kotak berwarna merah. Bisa jadi saat ini Anda berpikir bahwa ini adalah sebuah tombol. Ya, benar sekali. Call to Action (biasa disingkat sebagai CTA) memang biasanya berbentuk tombol yang diletakkan dalam sebuah website. Tujuannya agar pengunjung melakukan suatu tindakan (misalnya tombol “Daftar Sekarang!“), mengarahkan pengunjung ke halaman website dengan informasi yang lebih lengkap (misalnya tombol “Selengkapnya …“) dan lain-lain.

CTA yang baik idealnya dapat meningkatkan penjualan dalam sebuah website.

Salah satu faktor yang mempengaruhi hal ini adalah desain visual CTA. Di sini ada dua elemen utama yang perlu Anda perhatikan: tombol dan teks.

Desain tombol CTA dapat dikatakan menarik apabila kualitas dari desain tombol tersebut berhasil menyita perhatian pengunjung. Indikatornya, pengunjung tidak akan bertanya, “Di mana saya harus meng-klik?” ketika mengunjungi website Anda.

Teks dalam desain CTA disebut optimal apabila teks yang dibuat bisa meyakinkan pengunjung bahwa mereka harus segera melakukan apa yang Anda inginkan. Teks ini bertujuan mempengaruhi pikiran mereka bahwa hal tersebut sangat penting untuk dilakukan, agar mereka tidak perlu bertanya kepada diri sendiri dengan ragu, “Mengapa saya harus klik ini?”

Berikut adalah contoh website dengan CTA menarik yang bisa Anda jadikan inspirasi.

Adobe Businesscatalyst

Tombol CTA dengan warna kuning dan teks “Get Started For Free” yang sangat jelas dan mudah terbaca akan menyita perhatian pengunjung untuk segera menekan ( meng-klik) tombol tersebut.

Zendesk

enempatan tombol CTA yang sempurna, diantara 2 image dan tepat posisi ditengah beserta teks copy “Try Zendesk For Free” membuat design CTA semakin jelas terlihat dan nyaman untuk segera menekan tombol CTA tersebut.

6. Slow Loading Page

Dari lima poin yang sudah disebutkan di atas, kecepatan loading space yang sering dilupakan oleh banyak desainer. Padahal, hal ini termasuk salah satu poin penting dalam membangun sebuah website. Anda pasti cukup sering mengalaminya. Apa yang biasa Anda lakukan ketika berkunjung ke sebuah website namun halamannya tak kunjung terbuka? Apakah refresh halaman? Atau mungkinkah Anda akan segera meninggalkan halaman tersebut? 

Apabila Anda tidak ingin hal ini terjadi pada website Anda, sebaiknya Anda cek kembali hal-hal yang dapat membuat proses loading website Anda lambat, seperti :

Ukuran foto/gambar yang digunakan

Keperluan konten video

Script css dan javascript yang terlalu banyak dan mengakibatkan storage membengkak

Layanan hosting yang Anda gunakan

berikut adalah tools untuk memeriksa kecepatan loading page website

Googlepagespeed

Google Page Speed bisa menganalisa website dengan tampilan mobile dan dekstop jadi pada setiap elemen yang terdapat di website Anda terdapat analysa tersendiri dari yang versi mobile dan versi dekstopnya, sehingga ini akan mempermudah Anda untuk memperbaiki bagian-bagian tertentu sesuai yang direkomendasikan oleh tools ini.

GTMetrix

Lain halnya dengan Googlepagespeed, GTMetrix tidak menganalisa page speed pada tampilan website mobile namun memberikan keunggulan pada nilai Yslow dimana nilai ini diambil dari rata-rata Googlepagespeed dan Yahoo, serta membandingkan dengan website yang pernah melakukan test dengan GTMetrix.

contoh kasus slow loading page yang terjadi pada website www.oakleysunglasses2.us.com

Test loading page dengan Googlepagespeed

Tampilan Desktop

Tampilan Mobile

Yang terdapat dalam kotak merah itu adalah nilai hasil test loading page sedangkan yang didalam kotak warna hijau itu elemen-elemen yang perlu diperbaiki.

Test loading page dengan GTMetrix

Yang terdapat dalam kotak merah itu adalah nilai hasil test loading page sedangkan yang didalam kotak warna hijau itu rekomendasi elemen mana yang perlu diperbaiki.

Kesimpulan

Citra yang baik tentu dapat membuat para pelanggan lebih senang melakukan bisnis dengan Anda. Melalui desain website yang baik, bisnis Anda dapat terlihat lebih meyakinkan, dan ini artinya Anda memiliki kesempatan lebih besar untuk meraih kesuksesan di internet.

Read More

21 Cara Mempercepat Loading Website WordPress Anda

Mengapa Kecepatan Penting untuk website Anda?

Anda tentu tidak ingin mengalaminya, mengakses suatu website guna memperoleh informasi namun malah menjumpai halaman dengan loading page lama. Begitu pula dengan pengunjung website Anda. Mereka dapat segera meninggalkan website Anda apabila informasi yang ada terlalu lambat ditampilkan. Hal ini yang nantinya berimbas pada konversi penjualan website bisnis Anda. 

Loading lama dapat membuat para pengunjung pergi dari website Anda. Sebuah riset yang dilakukan oleh Kissmetrics mengungkapkan, rata-rata loading time yang diperlukan saat pertama mengakses website hanya sekitar 3 detik saja.

Dalam jangka panjang, website yang lambat juga akan berimbas pada Google Ranking. Seperti yang Anda ketahui, Google tidak akan memprioritaskan website dengan waktu loading lama. Tentu hal ini buruk bagi bisnis Anda, bukan?

Selain mudah (Anda dapat melakukan optimasi sendiri di rumah), sebagian poin tips di sini memiliki prinsip yang universal. Artinya, Anda juga dapat menerapkannya menggunakan platform lain.

Bagaimana Cara Melakukan Pengecekan Kecepatan Website?

Beberapa website seperti GTMetrix, Pingdom, dan Google Page Speed dapat membantu Anda melakukan analisa kecepatan website serta memberikan masukan bagian mana yang harus Anda optimasi. Anda dapat menggunakan tool ini untuk menentukan langkah yang tepat Anda lakukan, sesuai kondisi serta keadaan website Anda.

Mengapa Website Dapat Memiliki Loading Time Tinggi?

Ketika Anda melakukan pengecekan melalui situs seperti Google Page Speed, terdapat beberapa rekomendasi hal apa saja yang harus Anda lakukan untuk optimasi website. Penyebabnya memang bisa bermacam-macam. Akan tetapi, pada umumnya ada beberapa penyebab utama mengapa website memiliki loading time tinggi. Berikut adalah beberapa di antaranya.

Web Hosting. Layanan hosting yang kurang memadai dapat membuat website Anda tampil lebih lambat.

Konfigurasi WordPress. Ketika melakukan konfigurasi, Anda tidak memperhatikan penanganan cache, maka akan berimbas pada kecepatan WordPress Anda.

Ukuran File Gambar. Jangan sepelekan gambar yang terdapat dalam website Anda. Pastikan gambar pada WordPress telah dikompresi maksimal sehingga tidak membebani load website Anda

Plugin WordPress. Beberapa plugin dapat memperlambat load website Anda.

Server Hosting. Memastikan konfigurasi dari server hosting.

1. Mengaktifkan Caching WordPress Anda

Hal mendasar dan yang pertama kali harus Anda lakukan adalah menggunakan caching plugin di website WordPresss Anda. Lakukan dengan bantuan beberapa plugin seperti WP Super Cache, W3 Total Cache, dan WP Super. Pada dasarnya plugin caching akan bekerja dengan membuat file html statis, sehingga ketika diakses kembali dapat diakses dengan lebih cepat karena tidak perlu memuat script dinamis yang membebani kinerja server. Selain itu, beberapa plugin caching memiliki fungsi tambahan seperti minify file HTML, CSS, bahkan caching browser.

2. Melakukan Kompresi Gambar pada Website

Sebaiknya Anda tidak menyepelekan hal ini. Gambar berukuran besar pada website Anda bisa menambah waktu loading. Solusinya adalah lakukan optimasi. Poin pentingnya, minimalkan ukuran gambar namun pastikan tetap terlihat dengan resolusi yang baik. Anda dapat menggunkan plugin WP-Smush untuk optimasi gambar diseluruh website dan resolusi yang Anda dapatkan tetap maksimal. Setelah itu, untuk meminimalkan ukuran gambar, lakukan pengecekan dahulu menggunakan GTMetrix. Nantinya GTMetrix akan memberikan informasi gambar mana saja yang masih bisa Anda perkecil. Mengubah ukuran gambar bisa Anda lakukan dengan Photoshop, Photoscape, dan lain-lain. 

3. Pastikan WordPress Menggunakan Versi Update

WordPress merupakan platform open source yang selalu berkembang dan terus disempurnakan. Anda harus selalu melakukan update versi terbaru WordPress. Upadate dilakukan untuk memperbarui fitur dan menghilangkan bug dalam versi sebelumnya. Begitu pula dari sisi kecepatan, WordPress yang tidak update lebih lamban dan rentan terhadap ancaman seperti malware, virus, bahkan ancaman hacker.

4. Menghapus Plugin yang Tidak Berguna dalam Website

Plugin berfungsi untuk membantu meningkatkan kinerja website Anda. Akan tetapi, pastikan Anda hanya menggunakan plugin sesuai kebutuhan. Plugin yang tidak Anda gunakan namun tetap terpasang akan memperlambat website Anda.

Semakin banyak Anda menggunakan plugin, semakin banyak sumber daya yang Anda butuhkan. Hal ini tentunya akan mempengaruhi performa website. Oleh karena itu, gunakan plugin secara optimal, cukup gunakan satu plugin dengan fungsi yang sama atau Anda bisa melakukan instalasi satu plugin dengan banyak fungsi.

Apabila saat ini Anda sudah menggunakan banyak plugin dan bingung plugin mana saja yang akan di uninstal, maka gunakanlah Plugin Performance Profiler. Sehingga nantinya Anda akan mengetahui plugin mana saja yang tetap Anda gunakan atau bahkan Anda ganti.

5. Menggunakan CDN (Content Delivery Network)

CDN akan membantu website Anda lebih cepat diakses dari lokasi manapun. Jika pada umumnya lokasi server mempengaruhi kecepatan akses, CDN akan membuat website Anda cepat diakses dari lokasi manapun. Jaringan CDN terdapat di seluruh dunia dan menyimpan file statis website Anda. Dimanapun lokasi server Anda, pengunjung website akan mendapatkan informasi dari CDN terdekat sehingga website menjadi lebih cepat diakses.

Sebagai contoh, lokasi server Anda di Amerika Serikat dan pengunjung website berada di Indonesia. Para pengunjung akan mendapatkan informasi dari CDN terdekat, bukan langsung dari server Anda di Amerika Serikat.

6. Memilih Tema yang Ringan, Cepat, dan Asli

Saat memilih tema untuk WordPress, jangan hanya lihat dari tampilan saja. Anda sebaiknya memilih tema yang tidak terlalu berat, sehingga ketika diakses tidak memperberat load website Anda. Sangat disayangkan apabila pengunjung website Anda belum sempat mendapat informsi penting website dikarenakan tema Anda yang terlalu berat. Selain itu, sebaiknya Anda menggunakan tema WordPress premium yang mendukung SEO agar lebih disenangi mesin pencari dan lebih diutamakan oleh Google.

7. Melakukan Optimasi Database

Berbagai aktivitas di website WordPress Anda akan menambah kerja dan database semakin berat. Website WordPres Anda tentunya semakin hari semakin berkembang Komentar SPAM, tags yang tidak digunakan, bahkan revisi yang terlalu banyak akan memperberat database yang mengakibatkan website semakin lemot. Untuk membersihkannya, Anda dapat menggunakan plugin WP-Optimize yang sudah tersedia di WordPress Anda. Cukup lakukan instal dan aktifkan dan Anda dapat mengontrol secara penuh website WordPress Anda.

8. Jangan Langsung Upload Video di WordPress Anda, Gunakan Embed URL

Apabila Anda akan menyisipkan video dalam post atau website, sebaiknya Anda jangan langsung upload. Anda dapat menggunakan fasilitas embed video dari Youtube cantumkan pada editor WordPress. Nantinya video ini akan ditampilkan secara otomatis saat publish.

Apabila Anda menambahkan video langsung pada website, ini hanya akan membebani kinerja website serta menghabiskan bandwidth hosting Anda, sekalipun Anda menggunakan hosting unlimited. Optimasi ini cukup efektif meningkatkan kecepatan website Anda, terutama jika Anda banyak menampilkan konten video.

9. Aktifkan Kompresi Gzip

Ketika Anda menggunakan kompresi Gzip loading website WordPress Anda menjadi semakin cepat. Kompresi gzip berfungsi untuk memperkecil ukuran file website CSS, HTML, javascript, json, xml maupun font. Selain mempercepat loading website, sumber daya server dan bandwidth hosting Anda akan menjadilebih hemat.

Menggunakan cara ini, pengunjung website Anda tentu akan merasa lebih senang karena tidak perlu menunggu lama untuk mengakses website. Cara mengaktifkan kompresi Gzip bisa Anda lakukan secara manual melalui cPanel. Login cPanel hosting Anda, kemudian salin copy kode berikut dan paste pada .htacess Anda.

<IfModule mod_filter.c> <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE "application/atom+xml" \ "application/javascript" \ "application/json" \ "application/ld+json" \ "application/manifest+json" \ "application/rdf+xml" \ "application/rss+xml" \ "application/schema+json" \ "application/vnd.geo+json" \ "application/vnd.ms-fontobject" \ "application/x-font-ttf" \ "application/x-javascript" \ "application/x-web-app-manifest+json" \ "application/xhtml+xml" \ "application/xml" \ "font/eot" \ "font/opentype" \ "image/bmp" \ "image/svg+xml" \ "image/vnd.microsoft.icon" \ "image/x-icon" \ "text/cache-manifest" \ "text/css" \ "text/html" \ "text/javascript" \ "text/plain" \ "text/vcard" \ "text/vnd.rim.location.xloc" \ "text/vtt" \ "text/x-component" \ "text/x-cross-domain-policy" \ "text/xml" </IfModule> </IfModule>

10. Disable Hotlink di Website Anda

Meskipun disable hotlink tidak langsung berimbas pada kecepatan loading website, ini adalah salah satu optimasi kecepatan yang dapat Anda lakukan sendiri. Singkatnya, Anda hanya perlu memastikan hotlinking Anda nonaktif.

Ketika ada beberapa website yang menggunakan gambar Anda, dan gambar ini diakses pengguna, secara tidak langsung, website-website tersebut akan ‘mencuri’ bandwidth server Anda. Untuk menghindari hal ini, Anda dapat menonaktifkan hotlinking dengan mudah.

Upload file berikut ke .htaccess Anda. Ganti nama domain sesuai nama domain Anda sendiri.RewriteEngine on RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?niagahoster.co.id [NC] RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L] 

11. Minify CSS, Javascript, dan HTML

Pastikan file-file Anda tidak memberatkan akses website Anda. Pastikan file-file website Anda tidak memperberat load website. Lakukan minify file-file CSS, Javascript, dan HTML di website Anda dengan bantuan beberapa plugin seperti WordPress Minify dan W3 Total Cache. Menggunakan plugin berikut membuat Anda tidak perlu melakukan minify secara manual.

12. Memperbaiki Broken Link atau Link yang Rusak

Broken link akan mengakibatkan suatu halaman tidak dapat diakses dan menampilkan pesan Error 404. Siapapun yang mengakses website dan menginginkan suatu informasi pasti akan kecewa dan akan langsung keluar dari website Anda. Banyaknya kunjungan halaman yang rusak akan mempengaruhi citra Anda di mesin pencari maupun pengunjung website Anda. Karenanya, pastikan setiap halaman website dapat diakses dengan baik.

Anda pun tidak perlu repot-repot melakukannya secara manual. Menggunakan Google Webmaster Tools, Anda hanya perlu register dan melakukan pengecekan. Alhasil, semua broken link akan terdeteksi.

13. Membatasi Jumlah Konten Per Halaman

Tampilkan konten andalan Anda pada halaman utama. Akan tetapi, sebaiknya Anda tidak serta-merta meletakkan semua konten yang ada di sana. Waktu load website akan berkurang secara signifikan dengan membatasi jumlah tampilan postingan di setiap halamannya. Sebanyak 5 hingga 7 postingan tentu akan lebih meringankan dibandingkan 10-15 postingan di setiap halaman. Perhatikan hal ini dengan seksama dan website Anda dapat tampil lebih cepat.

14. Disable Fungsi Trackback dan Pingback

Trackback dan pingback dapat membuat website WordPress semakin cepat terindeks mesin pencari. Akan tetapi, fitur ini seringkali dimanfaatkan oleh para spammer untuk mendapatkan backlink otomatis. Spam yang dikirimkan lambat laun akan menjadi sampah di database WordPress Anda. Hal ini, tentu saja, dapat menyebabkan loading website menjadi lebih lambat. Untuk menonaktifkan, silakan gunakan plugin bernama Disable XML-RPC Pingback.

Sebagai alternatif, Anda juga dapat melakukannya secara manual melalui Dashboard WordPress Anda > Settings > Discussion > Hilangkan centang pada opsi allow link notifications…

15. Memilih Layanan Hosting yang Tepat

Jenis layanan yang tepat merupakan salah satu kunci utama cara mempercepat loading website WordPress. Jika kunjungan website Anda tinggi dan memerlukan resource lebih, tentu Anda memerlukan lebih dari sekedar shared hosting. Untuk hal ini Anda dapat menggunakan layanan VPS, misalnya. Sebaliknya, jika Anda memiliki kebutuhan server biasa saja, Anda dapat menggunakan shared hosting.

Penggunaan jenis layanan yang tidak tepat akan membuat website Anda bekerja kurang efektif. Bayangkan seperti ini: Anda memiliki ruangan sempit dan dikunjungi oleh 100 orang secara bersamaan. Tentu tidak akan memadai, bukan? Apabila Anda masih ragu layanan apa yang tepat, silakan konsultasikan dengan penyedia layanan hosting Anda.

16. Membatasi Revisi Setiap Postingan

Membatasi revisi postingan memang tidak serta-merta menambah kecepatan website. Akan tetapi, hal ini dapat meringankan database WordPress Anda. Revisi postingan yang menumpuk akan berimbas pada menumpuknya sampah dalam database Anda. Batasi revisi dalam setiap postingan dengan cara menambahkan kode berikut di wp-config Andadefine( 'WP_POST_REVISIONS', 5 );

Isikan angka sesuai jumlah revisi yang Anda inginkan.

17. Meletakkan CSS pada Header dan JS di Footer

Javascript merupakan client side progamming. File tersebut dijalankan dari sisi web browser klien bukan dari sisi webserver Anda. Karenanya, letakkan file-file JS footer di bagian bawah/footer agar webserver dapat memuat halaman terlebih dahulu hingga selesai dan kemudian dari sisi klien mengeksekusi file js. Dengan menempatkan load sccript yang sesuai, website Anda lebih cepat diakses.

18. Turunkan Query Database

Request database WordPress ke server sangat berpengaruh terhadap kecepatan website. Anda sebaiknya mengurangi penggunaan tabel database dengan query tinggi. Apabila Anda tidak mengetahui tabel database mana saja yang memberatkan server, silakan gunakan plugin Query Monitor. Plugin ini akan membantu Anda melakukan pengecekan database. Informasi query database yang membebani performa server maupun query yang lambat bisa Anda lihat menggunakan plugin ini dengan mudah.

19. Minimalkan Redirect

Anda tentu ingin informasi pada website diterima dengan lengkap oleh para pengunjung. Meskipun demikian, terkadang ada informasi yang harus diarahkan ke website lainnya menggunakan URL berbeda. Hal ini tidak salah, hanya saja adanya redirect dapat menimbulkan permintaan load HTTP berlebih yang berpeluang memperlambat load website Anda.

Pada intinya, Anda perlu menyederhanakan alur redirect website Anda. Anda dapat mengurangi link ke halaman lain di luar website Anda. Sebagai contoh, misalnya saja memiliki dua halaman: Halaman 1 dan Halaman 2, dan ingin sama-sama Anda arahkan ke Halaman 3. Dalam kasus ini sebaiknya Anda mengarahkan Halaman 1 langsung ke Halaman 3 tanpa harus melalui ke Halaman 2 terlebih dahulu.

20. Mengaktifkan HTTP Keep-Alive

HTTP Keep-Alive merupakan sebuah metode untuk mempercepat loading website dengan cara mempertahakan agar ketik website Anda diakses, request file ke server tidak berulang. Anda dapat mengaktifkannya dengan mudah melalui .htaccess. Salin kode berikut ini untuk memulai.<IfModule mod_headers.c> Header set Connection keep-alive </IfModule>

21. Menghapus Query String dari Sumber Statis

Cara mempercepat website website WordPress terakhir yang dibahas dalam artikel ini adalah menghapus query string dari sumber statis. Menghilangkan query statis seperti style-sheet dan Javascript akan mempengaruhi kecepatan website Anda karena penghapusan cache tidak dapat dilakukan.

Menghapus cache tidak dapat dilakukan pada link yang berisi tanda baca “?”. Silakan gunakan query string hanya pada sumber dinamis.

Anda tidak perlu bingung, plugin Remove Query String From Static Resource akan membantu Anda

Cara mempercepat loading website WordPress di atas dapat Anda coba terapkan pada website dengan mudah. Kecepatan memang hal penting, namun bukan satu-satunya hal yang harus diperhatikan. Anda juga harus memperhatikan hal lain seperti bagaimana membuat website menarik secara visual, konten website yang bermanfaat dan juga keamanan website WordPress secara keseluruhan.

Read More

Changing SQL Server Default TCP Port

Seperti diketahui bahwa Default TCP Port dari SQL Server adalah 1433. Sebagai langkah pengamanan, default TCP port tersebut direkomendasikan untuk diganti dengan nilai port lain.

Langkah-langkah untuk mengganti default TCP port adalah sebagai berikut (misal kita ganti dengan 1355, demo ini menggunakan SQL Server 2008 R2) :

pertama kita masuk ke SQL Server Configuration Manager –> SQL Server Network Configuration –> Protocol for <NamaInstance>

Kemudian klik kanan pada Protocol Name TCP/IP lalu pilih Properties lalu pilihlah tab IP Addresseses . Terlihat jelas bahwa TCP Port default terdaftar pada semua IP Address yang ada.

Kosongkan semua nilai yang ada di TCP Port pada setiap IP Address yang ada kecuali untuk IP Addresses IPAll. Kosongkan TCP Dynamic Port. Isi TCP Port pada IPAll dengan nilai 1355

Klik Ok, sesuai Warning Box diatas, kita restart Services dari SQL Server.

Langkah selanjutnya adalah memasukkan Inbound Rules baru pada Firewall untuk port 1355.

Setelah TCP Port 1355 di assign ke Inbound rules pada firewall, sampai langkah ini kita telah selasai mengganti TCP Port Default dari SQL Server.

Agar Client bisa melakukan komunikasi dengan SQL Server yang telah berganti nilai TCP Portnya, Name Server nya perlu didampingi dengan nilai TCP portnya. Contoh penulisannya seperti Connectionstring berikut :

Provider=SQLNCLI10;Server=myServerAddress,1355;

Database=myDataBase;Uid=myUsername; Pwd=myPassword;

Tampak pada penyebutan name server ditulis seperti ini : myServerAddress,1355.

Read More

Membeli Domain

Apa itu Domain?

Domain adalah alamat dari sebuah website yang bisa diakses online. 

Sebagai contoh, ketika Anda ingin mengunjungi situs Wikipedia, Anda cukup mengetikkan: www.wikipedia.org. Dalam sekejap halaman website Wikipedia akan ditampilkan. 

Begitu juga, saat Anda mengakses sebuah website yang belum Anda ketahui namanya, apa yang terpampang pada kolom URL di browser merupakan alamat website tersebut. 

Hadirnya domain membantu Anda mengakses sebuah website tanpa perlu mengingat deretan alamat IP. IP sendiri adalah serangkaian angka yang digunakan oleh komputer untuk saling berkomunikasi atau bertukar data satu sama lain. 

Dengan pemanfaatan domain, komunikasi antara manusia dengan komputer dapat berjalan dengan baik. 

1. Membangun Personal Branding dengan Mudah

Ingin membangun personal branding dengan efektif? Manfaatkanlah domain yang Anda miliki. Anda bisa membangun personal branding lewat sebuah website portofolio. 

Sebuah website portfolio akan menampilkan citra diri Anda secara profesional. Tidak hanya berupa penjelasan tentang keahlian Anda, sebuah website portfolio juga bisa digunakan untuk menunjukkan karya terbaik Anda. 

Misalnya, jika Anda seorang desainer grafis, karya desain Anda bisa ditampilkan pada sebuah halaman gallery di website Anda. 

Tentunya, website portofolio Anda membutuhkan layanan hosting sebagai media penyimpanan. Jika domain adalah alamat website Anda, hosting ibarat rumah bagi semua aset website Anda. 

Dengan memiliki personal branding yang kuat, semakin mudah bagi Anda dikenal sebagai profesional. Terlebih di era digital saat ini, personal branding sangat penting untuk mendapatkan klien baru dan relasi bisnis.

Sebaiknya, Anda segera menentukan domain yang ingin Anda gunakan untuk keperluan branding ini. Ketika domain sudah menjadi milik orang lain, Anda harus rela menggunakan nama yang berbeda. 

Intinya, siapa cepat, dia dapat!

2. Bisa Membuat Email yang Profesional 

Ketika melakukan korespondensi bisnis melalui email, Anda harus mampu tampil profesional. 

Menggunakan email seperti penerbitku@gmail.com atau yudideveloper@hotmail.com tentu tampak kurang bonafide. Apalagi jika Anda sedang dalam tahap menjalin bisnis dengan relasi baru. Selain kurang meyakinkan, Anda akan kesulitan bersaing dengan kompetitor yang telah menggunakan email profesional. 

Oleh karena itu, membuat email yang profesional dengan domain Anda sendiri sangatlah penting.

Sebagai contoh, jika nama domain Anda adalah digitalnews.com, tentu lebih menarik bagi relasi Anda ketika Anda menggunakan email kontak@digitalnews.com. 

3. Membangun Blog yang Menarik

Domain yang Anda miliki dapat digunakan untuk membangun sebuah blog yang menarik. Untuk itu, penting untuk memilih dan membeli domain yang unik dan sesuai dengan topik yang Anda gemari. 

Blog merupakan jenis website yang berisi konten yang terupdate. Konten yang Anda buat bisa berupa teks, file audio, video, maupun perpaduan dari berbagai media tersebut. 

Selain bisa dimanfaatkan sebagai media mencurahkan ide dan pengalaman pribadi, atau melatih kemampuan menulis Anda, blog juga bisa dijadikan sumber penghasilan.

Tahukah Anda bahwa membuat blog itu mudah? Dengan mengikuti panduan yang benar, blog impian Anda bisa terwujud dalam waktu singkat. Silakan baca panduan lengkap kami tentang cara membuat blog.

4. Membangun Toko Online yang Menguntungkan

Jika domain Anda menunjukkan identitas bisnis, menggunakannya untuk membangun toko online adalah langkah yang tepat. 

Contohnya, jika domain yang Anda miliki adalah cantikcraft.com, Anda bisa menggunakannya berjualan hasil kerajinan tangan secara online. 

Faktanya, potensi ecommerce Indonesia sangat besar! Bahkan di tahun 2025, transaksi pasar online di Indonesia diprediksi bisa mencapai US$82 miliar. Dengan memasarkan produk Anda secara online, potensi keuntungan yang Anda dapatkan bisa meningkat. Apalagi jika konsumen Anda berasal dari seluruh dunia.

Untuk membangun sebuah website toko online ada beberapa langkah yang bisa Anda lakukan.

Mulailah dengan menentukan platform. Salah satu platform paling umum dan banyak direkomendasikan adalah WordPress. Dengan menggunakan WordPress, Anda bisa memasang WooCommerce, sebuah plugin yang akan menjadikan toko online Anda memiliki fungsi lebih lengkap.

Selanjutnya, Anda cukup melakukan kustomisasi agar toko online Anda tampil menarik. Jangan lupa untuk terus mengembangkan toko online Anda agar kian menguntungkan. 

5. Membuat Custom Domain untuk Blogger Anda

Layanan Blogger dari Google sempat menjadi primadona bagi banyak blogger di Indonesia. Apakah Anda salah satunya?

Sayangnya, layanan ini menyematkan subdomain blogspot.com pada nama blog. Contohnya: wirausaha.blogspot.com. 

Nama di atas tentu terlihat kurang personal, bukan? Bandingkan jika nama blog Anda adalah wirausaha.com. 

Nah, jika Anda sudah memiliki domain sendiri, Anda bisa membuat custom domain untuk blogger Anda. Singkatnya, Anda mengganti nama panjang blogspot dengan nama domain Anda sendiri. 

Tujuan dari membuat custom domain adalah membuat blog Anda lebih fleksibel dalam hal pemilihan nama, lebih mudah ditemukan mesin pencari, dan terlihat profesional.

Terdapat beberapa langkah untuk membuat custom domain blogger. Kami memiliki panduan lengkapnya untuk Anda. 

6. Mendapatkan Keuntungan dari Penjualan Domain

Apakah Anda bisa menjual sebuah domain kembali? Jawabannya, bisa. 

Anda mungkin tidak terpikir bahwa sebuah domain dapat dijadikan investasi yang menguntungkan. Faktanya, sebuah domain bisa memiliki nilai penjualan yang berlipat ganda melampaui harga pembeliannya. 

Contohnya, jet.com adalah domain termahal di dunia saat ini. Walmart, sebuah perusahaan retail di Amerika, membelinya dengan harga US$3,3 miliar di tahun 2016. Wow!

Fenomena seperti ini kerap terjadi pada bisnis jual-beli domain. Seperti yang terjadi pada fb.com dan lasvegas.com. Singkatnya, memiliki sebuah domain berpotensi memberikan Anda keuntungan yang berlipat ganda jika Anda cermat mengamati tren investasi domain. 

Ada banyak cara untuk menjual sebuah domain. Anda bisa menjualnya secara langsung kepada pembeli atau menggunakan jasa pihak ketiga. Salah satu website yang memberikan layanan jual-beli domain adalah Sedo. 

Sedo adalah marketplace domain yang sudah dikenal oleh banyak pebisnis. Jika Anda ingin mengetahui cara jual domain di Sedo.

Cara Membeli Domain

Setelah mengetahui berbagai manfaat memiliki domain, bagaimana cara membeli sebuah domain? Berikut ini langkah-langkahnya:

Pertama, Anda bisa memilih penyedia layanan domain murah yang akan meregistrasikan domain Anda.

Kedua, Anda akan melakukan pengecekan apakah domain yang Anda inginkan masih tersedia. Pastikan memilih nama yang sesuai dengan tujuan bisnis Anda.

Ketiga, menyelesaikan pendaftaran domain Anda dan melakukan pembayaran.

Keempat, melakukan konfirmasi kepemilikan domain yang akan dikonfirmasikan melalui email. 

Kelima, Anda sudah bisa memanfaatkan domain Anda untuk berbagai hal yang sudah kami jelaskan di atas.

Penutup

Ternyata, banyak sekali manfaat domain yang bisa Anda dapatkan, ya? 

Setelah membeli domain, Anda bisa membangun personal branding dengan mudah, membuat email yang profesional, membangun blog yang menarik, membuat toko online yang menguntungkan, membuat custom domain untuk blogger, dan mendapatkan keuntungan dari penjualan domain Anda

Read More

Cara Membuat VPN Server (OpenVPN)

Panduan Cara Membuat VPN Server Menggunakan OpenVPN di CentOS 7

Kebutuhan yang Perlu Dipersiapkan

Sebelum mengeksekusi panduan membuat VPN Server, ada beberapa kebutuhan yang perlu Anda persiapkan agar proses instalasi dan konfigurasi dapat berjalan dengan baik.

Akses ke Server (non root)

VPS/Komputer dengan sistem operasi Linux CentOS 7

Setelah syarat ini sudah siap, Anda dapat melanjutkan ke tahap langkah-langkah cara membuat VPN server menggunakan OpenVPN.

Langkah 1 – Cari dan Catat Public IP

Gunakan beberapa langkah di bawah ini untuk mengetahui alamat IP server.

Misalnya interface server adalah eth0 atau eth1.

$ ip addr show eth0

Or

$ ip addr show eth1

Or

$ dig TXT +short o-o.myaddr.l.google.com @ns1.google.com

Anda dapat menggunakan salah satu dari ketiga cara di atas.

Langkah 2 – Download Skrip ‘openvpn-install.sh’

Gunakan wget untuk mengambil executable file yang digunakan untuk menginstall Openvpn Server secara otomatis.

$ wget https://git.io/vpn -O openvpn-install.sh

Proses membuat VPN Server dan File Konfigurasi Client (1)

Langkah 3 – Jalankan openvpn-install.sh untuk Menginstal OpenVPN Server

Kemudian jalankan file openvpn-install.sh untuk menginstal OpenVPN server.

$ sudo bash openvpn-install.sh

Ketika muncul untuk memasukkan alamat IP dan port, masukkan alamat IP server dan port ‘1194’ kemudian tekan tombol “Enter”. Atau dapat menyesuaikan dengan konfigurasi di atas. Pastikan alamat IP sama dengan server.

Proses membuat VPN Server dan File Konfigurasi Client (1)

Tekan “Enter” dan skrip akan berjalan secara otomatis, kurang lebih seperti ini isinya:

Contoh keluarannya seperti ini:

Loaded plugins: fastestmirror

Determining fastest mirrors

………………………………………………..

Created symlink from /etc/systemd/system/multi-user.target.wants/openvpn@server.service to /usr/lib/systemd/system/openvpn@.service.

Finished!

Your client configuration is available at: /root/semutvps.ovpn

If you want to add more clients, you simply need to run this script again!

Selesai! OpenVPN server sudah berhasil dikonfigurasi dan siap untuk digunakan.

Anda dapat melihat firewall yang ditambahkan di dalam file /etc/rc.local.

$ sudo cat /etc/rc.local

Contoh isinya seperti ini:

iptables -t nat -A POSTROUTING -s 10.8.0.0/24 ! -d 10.8.0.0/24 -j SNAT –to 31.220.58.75

Anda dapat melihat konfigurasi OpenVPN server menggunakan perintah berikut.

$ sudo more /etc/openvpn/server.conf

$ sudo vi /etc/openvpn/server.conf

Contoh isinya seperti ini:

port 1194

proto udp

dev tun

sndbuf 0

rcvbuf 0

ca ca.crt

cert server.crt

key server.key

dh dh.pem

auth SHA512

tls-auth ta.key 0

topology subnet

server 10.8.0.0 255.255.255.0

ifconfig-pool-persist ipp.txt

push “redirect-gateway def1 bypass-dhcp”

push “dhcp-option DNS 8.8.8.8”

push “dhcp-option DNS 8.8.4.4”

keepalive 10 120

cipher AES-256-CBC

user nobody

group nobody

persist-key

persist-tun

status openvpn-status.log

verb 3

crl-verify crl.pem

Setelah menjalankan langkah-langkah cara membuat VPN server, Anda sudah dapat melanjutkan ke proses mengkoneksikan client ke server VPN menggunakan OpenVPN atau Network Manager.

Langkah 4 – Konfigurasi dan Setting VPN untuk Client

Pada contoh ini kita akan menggunakan Linux dan Android untuk mencoba VPN server yang tadi sudah diinstall dan dikonfigurasi. Langkah pertama yang perlu Anda lakukan adalah mengunduh file yang tadi sudah dibuat pada waktu proses instalasi – pada contoh diatas nama filenya adalah semutvps.ovpn.

Pada komputer lokal atau perangkat Anda tinggal ketikan perintah.

$ scp username@ip_addressServer:~/(namafile).ovpn .

Contohnya:

$ scp vpsniaga@31.220.58.75:~/semutvps.ovpn .

Perintah tersebut akan menyalin file konfigurasi VPN untuk client ke lokal komputer.

Langkah 4.1 – UBUNTU

Cara Pertama: Menggunakan Terminal

Langkah 1 – Install OpenVPN Plugin

$ sudo apt install network-manager-openvpn-gnome openvpn-systemd-resolved

Langkah 2 – Cara import file konfigurasi OpenVPN menggunakan Network Manager

$ sudo nmcli connection import type openvpn file /folder/ke/file.ovpn

Misalnya:

$ sudo nmcli connection import type openvpn file /home/semutireng/semutireng.ovpn

Langkah 3 – Menghubungkan ke VPN Server

Pada contoh di atas koneksi VPN diberikan nama ‘semutireng’ dan untuk menghubungkannya dengan OpenVPN server gunakan perintah berikut.

$ nmcli connection up semutireng

Untuk melihat detail koneksi dapat menggunakan perintah.

$ nmcli connection show semutireng

Cara Kedua: Menggunakan GUI Network Manager

Langkah 1 – Buka Network Manager melalui menu Gnome Setting.

Langkah 2 – Klik Tab Network dan klik Simbol VPN +.

Langkah 3 – Di dalam jendela Add VPN, klik opsi “Import from file…”.

Langkah 4 – Anda perlu mengarahkan pilihan ke file .ovpn You must navigate to your .ovpn file (/home/semutireng/semutireng.ovpn) kemudian klik tombol “Open”.

Langkah 5 – Dan lanjutkan dengan klik tombol “Add”.

Langkah 6 – Selesai! Klik tombol on/off untuk mengaktifkan VPN.

Langkah 4.2 – ANDROID

Hal pertama yang perlu dilakukan adalah dengan menyalin file .ovpn ke perangkat mobile. Anda fapat menggunakan fungsi scp atau aplikasi lain untuk memindahkan file .ovpn dari server ke perangkat mobile/desktop.

Kemudian, pada sistem operasi Android, Anda dapat menggunakan OpenVPN Connect untuk menghubungkan perangkat dengan server OpenVPN di VPS.

Konfigurasi Client VPS di Android (1)

Saat file .ovpn sudah terunggah, maka Anda tinggal mengaktifkannya saja kemudian melakukan pengecekan melalui Google seperti langkah di bawah ini.

Konfigurasi Client VPS di Android (2)

Langkah 5 – Verifikasi Koneksi

Anda dapat melakukan pengecekan apakah perangkat sudah terhubung dengan server VPN atau belum dengan menggunakan situs Whats My Ip Address atau menggunakan teks perintah:

$ dig TXT +short o-o.myaddr.l.google.com @ns1.google.com

Pengecekan IP Menggunakan Terminal

Kesimpulan

Pada panduan ini telah dibahas mengenai cara membuat VPN server menggunakan OpenVPN dan mengkonfigurasikannya dengan client. Setelah menyelesaikan panduan ini Anda sudah bisa menggunakan koneksi menggunakan server VPN yang sudah dibuat sendiri. Anda dapat menggunakan Ubuntu, Android, atau sistem operasi lain yang mendukung penggunaan OpenVPN atau fitur VPN.

Read More

Apa itu VPN & Bagaimana Cara Kerjanya?

VPN (Virtual Private Network) dibuat dengan tujuan mengkoneksikan jaringan antar gedung perkantoran secara aman dan dapat menggunakan jaringan kantor dari rumah atau tempat lain.

Sedangkan pada saat ini, VPN sudah banyak digunakan oleh pengguna internet di seluruh dunia. Tujuannya? Tentu untuk mendapatkan koneksi ke internet secara aman, pribadi (private), dan dapat mengakses suatu jaringan secara remote.

VPN (Virtual Private Network) adalah layanan koneksi yang memberikan Anda akses ke website secara aman (secure) dan pribadi (private) dengan mengubah jalur koneksi melalui server dan menyembunyikan pertukaran data yang terjadi.

Sederhananya, VPN mengkoneksikan smartphone, tablet, PC ke komputer yang lain (biasa disebut dengan VPN Server) di suatu tempat yang terhubung dengan internet, dan mengizinkan Anda untuk menjelajah internet menggunakan jaringan internet komputer. Jadi jika komputer (server) di negara yang berbeda, itu akan menjadi negara yang Anda gunakan ketika internet mencoba mengenai Anda melalui koneksi tersebut dan Anda dapat mengakses sesuatu yang tidak bisa Anda akses dari negara Anda.

Bagaimana cara kerja VPN?

Setelah mengetahui apa itu vpn dan fungsinya, selanjutnya cara kerja VPN juga harus Anda ketahui. Cara kerja VPN sederhananya adalah melakukan enkripsi pertukaran data bahkan sebelum koneksi publik di tempat kopi atau warung internet membacanya. Ketika terhubung dengan internet menggunakan koneksi VPN itu seperti mengakses internet menggunakan lorong khusus, tidak menggunakan jaringan utama.

Server VPN bertugas untuk meneruskan koneksi Anda ke situs yang ingin diakses. Jadi koneksi yang Anda lakukan akan dikenali sebagai koneksi dari jaringan server VPN bukan jaringan yang digunakan pada saat itu.

Jadi ketika menggunakan jaringan tanpa VPN maka koneksi yang dilakukan secara langsung (direct) tanpa enkripsi. Sedangkan jika menggunakan VPN, maka koneksi yang dilakukan terenkripsi dan dilewatkan terlebih dahulu melalui VPN server.

Berikut ini ilustrasi koneksi melalui jaringan tanpa VPN dan menggunakan VPN.

Koneksi ini memang sudah menjadi standar yang digunakan ketika kita menggunakan internet. Tidak ada enkripsi dan semua data yang yang terlibat dalam proses pertukaran data antara Anda dan aplikasi yang di internet dapat saja dilihat oleh banyak orang.

Tidak masalah jika data yang diproses hanyalah data mengenai pencarian di Google, hiburan atau semacamnya.

Ini akan menjadi masalah jika data yang diproses adalah perbankan online, email bisnis, atau apa pun yang sedikit lebih sensitif. Tentu saja ini akan menjadi cerita yang berbeda. Untuk melakukan serangan online, biasanya pada hacker menggunakan teknik serangan Man in The Middle (MITM) – ini akan kita bahas lain waktu.

Kemudian, bagaimana cara kerja VPN mengamankan data ketika melakukan pertukaran data di internet? Kita coba lihat gambar di bawah ini.

Ketika Anda menggunakan VPN (biasanya menggunakan aplikasi), data Anda dienkripsi oleh aplikasi dan baru dikirimkan melalui ISP kemudian ke server VPN. Server VPN menjadi perangkat ketiga untuk menghubungkan Anda dengan situs atau layanan online. Ini akan dapat memecahkan masalah privasi dan keamanan data saat melakukan pertukaran data. Apa manfaat dan kegunaan VPN lainnya?

Apa Manfaat VPN?

Ada beberapa manfaat yang bisa Anda dapatkan saat menggunakan VPN, antara lain seperti melakukan remote access. Remote access mengizinkan kita mengakses internet menggunakan jaringan kantor, dari mana saja selama terhubung ke internet.

Jadi meskipun Anda menggunakan jaringan luar, ketika menggunakan VPN maka jaringan Anda bisa dikenali oleh internet menggunakan jaringan kantor. Selain itu, berikut ini adalah beberapa manfaat dari VPN:

ByPass

Anda dapat melewati pembatasan geografi terhadap situs streaming atau video. Misalnya oleh pemerintah untuk mengakses situs yang dianggap membahayakan, dan lain sebagainya.

Pengamanan Data di Jaringan Publik

Manfaat VPN lainnya adalah melindungi pertukaran data yang Anda lakukan dari WiFi atau jaringan yang tidak dapat dipercaya. Ini akan membantu ketika menggunakan jaringan publik di kafe, bar, dan semacamnya.

Mengamankan Informasi Pribadi Secara Anonim

VPN menyembunyikan lokasi Anda secara realtime ‘secara langsung’. Jadi, tidak sembarangan orang dapat mengetahui lokasi Anda berada saat melakukan akses. Biasanya lokasi yang terdeteksi adalah lokasi server VPN Anda berada.

Data Dienkripsi

Saat memproses pertukaran data antara Anda dan web aplikasi online, data Anda dienkripsi. Sehingga meskipun seseorang melihat apa yang komputer kirimkan, mereka hanya melihat informasi yang sudah terenkripsi, bukan data mentah saja.

Enkripsi Informasi Perangkat

Seseorang tidak bisa dengan mudah mengidentifikasi perangkat yang Anda gunakan, atau apa yang Anda lakukan.

Kekurangan dan Kelebihan VPN

Selain untuk menyembunyikan identitas asli, VPN juga dapat membatasi riwayat penelusuran oleh ISP dan pemerintah. Akan tetapi, ada beberapa kekurangan dari penggunaan VPN, salah satunya adalah koneksi yang terkadang lebih lambat. Berikut ini adalah kelebihan dan kekurangan VPN.

KELEBIHAN 

KEKURANGAN

Kerahasiaan data lebih aman. Koneksi lebih lambat.

Bisa mengakses website terblok. 

Koneksi tidak stabil.

Identitas IP asli tidak langsung diketahui. 

Konfigurasi manual cukup rumit.

Akses jaringan dari lokasi yang berbeda. 

Ada batasan penggunaan.

Cukup Amankah Menggunakan VPN?

Keamanan terkadang menjadi perdebatan antara karyawan dengan perusahaan IT.

VPN dapat membuat koneksi Anda sangat aman, tetapi itu juga tergantung dengan protokol (jalan) yang Anda gunakan untuk melakukan koneksi.

Keamanan menggunakan VPN masih terhalang dua faktor utama, yaitu:

Batasan Teknologi

Limitasi teknologi yang digunakan untuk mengembangan VPN, seperti tipe protokol dan enkripsi yang digunakan.

Batasan Hukum

Batasan hukum dan kebijakan memengaruhi apa yang dapat dilakukan dengan teknologi itu. Begitu pula dengan undang-undang negara tempat server dan perusahaan menyediakan VPN berada. Terkadang kebijakan perusahaan sendiri mempengaruhi cara perusahaan menerapkan teknologi ini dalam layanan mereka.

Jadi bisa dibilang tidak sepenuhnya menggunakan VPN itu aman. Namun, paling tidak menggunakan VPN akan lebih aman dibandingkan menggunakan koneksi biasa.

Jadi, Kapan Harus Menggunakan VPN?

Ada beberapa alasan menarik untuk menggunakan teknologi ini:

Membantu Anda mendapatkan koneksi yang lebih aman ketika menggunakan WiFi publik.

Mengenkripsi aktivitas Anda di situs web.

Menyembunyikan aktivitas Anda terhadap orang-orang yang ingin mencoba mengetahui secara diam-diam.

Menyembunyikan lokasi, dan mengizinkan Anda mengakses geo-blocked content ‘konten-konten yang diblok berdasarkan wilayah geografis’.

Memastikan Anda lebih anonim di dalam situs web.

Cara Mendapatkan VPN Gratis

Apa itu VPN Gratis? VPN Gratis adalah layanan yang menyediakan server VPN dan dapat Anda gunakan secara gratis.

Melalui situs-situs di bawah ini, Anda bisa mendapatkan akses VPN secara gratis. Ada beberapa situs penyedia VPN Gratis yang bisa Anda coba. Situs-situs penyedia VPN Gratis ini menyediakan layanan aplikasi VPN yang dapat digunakan di perangkat desktop. Sedangkan jika Anda ingin menggunakan VPN pada perangkat mobile maupun desktop dapat mencoba aplikasi seperti Hotspot Shield atau Tunnel Bear.

Hotspot Shield

Hotspot Shield adalah penyedia layanan VPN yang cukup populer. Meskipun menyediakan layanan premium, tetapi Hotspot Shield juga menawarkan versi gratis yang dapat Anda coba.

Versi ini dapat mencegah situs yang mengandung malware dan membawa Anda untuk terkoneksi dengan situs yang diblok. Namun, versi gratis hanya dapat mengkoneksikannya untuk satu perangkat saja.

TunnelBear

TunnelBear adalah aplikasi VPN yang cukup sederhana tetapi powerful. TunnelBear memiliki tampilan yang menarik sehingga memudahkan pengguna untuk menggunakannya.

TunnelBear adalah sebuah aplikasi VPN yang ramah untuk perangkat Anda. TunnelBear memiliki UI yang menarik dan sederhana sehingga memudahkan pengguna untuk menggunakannya.

Versi yang ditawarkan juga ada dua, gratis dan berbayar. Versi gratis dapat Anda coba sampai dengan 500MB penggunaan.

Hide.me

Hide.me merupakan aplikasi penyedia internet yang ada di Malaysia dan mempunyai puluhan server yang ada di dunia. Versi gratis dari aplikasi ini mengizinkan Anda untuk menggunakan sampai dengan 3GB setiap bulannya.

Kesimpulan

VPN dapat membantu Anda untuk mengamankan koneksi yang Anda lakukan, begitu pula dengan identitas dan data pribadi. Meskipun ada kekurangan, tetapi itu menjadi bagian yang tidak bisa dipisahkan di dalam sebuah aplikasi. 

Ada beberapa pilihan aplikasi penyedia layanan Server VPN, tetapi Anda juga dapat membuat Server VPN sendiri di VPS atau perangkat komputer Anda.

Read More

Apa Itu SSL? Pentingkah SSL untuk Website

SSL adalah salah satu komponen penting yang harus dimiliki website. Dengan SSL, transfer data di dalam website menjadi lebih aman dan terenkripsi.

Apa Itu SSL dan TLS?

Apa itu SSL? Sertifikat SSL atau yang lebih dikenal dengan SSL adalah singkatan dari Secure Socket Layer. Apabila sistem keamanan ini ditambahkan pada website Anda, maka URL website akan berubah menjadi HTTPS. Tujuan utama pemasangan SSL adalah sebagai pengaman pertukaran data yang terjadi melalui jaringan internet.

Di awal tadi kami sempat menyinggung, apa beda SSL dengan TLS? Sebenarnya, kini SSL sudah tidak digunakan sama sekali dan sudah digantikan oleh TLS.

Walaupun begitu, karena kebanyakan orang sudah terlalu familiar dengan istilah SSL, perusahaan tetap menggunakan istilah tersebut. Padahal pada dasarnya kini fitur enkripsi yang disediakan adalah TLS.

Keduanya sama-sama mengamankan transfer data di dalam website. Namun, teknologi TLS lebih baik karena lebih baru dan merupakan upgrade dari SSL. Jadi Anda tidak perlu khawatir dengan perbedaan istilah tersebut.

Mengapa Perlu Menggunakan SSL/TLS?

Secara garis besar, SSL diperlukan untuk mengamankan website Anda dari ancaman keamanan. Namun, ada juga alasan-alasan spesifik mengapa Anda perlu menggunakan SSL/TLS. Berikut ini alasan-alasan yang dimaksud:

1. Menghindarkan Pencurian Data

SSL/TLS melindungi Anda dari ancaman pencurian data. Caranya dengan melakukan enkripsi atau pengacakan data sensitif . Dengan begitu, sembarang orang takkan bisa membaca data yang Anda punya dan kirimkan.

2. Menghindarkan Salah Kirim Data

SSL/TLS juga berfungsi untuk otentikasi (authentication). Artinya, SSL/TLS memastikan Anda mengirimkan informasi atau data ke server yang sesuai tujuan. Bukannya mengirim informasi ke hacker atau pihak-pihak tak bertanggung jawab.

3. Meningkatkan Reputasi Website

Ketika website sudah terinstall SSL/TLS, browser akan menunjukkan notifikasi tertentu. Di Internet Explorer, biasanya notifikasi akan berwujud block berwarna hijau di address bar. Sedangkan di Firefox maupun Google Chrome, notifikasi akan ditunjukkan dalam bentuk ikon gembok yang terkunci.

Notifikasi ini bermanfaat untuk meningkatkan reputasi dan kepercayaan Anda di mata pengunjung. Dengan adanya notifikasi, pengunjung website takkan ragu untuk mengakses website. Dalam kasus website toko online, calon pembeli juga takkan ragu berbelanja di website Anda.

4. Meningkatkan Ranking Website di Mesin Pencari

Algoritma Google juga lebih menyukai website yang memiliki sertifikat SSL/TLS. Bukan cuma sekadar suka sebetulnya. Google bahkan “melarang” penggunanya untuk mengunjungi website yang tak punya sertifikat SSL/TLS.

Maka tak heran kalau SSL/TLS juga berhubungan dengan ranking website di mesin pencarian. Sebuah riset membuktikan bahwa kebanyakan website dengan sertifikat SSL/TLS punya posisi yang lebih tinggi di mesin pencari.

Cara Kerja SSL/TLS

Setelah paham apa itu sertifikat SSL dan alasan memakainya, kini saatnya Anda mengetahui bagaimana cara kerjanya. Sertifikat SSL ini nantinya akan membantu Anda untuk mengamankan komunikasi dua komputer yang terhubung oleh jaringan internet.

Pertukaran data seperti mengunjungi website, pengiriman dan penerimaan email, membeli barang online, serta data-data penting perusahaan akan dienkripsi agar tidak ada oknum tak bertanggung jawab yang berusaha menggunakan data-data tersebut secara ilegal.

Sertifikat SSL memiliki dua kombinasi, yakni public key dan private key. Public key digunakan untuk mengenkripsi data yang akan dikirim, sementara private key digunakan untuk mendekripsi data ke format yang dapat digunakan kembali oleh penerima data.

Manfaat SSL/TLS

Ada banyak manfaat yang bisa Anda dapatkan jika memasang sertifikat SSL di website Anda. Berikut adalah beberapa manfaat SSL:

1. Meningkatkan Reputasi Website

Apabila URL website Anda masih menggunakan protokol HTTP, Google akan secara otomatis menampilkan peringatan Not Secure setiap kali visitor mengunjungi website Anda. Peringatan tersebut juga akan muncul saat visitor mengisi data atau informasi sensitif seperti data login dan password, form, serta data pribadi dan nomor rekening. Secara tidak langsung, Google memaksa pemilik website untuk mengamankan dan mengenkripsi data yang berada dalam jaringan internet.

2. Mengamankan Transfer Data di Website

Keuntungan menggunakan sertifikat SSL lainnya adalah dengan enkripsi yang dimiliki oleh SSL, data akan menjadi lebih aman. Pertukaran data yang terjadi antara komputer Anda dengan komputer visitor yang berusaha mengunjungi website Anda akan dilindungi oleh public key dan private key. Terlebih lagi, label gembok dan HTTPS akan membantu visitor awam untuk lebih tenang saat mengakses website Anda.

3. Meningkatkan Kualitas SEO

Pemasangan sertifikat SSL di website berpengaruh positif terhadap kualitas SEO Anda. Sejak 2014, Google menerapkan algoritma yang mengutamakan website dengan SSL dibanding website tanpa SSL.

Walaupun SSL hanya salah satu dari sekian faktor SEO yang diterapkan Google, tentu lebih baik jika Anda mengaktifkan SSL. Apalagi kini juga tersedia SSL gratis.

Perubahan dari HTTP ke HTTPS

Lalu apa hubungannya dengan HTTP dan HTTPS apabila menggunakan sistem keamanan SSL?

Website yang telah menggunakan sertifikat SSL akan berubah URLnya dari protokol HTTP ke HTTPS. Perbedaan HTTP dan HTTPS cukup berpengaruh bagi visitor di era digital saat ini. User awam biasanya mengenal sertifikat SSL dengan tanda HTTPS yang terdapat saat mengakses website tertentu.

HTTP (HyperText Transfer Protocol) dan HTTPS (HyperText Transfer Protocol Secure) adalah protokol yang didesain khusus untuk mentransfer informasi dari satu komputer ke komputer lain melalui jaringan internet. Perbedaan HTTP dan HTTPS yang paling mencolok adalah dengan penambahan huruf S (Secure).

Namun, HTTP merupakan versi yang tidak terenkripsi dengan aman. Absennya autentikasi membuat Anda tidak benar-benar tahu dengan siapa Anda berinteraksi selama berada di jaringan internet. Bisa saja, saat Anda sedang bertransaksi dengan seseorang, hacker sudah siap untuk menyimpan data-data penting Anda.

Penambahan satu huruf ini sangat penting karena hal tersebut berarti website telah dipasangi sertifikat SSL. Pemasangan sertifikat SSl ini menunjukkan komputer yang saling berhubungan telah setuju dengan sebuah kode yang mengahlau apapun yang berusaha membaca dan mengambil data yang mereka miliki.

Sebagai pemilik website tentu hal ini sangat membantu apabila Anda bertransaksi dengan klien Anda. Hal ini menjadi perhatian yang sangat serius apabila Anda memiliki website jenis e-commerce, karena Anda dan klien akan sering bertukar informasi penting seperti data pribadi, nomor rekening, dan sebagainya.

Jenis-jenis SSL/TLS

Jenis-jenis SSL di bawah ini dibedakan menurut kebutuhan keamanan SSL masing-masing website.

1. Domain Validated SSL (DV SSL)

SSL ini sangat direkomendasikan bagi SMB (bisnis berkembang) yang membutuhkan solusi dengan harga yang terjangkau. Sertifikat SSL level DV ini hanya memerlukan kepemilikan domain, yakni validasi DNS atau email.

DV SSL hanya akan menampilkan informasi bahwa website Anda adalah website yang aman dan terenkripsi. Jadi, tidak disarankan bagi e-commerce untuk menggunakan SSL level ini. DV SSL cocok digunakan pada website testing atau situs internal bisnis Anda. Apabila Anda menggunakan sertifikat ini, penanda bahwa domain telah aman adalah dengan HTTPS dan gembok warna hijau.

2. Organization Validated SSL (OV SSL)

SSL ini sejatinya sama seperti DV SSL. Namun, pemilik domain harus melakukan verifikasi dengan menunjukkan bukti kepemilikan dan legitimasi domain. Artinya, penerbit sertifikat atau CA (Certificate Authority) seperti GeoTrust, Comodo, dan lain-lain akan memastikan bahwa domain tersebut telah terdaftar dengan informasi nama bisnis, lokasi, dan informasi legal lainnya.

OV SSL biasanya digunakan pada website perusahaan agar tampak lebih aman dan terpercaya bagi visitor. Apabila Anda menggunakan sertifikat ini, penanda bahwa domain telah aman adalah dengan HTTPS dan gembok warna hijau.

3. Extended Validated SSL (EV SSL)

EV SSL memiliki keamanan tingkat tinggi dan sangat direkomendasikan bagi bisnis online Anda, terutama website e-commerce. Ciri EV SSL ini adalah dengan tertulisnya nama bisnis Anda dengan warna hijau pada URL bar di dekat nama domain.

EV SSL mengharuskan pemilik domain untuk memverifikasi kepemilikan domain dengan beberapa dokumen legal. Hal ini karena biasanya SSL ini digunakan bagi mereka yang memiliki badan usaha terpercaya seperti PT, CV, dan Departemen Negara.

Cara Memilih SSL/TLS

Pada pembahasan sebelumnya telah dijelaskan tentang jenis-jenis SSL. Perlu diketahui bahwa terdapat SSL berbayar dan SSL gratis. Bagi Anda ingin menggunakan SSL murah untuk pertama kalinya dan ingin bereksperimen tanpa mengeluarkan biaya, Anda bisa mencoba SSL gratis dari Cloudflare. Namun jika memilih versi gratis, Anda tidak akan mendapatkan fitur-fitur premium dari Cloudflare. Setelah blog atau website mulai berkembang, Anda dapat memilih SSL Berbayar jenis DV SSL.

Jika Anda memiliki website untuk bisnis Anda atau sebuah organisasi, maka Organization Validated SSL (OV SSL) adalah pilihan yang tepat untuk memastikan kepemilikan domain yang terdaftar dengan nama perusahaan atau organisasi, lokasi yang jlas dan informasi penting lainnya.

Yang terakhir adalah Extended Validated SSL (EV SSL). Untuk anda yang menjalankan bisnis online atau e-commerce SSL jenis ini adalah pilihan terbaik dikarenakan mempunya tingkat keamanan paling tinggi.

Cara Memasang SSL/TLS

Bagi Anda yang baru mengenal SSL dan ingin melakukan instalasi sendiri, tidak perlu khawatir karena kami sudah menyiapkan panduannya. Namun, sebelum itu pastikan dulu apakah Anda akan menggunakan SSL/TLS gratis atau berbayar.

Anda perlu mempertimbangkan hal tersebut berdasarkan kebutuhan dan anggaran yang Anda punya. Beberapa SSL gratis memang sudah menyediakan fitur-fitur penting yang dibutuhkan website. Walaupun begitu, tetap saja untuk mendapatkan fitur secara lengkap, Anda perlu menggunakan SSL berbayar.

Sekali lagi, apakah Anda akan menggunakan SSL gratis atau berbayar, keputusan ada pada Anda.

Setelah memasang SSL melalui cPanel, Anda perlu mengarahkan website Anda ke alamat baru, yaitu dari yang sebelumnya HTTP menjadi HTTPS. Ini berlaku baik untuk SSL gratis maupun SSL berbayar. Tenang, Anda bisa melakukannya menggunakan plugin.

Anda bisa memanfaatkan plugin Really Simple SSL.

Setelah install plugin dan melakukan aktivasi, buka menu Settings > SSL.

Pada bagian atas halaman Anda akan melihat pesan jika redirect ke HTTPS belum aktif. Untuk mengatasinya, klik tombol Go ahead, activate SSL!

Refresh browser Anda. Jika berhasil, Anda akan melihat pesan sukses yang berarti SSL di blog WordPress Anda sudah aktif.

Segera Pasang Sertifikat SSL di Website Anda!

Mengingat betapa pentingnya sertifikat SSL, kami merekomendasikan untuk segera memasang SSL/TLS di website Anda. Dengan begitu reputasi website Anda akan menjadi lebih baik di mata Google dan pengunjung website.

Selain itu, website yang memiliki sertifikat SSL juga punya potensi lebih tinggi untuk naik peringkat di hasil pencarian Google. Terakhir, yang terpenting adalah transfer data di website Anda menjadi semakin aman karena semua aktivitas datanya terenkripsi dengan aman.

Read More