Cara mendesain ulang situs wordpress Anda (& pertahankan SEO Anda)
Diterbitkan: 2025-02-24Desain ulang situs web dapat menjadi menarik dan menantang bagi bisnis. Tidak ada sedikit harapan tinggi untuk desain ulang, namun ini adalah usaha yang monumental. Desain ulang dapat menyelesaikan masalah Anda yang ada dengan memberi Anda kesempatan untuk melepas situs dan membangunnya kembali.
Ambillah dari seseorang yang melakukan banyak pembangunan kembali WordPress - itu sepadan tetapi pasti membutuhkan beberapa pekerjaan.
- 1 Mengapa mendesain ulang situs web Anda?
- 2 langkah untuk mendesain ulang situs WordPress
- 2.1 1. Rencanakan kebutuhan desain ulang Anda
- 2.2 2. Buat situs pementasan
- 2.3 3. Leservasi SEO dan detail teknis
- 2.4 4. Gunakan Divi untuk desain ulang WordPress Anda
- 2.5 5. Desain halaman dan templat Anda
- 2.6 6. Optimalkan situs Anda untuk kinerja
- 2.7 7. Ikuti daftar periksa pra-peluncuran
- 2.8 8. Tayang
- 3 WordPress Redesign dilakukan dengan benar
- 3.1 Dapatkan itu untuk pergi
Mengapa mendesain ulang situs web Anda?
Desain ulang diperlukan saat situs Anda terasa macet. Ini datang dalam berbagai bentuk, tetapi berikut adalah beberapa yang menuntut perubahan besar:
Jika Anda mengangguk, ya untuk semua ini, desain ulang mungkin untuk kepentingan terbaik Anda.
Langkah -langkah untuk mendesain ulang situs WordPress
Ada proses yang sangat mudah untuk desain ulang situs web apa pun. Tapi, tidak mengejutkan, kami sarankan memulai dengan rencana.
1. Rencanakan kebutuhan desain ulang Anda
Penetapan tujuan adalah bagian penting dari desain ulang situs web. Ini terlalu besar dari proyek untuk melayang tanpa tujuan. Pikirkan tentang apa yang ingin Anda capai secara realistis.
Tujuan umum untuk desain ulang situs web sering mencakup hal -hal seperti:
- Skor Vitals Web Inti yang Lebih Baik (situs yang lebih cepat lebih baik untuk semua orang)
- Tingkat konversi yang ditingkatkan (apakah itu pengiriman formulir, pembelian produk, atau tindakan utama lainnya di situs Anda)
- Keterlibatan pengguna yang lebih baik, diukur dengan hal -hal seperti waktu tinggal dan tingkat pentalan
- Membuat sistem desain yang dapat diskalakan yang menyederhanakan pembuatan konten di masa depan
- Menambahkan fungsionalitas baru untuk meningkatkan pengalaman pengguna (seperti ulasan pelanggan, checkout lebih cepat, cara yang lebih baik untuk menampilkan video, atau navigasi yang lebih mudah)
Beberapa tujuan ini, seperti skor inti web vitals Anda atau tingkat konversi, mudah diukur dengan melacak metrik. Yang lain, seperti menciptakan sistem desain yang lebih baik, mungkin lebih tentang mencapai perasaan atau tingkat efisiensi tertentu. Yang penting adalah memastikan tujuan Anda terdefinisi dengan baik dan ditulis sebelum Anda mulai.
Hanya karena Anda mendesain ulang situs Anda bukan berarti semuanya harus berjalan . Konten inti Anda - seperti posting blog, deskripsi layanan, perpustakaan gambar, dan informasi produk - umumnya masih berharga. Tentukan apa yang dapat Anda simpan untuk memiliki daftar tugas yang sedikit lebih pendek.
2. Buat situs pementasan
Jangan pernah bekerja di situs langsung. Siapkan situs pementasan sebagai gantinya. Gunakan alat hosting Anda untuk mengkloning situs WordPress Anda. Jika Anda tidak melakukan ini, Anda berisiko melanggar situs web Anda sementara pengunjung masih mencoba mengaksesnya. Plus, situs pementasan menghilangkan tekanan dengan menjaga situs web Anda saat ini. Saya juga tidak merekomendasikan menggunakan halaman di bawah konstruksi di situs langsung kecuali situs asli adalah negatif bersih. Tunggu saja sampai situs yang didesain ulang siap.
SiteGround menawarkan salah satu cara termudah untuk membuat situs pementasan dari situs web Anda yang sudah ada.
Situs pementasan adalah klon situs web Anda yang “hidup” di URL sementara. Ini benar -benar terpisah dari situs langsung Anda, jadi tidak ada gangguan di antara keduanya.
Di situs pementasan Anda, Anda akan ingin melakukan de-indeks sementara sehingga Google tidak menyadarinya sampai Anda mendorongnya sebagai situs langsung Anda. Untuk melakukan itu, buka "Pengaturan> Membaca ," lalu centang kotak yang mengatakan, " Menghibur mesin pencari dari mengindeks situs ini ." Anda akan membingungkan Google jika Anda membiarkannya mengindeks situs pementasan Anda selain situs langsung Anda.
3. Leservasi SEO dan detail teknis
Desain ulang dapat memengaruhi SEO Anda. Mesin pencari membuat indeks mereka berdasarkan struktur situs Anda yang ada. Mengubah terlalu banyak akan menyebabkan Google menjatuhkan halaman dari indeksnya dan memulai prosesnya lagi. Itu sebabnya saya sarankan melakukan audit penuh terhadap situs Anda yang ada. Gunakan Google Search Console untuk mengidentifikasi halaman berkinerja tinggi, kesalahan merangkak, dan peringkat kata kunci. Mengekspor data ini akan membantu Anda membuat tolok ukur untuk membandingkan situs yang dirancang ulang dan membuat Anda tidak mengubah dasar -dasar situs web Anda terlalu banyak.
Pastikan untuk melakukan masing -masing untuk setiap desain ulang:
- Menjaga URL yang ada. Lacak setiap halaman dan posting di situs web Anda, termasuk halaman yang dibangun CMS (pikirkan taksonomi dan halaman toko). Saya suka memiliki spreadsheet dari semua ini. Anda dapat melihat sitemap Anda untuk 95% dari halaman situs Anda.
- Siapkan 301 Redirects untuk setiap halaman dengan perubahan URL (sangat penting - beberapa plugin akan melakukan ini secara otomatis).
- Mengenai 301 -an, jaga agar pengalihan sebelumnya tetap utuh. Anda mungkin juga ingin membersihkan 301 yang diperlukan (404 tidak buruk, tetapi gunakan 301 jika halaman bergerak).
- Migrasi tag judul dan deskripsi meta Anda. Anda dapat mengubahnya, tetapi Anda tentu tidak ingin kehilangan mereka jika tidak.
- Simpan skema tambahan yang digunakan di halaman Anda (lebih dari apa yang dibuat secara default dari plugin SEO Anda). Sangat menyakitkan untuk menciptakan kembali skema ketika Anda hanya lupa menyimpannya (gunakan spreadsheet untuk ini juga).
- Jaga agar struktur heading Anda tetap utuh karena mesin pencari menggunakannya untuk konteks. Anda diizinkan untuk membuat perubahan konten, tetapi ketahuilah bahwa mereka dapat memengaruhi SEO Anda sebelumnya.
SEO sering kali renungan dengan desain ulang. Sementara SEO dapat menjadi salah satu hal terakhir yang Anda optimalkan untuk situs web baru (dengan alasan), itu harus menjadi salah satu hal pertama yang Anda pikirkan tentang desain ulang . Jika situs web Anda yang sudah ada mendapatkan lalu lintas saat ini, Anda tidak ingin kembali selangkah (atau beberapa).
Saya juga akan merekomendasikan agar Anda tidak mengubah plugin SEO kecuali Anda memiliki alasan yang jelas untuk melakukannya. Jika Anda melakukannya, banyak plugin memiliki alat migrasi untuk mentransisikan sebagian besar pengaturan SEO dari plugin lama Anda ke yang baru.
4. Gunakan Divi untuk desain ulang WordPress Anda
Meskipun mengubah tema dapat secara drastis mengubah situs web, kabar baiknya adalah bahwa semua media dan CPT Anda tetap utuh. Gambar dan video Anda yang diunggah akan memiliki jalur URL yang sama seperti halnya jenis posting khusus yang telah Anda bangun (meskipun loop kueri dan elemen di halaman perlu dibangun kembali, dan pagination Anda mungkin berubah). Ini akan memberi Anda lebih percaya diri dengan desain ulang karena Anda tidak mulai dari nol.
Sekarang, Anda memiliki ratusan opsi saat memilih tema untuk desain ulang WordPress. Namun, tidak ada yang lebih baik untuk benar -benar merancang situs web selain Divi. Saya belum melihat pembangun halaman untuk WordPress memberi pengguna sebanyak opsi desain (apakah mereka seorang pemula atau tidak atau seseorang yang sangat mahir dalam CSS).
Divi adalah mesin desain, dan jika Anda benar -benar berkomitmen untuk mendesain ulang , saya sarankan Anda tidak memilih alat yang akan mendorong Anda ke dalam hambatan desain lain . Pertama dan terutama, Divi adalah alat desain. Itu berarti memiliki setiap fitur dan fungsi yang Anda butuhkan untuk membangun kembali situs web baru Anda.
Jika Anda membutuhkan sedikit lebih banyak bantuan, Divi memiliki situs pemula yang dirancang oleh tim desainer web profesional kami. Anda juga dapat menggunakan pembangun situs web AI kami yang telah mencoba-dan-benar untuk sesuatu yang lebih khusus. Bagian terbaik tentang kedua opsi adalah bahwa setiap desain yang sesuai divi, yang berarti bahwa semuanya dapat diedit dalam editor Divi.

Dengan anggaran yang ketat? Divi sebenarnya adalah salah satu alat desain web paling terjangkau di pasaran. Anda mendapatkan alat desain lengkap, penyimpanan cloud, asisten AI, dukungan VIP (dan lebih dari saya yang bersedia memasukkan ke dalam kalimat ini) seharga $ 7,42 per bulan.
Dapatkan Divi untuk Desain ulang Anda
Untuk mendapatkan hasil maksimal dari Divi, pelajari tentang menggunakan preset modul dan preset grup opsi baru (dalam Divi 5). Ini adalah cara Divi untuk menerapkan sistem desain berbasis kelas yang membuat desain lebih cepat dan lebih konsisten. Jika Anda menggunakan desainer, pastikan mereka mengetahui fitur -fitur ini di dalam Divi.
5. Rancang halaman dan templat Anda
Mulailah dengan menyiapkan warna dan font global Anda. Anda dapat membuat palet warna utama dan pasangan font tepat di dalam opsi tema Divi atau penyesalan tema WordPress.
Selanjutnya, mulailah bekerja dengan sistem preset Divi. Preset membuat gaya desain yang dapat digunakan kembali untuk semua elemen situs web umum Anda. Pikirkan tentang hal -hal seperti tombol, judul, gaya teks yang berbeda, bentuk bidang, dan sebagainya. Preset sangat penting untuk memastikan konsistensi desain di seluruh situs Anda. Saya mulai dengan halaman dengan elemen yang saya tahu saya akan gunakan di seluruh situs - orang lain suka memulai dengan beranda mereka untuk ini.
Kemudian, kerjakan templat header dan footer Anda menggunakan pembangun tema Divi. Buat templat header dan footer global yang akan diterapkan di seluruh situs web Anda (atau ke bagian tertentu, jika diperlukan). Juga, buat templat halaman dinamis yang diperlukan. Templat halaman dinamis digunakan untuk konten yang diterapkan pada templat secara otomatis (seperti posting blog Anda, halaman arsip kategori, dan halaman produk).
Setelah ini, saya menemukan yang terbaik untuk menyelesaikannya dengan merancang halaman statis inti. Mulailah dengan halaman statis Anda yang paling kritis, seperti beranda Anda, tentang halaman, halaman kontak, halaman layanan, dll. Saat Anda merancang halaman -halaman ini, menerapkan gaya dan preset global Anda untuk mempertahankan konsistensi visual. Fokus pada membuat tata letak yang jelas dengan ajakan-untuk-aksi yang efektif pada setiap halaman.
6. Optimalkan situs Anda untuk kinerja
Saya tidak akan mengutuk poin ini karena Anda dapat membaca mendalam tentang meningkatkan skor kecepatan halaman google Anda dan plugin mana yang harus Anda gunakan untuk optimasi kecepatan. Tapi inilah hal -hal yang saya miliki di salah satu desain ulang saya sendiri:
Divi

Versi sebelumnya dari Divi 5 Alpha yang mengurangi waktu pemuatan halaman dengan faktor empat
Kami sudah membahas bagaimana Divi adalah tema fantastis yang tidak ada batasan pada kebebasan dan kontrol desain. Tapi itu juga salah satu tema WordPress tercepat dan paling berkinerja di pasaran. Jika Anda menginstal Divi untuk pertama kalinya selama desain ulang ini, saya sangat menyarankan Anda melihat ke Divi 5 - versi yang sepenuhnya dibangun kembali dari pembangun situs web kami yang jauh lebih cepat dan sudah memiliki lebih banyak fitur baru daripada versi Divi yang lebih lama . Jika Anda mendesain ulang toko WooCommerce, maka versi lama adalah taruhan terbaik Anda sekarang, tetapi dalam kebanyakan kasus lain, Divi 5 akan menjadi apa yang ingin Anda gunakan.
Dapatkan Divi untuk Desain ulang Anda
Cloudflare CDN
Cloudflare adalah jaringan pengiriman konten (CDN) yang menyimpan dan melayani aset statis situs web Anda di server di seluruh dunia, mengurangi perjalanan jarak jauh ke pengguna Anda (membuatnya lebih cepat). Saya sering menggunakan versi gratis untuk situs web yang lebih kecil. Namun, alat berikutnya adalah apa yang saya gunakan untuk situs web yang saya andalkan untuk pendapatan bisnis saya.
Dapatkan Cloudflare
Nitropack
Nitropack adalah platform all-in-one untuk membuat situs web sangat, sangat cepat. Ini menawarkan situs web Smart Caching, pengiriman sumber daya yang dioptimalkan melalui CDN sendiri, dan optimasi gambar yang mengesankan. Ini juga menangani pemuatan malas dan mengonversi gambar ke Webp. Dengan WordPress, Anda sering menambal serangkaian plugin dan alat pihak ketiga, tetapi Nitropack benar-benar toko serba ada. Manjakan diri Anda dengan rangkaian alat terintegrasi yang luar biasa ini - Anda akan berterima kasih kepada saya nanti.
Dapatkan Nitropack
7. Ikuti daftar periksa pra-peluncuran
Daftar periksa pra-peluncuran ada di sana sehingga Anda tidak secara tidak sengaja melewatkan sesuatu. Ada ratusan hal yang dapat Anda periksa, tetapi berikut adalah enam kategori utama untuk memeriksa:
- Proofread semua konten : Periksa kesalahan ketik, kesalahan tata bahasa, dan apa pun yang membutuhkan mata yang dekat (saya suka menggunakan AI di sini untuk menangkap hal -hal tertentu).
- Ulasan Gambar dan Media : Pastikan semua gambar dan video ditampilkan dengan benar dan dioptimalkan.
- Pengujian Seluler : Uji setiap halaman pada perangkat seluler dan tablet untuk memastikan desain responsif berfungsi seperti yang diharapkan. Kami hidup dengan baik ke abad ke-21, jadi pastikan untuk menguji tampilan ultra-lebar juga.
- Pengujian Cross-Browser : Uji situs Anda di berbagai browser (Chrome, Firefox, Safari, Edge) untuk memastikan kompatibilitas.
- Lakukan Crawl Situs : Jika Anda bisa, gunakan versi gratis ScreamingFrog untuk merangkak situs Anda dan lihat apakah ada kesalahan yang jelas perlu ditangani pra-peluncuran.
- Instal Analytics : Tepat sebelum peluncuran adalah waktu yang tepat untuk mengatur analitik. Pastikan untuk mengatur acara konversi sehingga Anda benar -benar dapat melihat bagaimana situs Anda yang didesain ulang.
8. Tayang
Momen kebenaran telah tiba! Setelah Anda dengan ketat menguji situs web yang dirancang ulang di lingkungan pementasan Anda dan yakin dengan stabilitas dan kinerjanya, saatnya untuk ditayangkan. Pada titik ini, Anda telah membangun sesuatu yang berfungsi dengan baik, memuaskan pengguna akhir Anda, dan akan memenuhi tujuan bisnis Anda.
Jika Anda menggunakan SiteGround, Anda dapat membuat situs pementasan Anda secara langsung menggunakan alat situs mereka. Sama seperti SiteGround yang membuat lingkungan pementasan Anda dengan satu klik, itu akan menukar situs pementasan ke lingkungan hidup.
Hanya perlu beberapa saat untuk itu terjadi. Saya suka bagaimana menangani mengubah URL pementasan di seluruh situs ke domain khusus Anda. Ini dulunya sangat menyakitkan, tetapi sekarang benar -benar mudah.
Desain ulang WordPress dilakukan dengan benar
Kami sering mendengar pengguna mengatakan mereka berharap mereka telah beralih ke Divi tahun sebelumnya, terutama mereka yang menginginkan kontrol desain yang lebih besar daripada apa yang ditawarkan tema WordPress yang khas. Divi membuat desain ulang WordPress menyenangkan. Pembangun drag-and-drop , pengaturan desain global , dan opsi gaya canggih memungkinkan Anda mendesain ulang situs web Anda untuk mencerminkan merek dan tujuan Anda. Jangan memotong sudut dan dapatkan tema WordPress yang akan Anda ganti dalam beberapa tahun.
Coba Divi
Setelah Anda memiliki tema yang tepat, fokuslah untuk menambahkan fitur baru ke situs web Anda, mempertahankan (dan meningkatkan) SEO -nya, dan membangun dengan kecepatan dan responsif sejak awal.
Dapatkan itu untuk pergi
Desain ulang adalah banyak pekerjaan, tetapi cara kami melakukannya menggunakan alat -alat ini membuatnya jauh lebih mudah. Kami merekomendasikan salah satu alat di bawah ini untuk hosting, desain, dan optimalisasi situs Anda.
Rekomendasi | Berguna untuk | |
---|---|---|
SiteGround | Penyedia hosting web dengan pementasan satu klik | Dapatkan sekarang |
Tema Divi | Tema WordPress terbaik untuk desainer | Dapatkan sekarang |
Situs cepat | Situs starter pra-dibangun dan situs web yang dihasilkan AI | Dapatkan sekarang |
Divi ai | Asisten Desain Web AI | Dapatkan sekarang |
Nitropack | Total plugin dan layanan optimasi kinerja situs web | Dapatkan sekarang |
Cloudflare | Keamanan, CDN, dan Optimalisasi Kinerja | Dapatkan sekarang |
Peringkat Matematika | Plugin SEO WordPress terkemuka | Dapatkan sekarang |
Divi Dash | Dasbor gratis untuk memantau semua situs web Anda dari satu tempat | Dapatkan sekarang |