Cara mendesain ulang situs web WordPress: daftar periksa terbaik

Aaah, desain ulang situs WordPress…

Ketika Anda memikirkan berbagai masalah yang melibatkan misi ini, Anda biasanya cenderung sedikit stres.

Siapa yang tidak bermimpi, pada momen penting ini, melakukan Command + Option + Escape atau Ctlr + Alt + Del sederhana di server mereka, dan memulai dari awal dengan mudah?

Sayangnya, mendesain ulang situs web Anda selalu sedikit lebih rumit dari itu . Dan kekhilafan, kesalahan, blunder, terjadi begitu cepat…

WPMarmite ingin berbagi dengan Anda praktik terbaiknya untuk mendekati proyek besar ini dengan tenang.

Apakah kamu siap? Dalam posting ini, saya merinci semua elemen yang perlu Anda pikirkan untuk mendesain ulang situs WordPress Anda , mulai dari strategi upstream hingga peluncuran online.

Proyek WordPress terbaik Anda membutuhkan host terbaik!

WPMarmite merekomendasikan Bluehost: kinerja hebat, dukungan hebat. Semua yang Anda butuhkan untuk awal yang baik.

Coba Bluehost

Untuk mempelajari cara membuat situs web WordPress dari awal, lihat panduan lengkap kami .

4 langkah sebelum mendesain ulang situs WordPress Anda

Bahkan sebelum Anda mendapatkan WordPress untuk mendesain ulang situs web Anda, Anda harus mengerjakan berbagai elemen struktural.

Itu benar: Anda tidak berpikir Anda akan memulai tanpa mengetahui apa yang Anda hadapi?

1. Tetapkan tujuan desain ulang Anda

Seperti proyek apa pun, untuk mendesain ulang situs web aWordPress, Anda harus memiliki tujuan, yang perlu Anda definisikan dengan tepat (apakah Anda seorang pekerja lepas, agen web, atau webmaster non-profesional).
Tujuan yang jelas dan ringkas inilah yang akan memandu langkah Anda selanjutnya .

Anda harus bertanya pada diri sendiri pertanyaan berikut: mengapa Anda ingin mendesain ulang situs web Anda? Ada banyak alasan untuk ini:

• Ubah desain situs Anda , dengan memilih tema baru, atau dengan memilih pembuat laman.
• Perbarui administrasi situs Anda . Ini bisa terjadi jika plugin atau versi CMS WordPress Anda tidak pernah diperbarui, jika ada konflik antara plugin yang berbeda, atau jika tema Anda telah dimodifikasi secara tidak menentu. Ini semua adalah kekhawatiran yang dapat memengaruhi kinerja situs web Anda, dan manajemen hariannya.
• Optimalkan SEO Anda . Tujuan untuk bertanya pada diri sendiri, terutama jika lalu lintas Anda turun atau tidak, apakah pengalaman pengguna Anda saat ini goyah atau jika kode HTML Anda tidak dioptimalkan untuk robot Google.
• Tambahkan fitur baru ke situs Anda yang tidak dapat diakomodasi oleh desain Anda saat ini. Anda mungkin juga ingin membuatnya lebih intuitif dan lebih mudah digunakan untuk pengunjung Anda.
• Tingkatkan struktur teknis situs web Anda (atau e-niaga) untuk memperkuat keamanannya, meningkatkan kecepatan pemuatannya, dan memodifikasi struktur pohonnya.
• Migrasikan situs Anda ke server hosting web lain .
• Hasilkan lebih banyak penjualan , terutama jika Anda memiliki toko WooCommerce.
• Perbarui situs Anda dengan kompetisi , yang menawarkan lebih banyak situs web terkini. Anda akan memanfaatkannya untuk meningkatkan citra merek dan reputasi Anda.

Tuliskan, dalam dokumen yang terstruktur dengan baik, tujuan yang berbeda ini. Anda akan melihat bahwa mereka akan membentuk elemen penataan, untuk mengatur desain ulang situs web Anda.

2. Susun proyek desain ulang Anda

Sekarang setelah Anda memiliki gagasan yang jelas tentang tujuan desain ulang Anda, mari kita bicara tentang langkah-langkah berbeda yang menentukan jalur utama proyek Anda.

Buat gambar rangka Anda

Apakah istilah wireframes membunyikan lonceng?

Tinjauan singkat tentang subjek diperlukan, karena langkah ini sangat penting.

Wireframes adalah mock-up struktural yang membantu Anda mengatur berbagai elemen halaman web Anda pada satu dokumen.

Idenya benar-benar untuk meletakkan kerangka kerja halaman yang berbeda dari situs Anda, untuk memiliki gagasan yang jelas tentang pengalaman pengguna yang akan Anda buat.

Saya memberi Anda sebuah contoh dalam artikel ini, dan ini sekali lagi untuk mengilustrasikan poin saya:

Jika metode kertas + pensil milenium cukup untuk mendesain ulang yang ringan, saya tetap menyarankan Anda untuk menggunakan alat digital untuk mendesain gambar rangka Anda .

Ini tidak hanya memungkinkan Anda untuk dengan mudah memodifikasinya jika diperlukan, tetapi juga untuk membagikan gambar rangka ini dengan tim Anda (atau dengan sepupu Anda yang bekerja di pemasaran web).

Saya hanya dapat merekomendasikan beberapa alat untuk melakukan ini :

• Balsamiq Wireframes : Ini adalah perangkat lunak berbayar, tetapi versi uji coba 30 hari gratis memberi Anda banyak waktu untuk merancang wireframe yang dibuat dengan baik.
• MockFlow : Ini adalah alat online freemium yang berguna. Versi gratisnya memungkinkan Anda membuat hingga 3 halaman, untuk memulai.
• Sketch : Platform desain web kolaboratif yang sangat kuat, asalkan Anda tahu cara menggunakannya dengan benar. Ini menawarkan versi uji coba 30 hari gratis, kemudian penawaran berbayar mulai dari $9/bulan.
• Canva : Ini bukan alat yang didedikasikan untuk wireframing, tetapi memungkinkan Anda untuk lebih dekat dengannya berkat berbagai fiturnya. Dan, yang terpenting, ia memiliki versi gratis dengan banyak fitur.

Dan pada titik ini, Anda memiliki gagasan yang lebih jelas tentang apa yang diharapkan untuk mendesain ulang situs web WordPress Anda.

Mendesain mockup Anda

Di mana gambar rangka akan memberi Anda gambaran tentang struktur halaman Anda yang didesain ulang, maket akan mengintegrasikan desain itu sendiri.

Dibuat melalui perangkat lunak tata letak halaman (seperti InDesign), tata letak halaman web Anda mungkin memerlukan teknis tertentu, dan merupakan langkah yang agak memakan waktu.

Jadi pertanyaannya adalah: apakah Anda benar-benar perlu membuat mockup grafis untuk desain ulang Anda? Jawabannya sederhana:

• Ya, jika Anda ingin membuat tema sendiri . Dalam hal ini, Anda harus mendesain situs web Anda yang didesain ulang dari awal, dan dengan demikian dapat memvisualisasikan semua elemen grafis dengan mudah.
• Tidak, jika Anda hanya ingin menggunakan tema yang sudah ada dan mendesain ulang. Solusi yang lebih sederhana. Namun dalam hal ini, pastikan untuk memilih tema baru Anda sesuai dengan tujuan Anda.
  Untuk membantu Anda, WPMarmite memiliki sumber daya yang Anda butuhkan: daftar tema gratis terbaik. Menikmati!
  

Bergabunglah dengan pelanggan WPMarmite

Dapatkan posting WPMarmite terakhir (dan juga sumber daya eksklusif).

BERLANGGANAN SEKARANG

Pikirkan tentang struktur pohon baru Anda

Ya, saya yakinkan Anda, kita masih berbicara tentang desain ulang situs web, bukan hortikultura!

Merancang struktur pohon Anda berarti membayangkan tautan yang akan ada di antara halaman yang berbeda, dan memikirkan semua cara pengunjung dapat menemukan jalannya di sekitar situs.

Singkatnya, dengan membuat struktur pohon, Anda memikirkan jalur navigasi yang berbeda dari pengguna Anda.

Jadi bagaimana melakukannya?

Rancang struktur pohon dan ingat untuk menyertakan:

• Menu navigasi utama Anda, serta menu sekunder potensial Anda.
• Footer Anda, dan tautan yang mungkin ada di dalamnya.
• Kemungkinan sidebar Anda, terutama di blog Anda.
• Berbagai kategori blog Anda, dll.

Dengan diagram seperti itu, Anda tidak mungkin lupa untuk membuat jaring yang dibuat dengan baik di antara halaman Anda yang berbeda , yang akan memastikan pengalaman pengguna yang lancar.

Sama seperti gambar rangka, Anda dapat membuat diagram ini di selembar kertas, atau menggunakan alat online seperti GlooMaps atau Octopus.

Merancang spesifikasi Anda

Nah, pada tahap ini, Anda sudah dilengkapi dengan elemen penataan. Sekarang saatnya untuk mengumpulkan semua ini dalam sebuah dokumen kunci: sebuah spesifikasi.

Spesifikasi desain ulang situs web Anda adalah dokumen yang sangat luas, yang memungkinkan Anda menargetkan berbagai harapan yang Anda miliki untuk mendesain ulang situs web Anda.

Anda akan menemukan di web banyak template spesifikasi. Namun, milik Anda harus mengandung:

• Deskripsi proyek web Anda dan perusahaan Anda , serta peran situs web Anda dalam proyek ini.
• Pemirsa target situs web baru Anda , dijelaskan dengan tepat jika memungkinkan.
• Tujuan dari desain ulang Anda , diilustrasikan sebanyak mungkin dengan angka. Jika salah satu tujuan Anda adalah, misalnya, untuk meningkatkan lalu lintas, ingatlah untuk menentukan lalu lintas situs web Anda saat ini.
• Elemen yang akan dipulihkan dari situs web Anda saat ini : konten halaman Anda, kemungkinan gambar, dll.
• Jalur grafik yang ingin Anda ikuti . Untuk melakukan ini, integrasikan wireframes dan mock-up Anda ke dalam spesifikasi Anda, serta panduan gaya Anda (yang mendefinisikan identitas visual Anda).
• Elemen fungsional baru dari situs web Anda yang didesain ulang, seperti penambahan toko e-niaga, blog, modul keikutsertaan, administrasi baru (back-office), dll.
• Tonggak utama proyek desain ulang Anda : kapan Anda ingin melihat pratinjau situs web Anda? Kapan Anda ingin itu ditayangkan?

Ini jauh lebih jelas sekarang, bukan?

3. Pikirkan tentang sumber daya yang Anda inginkan

Sekarang saatnya untuk turun ke bisnis.

Tantangan Anda, jika Anda menerimanya, sekarang adalah membuat daftar sumber daya yang Anda miliki dalam hal :

• Anggaran : berapa banyak yang ingin Anda investasikan untuk desain ulang Anda?
• Waktu : berapa banyak waktu yang Anda miliki untuk mendesain ulang situs WordPress Anda?
• Keterampilan : apakah Anda memiliki kemampuan untuk mencapai semua tujuan Anda sendiri?
• Alat : plugin, tema, pembuat halaman… Dapatkah jenis alat ini membantu Anda mencapai tujuan, bahkan jika Anda memiliki keterampilan web teknis yang terbatas?

Daftar ini akan memungkinkan Anda untuk mengetahui apakah Anda harus menghubungi penyedia eksternal , atau jika Anda merasa dapat bekerja secara mandiri, dengan anggota tim Anda atau dengan cara Anda sendiri.

Temukan pakar WordPress terbaik

Codeable didedikasikan untuk mencocokkan Anda dengan para ahli yang dapat membantu Anda dengan apa pun mulai dari desain atau pemasangan tema WordPress hingga pengembangan plugin khusus.

Coba Codeable

4. Buat rencana pengalihan

"Oke, ini dia, ini dia!"

Mudah! Ada satu langkah terakhir yang terlalu sering diabaikan selama mendesain ulang situs web Anda: pembuatan rencana pengalihan Anda .

Mari saya jelaskan.

Seringkali, dalam mendesain ulang sebuah situs web, akan ada perubahan URL. Ini terutama terjadi jika Anda membuat halaman baru.

Tetapi apa yang terjadi jika Anda menempatkan situs web baru Anda secara online tanpa berpikir untuk melakukan pengalihan? 404 kesalahan berlimpah, yang akan memengaruhi SEO Anda dan navigasi pengunjung Anda.

Untuk merancang rencana pengalihan Anda, tidak ada yang lebih mudah. Buka Excel atau Google Sheets, dan buat tabel sebagai berikut:

Setelah situs web Anda online, Anda dapat mengatur plugin Redirection, dan mengimpor tabel ini secara langsung.

Pintar, bukan?

Baiklah: tarik napas dalam-dalam, dan mari kita bicara tentang desain ulang itu sendiri.

Percepat situs web Anda dengan WP Rocket

Ubah situs Anda menjadi roket dengan plugin caching paling kuat yang diakui oleh pakar WordPress.

Coba WP Rocket

3 langkah untuk meluncurkan desain ulang Anda

Jadi bagaimana Anda melakukannya, sekarang proyek Anda terstruktur dan terorganisir dengan baik? 3 langkah penting ini akan memandu Anda.

1. Pilih untuk bekerja secara lokal atau langsung di situs Anda saat ini

Sebelum masuk ke aspek teknis, mulailah dengan memilih untuk bekerja:

• Baik secara langsung di situs Anda saat ini , dan integrasikan perubahan "langsung".
• Atau pada server pengembangan dan pra-produksi , untuk menguji situs baru Anda sebelum memberikannya kepada audiens Anda.

Apa yang dimaksud dengan dua opsi ini?

Bekerja online langsung di situs Anda adalah tindakan biadab.

Dalam hal ini, semua pengunjung Anda melihat perubahan secara langsung, dan bertindak sebagai "kelinci percobaan" dari fitur baru Anda... dengan semua bug yang dapat ditimbulkannya.

Perhatikan juga bahwa jika terjadi kesalahan selama modifikasi, itu akan berdampak pada situs web hingga Anda mendeteksi dan menyelesaikan masalah. Situs tidak tersedia, fungsionalitas tidak berfungsi…

Untuk menghindari semua masalah ini, Anda dapat mendesain ulang situs web Anda secara lokal.

Keuntungan bekerja secara lokal sangat banyak:

• Lakukan modifikasi Anda dengan aman.
• Uji plugin Anda tanpa risiko.
• Miliki pratinjau rendering akhir sebelum online.

Ini juga merupakan solusi ideal jika Anda ingin mempertahankan administrasi WP seperti yang Anda konfigurasikan saat ini. Dengan kata lain, Anda akan dapat memodifikasi situs WordPress tanpa menghapus yang sudah ada.

Namun, jika Anda ingin memulai dari awal, dalam administrasi yang benar-benar baru, lihat bagaimana Anda harus melanjutkan untuk menginstal WordPress secara lokal.

Kiat WPMarmite : “Tentu saja, Anda dapat mengambil elemen dari situs web lama Anda, berkat plugin seperti UpdraftPlus atau Duplicator. Plugin ini memungkinkan Anda untuk mengimpor kembali ke admin Anda apa yang Anda inginkan: konten Anda, tema Anda, plugin Anda, media Anda, dll.”

2. Dapatkan alat yang Anda butuhkan untuk mendesain ulang

Sekarang saatnya bagi Anda untuk membuat daftar dan mendapatkan semua yang Anda perlukan untuk mengambil alih desain ulang situs web WordPress Anda.

Ingat: Anda mencantumkannya dalam spesifikasi Anda.

Ini mungkin termasuk :

• Tema baru , jika salah satu dari banyak yang tersedia di direktori resmi menarik perhatian Anda (seperti Astra yang sangat populer).
• Pembuat halaman , seperti Elementor atau Beaver Builder, jika Anda ingin menghindari mendapatkan kode.
• Plugin baru , untuk mengintegrasikan fitur luar biasa.

Tidak yakin plugin mana yang harus digunakan? Mungkin Anda akan menemukan apa yang Anda cari dalam daftar must-have kami.

Apakah kotak peralatan Anda sudah siap? Mari siapkan semuanya dan lanjutkan ke langkah penting terakhir dari desain ulang Anda: konten.

3. Siapkan konten situs web baru Anda

Pertama-tama, poin penting yang tidak boleh dilupakan.

Selama mendesain ulang situs web, pasti ada konten situs web sebelumnya yang dapat dipulihkan.

Gambar, teks, konfigurasi plugin: pikirkanlah!

Jadi buat cadangan situs web WordPress Anda saat ini , dan simpan apa yang ingin Anda masukkan ke dalam desain ulang Anda.

Namun, saya membayangkan bahwa, jika Anda mendesain ulang, itu juga untuk memodifikasi konten situs web Anda, agar lebih relevan, lebih menarik bagi target Anda… dan untuk mesin pencari, tentu saja!

Jadi pikirkan tentang strategi SEO Anda , sangat penting untuk menentukan peringkat situs web baru (luar biasa) Anda dengan baik.

Jika rumit untuk meringkas langkah-langkah yang harus diikuti, saya dapat memberi Anda garis utama di sini:

• Di satu sisi, tentukan kata kunci yang ingin Anda rangking . Ini adalah ekspresi yang dimasukkan target Anda secara spontan di Google, untuk menemukan informasi yang mereka cari.
• Di sisi lain, tentukan di mana Anda perlu mengintegrasikannya, di setiap halaman . Tag judul Anda (hn) , atau teks alternatif dari gambar, misalnya harus dioptimalkan untuk SEO: Google menyukainya, di situlah ia akan mencoba memahami situs Anda terlebih dahulu!
• Setelah konten baru ini diintegrasikan ke dalam situs web yang didesain ulang, Anda dapat memeriksa apakah semuanya baik-baik saja . Pikirkan secara khusus tentang nama gambar, judul dan deskripsi meta halaman, yang terlalu sering diabaikan.

Untuk membantu Anda dengan SEO di halaman situs web Anda (pengoptimalan konten), andalkan plugin SEO khusus.

WPMarmite menggunakan yang paling terkenal dari mereka, Yoast SEO, tetapi itu bukan satu-satunya yang efektif di pasar. Temukan perbandingan terperinci kami tentang pesaingnya di artikel ini.

Satu hal mengarah ke hal lain, di server pengembangan Anda, secara lokal, dan dengan semua alat WordPress yang diperlukan, Anda dapat melihat kemajuan proyek Anda… dan peluncuran online Anda semakin dekat.

3 langkah menuju peluncuran situs web Anda yang sukses

Saya dapat merasakan Anda semakin bersemangat untuk meluncurkan situs web WordPress baru Anda kepada dunia.

Luangkan waktu untuk melihat 3 langkah ini, dan ikuti dengan cermat: Anda akan senang melakukannya, saya janji.

1. Pilih server produksi atau pra-produksi langsung

Apakah istilah "server pra-produksi" tidak berarti apa-apa bagi Anda? Jangan khawatir, mari kita istirahat sejenak untuk definisi.

Server pra-produksi berbagi server yang sama dengan yang akan digunakan situs web Anda setelah ditayangkan . Jika WPMarmite mendesain ulang, Alex dapat misalnya memilih untuk menempatkan pra-produksinya di preprod.wpmarmite.com : ini akan menjadi lingkungan yang sama dengan wpmarmite.com .

Jadi mengapa Anda menggunakan server preprod ini?

• Untuk memvalidasi desain ulang Anda dengan klien Anda, jika Anda adalah pengembang WordPress.
• Untuk menguji bug sebelum situs ditayangkan.
• Untuk menyesuaikan strategi SEO Anda, pastikan semua kata kunci Anda disertakan di setiap halaman.

Setelah semua ini divalidasi, baru Anda dapat menayangkannya, dan menerapkan situs web baru Anda. Jika Anda yakin, Anda tentu saja dapat memilih untuk langsung ke produksi.

2. Uji situs web baru Anda untuk kemungkinan masalah

Dari server pra-produksi Anda (atau langsung, jika Anda seorang petualang WordPress), Anda harus menguji situs web baru Anda.

Kunci untuk berhasil menguji masalah adalah menempatkan diri Anda pada posisi pengunjung rata-rata , mengeklik, dan mencatat masalah apa pun yang Anda temui…

Anda mungkin akan melihat masalah desain dan struktur. Tapi jangan lupa cek juga:

• Pengalihan yang belum dilakukan, dan menghasilkan tautan mati atau halaman putih.
• Performa website , dengan mengujinya di GTMetrix, Pingdom, atau tes PageSpeed ​​Insights dari Google.
• Poin keikutsertaan , dengan memeriksa apakah mereka berfungsi dengan baik.
• Formulir kontak, formulir penawaran…
• Pembayaran , jika Anda memiliki situs e-niaga (termasuk email konfirmasi, akses ke situs anggota…).

Semuanya indah, fungsional, terhubung dengan baik, dan disatukan dengan baik? Selamat! Langkah terakhir akan meningkatkan senyum lebar yang saya lihat di wajah Anda dari sini.

3. Aktifkan kembali dan sambungkan kembali semua layanan pihak ketiga

Ayo, Anda hampir sampai!

Anda sekarang dapat mengaktifkan kembali semua layanan dan plugin yang ditautkan ke situs web WordPress Anda . Pikirkan secara khusus tentang:

• Plugin cache Anda.
• Plugin yang menggunakan Google Analytics, seperti MonsterInsights.
• Plugin yang menggunakan jejaring sosial, seperti Facebook atau Instagram.
• Berbagai kunci lisensi untuk plugin dan tema Anda.

Dan karena keamanan adalah urusan semua orang (dan terutama milik Anda), ingatlah untuk mengaktifkan kembali semua elemen yang mengamankan situs web Anda .

Siap untuk berangkat? Kemudian mulailah mengindeks situs web baru Anda di Google Search Console. Manipulasi ini memaksa robot Google untuk mengunjungi bayi baru Anda, dan dengan demikian mengindeksnya lebih cepat dalam versi barunya.

Tadam! Didesain ulang, berkinerja lebih baik, lebih mencolok, lebih terstruktur, situs web baru Anda siap menerima lalu lintas yang layak. Itu adalah kerja keras, tapi itu sepadan, bukan?

Bagaimana dengan Anda, apakah Anda baru saja melakukan redesign website WordPress?

Apa masalah yang Anda temui, atau kebanggaan yang Anda ambil di dalamnya?

Beri tahu kami semuanya di komentar: tim WPMarmite membaca semuanya dengan cermat.