Bagaimana menggabungkan SEO dan desain web untuk membuat halaman yang lebih efektif untuk persona dan mesin pencari Anda
Diterbitkan: 2021-07-12Pentingnya desain web SEO adalah bahwa ketika kami berinvestasi dalam pengembangan situs web, kami menginginkannya menjadi sangat rapi dan ramah mesin pencari, dengan elemen visual yang menyenangkan, selain menawarkan navigasi yang fungsional, sederhana, dan intuitif.
Ini semua adalah bagian dari perhatian untuk menawarkan pengalaman pengguna yang baik. Namun, dapatkah kita menyelaraskan pendekatan ini dengan layanan dan teknik SEO?
Meskipun ada beberapa tantangan saat menggabungkan optimasi mesin pencari dan desain web, ini adalah campuran yang sangat layak.
Ini menjadi jelas saat kami memahami pentingnya membuat halaman yang menarik bagi orang dan mesin telusur, dan lebih memahami kesalahan desain yang memengaruhi pengoptimalan Anda.
Apakah Anda ingin tahu lebih banyak? Kemudian, baca di bawah ini!
Mengapa menggabungkan SEO dan desain web?
Ada banyak argumen yang mendukung mempertimbangkan SEO dan desain web sebagai sekutu saat membuat situs web yang luar biasa. Mari kita lihat 5 alasan utama untuk menjaga keduanya tetap seimbang.
1. Sebagian besar lalu lintas biasanya berasal dari pencarian organik
Menurut sebuah studi oleh BrightEdge—perusahaan yang memiliki platform pengoptimalan mesin telusur canggih dan solusi pemasaran internet lainnya—rata-rata, penelusuran organik setara dengan 50,1% lalu lintas situs web.
Ini berarti, tidak peduli seberapa efektif strategi lalu lintas berbayar, pencarian alami adalah yang pada akhirnya mendatangkan lebih banyak pengunjung ke situs web Anda . Oleh karena itu, kita harus melihat SEO sebagai peluang bagus untuk mengoptimalkan halaman kita untuk memperkuat saluran ini dengan peluang lebih besar untuk menarik prospek.
[rock_performance lang="en"]
Jika perusahaan Anda telah memiliki situs web, blog, atau e-niaga selama beberapa waktu, periksa alat analisis web Anda. Sangat mungkin bahwa lalu lintas organik adalah saluran terbesar Anda untuk memperoleh pengunjung. Itulah mengapa memiliki desain web yang SEO friendly itu penting.
2. Tampilan situs web Anda mencerminkan komitmen perusahaan
Ketika kami mengakses sebuah halaman dan kami melihat kekeliruan dengan pilihan tata letak, font, warna, gambar, dan elemen visual lainnya, biasanya diasumsikan bahwa merek tersebut tidak berkomitmen untuk memberikan pengalaman yang baik kepada pengunjungnya.
Oleh karena itu, penting untuk berinvestasi dalam situs web yang berkualitas, dengan desain yang konsisten dengan nilai-nilai perusahaan dan selaras dengan karakteristik persona.
3. Desain yang buruk membuat pengguna menjauh
Selain merusak reputasi merek, situs web dengan visual dan pengalaman pengguna yang buruk biasanya memiliki konsekuensi langsung pada perilaku pengguna: orang cenderung meninggalkan halaman itu.
Perlu diingat bahwa frustrasi ini tidak hanya terjadi pada situs web yang memiliki desain buruk, tetapi juga pada situs yang memiliki terlalu banyak elemen desain .
Fungsionalitas yang berlebihan dan gambar dengan resolusi jauh di atas yang diinginkan juga mempersulit navigasi dan meningkatkan keinginan untuk mengklik tombol kembali.
4. Teknologi tertentu tidak bekerja dengan baik dengan mesin pencari
Ketika Flash mencapai puncaknya, itu memungkinkan Anda untuk membuat situs web dengan efek dan animasi yang hampir tidak diizinkan oleh standar web pada saat itu.
Kemungkinan dalam hal merancang dan mengembangkan sangat luar biasa. Namun, robot mesin pencari tidak dapat melacak teknologi ini, yang membuatnya (sangat) sulit untuk mengindeks situs web yang dibuat dengan cara ini .
Flash adalah salah satu contoh yang paling menonjol, tetapi menunjukkan dengan sangat baik bagaimana penggunaan teknologi yang hanya menghargai aspek desain dapat merusak kehadiran merek di halaman hasil pencarian.
5. Melakukan SEO selama konstruksi situs web menghindari pengerjaan ulang
Karena SEO terdiri dari optimasi, biasanya perusahaan meninggalkan langkah ini untuk nanti, ketika desain web atau bahkan seluruh pengembangan situs web sudah selesai.
Ternyata ini membutuhkan serangkaian modifikasi yang bisa dihindari jika SEO adalah bagian dari proses pembuatan halaman sejak awal.
Prinsip mana yang tidak bisa hilang dari kombinasi ini?
Sekarang, mari kita pelajari dasar-dasar dan elemen penting untuk membuat situs web yang menarik baik untuk persona maupun mesin telusur.
1. Navigasi dan struktur situs
Ketika kami pergi ke supermarket, kami menemukan tanda-tanda yang mengatakan Buah dan Sayuran, Minuman, Beku, Kebersihan, antara lain. Jika kita masuk ke bagian Hygiene, misalnya, kita akan melihat produk-produk yang dipisahkan oleh Deodorant, Soap, Toothpaste, Shampoo, dan sebagainya.
Dapat dikatakan bahwa sebuah situs web diatur dengan cara yang sama . Kami memisahkan produk atau konten ke dalam kategori dan subkategori sambil mengikuti hierarki. Mereka tersedia dalam menu, sehingga pengguna dapat menelusuri sesuai dengan apa yang mereka cari.
Dengan kata lain, gunakan tanda departemen di supermarket sebagai panduan untuk merancang navigasi situs, di mana pembagian toko menjadi bagian dan subbagian—dan pilihan nama masing-masing—sama dengan struktur situs web.
Mari kita gunakan Amazon.com sebagai contoh.

Ada menu navigasi global, dengan opsi yang terkait dengan belanja (Toko), Akun Anda, dan Penawaran Harian. Dalam menu Toko, jika kita pergi ke Buku, kita melihat lebih banyak subkategori (Semua Buku, Buku Dijual, Penjual Terbaik, dan lain-lain).
Ketika kami mengklik Semua Buku, kami diarahkan ke halaman tertentu, dengan penawaran dan menu lokal, di mana pengguna dapat mengakses judul berdasarkan genre, penulis, atau penerbit.

Perhatikan bagaimana Amazon berhati-hati untuk tidak menempatkan semua opsi yang mungkin pada menu yang sama. Navigasi jelas beralih dari kategori yang lebih luas ke kategori yang lebih spesifik.
Selain membantu pengguna memahami apa yang ditawarkan situs dan memungkinkan mereka pergi ke tempat yang mereka inginkan, pengorganisasian menurut level dan sub-level membantu mesin telusur memahami konteks dan tingkat kepentingan di antara halaman-halamannya.
Karena itu, fokuslah pada kesederhanaan dengan menghindari konstruksi menu yang mewah. Sebaliknya, kelompokkan konten atau produk dengan pembagian kategori dan subkategori yang sesuai. Jika Anda menghadapi kesulitan dalam proses ini, arsitektur informasi akan sangat membantu.
2. Tata letak konten
Sudah diketahui bahwa kualitas konten SEO adalah salah satu faktor terpenting untuk algoritma Google. Jadi, hargai informasi yang ditawarkan situs Anda.
Ingatlah bahwa, di Web, kami bersaing untuk mendapatkan perhatian pengguna, yang mungkin memiliki beberapa tab lain yang terbuka selain halaman Anda. Dalam konteks ini, di mana setiap kunjungan ke situs Anda dapat dianggap sebagai kemenangan, kita harus fokus pada konten dan tidak membuat gangguan tambahan.
Oleh karena itu, selalu pikirkan untuk membantu pembaca menemukan apa yang mereka inginkan dengan menyeimbangkan teks, elemen visual, dan kekosongan agar tidak mengabaikan konten .
3. Ketanggapan
Desain responsif—memiliki kemampuan untuk beradaptasi dengan ukuran layar perangkat pengguna—sangat diperlukan, terutama dengan meningkatnya penggunaan internet seluler di dunia. Untuk menggambarkan hal ini, ponsel sudah menjadi sarana utama akses internet di banyak negara di dunia.
Karena relevansi tersebut, pencarian Google sudah mempertimbangkan kompatibilitas halaman dengan perangkat seluler sebagai salah satu faktor peringkat mesin pencarinya.
Karena itu, pastikan untuk menghargai kebebasan pengunjung Anda dan selalu menawarkan pengalaman yang menyenangkan terlepas dari apakah mereka lebih suka mengunjungi situs web Anda dari desktop atau perangkat lain.
4. Penggunaan gambar
Daya tarik visual dari sebuah situs web sangat penting untuk menghasilkan hubungan antara pengunjung dan merek. Dalam hal ini, gambar adalah sekutu penting untuk meningkatkan tampilan dan melengkapi konten teks yang ada di halaman.
Ternyata mesin pencari belum (belum) bisa menafsirkan apa yang ada di gambar. Untuk alasan ini, dalam hal SEO, Anda perlu menyertakan deskripsi dengan gambar yang Anda putuskan untuk ditambahkan. Untuk melakukannya, cukup masukkan 'teks alternatif', menggunakan atribut teks alternatif.
Sayangnya, ini bukan satu-satunya perhatian yang harus kita miliki dengan gambar. Seperti yang akan kita lihat di bawah, mereka sering menjadi sumber dari banyak kesalahan yang menghambat SEO.
Apa kesalahan desain web yang paling memengaruhi SEO?
Setelah mempelajari manfaat menggabungkan kedua elemen, dan memahami pilar kombinasi ini, mari kita lihat 10 kesalahan desain web yang dapat merusak posisi merek Anda di peringkat pencarian.
1. Lupa mengompres gambar
Gambar berkualitas tidak diragukan lagi merupakan bagian penting dari desain yang baik. Namun, jika mereka memiliki resolusi yang sangat tinggi, mereka dapat memengaruhi seberapa cepat situs Anda dimuat .
Pengguna tidak akan memiliki kesabaran untuk menunggu halaman terbuka jika membutuhkan lebih dari beberapa detik, bahkan lebih jika mengaksesnya dari perangkat seluler. Oleh karena itu, bagi Google, kecepatan memuat situs merupakan faktor peringkat.
Karena itu, penting untuk memperhatikan ukuran (dalam hal dimensi dan megabyte) gambar Anda agar tidak memperlambat halaman web Anda. Selalu coba gunakan alat kompresi gambar sebelum menambahkannya ke situs web.

Lihat TinyPNG. Dalam contoh ini, ia mampu mengompresi gambar hingga 75%!

2. Publikasikan konten buruk
Meskipun konten tidak selalu dikaitkan dengan perancangan dan pengembangan, kita harus ingat bahwa ada aspek estetika yang dapat menghambat keterlibatan pengguna dengannya. Paragraf dan kalimat yang sangat besar, font yang sangat kecil, dan warna teks yang menyulitkan pembacaan adalah elemen yang dapat dideteksi oleh pencari.
Perhatikan pada gambar di bawah ini bagaimana kata-katanya sama.

Lihat bagaimana blok teks yang sangat besar, seluruh paragraf dalam huruf kapital, dan warna tanpa kontras yang tepat membuat pengalaman menjadi jauh lebih buruk.
3. Tambahkan panggilan JavaScript yang berlebihan
Web penuh dengan skrip yang membantu meningkatkan situs web dengan elemen yang lebih dinamis atau menggabungkan media dari layanan lain dengan fungsi sematan. Masalahnya adalah meminta terlalu banyak sumber daya eksternal dapat memperlambat pemuatan, yang sudah kita ketahui merugikan baik pengalaman pengguna maupun SEO.
Dengan mengingat hal itu, saat melakukan pengembangan web, gunakan panggilan skrip pihak ketiga dengan hemat. Analisis jika mereka sangat diperlukan, atau jika mungkin untuk menggunakan solusi lain.
Lihat kasus blog ini: dari 2,4 megabyte yang ditransfer, 654 kilobyte berhubungan dengan JavaScript, yaitu sekitar 26% dari data transfer saat memuat halaman khusus ini.
4. Bangun bagian penting dari situs di Flash
Memang benar bahwa Flash dapat membuat efek luar biasa pada situs web Anda, tetapi perlu diingat bahwa pengguna harus menginstal Adobe Flash Player di perangkat untuk dapat melihatnya.
Selain itu, mesin pencari tidak mengindeks konten yang dibuat dengan teknologi ini dengan baik.
Jadi, sangat ideal untuk menghindari penggunaan Flash untuk navigasi dan konten teks, atau, sederhananya, memilih alternatif lain yang mengikuti standar Web.
5. Abaikan pengguna perangkat seluler
Kami telah membahas peningkatan signifikan dalam koneksi melalui tablet dan ponsel cerdas, yang berarti kemungkinan besar sebagian besar pengunjung situs Anda berasal dari perangkat ini.
Jika halaman Anda tidak disiapkan untuk perangkat ini, pengunjung Anda hampir pasti akan meninggalkan situs Anda.
Karena mesin pencari mempertimbangkan apakah situs tersebut ramah seluler atau tidak untuk menentukan peringkatnya, ada baiknya berinvestasi dalam desain responsif juga dari aspek SEO.
Dan berbicara tentang seluler, jangan lupa untuk menambahkan beberapa tombol berbagi media sosial ke halaman Anda!


6. Ganti elemen HTML penting dengan gambar
Membuat gambar yang mengesankan dan menggunakannya sebagai pengganti elemen HTML penting seperti tag heading mungkin sangat menyenangkan untuk dilihat, tetapi itu tidak akan berhasil untuk SEO.
Tag H1, H2 dan H3 menyoroti tingkat relevansi setiap bagian dari konten SEO Anda dan memungkinkan Anda untuk lebih menekankan kata kunci halaman tersebut.
7. Tambahkan banyak teks ke gambar
Kami telah menjelaskan bahwa mesin telusur tidak dapat menginterpretasikan gambar dengan cara yang sama seperti mereka dapat menganalisis konten tekstual—yang merupakan bagian dari kode HTML laman.
Untuk alasan ini, adalah praktik yang buruk untuk memiliki gambar yang sebagian besar terdiri dari teks daripada mereproduksinya dengan elemen tekstual yang sebenarnya pada halaman.
Meskipun atribut teks alt dapat berguna dalam kasus ini, sangat ideal untuk membuat teks pelengkap atau menyimpan gambar dan teks terpisah . Alternatifnya adalah membuat lapisan overlay dengan teks dengan menggunakan fitur CSS.
8. Buat menu yang terlalu canggih
Kita sudah tahu bagaimana navigasi relevan bagi pengguna dan pencari. Jadi, tidak ada yang lebih baik daripada membuat menu sederhana yang mengikuti pola yang sudah diharapkan dari elemen-elemen ini di Web —daftar yang tidak terorganisir secara vertikal atau horizontal, misalnya.
Navigasi perlu diatur dan tidak boleh membuat kebingungan untuk persona Anda. Untuk menghindarinya, jaga keseimbangan. Kerjakan kualitas presentasi menu Anda, tetapi hindari terlalu inovatif.
Blog Rock Content adalah contoh yang sangat baik, dengan daftar Kategori di menu atas dan alternatif akses di footer.

9. Gunakan fitur yang mempersulit akses konten
Ketika pengguna mencapai situs Anda melalui alat pencarian seperti Google, idenya adalah mereka menemukan apa yang mereka cari, bukan? Jika kami menempatkan pop-up, pemberitahuan, iklan, dan elemen lain di depan konten utama, kami mempersulit akses tersebut.
Ambil situs berita pada gambar di bawah ini sebagai contoh. Perhatikan bagaimana, saat membuka halaman utama, ruang yang didedikasikan untuk informasi yang benar-benar ingin dilihat pembaca sangat kecil.

Mesin pencari cukup pintar untuk mendeteksi hal semacam ini, itulah sebabnya hal itu mempengaruhi peringkat situs web.
10. Abaikan pengujian dan hasil
Cara terbaik untuk mengetahui apakah desain web mempengaruhi optimasi mesin pencari secara negatif adalah dengan melakukan tes dan mengevaluasi hasilnya.
Ukuran yang menarik adalah menyertakan anotasi pada platform analitik Anda. Kapan pun perubahan signifikan dalam desain situs ditayangkan, catat tanggalnya, dan pantau apakah ada perubahan signifikan dalam lalu lintas organik .
Penting untuk diingat bahwa penurunan perolehan pengunjung melalui pencarian organik dapat memiliki alasan lain, seperti masalah server atau bahkan perubahan dalam algoritma pencarian Google.
Alat apa yang membantu memeriksa apakah SEO dan desain web selaras dengan benar?
Sekarang, mari kita lihat alat yang harus diketahui oleh setiap desainer web yang ingin meningkatkan situs mereka dari perspektif SEO.
Katak Berteriak
Screaming Frog digunakan untuk merayapi situs web, seperti yang dilakukan robot mesin pencari . Setelah terinstal di komputer Anda, cukup masukkan URL dan klik Mulai untuk memulai proses perayapan.
Setelah prosedur, kita dapat melihat informasi seperti:
- waktu respons halaman;
- jumlah sumber daya (HTML, JavaScript, CSS, gambar, Flash, PDF, dan lainnya) dimuat secara internal dan eksternal;
- tag judul;
- label judul;
- Deskripsi meta;
- jumlah gambar.

Wawasan PageSpeed
PageSpeed Insights adalah alat Google yang menganalisis kecepatan halaman Anda dan, berdasarkan itu, memberikan skor dari 0 hingga 100.
Kemudian, ia menawarkan laporan dengan beberapa saran tentang cara meningkatkan waktu muat, baik untuk desktop maupun seluler.

Tes Ramah Seluler
Fitur lain yang berguna oleh Google sendiri adalah Mobile-Friendly Test. Setelah memasukkan URL situs web, alat akan memeriksa konten dan menentukan apakah itu dioptimalkan untuk perangkat ini atau tidak .
Jika ada masalah dalam hal ini, alat ini menunjukkan aspek mana yang perlu diperbaiki.
Dengan semua saran yang telah Anda lihat sejauh ini, Anda sudah memiliki dasar yang sangat baik untuk memastikan bahwa SEO dan desain web terintegrasi dengan baik. Ingat bahwa pengguna harus selalu didahulukan.
Saat menjaga aspek teknis dan visual yang memberikan pengalaman terbaik bagi pengunjung Anda, kecenderungannya adalah bahwa posisi situs web Anda di hasil mesin pencari hanya akan meningkat.
Apakah Anda ingin tahu bagaimana kecepatan halaman dapat memengaruhi penjualan Anda? Unduh infografis gratis kami dan lihat bagaimana Anda dapat meningkatkan kinerja penjualan Anda!
