Mendesain sebuah website dan
meluncurkannya dengan segala detail akhir biasanya rumit, karena dalam setiap
revisi Anda selalu menemukan hal-hal yang ingin Anda ubah, modifikasi atau
sempurnakan.
Bagaimana jika bayangan baris
ini, warna garis ini atau batas tombol ini, untuk memberikan beberapa contoh
sederhana.
Semua ini menjadi rumit jika
orang yang berbeda juga ikut campur dalam desainnya. Tahukah Anda, empat (atau
enam) mata melihat lebih dari dua ????
Oleh karena itu, saya ingin
menyiapkan postingan kali ini, yang di dalamnya saya akan membahas tentang
setiap elemen yang harus Anda ulas sebelum meluncurkan situs web secara
definitif dan tidak membuat kesalahan tertentu .
Karena ada banyak detail yang
harus Anda pantau dengan cermat agar semuanya sempurna, saya membagi semua
elemen ini menjadi dua bagian berbeda:
7
elemen desain untuk ditinjau sebelum meluncurkan situs web baru
1) Warna
2) Font
3) Teks
4) Gambar
5) Tombol, formulir, dan ajakan bertindak
6) Struktur: bagian, halaman, kategori, tag
7) Versi seluler
5
elemen teknis yang perlu ditinjau sebelum meluncurkan situs web Anda
1) Google Analitik
2) Konsol Pencarian Google
3) seo
4) WPO: Kecepatan Pemuatan WordPress
5) Pengaturan keamanan
7 elemen desain untuk ditinjau sebelum meluncurkan situs web baru
1) Warna
Warna adalah salah satu elemen
yang biasanya saya gunakan untuk memulai halaman web.
Membuat palet warna yang secara
sempurna mengidentifikasi merek Anda dan mewakili nilai-nilainya memerlukan
latihan visual yang hebat dan banyak pengujian hingga Anda menemukan warna
akhir.
Ketika Anda telah memutuskan
palet warna merek Anda, sekarang saatnya untuk menampilkannya di situs web
Anda.
Pada titik ini Anda harus
menentukan aspek-aspek seperti warna judul, tombol, latar belakang tertentu,
elemen yang disorot, serta warna utama dan pelengkap.
Misalnya palet warna blog ini
adalah sebagai berikut:
Seperti yang Anda lihat, ada satu
warna utama (biru di sebelah kiri) dan tiga warna pelengkap (biru yang sama
dengan nada lebih terang, putih dan hitam).
Nah, ketika Anda sudah menyiapkan
situs webnya, jangan lupa untuk memeriksa apakah semua elemen mengikuti warna
tersebut dan tidak ada detail yang terlewat .
2) Font
Elemen lain yang biasanya sulit
untuk dipilih adalah font berbeda yang akan Anda gunakan di situs web Anda .
Saran yang selalu saya berikan
adalah gunakan maksimal dua atau tiga font berbeda. Misalnya: satu untuk teks
isi, dan satu lagi untuk judul dan ajakan bertindak.
Untuk memilih font untuk situs
web Anda, saya sarankan mengunjungi Google Font , di mana Anda akan menemukan
semua font yang kompatibel dengan browser umum.
Selain itu, Anda dapat mengujinya
dengan teks Anda sendiri dan memfilternya berdasarkan kategori atau gaya.
Alat lain yang dapat Anda gunakan
untuk memilih font Anda adalah Temukan Alat Font Google yang Hebat , halaman
tempat Anda akan menemukan font Google yang luar biasa dan Anda dapat memilih
kelompok font berdasarkan kesamaan visual.
3) Teks
Penting!
Teks di situs web Anda bertanggung
jawab untuk menyampaikan nilai-nilai Anda, kepribadian merek Anda, menceritakan
kisah Anda, dan "menjual" produk dan layanan Anda.
Tidak ada yang baru dalam topik
ini, ini disebut Pemasaran Konten dan, jika Anda memerlukan bantuan, hal
terbaik yang dapat Anda lakukan adalah menyewa seorang copywriter yang baik .
Saya menyarankan Anda meninjau
semua teks dari halaman dan bagian yang berbeda sebelum meluncurkan situs web .
Faktanya, Anda harus meninjaunya
beberapa kali dan pada perangkat yang berbeda untuk menyempurnakannya (terutama
jika Anda menulisnya sendiri).
Saya yakin dengan revisi yang
berbeda Anda akan menemukan hal-hal yang perlu dimodifikasi untuk
menyempurnakan salinan Anda.
Satu nasihat lagi: jika seseorang
dapat membantu Anda dalam proses peninjauan ini, itu lebih baik lagi.
Ingatlah bahwa empat mata melihat
lebih dari dua.
Kalaupun bisa dicetak, menurut
saya akan memberikan ulasan yang lebih menyeluruh.
4) Gambar
Baiklah! Gambar adalah elemen
terpenting untuk menarik perhatian pengguna hanya dengan sekali melihat situs
web Anda.
Menurut saya, ini adalah salah
satu bagian yang harus Anda perhatikan saat memilihnya.
Ketika saya mendesain ulang situs
web saya, itu adalah hal tersulit bagi saya.
Apa yang harus Anda ingat saat
meninjau gambar Anda sebelum meluncurkan situs web?
·
Anda harus
hati-hati memilih gambar untuk setiap bagian, halaman, dan bagian situs web Anda, terutama yang ada di halaman
penjualan dan layanan.
·
Pastikan
gambarnya dioptimalkan dengan benar , sehingga memiliki kualitas yang
diperlukan, namun tidak terlalu berat.
·
Periksa apakah
ukuran gambar sudah benar di setiap perangkat: desktop, tablet, dan seluler.
5) Tombol, formulir, dan ajakan bertindak
Elemen lain yang saya sarankan
Anda tinjau sebelum meluncurkan situs web adalah semua tombol, formulir
berlangganan dan kontak, serta ajakan bertindak .
Dalam hal tombol, periksa apakah
tombol tersebut terhubung dengan benar ke tujuan yang ingin Anda tuju pengguna.
Untuk formulir kontak , lakukan
beberapa tes dan periksa apakah formulir tersebut tiba dengan benar di email
yang telah Anda konfigurasi.
Sedangkan untuk formulir
berlangganan , periksa apakah berfungsi dengan benar. Anda dapat berlangganan
dengan email percobaan dan melihat apakah semuanya baik-baik saja.
Selain itu, saya sarankan untuk
memeriksa dengan penyedia Pemasaran Email Anda apakah pelanggan menghubungi
Anda dengan benar.
Terakhir, periksa apakah semua
ajakan bertindak sudah benar dan sampaikan pesan yang Anda ingin agar ditangkap
pengguna di situs web Anda.
6) Struktur: bagian, halaman, kategori, tag
Hal lain yang harus Anda tinjau sebelum
meluncurkan situs web adalah struktur halaman Anda .
Periksa apakah semua bagian dan
halaman tertaut dengan benar satu sama lain dan pengguna tidak perlu kembali
untuk menavigasi halaman Anda.
Dalam kasus blog atau e-niaga,
pastikan postingan dan produk diatur dengan benar berdasarkan kategori dan tag.
7) Versi seluler
Poin terakhir yang ingin saya
sampaikan kepada Anda dari semua yang harus Anda tinjau sebelum meluncurkan
situs web adalah versi seluler .
Dalam hal ini, saya sarankan
untuk memberi perhatian khusus pada slide, header lebar penuh, dan foto besar.
Terkadang, meskipun Anda bekerja
dengan template responsif, mungkin ada bagian tertentu dari situs web Anda yang
tidak beradaptasi dengan benar ke versi seluler.
5 elemen teknis yang perlu ditinjau sebelum meluncurkan situs
web Anda
Setelah meninjau elemen desain
yang harus Anda tinjau sebelum meluncurkan situs web, sekarang saatnya
membicarakan bagian yang paling teknis dan profesional.
Poin yang akan saya sebutkan di
bagian ini adalah kesalahan yang biasanya saya temukan di banyak website.
Menurut pendapat saya,
mengonfigurasi dan menghubungkan semuanya dengan benar adalah perbedaan antara
desain amatir dan bekerja dengan desainer web profesional.
1) Google Analitik
Google Analytics sangat penting
bagi situs web untuk mengontrol semua statistiknya:
·
Audiens: profil audiens situs web.
·
Sumber lalu lintas : untuk mengetahui saluran
mana yang harus Anda tingkatkan.
·
Halaman, artikel, atau produk dengan kunjungan
terbanyak.
·
Konversi: jika Anda melakukan kampanye berbayar.
Dan ini hanyalah beberapa metrik,
jauh di atas.
Oleh karena itu, jika Anda ingin
mengontrol semua aktivitas di situs Anda dalam hal statistik, fakta, dan angka,
jangan lupa untuk membuat akun Google Analytics dan menautkannya ke situs Anda.
Bagaimana cara menghubungkan akun
Google Analytics dengan situs web?
Ada beberapa cara untuk melakukan
proses ini:
·
Memasukkan kode yang dihasilkan oleh Google
Analytics ke dalam template Anda.
·
Menginstal plugin tertentu.
Di sini saya memberi tahu Anda
cara mengonfigurasi Google Analytics di situs web Anda (di postingan yang agak
lama, tetapi masih berfungsi).
2) Konsol Pencarian Google
Langkah penting lainnya sebelum
meluncurkan situs web adalah mendaftarkannya di mesin pencari (pada dasarnya
Google), melalui Google Search Console (sebelumnya Alat Webmaster).
Ini adalah alat milik Google yang
bertanggung jawab untuk memberi tahu mesin pencari bahwa halaman Anda aktif
untuk mulai mengindeksnya.
Di antara fitur-fiturnya yang
menonjol adalah sebagai berikut:
·
Daftarkan website Anda untuk dirayapi oleh mesin
Google .
·
Ini menunjukkan kemungkinan kesalahan perayapan
oleh Google.
·
Ini memungkinkan Anda menautkan peta situs situs
web Anda (file dengan struktur situs Anda).
·
Mendeteksi kemungkinan masalah keamanan.
·
Periksa otoritas situs web Anda .
Saya meninggalkan tangkapan layar
panel administrasi situs web saya di Search Console, di mana Anda dapat melihat
seperti apa platformnya:
3) seo
Pengaturan lain yang harus Anda
tinjau sebelum meluncurkan situs web adalah pengaturan yang mengacu pada
positioning SEO.
Agar situs web Anda terindeks
dengan benar di Google, untuk memposisikan diri Anda dengan kata kunci yang
terkait dengan sektor Anda dan untuk menghasilkan lalu lintas, Anda harus
melakukan serangkaian penyesuaian:
·
Menulis teks untuk SEO di artikel dan halaman.
·
Struktur judul : H1, H2, H3, dll.
·
Konfigurasi tautan web .
·
Instalasi dan konfigurasi plugin SEO . Saya
sarankan menggunakan SEO oleh Yoast .
·
Deindeksasi elemen yang tidak perlu :
pemberitahuan hukum, halaman kredit atau cookie, misalnya.
·
Lengkapi judul dan deskripsi meta halaman dan
postingan.
·
Pelajari kata kunci untuk mengetahui istilah
mana yang Anda minati untuk diposisikan berdasarkan sektor Anda, tingkat
persaingan, pencarian, dan kesulitan penentuan posisi.
Ini hanyalah beberapa tugas
terkait SEO yang harus Anda selesaikan sebelum meluncurkan situs web.
Tentu saja saya bukan ahli SEO,
saya tahu dasar-dasar mengindeks dan memposisikan website :)
4) WPO: Kecepatan Pemuatan WordPress
Kecepatan loading menjadi salah
satu faktor yang mempengaruhi SEO saat ini. Oleh karena itu, Anda perlu halaman
Anda dimuat secepat mungkin.
Berapa waktu pengisian daya yang
dapat diterima?
Antara 1 dan 2 detik adalah angka
yang bagus , tetapi jika situs web Anda dimuat dalam waktu yang lebih singkat,
itu jauh lebih baik.
Selain menjadi faktor yang
menguntungkan SEO, Anda pasti pernah memasuki suatu halaman dan menutupnya
karena memuat lebih lama dari yang diperlukan.
Artinya, ini juga merupakan
faktor kegunaan bagi pengguna . Jika dibutuhkan lebih dari 3 detik, pengguna
akan keluar.
Elemen apa saja yang
mempengaruhi WPO?
·
Penyedia hosting tempat Anda menghosting situs
web.
·
Server yang digunakan oleh penyedia hosting
Anda.
·
Ukuran dan berat gambar. Saya sarankan Anda
membaca: 15 alat untuk mengoptimalkan
gambar di WordPress .
·
Jumlah plugin yang telah Anda instal.
·
Alat eksternal yang Anda gunakan di situs web
Anda: alat tersebut membuat permintaan ke server lain dan ini memperlambat
pemuatannya.
5) Pengaturan keamanan
Terakhir, saya ingin menyebutkan
pengaturan keamanan saat meluncurkan situs web baru.
Saya menganggap poin ini sebagai
salah satu poin yang membedakan desain amatir dari desain profesional.
Apa yang harus Anda kendalikan
dalam hal keamanan?
Saya selalu fokus pada dua aspek:
·
Mengelola komentar spam . Melalui mereka, tautan
berkualitas sangat buruk dapat menyelinap ke situs web Anda.
·
Batasi upaya akses ke WordPress Anda dari alamat
IP tertentu, untuk melindungi situs web Anda.
·
Simpan salinan cadangan situs web Anda jika Anda
membutuhkannya.
Itu saja daftar poin yang perlu
ditinjau sebelum meluncurkan situs web.
Saya harap, jika Anda sedang
mengerjakan proyek baru, Anda mempertimbangkannya dan, jika Anda sudah memiliki
situs web online, Anda meninjaunya dan memodifikasi apa yang diperlukan.