Langkah Membuat Halaman HTML

Langkah Membuat Halaman HTML

Artikel ini akan membahas langkah membuat halaman WordPress jadi static HTML page. Namun sebaiknya kita ulas dulu apakah itu static HTML.

Static web atau situs statis ialah sebuah kelompok poin seperti text, gambar, dan komponen multimedia yang lain yang terbagi dalam content marked-up yang dibikin dengan memakai Hyper Teks Markup Language ataupun lebih dikenali bernama HTML yang tersimpan di server web itu.

Langkah Membuat Halaman HTML Static dengan WordPress

Saat seorang berkunjung web, browser akan minta dan ambil content web dari server. Data yang mereka peroleh dari server berikut yang nanti dihidangkan di monitor browser pengunjung.

Baca Juga: Tutorial Membuat Product Page

Situs statis dan situs aktif sesungguhnya bekerja dengan yang serupa. Tapi, bila Anda memakai situs statis, data web yang ada dalam server tersimpan dalam satu halaman yang serupa.

Saat itu, bila Anda memakai situs aktif, beberapa data itu dibagi jadi beberapa halaman, bergantung pengelompokkannya.

Keuntungan Dengan Langkah Membuat Halaman HTML

Ada sejumlah keuntungan yang dapat Anda peroleh dengan membuat web Anda jadi sebuah situs statis dibandingkan situs aktif;

  • Waktu loading yang bisa lebih cepat

Waktu loading yang akan Anda peroleh bila Anda memakai halaman HTML statis dapat disebut cepat sekali. Bahkan juga, kecepatan loading web Anda menjadi di bawah satu detik.

Topik WordPress Anda kemungkinan membuat beberapa keinginan ke database untuk tampilkan web Anda. Semua rutinitas itu memerlukan waktu dan mengakibatkan waktu loading yang lebih lamban. Plugin caching dapat menolong tapi tidak seutuhnya hilangkan keinginan ke database atau realita jika PHP harus digerakkan di server.

Langkah Membuat Halaman HTML statis tidak memerlukan semua waktu itu. Mereka segera memperoleh semua data yang dibutuhkan dari 1 halaman yang serupa.

  • Tingkatkan waktu uptime web Anda

Untuk Anda pemakai WordPress, Anda barangkali sempat alami Error Establishing A Database Connection. Ini umum terjadi saat server alami error. Bila ini terjadi, web WordPress Anda akan turut down.

Bila Anda memakai HTML statis, kemungkinan Anda tidak alami permasalahan ini. Situs statis dapat disebut dapat lebih dihandalkan dibanding situs aktif.

Saat ini, dengan jalan keluar WordPress statis, situs sumber Anda akan memakai database, jadi Anda tidak bisa mengubah bila server database Anda down. Tetapi, minimal situs Anda tetap dapat dijangkau.

  • Kurangi waktu loading server

Karena situs statis Anda benar-benar gampang dirender dibanding pada website berbasiskan database, server Anda akan mempunyai beban server lebih rendah. Ini bermakna Anda dapat memakai hosting murah dengan sedikit memory dan daya CPU tanpa memengaruhi kerja server Anda.

  • Keamanan yang lebih terbangun

Injeksi SQL atau SQL injection adalah teror keamanan yang paling beresiko di luaran sana. Web statis tidak dipengaruhi dengan teror ini karena tidak ada database yang dapat dihack.

Disamping itu, dengan memakai HTML statis, web Anda pun tidak membutuhkan code PHP yang perlu digerakkan. Ini menolong pastikan jika tidak ada plugin yang dapat dihack.

Sudah pasti, situs WordPress Anda masih mempunyai beberapa kebatasan karena masih memerlukan database. Tetapi, minimal Anda tidak mengutarakan kebatasan itu ke penjuru dunia, dan Anda bisa bertindak extra untuk sembunyikan situs WordPress sumber Anda.

Untuk keamanan paling tinggi, Anda bisa memasang WordPress sumber Anda di computer lokal Anda.

  • Staging server gratis

Merender situs WordPress Anda dan cuman tampilkan file statis yang diserahkan ke khalayak memberikan Anda feature bonus ini: staging server gratis!

Apakah itu staging server?

Staging server ialah sebuah type server yang dipakai untuk menguji sebuah software, web, atau service di lingkungan produksi yang sama saat sebelum dihidangkan secara live. Ini ialah sisi proses dari staging di mana server ini jadi hosting sementara dan server pengetesan untuk software atau web baru.

Dalam kata lain, Anda dapat bermain pada website WordPress Anda tanpa memengaruhi website yang dihidangkan ke khalayak. Terbitkan situs Anda cuman bila Anda berasa situs Anda siap.

  • Gampang untuk dipindah ke URL yang lain

Mengalihkan WordPress dari 1 URL ke URL yang lain termasuk susah bila harus kerap melakukan. Kemungkinan situs Anda untuk moment-event tahunan yang mempunyai tahun di URLnya. Plugin Simply Static memungkinkannya Anda untuk mengirimi situs Anda ke URL yang lain cukup dengan beberapa penataan dan beberapa click saja.

Saat sebelum Anda memilih untuk mengganti situs WordPress Anda jadi sebuah situs statis, ada banyak hal yang penting diingat.

Ada fungsi-fungsi dan feature yang dari server yang tidak bisa bekerja kembali. Berikut beberapa daftar hal yang tidak bekerja pada file WordPress statis Anda:

  • formulir tanggapan berbasiskan server
  • formulir contact berbasiskan server
  • hampir semua plugin yang memakai form submit
  • widget “populer posts”
  • pencarian situs
  • plugin sign up
  • plugin e-commerce
  • plug-in membership
  • dan banyak plugin yang lain memerlukan fungsionalitas server aktif

Tetapi ada banyak hal yang dapat Anda kerjakan untuk menanganinya. Beberapa feature berbasiskan server yang tidak ada untuk situs statis bisa ditukar dengan jalan keluar client-side. Misalkan, Anda bisa mengaplikasikan tanggapan memakai Disqus (atau service tanggapan client-side yang lain) dibanding memakai mekanisme tanggapan WordPress asli.

Tipe web yang pas Langkah Membuat Halaman HTML

Lalu web apa yang pas untuk diganti jadi situs statis?

  • Situs yang memiliki sifat info
  • Brosur perusahaan online
  • Landing page atau halaman “Coming Soon”
  • Blog (memakai tanggapan berbasiskan client-side)
  • Situs yang penting waktu loading bisa lebih cepat
  • Situs yang memerlukan keamanan mengagumkan, atau yang ditarget khususnya oleh hacker (misalkan situs politik, situs selebritis, dll.)

Bagaimana? Apa Anda berminat untuk mengganti situs Anda jadi situs statis?Bila ya, kami akan membantu Anda untuk melakukan dengan memakai plugin WordPress, Simply Static.

Tiap halaman dan tiap posting yang berada di web Anda akan ditransformasi jadi sebuah document HTML statis.

Langkah mengganti WordPress jadi situs HTML statis dengan Simply Static

Berikut beberapa langkah untuk mengganti situs Anda jadi situs statis.

Copy Situs WordPress Live Anda

Pertama, Anda harus membuat salinan situs WordPress produksi Anda ke posisi staging anyarnya. Ini dapat berbentuk off line di computer lokal Anda, atau di cloud server situs yang serupa pada website Anda. Ada kontra dan pro untuk tiap-tiap.

Bila Anda memasang WordPress Anda ke computer lokal Anda, Anda bisa melakukannya tanpa akses internet. Instalasi WordPress Anda akan aman dari hacker. Tetapi, Anda harus mengendalikan localhost (WAMP, MAMP, XAMPP, dan lain-lain.).

Disamping itu, salah satu perihal yang perlu Anda ingat ialah jika hal tersebut akan mengonsumsi sedikit usaha untuk menggerakkan file yang dirender ke server. Anda kemungkinan perlu memakai Filezilla untuk menggeret file lewat cara manual.

Bila Anda menempatkan WordPress di server yang serupa pada website live Anda, menggerakkan file yang dirender ialah masalah satu click dengan memakai plugin Simply Static yang akan dipakai di panduan ini. Plugin ini betul-betul menolong dan memudahkan prosesnya.

Salah satunya plugin yang dapat Anda pakai ialah plugin Duplicator untuk mengopi situs. Tetapi, ada beberapa plugin yang lain ada untuk mengopi situs WordPress

Memasang Simply Static

Saat Anda mempersiapkan staging situs WordPress Anda, instal plugin Simply Static. Plugin ini jadikan semua situs WordPress Anda jadi file HTML. Di saat yang serupa, dia gantikan URL landasan di database WordPress dengan URL arah Anda.

Disini, janganlah lupa untuk tempatkan staging situs WordPress Anda di subdirektori situs live Anda. Misalkan, Anda dapat menempatkan situs WordPress Anda di “/ wordpress”. Kita akan sembunyikannya kelak.

Siapkan Simply Static dan Kerjakan Tes Situs

Membuka Simply Static -> Settings di admin WordPress Anda. Pada bagian URL arah, tentukan “Use absolute URL”. Lihat jika Anda harus pilih lajur URL absolut atau lainnya, meta tag bisa menjadi relatif dan tidak betul.

Masukan URL subdirektori dari situs khusus Anda untuk sekarang ini, yakni “http://yoursite.com/tes”. Ingat-ingatlah untuk meniadakan directory ini sesudah pengetesan usai.

Untuk Sistem Pengangkutan (Delivery Metode), tentukan “Local Direktori”.

Di bagian Directory Lokal, melengkapi lajur ke directory lokal Anda.

Selanjutnya click Simply Static -> Generate dan pencet tombol biru yang ada. Penyeluncurannya akan memerlukan waktu beberapa waktu. Eksperimen website yang barusan dibuat di “yoursite.com/tes”.

Tambah halaman yang ketinggalan

Anda pun perlu mengecek apa Anda mempunyai beberapa halaman yang ada di website WordPress tetapi tidak dalam versus statis. Hal tersebut dapat muncul karena tidak ada link yang absolut ke halaman-halaman itu, menjadi plugin Simply Static tidak bisa mendapatinya. Simply Static tidak mendapati halaman yang disambungkan oleh URL relatif.

Untungnya, gampang untuk menambah halaman ini dengan manual dengan masukkan URL ke plugin Simply Static di Simply Static -> Settings -> Include / Exclude. Tambah URL halaman yang raib ke tab “Additional URLs”.

Atau, Anda dapat balik ke situs WordPress Anda dan mengganti link relatif ke link absolut. Yakinkan untuk memakai URL situs staging WordPress Anda, bukan URL produksi.

Load ulangi situs untuk menyaksikan apa halaman ada, dan ulang bila perlu.

Launch situs Anda

Saat semua halaman telah dirender secara benar oleh HTML statis, Anda dapat mengalihkan beberapa data yang ada di website WordPress lama Anda dari root ke temporary subdirectory (subdirektori sementara), selanjutnya coba dorong file staging WordPress Anda ke root direktori situs Anda.

Pertama, ganti URL arah ke root situs Anda di penataan Simply Static.

Lalu ke Simply Static -> Generate dan pencet tombol biru besar untuk mengeluarkan situs Anda.

Beberapa hal yang penting diingat sesudah rilis web

Sesudah situs Anda dikeluarkan, ada banyak hal yang seharusnya Anda check dan benahi

Tambah Sitemap Anda

Salah satunya plugin yang bisa Anda kerjakan untuk hasilkan Sitemap ialah plugin Yoast SEO. Sitemap dipakai oleh mesin perayap untuk menolong mereka lakukan crawling di website Anda. Walau bukan suatu hal yang perlu ada, sitemap direferensikan untuk menolong Anda optimasi SEO web Anda.

Anda harus menambah URL halaman sitemap Anda ke sisi “Additional URLs” dari halaman penataan (settings) Simply Static. Berikut contoh-contoh URL sitemap sebuah web.

http://yoursite.com/wordpress/sitemap_index.xml

http://yoursite.com/wordpress/page-sitemap.xml

Sesudah Anda launch web Anda, janganlah lupa untuk menyaksikan apa jika sitemap ada di web akhir dan masukan URL file sitemap Anda ke Google Webmaster Tools bila Anda belum melakukan awalnya. Mereka harus sama dengan saat sebelum mereka statis.

Set Up Your 404 Page

WordPress biasa akan menyuguhkan halaman “404 not found” saat pemakai coba terhubung halaman atau posting yang tidak ada. Saat Anda membuat situs Anda jadi HTML, Anda kehilangan feature itu. Tetapi, tidak susah untuk mengendalikannya kembali. Anda membutuhkan akses FTP ke server. Berikut cara-caranya untuk melakukan:

  1. Buat halaman 404 “tidak diketemukan” di WordPress. Tulis slug yang ada.
  2. Selanjutnya, Anda harus memberitahu plugin Simply Static untuk merender halaman ini, karena tidak ada link ke dalamnya. Masuk ke admin WordPress dan masuk di Simply Static -> Settings -> Include / Exclude -> Additional URLs dan tambah staging URL dari halaman 404 Anda.
  3. Buat kembali file statis Anda dan dorong mereka ke situs production Anda
  4. FTP ke server Anda dan masuk di root situs production Anda.
  5. Tambahkan baris ini ke file.htaccess Anda: ErrorDocument 404/404-halaman-slug / di mana text antara garis miring ialah slug dari halaman 404 Anda.
  6. Uji dengan menuliskan URL yang tidak ada di website yang barusan Anda bikin. Halaman 404 Anda semestinya ada.

Menyembunyikan Situs WordPress Anda

Bila situs staging WordPress Anda ada dalam subdirektori di server live Anda, karena itu situs Anda tetap bisa disaksikan karenanya Anda harus sembunyikannya.

Hal pertama kali yang dapat Anda coba ialah menempatkan plugin “Under Construction” untuk sembunyikan situs WordPress Anda.

Anda bisa juga membuat perlindungan instalasi staging dengan HTTP Sederhana Authentication. Anda bisa lakukan ini dengan Simply Static karena mereka dibuat untuk memberikan dukungan hak otentikasi simpel (sederhana authentication) ke plugin!

Mempersiapkan otentikasi simpel akan minta Anda untuk FTP ke server Anda dan mempersiapkan file.htpasswd di directory root Anda.

Sesudah dipersiapkan, masuk di Simply Static -> Settings -> Advanced, dan masukan username dan sandi Anda pada bagian HTTP Basic Authentication.

Lihat jika Anda cemas dengan keamanan Anda harus mempersiapkan SSL untuk situs staging Anda pun.

Hapus Directory Tes

Pada akhirnya, hapus directory tes dan directory sementara atau file yang lain Anda bikin.

Voila! Anda saat ini telah mempunyai situs statis yang dari WordPress! Waktu loading web Anda seharusnya jadi lebih cepat.

Kapan saja Anda perlu mengupdate situs Anda, cukup perbarui situs WordPress Anda seperti umumnya. Saat Anda siap menerbitkannya, cukup click tombol “Generate Static File”.