Cara Memindahkan Situs HTML Statis Anda ke WordPress


Dengan semakin populernya WordPress dari hari ke hari, jelas akan semakin banyak orang yang akan ikut-ikutan. Meskipun mengadopsi WordPress adalah langkah yang bagus, apakah itu berarti Anda harus mengucapkan selamat tinggal pada situs web HTML Anda? Haruskah Anda benar-benar memulai dari awal ketika pindah ke WordPress? Ya, tidak. Anda dapat memigrasikan situs web HTML Anda ke WordPress dengan mudah sambil mempertahankan konten, desain, dan bahkan peringkat SEO. Kedengarannya bagus.

Sebelum membahasnya, saya ingin menganjurkan satu hal: Jika Anda tidak memiliki alasan kuat (seperti menambahkan blog, dll) untuk membuat platform ulang situs Anda, biarkan saja. Jika tidak, jangan ragu untuk mengadopsi WordPress dan manfaatkan semua fitur hebat yang paling terkenal dari platform ini. Sekian, postingan hari ini akan membahas topik tentang migrasi situs web HTML ke WordPress. Kami akan mempertimbangkan perencanaan dan migrasi situs Anda ke WordPress.

Memindahkan Situs Web Anda ke WordPress: Rencananya

Melalui pengalaman, saya telah belajar satu pelajaran berharga dalam hidup: tidak ada yang berhasil tanpa rencana yang kokoh. Oleh karena itu, untuk memigrasikan situs HTML Anda ke WordPress, Anda memerlukan rencana yang bagus. Berikut ini adalah beberapa hal yang perlu diingat ketika menyusun rencana Anda:

  • Apakah Anda akan mempertahankan nama domain yang ada atau membuat nama domain terpisah? Tips: Anda juga dapat menginstal WordPress di subdirektori yaitu domainanda.com/wordpress/ dan nanti arahkan domain ke direktori
  • Apakah struktur URL Anda saat ini akan berubah? Hal ini terjadi setiap saat, jadi bersiaplah untuk mengalihkan URL lama Anda setelah migrasi
  • Berapa banyak konten (halaman, postingan, gambar, file JavaScript, dll) yang akan Anda pindahkan ke situs baru? Konten bervolume rendah dapat dipindahkan secara manual tetapi Anda memerlukan alat khusus untuk memindahkan konten bervolume tinggi
  • Apakah situs web HTML Anda saat ini menggunakan layanan eksternal? Apakah ada plugin WordPress untuk layanan ini? Bagaimana Anda mengintegrasikan layanan pihak ketiga setelah migrasi?
  • Apakah Anda perlu mentransfer alat administratif yang ada atau adakah alat serupa di WordPress?
  • Apakah Anda akan mengganti host web? Pemilik situs web biasanya mengganti host web saat bermigrasi ke WordPress. Pastikan host web Anda dapat mengakomodasi kebutuhan WordPress Anda. Kami menggunakan, menyukai, dan merekomendasikan hosting WordPress yang Dikelola WPEngine.

Pada akhirnya, rencana misi Anda harus merinci bagaimana Anda akan:

  1. Buat domain uji atau subdirektori
  2. Instal WordPress
  3. Impor konten dari situs HTML yang ada
  4. Mendesain situs WordPress baru (Memilih tema WordPress atau mendesain ulang dari awal adalah beberapa opsi yang tersedia)
  5. Instal plugin WordPress yang diperlukan
  6. Cadangkan situs Anda (Baik HTML dan WordPress)
  7. Atasi tautan yang rusak
  8. Hiduplah

Sebelum kita mulai, ingatlah untuk membuat cadangan situs HTML Anda (hanya sebagai tindakan pencegahan), dan perlu diingat bahwa kami tidak menyarankan mengutak-atik situs HTML langsung jika Anda merasa tidak nyaman dengan apa yang Anda lakukan. Selain itu, Anda juga harus sudah familiar dengan WordPress untuk memaksimalkan manfaat dari tutorial ini. Kata-kata dan frasa seperti pengalihan permanen, CMS, .htaccess, dll. seharusnya tidak membuat Anda takut. Lakukan penelitian jika perlu ?. Sekarang buatlah rencana Anda di selembar kertas, atau di Evernote – di mana saja, dan bersiaplah untuk bagian selanjutnya.

Cara Memindahkan Situs Web Anda ke WordPress

Dengan rencana dasar di tangan, sekarang saatnya untuk bagian praktis. Lenturkan jari Anda dan mari kita mulai dengan menyiapkan WordPress.

Menyiapkan WordPress

Ini adalah bagian termudah, baik Anda menginstal WordPress secara lokal atau dengan penyedia hosting Anda. Ikuti panduan yang ditautkan dalam pernyataan di atas untuk menginstal WordPress secara lokal. Menginstal WordPress dengan host web itu sederhana dan mudah. Saya rasa Anda tidak akan mengalami masalah apa pun. Sebagian besar host memiliki opsi instalasi 1-klik yang mudah, atau dalam kasus hosting WordPress terkelola, mereka telah menginstal WordPress untuk Anda. Jika Anda mengalami kebuntuan, jangan ragu menghubungi host web Anda.

Anda dapat memilih untuk menginstal WordPress pada domain terpisah atau di direktori milik sendiri – pilihan ada di tangan Anda. Buka Setelan –> Membaca di layar admin WordPress Anda dan centang (centang) Hindari mesin telusur mengindeks situs ini di bagian Visibilitas Mesin Telusur . Anda tidak ingin mesin pencari (dan klien) menemukan situs WordPress Anda saat masih dalam pengembangan. Setelah WordPress aktif dan berjalan (artinya Anda dapat melihat situs WordPress baru Anda di browser), Anda siap untuk bagian selanjutnya: menghadirkan konten Anda.

Mengimpor Konten

Ini agak rumit tetapi masih bisa dilakukan. Keberhasilan mengimpor konten yang ada ke platform WordPress baru Anda bergantung pada sejumlah faktor:

  • Apakah situs HTML Anda saat ini berjalan di CMS alias Sistem Manajemen Konten?
  • Apakah ada alat pengimpor (atau skrip) yang tersedia untuk Anda dan situasi khusus Anda atau apakah Anda akan mengimpor konten secara manual?
  • Apakah Anda akan mengimpor konten dalam jumlah besar? Mengimpor konten dalam jumlah besar secara manual mungkin menciptakan banyak ruang untuk kesalahan manusia.

Mari kita lihat pilihan yang kita miliki. Jika situs HTML Anda berjalan pada CMS yang tersedia secara komersial, Anda mungkin memiliki alat pengimpor yang dapat Anda gunakan. Yang harus Anda lakukan hanyalah menemukan alatnya, klik beberapa tombol di sana-sini dan pekerjaan Anda selesai! Untuk detail spesifik tentang mengimpor konten dari CMS tertentu, silakan lihat postingan mengimpor konten di Codex WordPress.

T: Situs HTML saya memiliki CMS tetapi tidak tersedia alat pengimpor. Apa yang harus dilakukan?
J: Hubungi pengembang backend Anda untuk memindahkan konten jika Anda tidak tahu apa yang harus dilakukan.

T: Situs HTML saya tidak berjalan di CMS. Apakah ini berarti petualanganku berakhir di sini?
J: Tidak. Ini berarti Anda harus mengimpor konten secara manual. salin dan tempel biasa berguna di sini.

T: Situs HTML saya tidak berjalan pada CMS dan saya memiliki konten dalam jumlah besar. Apa yang akan saya lakukan?
J: Singsingkan lengan baju Anda dan mulai bekerja. Anda akan menyalin dan menempel sebentar, jadi dapatkan juga secangkir kopi yang besar. Atau ambil keputusan dan pekerjakan pekerja lepas untuk melakukan pekerjaan itu. Saat ini, ada banyak pekerja lepas yang beredar, jadi Anda harus dilindungi dalam hal ini. Berhati-hatilah – kita berbicara tentang situs web Anda di sini, aliran pendapatan Anda.

Saat mengimpor konten secara manual, pastikan Anda menggunakan tombol Tempel sebagai Teks Biasa untuk menyalin konten ke WordPress, atau menempelkannya ke sisi “Teks” setiap postingan agar tidak tertransfer secara tidak sengaja ke salah satu postingan Anda. pemformatan lama. Selain itu, bersiaplah untuk melakukan beberapa pekerjaan dalam memformat ulang. Manfaatkan kesempatan ini untuk menambah atau mengurangi konten Anda jika perlu. Anda tahu, merasionalisasi, mengkonsolidasikan, atau menggunakan kembali konten lama. Perlu diingat juga bahwa mengimpor konten secara manual akan mengharuskan Anda membuat halaman terkait di WordPress terlebih dahulu (halaman beranda, blog, tentang, dll.). Selain itu, Anda perlu mengunggah semua gambar dan file relevan lainnya dari komputer Anda.

Catatan: Pantau semua URL yang ada dan yang baru. Anda harus mengalihkan (atau mengedit) URL lama untuk mempertahankan peringkat SEO Anda dan memberikan pengalaman bebas kesalahan 404 dengan situs WordPress baru Anda. Anda dapat melacak semua URL menggunakan dokumen spreadsheet sederhana.

Setelah memigrasikan konten Anda, buat menu navigasi menggunakan fitur Menu WordPress yang tersedia di Appearance –> Menus. Ini seharusnya mudah dan menyenangkan. Saya berasumsi situs Anda adalah situs web kecil dengan beberapa halaman sehingga volume kontennya rendah. Oleh karena itu, mengimpor konten tidak memakan waktu berhari-hari, melainkan beberapa detik. Bagian selanjutnya melibatkan mendesain situs WordPress baru Anda secara visual.

Mendesain Situs WordPress Anda

Dengan konten di platform WordPress baru Anda, sekarang saatnya memberikan tampilan yang bagus pada situs web Anda. Jika Anda ingin mengubah desain Anda, inilah saatnya Anda ingin melakukannya. Ada beberapa jalan yang terbuka untuk Anda:

  • Anda dapat mengembangkan tema WordPress dari awal
  • Anda dapat mengunduh tema dari WordPress, Themeforest, atau bahkan bagian tema gratis kami
  • Anda dapat mengambil tema gratis dan membaginya
  • Anda dapat menggunakan kerangka tema WordPress
  • Anda dapat mengonversi template HTML yang ada menjadi tema WordPress
  • Anda dapat membeli tema Total WordPress yang serbaguna dan responsif ?

Metode termudah sejauh ini adalah menemukan tema yang Anda sukai dan menginstalnya. Mengembangkan tema khusus Anda sendiri mungkin bukan pilihan terbaik jika ini adalah pertama kalinya Anda menggunakan WordPress. Dengan asumsi desain Anda sudah siap dan berfungsi, sekarang saatnya untuk mengembalikan semua fungsi. Di sinilah plugin WordPress berperan.

Menginstal Plugin WordPress yang Diperlukan

WordPress hadir dengan sistem plugin hebat yang memberi Anda banyak pilihan dan fungsionalitas untuk meningkatkan kualitas situs web mana pun. Anda dapat mereplikasi fungsi apa pun di situs HTML Anda dengan mudah menggunakan plugin WordPress. Ada banyak sekali (plugin), baik gratis maupun premium, tetapi jika Anda tidak bisa mendapatkan apa yang Anda cari, buatlah satu dan bagikan dengan dunia. Jual, berikan secara gratis – terserah. Meskipun kebutuhan Anda mungkin berbeda-beda tergantung pada situs web dan preferensi pribadi Anda, berikut adalah lebih dari seratus (100) plugin WordPress yang dapat Anda gunakan:

  • 25+ Plugin Media Sosial Terbaik
  • 20 Plugin Admin WordPress yang Hebat
  • Plugin Keanggotaan WordPress Terbaik
  • 10 Plugin BuddyPress yang Harus Anda Miliki (Halo, apakah situs HTML Anda saat ini merupakan jejaring sosial?)
  • 10 Filter Kata-kata Tidak Senonoh WordPress Teratas dan Plugin Pemblokiran Spam

Pengingat: Instal hanya plugin yang telah Anda unduh dari sumber terpercaya untuk membantu mengurangi waktu buka halaman WordPress Anda. Plugin dengan kode yang buruk dapat memperlambat situs Anda, dan ini sangat mengecewakan.

Situs WordPress baru Anda hampir siap diluncurkan. Kita hanya perlu beberapa langkah lagi. Sebelum melanjutkan, izinkan kami memastikan semua tautan berfungsi. Kami tidak ingin calon pelanggan berakhir di halaman kesalahan 404 atau kehilangan peringkat Google yang sangat berharga.

Mengarahkan Tautan di WordPress

Dengan konten Anda di WordPress, fungsionalitas dipulihkan, dan situs WordPress baru Anda tampak hebat, Anda hanya dapat mengalami satu masalah lain: tautan rusak. Tautan rusak dapat mencuri semua kesenangan dari proses migrasi Anda, dan membuat prospek menjauh di kemudian hari, jadi Anda harus sangat berhati-hati. Kami merekomendasikan menggunakan plugin pengalihan. Hal ini membuat prosesnya praktis tidak menimbulkan rasa sakit. Beberapa opsi bagus termasuk Simple 301 Redirect atau plugin Redirection. Setelah mengalihkan semua tautan Anda, sekarang saatnya memastikan tautan tersebut berfungsi. Bagaimana? Gunakan plugin WordPress Pemeriksa Tautan Rusak. Kami memiliki panduan hebat untuk menggunakan plugin ini yang menunjukkan cara menghapus tautan rusak selamanya.

Jika Anda benar-benar ingin menggali situs baru Anda, Anda dapat mengalihkan tautan Anda secara manual dengan mengedit file .htaccess (tetapi ini terbukti rumit terutama jika Anda memiliki banyak halaman). Namun, jika Anda benar-benar ingin menggunakan cara .htaccess, berikut adalah kode pengalihan yang akan Anda tambahkan ke file .htaccess Anda:

Redirect 301 /about.html http://yourdomain.com/about/
Redirect 301 /contact.html http://yourdomain.com/contact/
Redirect 301 /example.html http://yourdomain.com/example/

Ingatlah bahwa URL sumber Anda harus berupa nama file halaman dan URL tujuan harus berupa URL lengkap, termasuk http://. Dan jangan lupa sertakan nama subdirektori jika Anda memiliki halaman yang berada di subdirektori. Misalnya:

Redirect 301 /folder/page.html http://yourdomain.com/page/

Mengarahkan Domain Anda ke Situs WordPress Baru

Apa gunanya menghabiskan waktu berjam-jam untuk memigrasikan situs Anda jika tidak ada yang melihatnya? Mari arahkan domain Anda ke situs baru. Saya tidak akan membahas detailnya karena Codex WordPress memiliki artikel bagus yang membahas penggunaan instalasi subdirektori yang sudah ada sebelumnya – gunakan panduan ini jika Anda menginstal WordPress di subdirektori.

Jika Anda menginstal WordPress pada domain terpisah atau mengubah host, Anda perlu memperbarui server nama untuk domain Anda. Jika Anda menggunakan CDN pihak ketiga seperti Cloudfare, Anda perlu memperbarui data DNS Anda. Ini biasanya melibatkan pengeditan catatan A Anda, sebuah proses yang semudah ABC.

Sapu Terakhir…

Sebelum akhirnya merilis situs baru yang diberdayakan WordPress ke seluruh dunia, periksa kembali tautan yang rusak, tinjau halaman utama Anda untuk memastikan halaman tersebut diformat dengan benar dan periksa apakah semua fungsi telah dipulihkan (misalnya toko, forum, dll.). Siapkan tautan permanen Anda (Buka Pengaturan –> Tautan Perma), analitik, jadikan situs Anda terlihat oleh mesin pencari dan buat cadangan situs HTML lama Anda. Posting ini adalah panduan umum untuk memigrasikan situs web HTML yang ada ke WordPress. Postingan ini tidak ditujukan untuk situs web yang sangat besar. Jika Anda memiliki pertanyaan atau ingin berkontribusi, silakan gunakan bagian komentar di bawah!

Ingin mengonversi templat HTML ke tema WordPress? Lihat seri tutorial kami tentang cara Membuat Tema WordPress dari HTML.