Daftar Periksa Peluncuran Situs Web: 7 Hal Utama yang Harus Dilakukan Sebelum Tayang

Kami MENCINTAI daftar periksa. Dan sementara kami tahu bahwa meluncurkan situs web baru bisa menyenangkan, itu juga bisa menjadi upaya yang menegangkan bagi siapa pun, baik Anda berpengalaman atau tidak. Daripada mengkhawatirkan beberapa hal yang bisa menjadi sangat salah saat meluncurkan situs Anda, bukankah lebih baik memiliki daftar periksa yang berguna untuk referensi sebelum ditayangkan? Anda beruntung!

Kami memahami bahwa sebagian besar penasihat keuangan memiliki sedikit atau tidak memiliki pengalaman dengan desain situs web, yang dapat membuat membangun situs Anda sendiri menjadi ide yang sangat menakutkan. Bahkan jika Anda memiliki ide dasar tentang cara kerja web, seringkali mahal dan memakan waktu untuk membuat situs web sendiri.

Itulah mengapa kami mengembangkan platform Twenty Over Ten tidak hanya dengan mempertimbangkan pengguna akhir tetapi juga pembuatnya – Anda! CMS (Sistem Manajemen Konten) intuitif kami memberi Anda alat untuk mengelola situs web Anda secara mandiri seperti seorang profesional. Mudah digunakan, ramah pengguna, dan dikemas dengan fitur canggih untuk pemula dan ahli!

Daftar Periksa Pra-Peluncuran

Item #1 Tambahkan Judul Situs

Beranda situs web Anda sejauh ini merupakan halaman yang paling berbobot di seluruh situs web Anda. Oleh karena itu, sangat penting bagi Anda untuk memilih judul yang menonjol untuk situs web baru Anda. Judul situs web Anda akan muncul di hasil pencarian, bilah browser, dan pemberitahuan formulir. Kami mengerti – membuat judul situs web bisa menjadi hal yang menakutkan untuk dilakukan. Ini adalah hal pertama yang akan dilihat prospek ketika mereka tiba di situs web Anda.

Judul situs web Anda adalah merek Anda. Jelaskan tujuan situs web Anda dan luangkan waktu Anda untuk mengembangkan judul situs yang dibuat dengan baik untuk membantu perusahaan perencanaan keuangan Anda menonjol dari pesaing Anda. Memilih judul situs yang baik juga akan membantu memberi tahu pengunjung tentang situs Anda dan apa yang dapat mereka temukan setelah mendarat di situs Anda.

MENAMBAHKAN JUDUL SITUS:

Langkah 1: Akses "pengaturan situs" Anda dari bagian bawah bilah sisi Anda.

Langkah 2 (mengunggah file logo): Gunakan tombol “unggah logo” untuk mengimpor file. Jenis file .svg, .png, atau .jpeg lebih disukai.

Langkah 3 (Menambahkan logotype): Jika Anda tidak memiliki logo tertentu, gunakan alat "judul situs" dan ketik nama yang Anda inginkan (ingat ini akan ditampilkan sebagai logo Anda di halaman dalam situs web Anda).

Langkah 4: Jika Anda menggunakan alat "judul situs", gunakan alat "font logo" untuk mengubah font jenis logo agar sesuai dengan merek yang Anda inginkan.

Item #2 Tambahkan Judul Halaman

Tag judul muncul di bagian atas browser yang Anda gunakan, dan ini penting untuk pengalaman pengguna dan SEO. Menambahkan dan menyesuaikan judul halaman Anda tidak hanya akan memberikan lebih banyak informasi kepada pengunjung situs, tetapi juga dapat membantu memberikan lebih banyak informasi kepada mesin telusur seperti Google tentang halaman di situs Anda dan informasi yang dikandungnya.

Tag judul halaman web dimaksudkan untuk menjadi deskripsi konten halaman yang akurat dan ringkas. Pada contoh di bawah, “Cleveland, OH | Penasihat Keuangan Wanita | Glass Financial adalah tag judulnya. Dari perspektif SEO, tag judul harus diformat seperti: Kata Kunci Utama – Kata Kunci Sekunder | Nama Merek . Anda dapat melihat di mana perusahaan itu berada, kata kunci yang menggambarkan penasihat atau firma dan nama bisnisnya.

MENYESUAIKAN JUDUL HALAMAN:

Item #3 Tambahkan Metadata ke Semua Halaman & Postingan Blog

Deskripsi meta menjelaskan kepada mesin pencari dan pencari tentang situs Anda. Menyertakan deskripsi meta yang menarik di situs Anda seringkali dapat menjadi faktor penentu apakah seseorang mengklik situs Anda atau tidak dari SERP (halaman hasil mesin pencari), terutama jika Anda memasukkan kata kunci yang dicari oleh pencari.

Klien Twenty Over Ten, Forward Thinking Wealth Management, telah melakukan pekerjaan yang baik dengan memasukkan deskripsi meta-data tidak hanya di bawah tag judul utama mereka tetapi juga di bawah subjudul.

Inilah tangkapan dan di mana kita melihat sebagian besar penasihat tergelincir. Metadata perlu ditambahkan ke setiap halaman situs web Anda. Ini termasuk halaman utama, halaman arahan, dan posting blog juga!

MENAMBAHKAN METADATA KE SITUS WEB ANDA:

MENAMBAHKAN METADATA KE POSTINGAN BLOG ANDA:

Langkah 1: Akses "kelola posting" Anda dari bilah sisi Anda (ikon A).

Langkah 2: Pilih posting blog yang ingin Anda tambahkan metadata.

Langkah 3: Gulir ke bawah hingga Anda mencapai kotak deskripsi SEO dan tambahkan konten Anda.

Langkah 4: Metadata Anda harus berupa deskripsi singkat 1-2 kalimat (kaya kata kunci) dari konten yang muncul di posting blog tertentu. Setelah Anda menambahkan konten pilihan Anda, klik tombol simpan.

Item #4 Menghubungkan Formulir

Apakah Anda memiliki formulir di halaman kontak Anda? Sangat penting untuk mengisi masing-masing untuk memastikan setiap bidang dalam formulir berfungsi dengan baik. Ketika Anda mengklik kirim atau kirim, Anda juga harus memverifikasi bahwa konfirmasi yang benar atau halaman terima kasih muncul. Terakhir, periksa email yang Anda gunakan untuk mendaftar untuk memastikan bahwa permintaan Anda berhasil dikirim. Tidak ada yang lebih menjengkelkan bagi pengunjung situs Anda selain mengisi formulir yang tidak berfungsi dan sebagai pemilik bisnis, Anda ingin memastikan bahwa Anda juga mendapatkan prospek tersebut!

MENAMBAHKAN DATA FORMULIR CONNECT:

1) Ganti Nama Bidang Default

Langkah 1: Untuk mengedit nama bidang default untuk formulir Anda, pertama-tama Anda harus masuk dan di layar EDIT. Dari sini navigasikan ke halaman dengan formulir Anda di atasnya dan klik konten halaman Anda untuk mengaktifkan kotak alat editor:

Langkah 2: Dari sini, pilih ikon </> dari kotak alat pengeditan:

Langkah 3: Ini beralih ke apa yang kami sebut "Tampilan Kode" dari konten halaman Anda. Apa yang Anda lihat adalah kode situs web yang sebenarnya untuk halaman ini. Dalam kode ini temukan di mana formulir Anda berada, seharusnya terlihat seperti ini:

Langkah 4: Untuk setiap Bidang, ada dua area yang dapat Anda ubah untuk menyesuaikan bidang default Anda. Ini akan menjadi Teks Label dan Nama Bidang bidang.

Jadi, misalkan Anda ingin mengubah bidang "Telepon" menjadi "Nomor Telepon Anda" :

 < div class = " form-item " > < label > Phone </ label > < input class = " form-control " name = " contact[phone] " type = " text " /> </ div >

 < label > Phone </ label >

Yang dapat diubah menjadi:

 < label > Your Phone Number </ label >

Selanjutnya, Anda ingin mengubah Nama Bidang, cari sesuatu seperti berikut ini:

 < input class = " form-control " name = " contact[phone] " type = " text " />

Di dalam kode bidang, Anda akan melihat yang berikut:

 name="contact[phone]"

Nama bidang ada di dalam tanda kurung [] . Jadi, Anda akan mengubah ini menjadi:

 name="contact[your-phone-number]"

Langkah 5: Setelah Anda selesai, klik ikon </> dari kanan atas tampilan kode untuk beralih kembali ke editor visual dan melihat formulir Anda yang diperbarui!

2) Tambahkan Teks Satu Baris

Bidang teks satu baris berguna untuk mengumpulkan teks yang dimasukkan pengguna untuk jawaban singkat 2-5 kata (mis. nama perusahaan, usia, kode pos, dll)

Langkah 1: Untuk menambahkan ini, pertama-tama Anda harus masuk dan di layar EDIT. Dari sini navigasikan ke halaman dengan formulir Anda di atasnya dan klik konten halaman Anda untuk mengaktifkan kotak alat editor dan klik ikon </> untuk mengaktifkan "Tampilan Kode".

Langkah 2: Dalam kode ini temukan di mana formulir Anda berada, seharusnya terlihat seperti ini:

Langkah 3: Setiap bidang terkandung dalam kode ini: <div class="form-item"> ... </div> , jadi pastikan Anda menempelkan kode yang Anda salin di atas sehingga jatuh sebelum atau sesudah kode bidang lain .

Langkah 4: Anda ingin mengubah Teks Label dan Nama Bidang bidang ini, seperti yang dijelaskan di bagian pertama di atas.

3) Tambahkan Teks Multi-Baris

Bidang teks multi-baris sangat bagus untuk pertanyaan bentuk panjang.

Langkah 1: Untuk menambahkan ini, pertama-tama Anda harus masuk dan di layar EDIT. Dari sini navigasikan ke halaman dengan formulir Anda di atasnya dan klik konten halaman Anda untuk mengaktifkan kotak alat editor dan klik ikon </> untuk mengaktifkan "Tampilan Kode".

Langkah 2: Dalam kode ini temukan di mana formulir Anda berada, seharusnya terlihat seperti ini:

Langkah 3: Setiap bidang terkandung dalam kode ini: <div class="form-item"> ... </div> , jadi pastikan Anda menempelkan kode yang Anda salin di atas sehingga jatuh sebelum atau sesudah kode bidang lain .

Langkah 4: Anda ingin mengubah Teks Label dan Nama Bidang bidang ini, seperti yang dijelaskan di bagian pertama di atas.

4) Tambahkan Pilih Dropdown

Pilih bidang Dropdown sangat bagus untuk opsi yang panjang dan telah ditentukan sebelumnya.

Langkah 1: Untuk menambahkan ini, pertama-tama Anda harus masuk dan di layar EDIT. Dari sini navigasikan ke halaman dengan formulir Anda di atasnya dan klik konten halaman Anda untuk mengaktifkan kotak alat editor dan klik ikon </> untuk mengaktifkan "Tampilan Kode".

Langkah 2: Dalam kode ini temukan di mana formulir Anda berada, seharusnya terlihat seperti ini:

Langkah 3: Setiap bidang terkandung dalam kode ini: <div class="form-item"> ... </div> , jadi pastikan Anda menempelkan kode yang Anda salin di atas sehingga jatuh sebelum atau sesudah kode bidang lain .

Langkah 4: Anda ingin mengubah Teks Label dan Nama Bidang bidang ini, seperti yang dijelaskan di bagian pertama di atas, tetapi Anda juga ingin menyesuaikan opsi tarik-turun yang tersedia untuk pengguna Anda. Untuk melakukannya, cukup tambahkan/hapus kode berikut dari kode yang Anda salin dan tempel: <option>Option 1</option>

Anda akan melihat <option> pertama diatur sedikit berbeda. Ini adalah opsi default opsional untuk memberi tahu pengguna apa yang harus dilakukan, seperti yang dicatat oleh kode disabled="disabled" dan selected="selected" . Jangan ragu untuk mengedit teks untuk opsi ini juga, atau hapus opsi tersebut seluruhnya.

5) Tambahkan Tombol Radio

Bidang Tombol Radio adalah cara hebat lainnya untuk menampilkan opsi jawaban tunggal.

Langkah 1: Untuk menambahkan ini, pertama-tama Anda harus masuk dan di layar EDIT. Dari sini navigasikan ke halaman dengan formulir Anda di atasnya dan klik konten halaman Anda untuk mengaktifkan kotak alat editor dan klik ikon </> untuk mengaktifkan "Tampilan Kode".

Langkah 2: Dalam kode ini temukan di mana formulir Anda berada, seharusnya terlihat seperti ini:

Langkah 3: Setiap bidang terkandung dalam kode ini: <div class="form-item"> ... </div> , jadi pastikan Anda menempelkan kode yang Anda salin di atas sehingga jatuh sebelum atau sesudah kode bidang lain :

Langkah 4 : Anda ingin mengubah Teks Label dan Nama Bidang bidang ini, seperti yang dijelaskan di bagian pertama di atas, tetapi Anda juga perlu menyesuaikan opsi tombol radio Nilai dan Teks Tampilan .

Nilai di sini adalah apa yang Anda lihat sebagai: value="1" , cukup ubah 1 menjadi teks apa pun yang ingin Anda tampilkan di notifikasi email Anda. Teks Tampilan adalah apa yang Anda lihat sebagai: Option 1 , yang ditampilkan tepat sebelum tag </label> penutup. Ini adalah teks yang akan dilihat pengguna untuk opsi ini, ubah ke apa pun yang Anda inginkan.

6) Tambahkan Kotak Centang

Kotak centang sangat bagus untuk pertanyaan pilihan ganda.

Langkah 1: Untuk menambahkan ini, pertama-tama Anda harus masuk dan di layar EDIT. Dari sini navigasikan ke halaman dengan formulir Anda di atasnya dan klik konten halaman Anda untuk mengaktifkan kotak alat editor dan klik ikon </> untuk mengaktifkan "Tampilan Kode".

Langkah 2: Dalam kode ini temukan di mana formulir Anda berada, seharusnya terlihat seperti ini:

Langkah 4: Setiap bidang terdapat dalam kode ini: <div class="form-item"> ... </div> , jadi pastikan Anda menempelkan kode yang Anda salin di atas sehingga jatuh sebelum atau sesudah kode bidang lain .

Langkah 4: Anda ingin mengubah Teks Label dan Nama Bidang bidang ini, seperti yang diuraikan di bagian pertama di atas, tetapi Anda juga perlu menyesuaikan opsi kotak centang Nilai dan Teks Tampilan . Untuk melakukan ini, cukup temukan kode berikut di dalam kode yang Anda salin dan tempel:

Nilai di sini adalah apa yang Anda lihat sebagai: value="1" , cukup ubah 1 menjadi teks apa pun yang ingin Anda tampilkan di notifikasi email Anda. Teks Tampilan adalah apa yang Anda lihat sebagai: Option 1 , yang ditampilkan tepat sebelum tag </label> penutup. Ini adalah teks yang akan dilihat pengguna untuk opsi ini, ubah ke apa pun yang Anda inginkan.

Item #5 Tambahkan Favicon

Favicon (kependekan dari ikon favorit) pada dasarnya adalah ikon kecil yang terkait dengan situs web tertentu. Peramban yang mendukung favicon biasanya akan menampilkan ikon di bilah alamat peramban, di bookmark, dan juga di riwayat. Favicon yang dirancang dengan baik biasanya akan cocok dengan logo perusahaan Anda atau tema situs web Anda. Menambahkan favicon ke situs web Anda memberi pengunjung cara cepat untuk mengenali situs web Anda dengan sekali pandang.

Dua Puluh Lebih Sepuluh klien, Fit Wealth Advisors memiliki ikon "Fit" yang muncul di sebelah kiri saat memasukkan nama mereka ke mesin pencari.

MENAMBAHKAN FAVICON:

Sebaiknya buat favicon yang berukuran minimal 16x16px. Dalam platform Twenty Over Ten, menambahkan favicon Anda sendiri itu mudah. Saat mengunggah favicon Anda, harap perhatikan bahwa jenis file PNG atau ICO lebih disukai.

Butir #6 Tambahkan Analisis

Melacak dan memantau analitik situs web Anda sangat penting dan merupakan dasar dari situs web yang digerakkan oleh kinerja. Google Analytics menawarkan kepada pengguna sejumlah besar data dan dapat dengan mudah diintegrasikan ke dalam situs web Dua Puluh Lebih Sepuluh Anda. Jika Anda tidak memiliki pengaturan akun Google Analytics, Anda dapat mengaturnya di sini.

MENAMBAHKAN GOOGLE ANALYTICS KE SITUS WEB ANDA:

Untuk mengintegrasikan akun Google Analytics Anda dengan situs web Twenty Over Ten, Anda memerlukan nomor akun Google Analytics Anda. ID pelacakan yang disediakan oleh Google Analytics adalah string huruf dan angka seperti UA-000000-2. Ini harus disertakan dalam kode pelacakan Anda untuk memberi tahu Analytics akun dan properti mana yang akan dikirimi data. Kumpulan angka pertama (-000000, dalam contoh di atas) mengacu pada nomor akun Anda, dan kumpulan angka kedua (-2) mengacu pada nomor properti spesifik yang terkait dengan akun tersebut. Berikut adalah petunjuk dasar tentang tempat menemukan ID pelacakan Anda dalam akun Google Analytics Anda.

Butir #7 UJI UJI UJI

Kami tidak bisa mengatakannya cukup – uji, uji, dan uji lagi! Ketika situs web Anda berkinerja baik, itu akan membantu mengembangkan bisnis Anda secara eksponensial. Namun, tanpa menggunakan analitik dan pengujian, Anda tidak akan pernah tahu bagaimana kinerja situs web Anda dan bagaimana meningkatkan kinerja situs Anda. Menguji situs web Anda sebelum diluncurkan sangat penting untuk menemukan masalah apa pun dan memperbaiki bug apa pun yang berpotensi membahayakan pengalaman pengguna.

Yakinlah bahwa tim kami selalu menguji, mengatasi bug, dan meningkatkan platform kami, tetapi ada beberapa item tambahan di halaman yang kami sarankan untuk ditinjau pengguna kami untuk jaminan kualitas sebelum meluncurkan situs web baru Anda, seperti:

• Tautan: Menurut kami tidak ada yang lebih buruk daripada mengklik tautan yang tidak mengarah ke mana-mana atau membawa Anda ke halaman yang sama sekali tidak relevan. Klik pada setiap tautan di situs Anda untuk menguji dan pastikan tautan tersebut mengarah ke tujuan yang Anda inginkan.
• Tata bahasa dan ejaan: Anda telah menghabiskan banyak waktu untuk mengembangkan konten yang solid untuk situs web Anda. Jangan biarkan itu sia-sia dengan melewatkan kesalahan konyol. Setelah melihat situs Anda selama berjam-jam (bahkan mungkin berminggu-minggu) pada akhirnya dapat dengan mudah melewatkan kesalahan. Pertimbangkan untuk meminta kolega atau mitra untuk melihat situs pengujian Anda sebelum meluncurkan untuk mengetahui kesalahan ejaan dan tata bahasa.
• Tampilan dan nuansa: Mundur dan lihat gambar dan blok konten Anda. Apakah ada cukup ruang putih atau semuanya terlihat halus? Pastikan jarak Anda memadai, palet warna Anda mencerminkan identitas merek Anda dan gaya keseluruhannya setara. Selain itu, pastikan situs web Anda mengalir dengan baik. Sebagian besar situs web firma penasihat memiliki durasi kunjungan rata-rata lebih dari satu menit. Tetap sederhana dan mudah dinavigasi. Tidak ada alasan Anda perlu menyampaikan pesan Anda dengan lebih dari lima halaman.