15+ Cara Abadi untuk Memberikan Pengalaman Halaman Stellar di Shopify

Apa yang akan Anda pelajari?

• Apa itu pengalaman pengguna dan mengapa itu penting?
• Bagaimana pengalaman halaman dievaluasi?
• Bagaimana mengidentifikasi peluang untuk perbaikan?
• Bagaimana cara memberikan pengalaman halaman yang luar biasa?
• Kiat lanjutan untuk pengoptimalan pengalaman halaman
• Bawa pulang

Apa itu pengalaman pengguna dan mengapa itu penting?

Menurut definisi, pengalaman pengguna adalah "pengalaman keseluruhan seseorang menggunakan produk seperti situs web atau aplikasi komputer, terutama dalam hal betapa mudah atau menyenangkannya menggunakannya" (Sumber: lexico).

Pengalaman pengguna terkait erat dengan pengalaman halaman. Misalnya, kesesuaian halaman untuk seluler, serta seberapa cepat halaman dimuat, merupakan kriteria pengalaman pengguna dan faktor peringkat. Pelajari lebih lanjut → Mengevaluasi pengalaman halaman untuk web yang lebih baik, Blog Pusat Google Penelusuran

Selain berdampak pada peringkat Anda, pengalaman pengguna dapat memengaruhi keputusan pembelian pelanggan Anda - pengalaman pengguna yang baik akan menarik mereka untuk membeli dan pengalaman pengguna yang buruk akan membuat mereka menjauh. Dengan kata lain, pengalaman pengguna juga berdampak pada keuntungan Anda.

Bagaimana pengalaman halaman dievaluasi?

Pengalaman halaman adalah sekumpulan sinyal yang mengukur bagaimana pengguna merasakan pengalaman berinteraksi dengan halaman web di luar nilai informasi murninya.

Pengalaman halaman dievaluasi berdasarkan sejumlah faktor seperti keramahan seluler dan kecepatan halaman, serta sinyal Penelusuran lainnya seperti penjelajahan aman, HTTPS, dan tidak ada interstisial yang mengganggu (iklan popup). Pelajari lebih lanjut → Memahami pengalaman halaman di hasil Google Penelusuran

Sumber: Mengevaluasi pengalaman halaman untuk web yang lebih baik

Pengalaman halaman juga mencakup Data Web Inti (diperkenalkan pada Mei 2020) - serangkaian metrik (atau sinyal yang berpusat pada pengguna), penting untuk semua pengalaman web: kecepatan memuat, daya tanggap, dan stabilitas visual.

Sumber: Memperkenalkan Web Vitals: metrik penting untuk situs yang sehat, Blog Chromium

Mengapa Anda harus peduli dengan pengalaman halaman?

Mulai Agustus 2021, sinyal pengalaman halaman disertakan dalam peringkat Google Penelusuran.

Sebagai bagian dari pembaruan ini, kami juga akan memasukkan metrik pengalaman halaman ke dalam kriteria peringkat kami untuk fitur Berita Utama di Penelusuran di seluler, dan menghapus persyaratan AMP dari kelayakan Berita Utama. (Sumber: Mengevaluasi pengalaman halaman untuk web yang lebih baik, Blog Pusat Google Penelusuran)

Selain peringkat Anda, pengalaman halaman juga memengaruhi pengalaman pengguna pelanggan Anda, keputusan pembelian mereka, serta kepuasan mereka secara keseluruhan dengan merek Anda. Oleh karena itu, penting bagi Anda untuk memberikan pengalaman halaman yang luar biasa.

Bagaimana mengidentifikasi peluang untuk perbaikan?

Lakukan pemeriksaan realitas. Tanyakan pada diri sendiri: “Di mana saya berdiri? Apa yang bisa saya tingkatkan dalam hal pengalaman halaman?” Sebagai contoh:

• Periksa apakah situs web Anda ramah seluler
• Periksa apakah situs web Anda memiliki masalah keamanan dan amankan situs Anda dengan HTTPS (jika Anda belum melakukannya)
• Pastikan situs web Anda dapat diakses
• Ukur Data Web Inti toko Anda: LCP (Cat Contentful Terbesar - kecepatan muat), FID (Penundaan Input Pertama - daya tanggap), dan CLS (Pergeseran Tata Letak Kumulatif - stabilitas visual)

Tugas-tugas ini harus menjadi prioritas. Setelah Anda mencoretnya dari daftar Anda, Anda dapat melanjutkan untuk mengevaluasi faktor-faktor lain yang dapat berdampak besar pada cara pelanggan Anda memandang dan berinteraksi dengan toko Shopify Anda. Untuk mengevaluasi faktor-faktor ini, Anda perlu menjawab pertanyaan-pertanyaan berikut:

• Apakah Anda memiliki pemahaman yang baik tentang pelanggan Anda? Mengetahui pelanggan Anda adalah kunci untuk mengatasi masalah mereka dan memenuhi kebutuhan mereka. Ini juga merupakan titik awal untuk memilih merek dan strategi pemasaran terbaik, memutuskan bagaimana Anda akan mempresentasikan produk Anda, jenis konten apa yang akan Anda buat, dan banyak lagi.
• Apakah beranda Anda menyampaikan pesan yang benar? Apakah itu memberikan informasi yang cukup? Apakah itu terlihat profesional? Apakah itu memuat dengan benar?
• Apakah desain situs web Anda sesuai merek dan ramah pengguna?
• Apakah halaman produk Anda bermerek dengan baik?
• Apakah Anda memiliki halaman produk yang tidak Anda butuhkan? Misalnya, apakah Anda masih menyimpan halaman produk yang tidak lagi dapat mendorong konversi karena produk terjual habis? Jika Anda tidak berencana untuk mengisi kembali produk, yang terbaik adalah menghapus halaman produknya - ini akan memaksimalkan Anggaran Perayapan Anda dan meningkatkan kecepatan situs Anda. Tetapi jika Anda berencana untuk menjualnya lagi, sebaiknya tambahkan tombol “Bergabung dengan daftar tunggu”. Ingin tahu bagaimana ini terlihat IRL? SAMARA TAS telah menemukan solusi elegan:

• Apakah Anda menghasilkan konten berkualitas tinggi? Misalnya, apakah deskripsi produk Anda cukup informatif? Apakah mereka berisi tautan ke halaman Kebijakan Anda? Apakah konten membahas masalah nyata? Apakah itu terdengar asli? Apakah itu memberikan nilai? Cari tahu apa yang didefinisikan Google sebagai konten berkualitas tinggi → Pembaruan Inti Google 2020, Pembaruan Inti Januari 2020, Memproduksi konten berkualitas tinggi
• Apakah Anda menghasilkan konten visual berkualitas tinggi? Apakah foto produk Anda menampilkan fitur terbaik dari produk Anda? Apakah setiap varian produk memiliki foto produknya sendiri? Apakah halaman produk Anda menampilkan video produk? Apakah file visual Anda dioptimalkan untuk SEO (misalnya, apakah ukurannya tepat, apakah mereka memiliki tag alt deskriptif dan nama file, dan banyak lagi)?
• Apakah Anda menulis CTA yang jelas dan berorientasi pada manfaat?
• Apakah Anda memiliki bukti sosial, yang ditampilkan secara mencolok di tempat-tempat strategis di seluruh situs web Anda? Misalnya, apakah halaman produk Anda menampilkan ulasan produk? Apakah Anda memiliki korsel testimonial di beranda Anda?
• Apakah Anda menggunakan formulir? Jika ya, apakah ramah pengguna, yaitu apakah mudah dipahami dan diisi?
• Apakah situs web Anda berisi tautan yang rusak?

Di bawah ini, kita akan melihat masing-masing faktor tersebut. Mari selami!

Cara memberikan pengalaman halaman yang luar biasa: strategi 15 langkah terbaik

• Pastikan toko Shopify Anda ramah seluler
• Pastikan toko Shopify Anda aman
• Amankan toko Shopify Anda dengan HTTPS
• Pastikan toko Shopify Anda dapat diakses
• Ukur Vital Web Inti dari toko Shopify Anda
• Kenali pelanggan Anda
• Optimalkan beranda Anda
• Pastikan desain Anda sesuai merek dan mudah digunakan
• Pastikan halaman produk Anda bermerek dan informatif
• Menghasilkan konten berkualitas tinggi
• Pastikan konten visual Anda relevan dan berkualitas tinggi
• Tulis CTA yang jelas dan berorientasi pada manfaat
• Gunakan bukti sosial
• Optimalkan formulir Anda
• Perbaiki backlink Anda yang rusak

#1. Gunakan Tes Ramah Seluler untuk memastikan toko Anda ramah seluler

Gunakan Pengujian Situs Mobile-Friendly untuk:

• Uji bagaimana pelanggan Anda melihat dan menggunakan toko Shopify Anda di perangkat seluler mereka
• Temukan kiat merancang situs web yang ramah seluler
• Dapatkan peringatan tentang kesalahan situs kritis
• Kelola bagaimana konten Anda muncul di hasil pencarian

#2. Periksa Laporan Masalah Keamanan

Gunakan Laporan Masalah Keamanan untuk memeriksa toko Shopify Anda untuk:

• Konten yang diretas
• Perangkat lunak perusak atau perangkat lunak yang tidak diinginkan
• Rekayasa sosial

Pelajari lebih lanjut tentang kemungkinan masalah keamanan di situs Anda:

Laporan Masalah Keamanan juga:

• Menunjukkan dengan tepat halaman mana dari toko Shopify Anda yang terpengaruh
• Memberi Anda wawasan tentang cara memperbaiki masalah

Sumber: Laporan Masalah Keamanan

#3. Amankan toko Shopify Anda dengan HTTPS (Hypertext Transfer Protocol Secure)

Keamanan dan privasi online penting bagi pengguna. Mereka juga merupakan bagian integral dari pengalaman halaman yang baik.

HTTPS adalah protokol yang memastikan transfer data yang aman antara perangkat pelanggan Anda dan toko Shopify Anda. Mengamankan situs web Anda dengan HTTPS berarti bahwa data yang dipertukarkan dienkripsi dan tidak dapat diubah atau rusak.

Untuk mengamankan situs web Anda dengan HTTPS, Anda perlu:

• Gunakan sertifikat keamanan seperti sertifikat SSL. Untungnya, Shopify menyediakan sertifikat SSL sebagai bagian dari langganan mereka. Pelajari cara mengaktifkan sertifikat SSL Anda → SEO On-page untuk Shopify, Praktik SEO on-page lanjutan untuk Shopify
• Verifikasi bahwa halaman HTTPS dapat dirayapi dan diindeks
• Dukung HSTS

Pelajari lebih lanjut → Amankan situs Anda dengan HTTPS

#4. Pastikan toko Shopify Anda dapat diakses

Sebuah situs web dianggap dapat diakses jika mematuhi Pedoman Aksesibilitas Konten Web, yaitu jika informasi yang dikandungnya kuat, dapat dipahami, dapat dipahami, dan dapat digunakan.

Memastikan situs web Anda dapat diakses adalah penting untuk memberikan pengalaman berbelanja yang luar biasa kepada semua pelanggan Anda, serta peringkat tinggi di SERP.

Sumber: Google, Aksesibilitas

Untuk membuat toko Shopify Anda lebih mudah diakses:

• Gunakan warna kontras untuk teks dan latar belakang
• Pastikan konten Anda dapat dimengerti
• Format konten tertulis apa pun dengan cara yang mudah dibaca dan dipindai, misalnya menggunakan heading, subheading, bullet point, angka, menulis paragraf pendek, dll.
• Gunakan tautan jangkar untuk memastikan bahwa pengguna dapat dengan mudah dan cepat menemukan apa yang mereka butuhkan
• Hindari penggunaan jangkar teks yang ambigu dan umum seperti “Klik di sini”. Sebagai gantinya, tulis teks jangkar deskriptif dan kaya kata kunci. Seperti biasa, hindari isian kata kunci.
• Tulis teks alternatif deskriptif untuk gambar yang Anda unggah ke toko Shopify Anda
• Pastikan formulir web Anda (misalnya, formulir pembayaran, formulir kontak, formulir pendaftaran, dll.) singkat, jelas, intuitif, dan mudah digunakan
• Pastikan konten Anda mudah diakses di ponsel
• Dan banyak lagi!

#5. Ukur Data Web Inti toko Shopify Anda

Mengukur Data Web Inti toko Shopify Anda akan memberi Anda gambaran yang lebih baik tentang posisi Anda (dalam hal pengalaman halaman), serta apa yang dapat Anda lakukan untuk meningkatkannya.

Anda dapat mengukur Data Web Inti dengan semua alat pengembang Google yang populer.

Sumber: Alat untuk mengukur Vital Web Inti

Wawasan Kecepatan Halaman

Anda dapat menggunakan Wawasan Kecepatan Halaman untuk mengukur kecepatan halaman, daya tanggap, dan stabilitas visual.

Anda juga dapat menggunakan Shopify Performance Analyzer (oleh Ahli Ekosistem) untuk memeriksa seberapa cepat toko Shopify Anda. Shopify Performance Analyzer akan menganalisis seluruh situs web Anda dan memberikan solusi komprehensif dengan daftar rekomendasi yang dipersonalisasi.

Pelajari lebih lanjut tentang kecepatan halaman dan mengapa ini menjadi metrik penting:

Untuk membuat halaman dengan konversi tinggi yang dimuat dengan cepat dan benar di semua browser dan perangkat, Anda perlu fokus pada pengoptimalan halaman. Pelajari lebih lanjut → SEO On-page untuk Shopify: Panduan Utama

Laporan Chrome UX

Anda dapat menggunakan Laporan UX Chrome (Laporan Pengalaman Pengguna Chrome) untuk mengukur sejumlah metrik pengalaman pengguna:

• First Paint ("melaporkan waktu ketika browser pertama kali dirender setelah navigasi")
• First Contentful Paint (“melaporkan waktu ketika browser pertama kali merender teks, gambar, kanvas non-putih, atau SVG apa pun”)
• DOMContentLoaded ("melaporkan waktu ketika dokumen HTML awal telah sepenuhnya dimuat dan diuraikan")
• onload (“diaktifkan ketika halaman dan sumber daya yang bergantung padanya telah selesai dimuat”)
• Penundaan Input Pertama (mengukur responsivitas beban)
• Cat Contentful Terbesar (mengukur kecepatan muat)
• Pergeseran Tata Letak Kumulatif (mengukur stabilitas visual)
• Time to First Byte (indikasi responsivitas server atau sumber daya jaringan lainnya)
• Izin Pemberitahuan

Search Console

Search Console membantu Anda:

• Ukur kinerja toko Anda
• Optimalkan konten Anda dengan Analisis Penelusuran
• Kirim peta situs dan URL Anda untuk dirayapi
• Cari tahu halaman mana dari situs web Anda yang perlu diperbaiki
• Dapatkan pemahaman yang lebih baik tentang bagaimana Google melihat halaman Anda.
• Pantau, uji, dan lacak halaman AMP Anda
• Tingkatkan kegunaan seluler toko Anda
• Dapatkan cuplikan kaya
• Dan banyak lagi

Vital Web

Web Vitals memberikan “umpan balik instan tentang pemuatan, interaktivitas, dan metrik pergeseran tata letak”. Ini menangkap LCP, CLS dan FID. Fitur intinya meliputi:

• Lencana sekitar (memeriksa apakah halaman “melewati ambang Nilai Web Inti”)
• Perincian perincian di munculan (memeriksa apakah metrik perlu diubah atau memerlukan tindakan)
• Hamparan HUD (Tampilan kepala ke atas)

Masing-masing alat dan ekstensi ini akan memberi Anda pemahaman yang lebih baik tentang posisi Anda dalam hal pengalaman halaman. Juga, mereka akan membantu Anda mengidentifikasi peluang untuk peningkatan dan, pada akhirnya, memberikan pengalaman berbelanja yang lebih baik.

#6. Pentingnya mengenal pelanggan Anda

Memahami kebutuhan pelanggan Anda adalah kunci untuk memberikan pengalaman pengguna dan halaman yang baik. Ini juga merupakan kunci untuk merancang situs web dan membangun merek yang akan mereka percayai dan ingin mereka investasikan. Memahami pelanggan Anda juga merupakan dasar untuk menghasilkan konten yang tepat, menceritakan kisah yang tepat, memberikan jenis dan jumlah informasi yang tepat. , mengatasi masalah yang tepat, dan menyoroti manfaat produk Anda dengan cara yang akan mendorong konversi dan meningkatkan kepuasan pelanggan.

Berikut adalah beberapa cara paling efektif untuk mengenal pelanggan Anda dan membuat keputusan dan prediksi berdasarkan data:

• Periksa laporan analis untuk industri Anda
• Kumpulkan data analitik dengan alat seperti Google Analytics dan Inspectlet
• Gunakan alat seperti Crazy Egg untuk memeriksa bagaimana pelanggan berinteraksi dengan situs web Anda
• Periksa perjalanan pelanggan Anda dan analisis titik kontak yang berbeda
• Identifikasi pemicu pelanggan dan temukan cara untuk menindaklanjutinya
• Gunakan media sosial - buat grup Facebook pribadi untuk pelanggan Anda, buat tagar Instagram Anda sendiri, terlibat dalam percakapan di Twitter, dan banyak lagi
• Kumpulkan umpan balik pelanggan - lakukan survei, jalankan tes kegunaan, kumpulkan umpan balik instan, dan banyak lagi
• Tambahkan obrolan langsung ke toko Anda - ini akan membantu Anda memberikan dukungan pelanggan yang lebih baik yang pasti akan meningkatkan kepuasan pelanggan. Berikut adalah beberapa aplikasi Shopify yang dapat Anda gunakan: Live Chat, ChatBot, Cart Saver (4.9), Tidio - Live Chat & Chatbots (4.8), Gorgias Live chat & Helpdesk (4.7).
• Baca dengan cermat semua ulasan dan testimonial - pelajari darinya, lihat apa yang membuat pelanggan Anda senang, pahami apa yang mengecewakan mereka, dan identifikasi peluang untuk perbaikan. Pastikan untuk menanggapi semua ulasan. Catatan: Berikan perhatian ekstra pada ulasan negatif - mengidentifikasi masalah dan menindaklanjutinya penting untuk memberikan pengalaman pengguna yang baik; itu juga membantu Anda meningkatkan kepuasan pelanggan dan membangun basis pelanggan yang setia. Jadi, jika Anda tidak punya waktu untuk menanggapi semua ulasan secara pribadi, Anda setidaknya harus memastikan untuk membalas semua ulasan negatif.
• Mulai program loyalitas. Berikut adalah beberapa aplikasi Shopify yang dapat Anda gunakan: Kartu Hadiah & Program Loyalitas (4.8), Loyalitas & Hadiah Yotpo (4.7), Loyalitas, Hadiah, dan Referensi (4.4).
• Ciptakan persona pembeli yang kuat. Sertakan detail seperti usia, lokasi, bahasa, pekerjaan, latar belakang keuangan, kebiasaan membeli, kebutuhan, minat, poin rasa sakit, tujuan, tahap kehidupan, dan banyak lagi.

Pada akhirnya, kunci untuk memahami pelanggan Anda adalah mendengarkan. Tetap terbuka untuk komunikasi, mulai percakapan, kumpulkan umpan balik, dan pelajari darinya. Berpikir di luar interaksi pelanggan tunggal dan fokus pada gambaran besar.

#7. Pengoptimalan beranda

Inilah yang perlu Anda ketahui tentang pengoptimalan beranda dalam hal pengalaman laman:

• Pertimbangkan aspek SEO struktural dari proses pengoptimalan: buat hierarki halaman dengan kedalaman rendah, navigasi situs web yang intuitif (termasuk navigasi sekunder seperti remah roti), dan struktur URL yang logis. Pelajari lebih lanjut → Bagaimana Cara Membuat Arsitektur Situs Web yang SEO-Friendly?
• Beranda Anda harus bersih dan mudah dimengerti.
• CTA Anda harus jelas. Misalnya, pelanggan Anda harus dapat memahami fungsi tombol pada pandangan pertama. Dan jika Anda dengan lembut mendorong mereka untuk mendaftar ke buletin Anda, pastikan jelas apa yang akan mereka terima sebagai imbalan - “Daftar ke buletin kami dan dapatkan diskon 15% untuk pesanan pertama Anda” terdengar jauh lebih baik daripada “Tetap dalam lingkaran” atau “Jangan pernah melewatkan obral”.
• Pertimbangkan aksesibilitas. Misalnya, jika beranda Anda menampilkan video, harus ada tombol "Putar" dan "Jeda" yang ditempatkan dengan jelas (video tidak boleh diputar secara otomatis saat laman dimuat).
• Halaman harus dimuat dengan cepat dan benar di semua perangkat.
• Pastikan penggeser pahlawan Anda tidak memperlambat halaman Anda dan langsung menarik perhatian orang. Gambar harus dioptimalkan untuk SEO. Perhatikan juga jumlah dan jenis gambar yang Anda pilih untuk digunakan. Misalnya, lebih baik menggunakan satu atau dua penggeser pahlawan yang relevan dan dipikirkan dengan baik (dengan CTA yang jelas) daripada lima penggeser yang tidak jelas, tiga di antaranya menambahkan sedikit atau tidak ada nilai sama sekali. Pelajari cara mendesain carousel beranda yang ramah pengguna → 9 Persyaratan UX untuk Desain Carousel Beranda yang Ramah Pengguna (Jika Anda Membutuhkannya)

#8. Desain

Beberapa hal yang perlu diingat dalam hal desain yang ramah pengguna:

• Lebih sedikit lebih banyak - buat semuanya tetap sederhana dalam hal navigasi, bilah pencarian, tautan, tombol, dll. Masing-masing elemen ini harus mudah digunakan pada perangkat yang berbeda. Responsif adalah kuncinya.
• Bagilah blok-blok besar informasi menjadi potongan-potongan kecil yang bisa dimakan (gunakan judul, poin-poin, penomoran, dll.).
• Jaga agar semuanya tetap konsisten di semua halaman toko Anda. Dengan kata lain, pastikan tombol di beranda Anda sama dengan tombol di halaman produk, halaman kategori, dll; gunakan font yang sama di seluruh situs, dan banyak lagi.
• Daripada menggunakan teks dummy, lebih baik menggunakan salinan asli saat mendesain situs web Anda. Ini akan memberi Anda gambaran yang lebih baik tentang bagaimana semuanya akan terlihat benar dari awal.
• Selalu pertimbangkan pelanggan Anda - jenis desain apa yang akan menarik bagi audiens target Anda? Font apa yang harus Anda pilih? Bagaimana seharusnya heading dirancang? Apakah video dan GIF sesuai? Sederhananya, sesuaikan desain Anda dengan pelanggan Anda. Dengan cara ini, Anda akan memberikan pengalaman pengguna yang lebih baik dan memenuhi kebutuhan pelanggan Anda dengan cara yang sesuai dengan harapan mereka. Pelajari lebih lanjut tentang desain yang berpusat pada pengguna → Membuat Alur yang Berpusat pada Pengguna dalam Desain E-niaga
• Pastikan desainnya sesuai merek.
• Temukan keseimbangan antara eye-catchy dan easy-on-the-eye.

Sederhananya, fungsionalitas, daya tanggap, dan kesederhanaan adalah tiga pilar desain yang ramah pengguna.

#9. Pengoptimalan halaman produk

Pengalaman halaman produk yang hebat memungkinkan Anda menjual lebih banyak, membantu pembeli yang ragu-ragu berkonversi, meningkatkan LTV pelanggan, memelihara loyalitas merek, dan banyak lagi. Untuk memberikan pengalaman halaman produk yang luar biasa, Anda perlu:

• Tambahkan foto produk berkualitas tinggi yang relevan dan tunjukkan fitur terbaik produk. Jika cocok, lengkapi foto-foto ini dengan video, GIF, dan model 3D produk. Jika Anda memiliki sumber daya, pertimbangkan untuk menerapkan AR - ini akan membantu Anda memberikan pengalaman berbelanja yang lebih mendalam, yang manfaatnya sangat banyak. Pelajari lebih lanjut → Shopify AR dan VR: Kunci Pengalaman Belanja yang Immersive
• Berikan detail harga yang cukup (dan, tentu saja, pastikan harga langsung terlihat saat pelanggan membuka halaman)
• Berikan informasi yang berguna tentang fitur dan manfaat produk (dan pastikan informasi tersebut dapat dipahami oleh semua pelanggan terlepas dari tingkat keahlian mereka pada produk yang Anda jual)
• Jelaskan bahan atau kain dari mana produk itu dibuat (jika ada)
• Tambahkan tautan ke Halaman Kebijakan Anda
• Tambahkan tautan ke Bagan Ukuran Anda (jika ada)
• Pastikan bahwa halaman tersebut bermerek dengan baik. Pikirkan di luar logo dan nama merek Anda. Jika memungkinkan, bicarakan tentang nilai merek Anda, rantai pasokan, dampak lingkungan, dan banyak lagi.
• Pastikan semua elemen halaman dirancang dengan mempertimbangkan kenyamanan pelanggan - perhatikan bagaimana informasi disajikan, di mana tombol ditempatkan, di mana harga ditampilkan, di mana bukti sosial dan UGC (konten buatan pengguna) ditampilkan , dan banyak lagi.

# 10. Buat konten berkualitas tinggi

Dalam artikel kami di Pembaruan Inti Google 2020, kami berbicara tentang apa yang dianggap Google sebagai konten berkualitas tinggi. Pelajari lebih lanjut → Pembaruan Inti Januari 2020. Jika Anda tidak punya waktu untuk membaca seluruh artikel, perhatikan bagian EAT, halaman konten tipis, dan konten berkualitas tinggi.

Kami juga berbicara tentang menulis konten aspirasional dalam panduan kami untuk 4 taktik membangun tautan teratas untuk e-niaga. Pelajari lebih lanjut → Blogging

Hari ini, kami ingin membahas beberapa karakteristik penting lainnya dari konten berkualitas tinggi. Yaitu:

• Ini melampaui konten tertulis dan segala sesuatu yang terkait dengannya (dari penelitian hingga pengeditan dan visual).
• Segala sesuatu di situs web Anda - setiap file, setiap gambar, setiap kata di setiap CTA, setiap formulir, dan gambar mini, dll. - adalah konten. Dan masing-masing jenis konten yang berbeda ini harus dibuat dengan hati-hati dan terampil.
• Penting bagi Anda untuk mengoptimalkan konten Anda untuk manusia, mesin telusur, dan maksud penelusuran. Penting juga untuk mengoptimalkan panjangnya tergantung pada tujuan halaman - misalnya, halaman produk akan berisi konten dalam jumlah yang cukup kecil dibandingkan dengan posting blog yang terperinci. Selain itu, jenis halaman produk yang berbeda mungkin berisi jumlah konten yang berbeda (karena jenis produk yang berbeda memerlukan jenis dan jumlah informasi yang berbeda).
• Tetap terinspirasi - lihat apa yang dilakukan merek lain (beri perhatian ekstra pada merek yang Anda kagumi) dan pelajari dari mereka (dari apa yang mereka lakukan dengan benar, serta dari apa yang mereka lakukan salah). Ambil catatan. Cobalah hal-hal baru. Sesuaikan sesuai kebutuhan.
• Temukan suara Anda sendiri. Butuh waktu dan latihan. Uji pendekatan yang berbeda. Anda akan tahu ketika Anda berada di jalan yang benar.
• Fokus pada penyediaan solusi dan nilai tambah bagi kehidupan pelanggan Anda - terkadang, ini tidak berarti Anda akan menghasilkan penjualan, terkadang ini berarti Anda harus membuat pelanggan Anda tertawa.
• Ceritakan kisah dan pastikan Anda terdengar asli dan manusiawi. Anda tidak perlu selalu terdengar formal 100%. Jika pantas (yaitu, jika cocok dengan identitas merek Anda dan akan menarik bagi audiens target Anda), tidak apa-apa untuk menceritakan lelucon atau menggunakan nada yang lebih informal.
• Tujuan konten Anda adalah menghidupkan merek Anda. Dan ini adalah perjalanan yang luar biasa untuk dimulai - jadilah berani saat Anda berkreasi, temukan cara baru untuk tetap terinspirasi, dan tetap rendah hati. Dan sesuatu yang penting untuk diingat di sini - berjuang untuk kesempurnaan itu luar biasa dan membantu Anda tumbuh. Tapi kurangi sedikit kelonggaran - tidak ada yang sempurna! Melakukan yang terbaik, terus belajar, dan mengembangkan potensi Anda, sudah lebih dari cukup.

#11. konten visual

Dalam hal konten visual:

• Pastikan Anda hanya mengunggah gambar berkualitas tinggi ke toko Shopify Anda. Ini juga berlaku untuk konten visual lainnya (seperti video dan model 3D).
• Pastikan gambar dioptimalkan untuk SEO. Pelajari lebih lanjut → SEO On-page untuk Shopify, Cara mengoptimalkan gambar Anda
• Pastikan foto produk menampilkan fitur produk terbaik dan mempresentasikan produk dalam cahaya terbaik
• Pastikan video produk menceritakan kisah dan menambah nilai bagi kehidupan pelanggan Anda. yaitu bahwa mereka memecahkan masalah, menunjukkan kepada pelanggan bagaimana mereka dapat menggunakan produk Anda, memberikan pengalaman langsung, dll.
• Jika produk Anda memiliki beberapa varian dan setiap varian memiliki foto produk, pastikan varian dan foto produk tertaut dengan benar

# 12. CTA

CTA Anda harus:

• Jernih
• Ringkas
• Langsung ke intinya
• Menarik
• Berorientasi pada manfaat

Juga:

• CTA Anda harus menonjol dari konten di sekitarnya.
• Lebih baik jika area di sekitar mereka rapi (sehingga mereka bisa mendapatkan perhatian penuh dari pelanggan Anda).
• Jika cocok, mereka dapat mengambil posisi tengah panggung.
• Setiap halaman harus memiliki satu CTA utama - pelanggan mungkin bingung (seperti apa yang diharapkan dari mereka) jika halaman memiliki lebih dari satu CTA.

# 13. Bukti sosial

Mari kita bicara sedikit tentang UGC (konten buatan pengguna):

• UGC adalah semua jenis konten yang dibuat oleh konsumen. Misalnya, posting dan komentar di media sosial dan forum diskusi, penilaian dan ulasan produk, testimonial pelanggan, umpan balik, dan lainnya.
• UGC meningkatkan kehadiran online Anda dan meningkatkan visibilitas dan kesadaran merek Anda (yang menghasilkan lebih banyak peluang penjualan dan pertumbuhan).
• Mendorong UGC membantu Anda mengembangkan komunitas pendukung merek yang setia (yang meningkatkan kepuasan pelanggan).
• UGC membantu Anda mengirim kampanye email yang lebih efektif sekaligus mengurangi biaya pemasaran dan periklanan.
• UGC membantu Anda memahami basis pelanggan Anda dengan lebih baik dan memungkinkan Anda memprediksi permintaan pelanggan.
• UGC membawa lalu lintas organik ke toko Anda dan membantu Anda mendapatkan pelanggan baru.
• UGC membantu Anda mengatasi keengganan pembeli dengan cara yang lebih efisien.
• Last but not least, UGC adalah bentuk bukti sosial yang kuat dan bukti sosial adalah kekuatan pendorong di balik sebagian besar pembelian online.

Menambahkan bukti sosial ke toko Shopify Anda memfasilitasi keputusan pembelian pelanggan Anda, meningkatkan konversi, dan membangun kepercayaan pelanggan.

Ulasan produk, testimoni pelanggan, dan foto UGC adalah tiga bentuk bukti sosial yang paling kuat.

Kami berbicara tentang ulasan produk dan testimonial pelanggan dalam panduan kami untuk mengoptimalkan toko Shopify Anda untuk tujuan pencarian komersial.

Hari ini, kami akan menunjukkan cara menampilkan foto UGC di situs web Shopify Anda.

Selain memberi Anda bukti sosial, menampilkan foto UGC di situs web Anda akan memberikan konteks kepada pelanggan Anda, yaitu gagasan yang lebih baik tentang bagaimana produk Anda dapat masuk ke dalam kehidupan mereka (bagaimana mereka dapat digunakan, bagaimana mereka dapat bermanfaat bagi mereka, dan banyak lagi). Masing-masing, ini akan memudahkan keputusan pembelian pelanggan Anda dan secara substansial mengurangi jumlah pesanan yang dikembalikan. Ada sejumlah aplikasi yang tersedia di Shopify App Store yang dapat membantu Anda menampilkan foto UGC di situs web Anda. Hari ini, kita akan melihat lebih dekat dua di antaranya - InstaShow - Umpan Instagram dan Instagram & UGC yang Dapat Dibeli.

Pada akhirnya, UGC adalah sumber daya strategis yang membantu Anda membangun kepercayaan di seluruh perjalanan pelanggan. Ini juga membantu Anda menghilangkan dugaan belanja online dan memberikan pengalaman pelanggan yang lebih menarik. Jadi, kami sangat menyarankan Anda mendorong dan menambahkan UGC ke toko Shopify Anda!

#14. Formulir

Formulir merupakan bagian integral dari corong konversi. Berikut adalah beberapa tip desain formulir yang dapat membantu Anda mendesain formulir dengan UI intuitif (antarmuka pengguna):

• Batasi jumlah bidang dalam formulir. Semakin panjang suatu bentuk, semakin banyak gesekan yang tercipta. Misalnya, lebih baik jika ada satu bidang "Nama", daripada dua: "Nama Depan" dan "Nama Belakang".
• Jika formulirnya pendek, lebih baik ditampilkan dalam satu halaman. Tetapi untuk bentuk yang lebih panjang, pendekatan multi-langkah terbukti lebih efektif. Jika Anda perlu mendesain formulir yang lebih panjang, pastikan untuk mengelompokkan pertanyaan terkait dalam langkah atau bagian.
• Jika Anda menggunakan formulir multi-langkah, lebih baik untuk menghindari maju otomatis ke langkah berikutnya. Harus ada tombol yang dapat diklik pelanggan sendiri setelah mereka mengisi semua bidang di langkah saat ini. Pastikan untuk menampilkan bilah kemajuan. Juga, perhatikan kecepatan transisi.
• Anda dapat menggunakan logika kondisional untuk mempersingkat formulir multi-langkah - dalam hal ini setiap langkah berikutnya akan ditampilkan berdasarkan informasi yang diberikan pada langkah sebelumnya.
• Pendekatan mana pun yang Anda pilih (formulir satu halaman, atau formulir multi-langkah), pastikan untuk menandai dengan jelas bidang wajib (kecuali semua bidang wajib diisi). Praktik terbaik adalah menggunakan tanda bintang (*).
• Kolom harus diatur dalam urutan - dari yang paling mudah hingga yang paling sulit untuk diisi. Misalnya, Nama → Telepon → Email → Alamat → Subjek → Pesan.
• Harus ada korelasi logis antara bidang-bidang tersebut. Urutan pertanyaan harus terdengar dan terasa alami.
• Desain satu kolom lebih baik daripada desain banyak kolom.
• Sejajarkan semua bidang, serta teks yang menyertainya, ke kiri - ini lebih baik untuk kegunaan.
• Pastikan formulir terlihat bagus dan berfungsi dengan baik di perangkat yang berbeda. Misalnya, pastikan bidangnya cukup lebar dan pengetikan semudah di perangkat seluler seperti di komputer desktop.
• Berbicara tentang desain formulir yang ramah seluler, pastikan Anda menawarkan fokus lapangan. Anda juga dapat menggunakan beberapa fitur asli ponsel cerdas (misalnya, geolokasi, pemilih tanggal, dll.) untuk menyederhanakan proses.
• Formulir akan terlihat bagus dan berfungsi dengan baik di semua browser utama.
• Pelanggan harus dapat menavigasi formulir menggunakan tombol Tab.
• Komunikasikan kesalahan. Jika pelanggan tidak mengisi kolom dengan benar, jelaskan mengapa mereka tidak dapat melanjutkan dan jelaskan apa yang perlu mereka perbaiki. Gunakan pesan kesalahan positif - jangan pernah menyalahkan pengguna jika bidang tidak diisi dengan benar. Sebagai gantinya, cobalah untuk mengidentifikasi alasan mengapa pengguna bingung dan tanyakan pada diri Anda apa yang dapat Anda lakukan untuk menghindarinya di masa mendatang. Misalnya, haruskah Anda memberikan informasi tambahan atau mengubah nama bidang?
• Gunakan validasi bidang formulir sebaris sehingga Anda dapat mengidentifikasi kesalahan secara waktu nyata dan segera memberi tahu pengguna (yaitu, sebelum mereka mengirimkan formulir).
• Jika Anda memerlukan pelanggan untuk memberikan informasi sensitif, jelaskan mengapa Anda membutuhkannya. Hindari pemijatan hukum yang rumit.
• Gunakan placeholder untuk memudahkan pelanggan Anda mengisi formulir.
• Dengan pengecualian bidang "Nama", aktifkan koreksi otomatis dan pelengkapan otomatis.
• If a customer has to choose between several options, radio buttons are better than drop-down menus. Use checkboxes if the customer can choose more than one option. Radio buttons and checkboxes should be displayed in a single column.
• Use predictive search for fields with multiple predefined options.
• Use an engaging and benefit-oriented CTA. The CTA should be the same width as the fields.
• Use icons to make forms more intuitive.
• Don't ask people to confirm their password more than once (in sign-up forms).
• If the form contains a “Sign up to our newsletters” checkbox, it shouldn't be marked by default. Also, it should be visible, but not so prominently displayed that it annoys your customers (unless, of course, we're talking about an email sign-up form).
• Make sure the design is beautiful and minimalistic. Simplicity is key.
• If suitable, display social proof in close proximity to your forms.
• If suitable, display your contact information in close proximity to your forms.
• The action button should be prominently placed.
• Explain what happens after a customer clicks “Submit”/“Sign up”, etc.

Ultimately, a form with good UI is:

• Sederhana
• Straightforward
• Jernih
• Intuitive
• Fungsional
• Mudah digunakan
• Cantik
• Minimalis
• Contains a benefit-oriented CTA and a prominently placed action button

Terinspirasi!

• SAMARA BAGS
• Ina Kess
• Sejauh ini
• Vinebox

#15. Broken links

Google uses link quality to determine the authority of a website. Broken backlinks aren't in your favor - they can impact site speed and your rankings.

You can use a robust Shopify app like Smart SEO (4.9, 800+ reviews) to find and manage broken links. Smart SEO will scan your website and then query one of the most powerful APIs in the world to identify all broken backlinks (websites linking to non-existent pages on your Shopify store). Once the scan is complete, you can easily and quickly fix the broken links and make search engines fall in love with your store all over again. Smart SEO has a free plan and three paid plans. Pricing starts from $9.99/month. Learn more → Smart SEO Pricing

Advanced tips for page experience optimization

Before we wrap things up, let's take a closer look at 4 advanced practices for page experience optimization.

Hosting and CDN

Shopify offers:

• Secure hosting included with every plan

• CDN - Shopify was the first ever e-commerce platform to use a CDN (operated by Fastly) - a network of servers scattered around the world that distributes the content delivery load to the closest server to ensure faster site speed.

Minify your code

• Shopify handles SCSS.liquid minification automatically. They also offer whitespace controlling tags.
• You should remove poorly coded HTML, CSS, and JavaScrip. Here's a list of resources that can help. If you're not a skilled developer, you can reach out to a Shopify Expert that can handle the minification process.

Reduce unnecessary Liquid forloops

Forloop means the system has to crawl all products in a category when it's looking for a specific condition. Looping can take a long time if you have a large number of products and a lot of product variants. It can also be an issue in the case of advanced collection filtering and mega-navigation implementations. To solve the problem, you need to review your theme Liquid (theme code) and remove any duplicate tasks and conflicting code.

Take a closer look at the apps you use

Sometimes it is enticing to install a new Shopify app - especially if it is free. It might not be an app that you need - it might be an app that you just want to test.

The issue with having too many apps (that you don't use), is that each app is running in the background. This may hurt your site performance and speed. So, our advice is to take a closer look at the apps you have installed and ask yourself:

• How many of these apps do you actually use?
• Are there apps that essentially serve the same purpose?
• Are there apps you're not happy with (but still haven't removed)?

Remove all apps you don't use, don't find useful, or aren't happy with. And when it comes to installing a new app, make sure to weigh the benefits.

Bawa pulang

“Page experience is a set of signals that measure how users perceive the experience of interacting with a web page beyond its pure information value.”

Providing a great page experience is paramount to your long-term success as a Shopify merchant. To provide a stellar page experience you need to:

• Use the Mobile-Friendly Test to make sure your store is mobile-friendly.
• Use the Security Issues Report to check your Shopify store for hacked content, malware or unwanted software, and social engineering.
• Secure your Shopify store with HTTPS (Hypertext Transfer Protocol Secure).
• Make sure your Shopify store is accessible - a website is considered accessible if the information it contains is robust, as well as perceivable, understandable, and usable.
• Measure your Shopify store's Core Web Vitals with tools like Page Speed Insights, Test My Store Speed, Chrome UX Report, Search Console, Web Vitals, etc.
  
• Get to know your customers - Understanding your customers' needs is the key to providing good user and page experiences. It is also the key to designing a website and building a brand that they'll trust and want to invest in. Understanding your customers is also the foundation of producing the right content, telling the right story, providing the right type and amount of information, addressing the right issues, and highlighting the benefits of your products in a way that will drive conversions and increase customer satisfaction.
• Optimize your homepage and make sure it is easy to navigate and understand. It should also be optimized for SEO and navigational search intent, as well as have a responsive design and load properly and quickly on all major browsers.
• Make sure your design is on-brand and user-friendly - functionality, responsiveness, and simplicity are the three pillars of user-friendly design.
• Make sure your product pages are well-branded and informative - they should provide enough information about the product (benefits, features, price, etc.), as well as information your customers may need (ie you should add links to your Policy pages, Size guide, Guarantee policy, and more).
• Create high-quality content, ie content that is aspiring, adds value, solves a problem, etc.
• Upload high-quality and relevant product photos that are optimized for SEO and display your products and brand in the best possible light.
• Write clear and benefit-oriented CTAs.
• Use social proof such as product reviews, customer testimonials, and UGC photos to facilitate your customers' buying decisions, boost conversions and build brand loyalty.
• Create simple and clear forms with user-friendly UI.
• Fix all broken backlinks.

Ultimately, improving your site performance and page experience requires continuous effort and takes time. We hope this guide will give you the expertise, as well as the tools and apps, needed to achieve success. If you have further questions, or want to share your experience, just leave a comment!