7 hal penting SEO yang perlu diketahui semua desainer web

Desainer web dan pakar SEO cenderung tidak setuju.

Mengapa?

Karena, meskipun kedua elemen ini sangat penting untuk situs web mana pun, terkadang keduanya saling bertentangan.

Sementara desainer berfokus untuk memberikan pengalaman visual yang luar biasa kepada pengguna, pakar SEO prihatin tentang memberikan tampilan situs yang realistis kepada mesin pencari.

Tanpa desain, sebuah situs web kurang dihargai. Tetapi tanpa SEO, bahkan situs web yang dirancang dengan luar biasa tidak akan pernah ditemukan oleh pembaca.

Apakah ada cara untuk memperbaiki konflik?

Pada artikel ini, saya akan membahas tujuh cara desainer dapat membantu proses optimasi mesin pencari di situs web mana pun. Anda akan mempelajari elemen desain apa yang penting untuk SEO, dan beberapa tips menarik yang membuat desainer web dan pakar SEO senang dengan hasil akhirnya.

1. Biarkan mesin pencari “membaca” gambar Anda

Salah satu bagian terbesar dari desain web adalah menambahkan citra untuk memecah teks. Namun, Google tidak melihat gambar-gambar itu dengan cara yang sama seperti yang dilakukan orang.

Tag HTML <img> akan memberi tahu mesin pencari bahwa ada gambar. Isi sebenarnya dari gambar, bagaimanapun, tidak dapat dibaca oleh bot mesin pencari.

Jadi bagaimana kita bisa membiarkan mesin pencari "membaca" gambar itu?

WordPress Media Manager memberi kita kemampuan untuk mengubah judul dan teks alternatif dari gambar apa pun yang kita gunakan.

Yang harus Anda lakukan adalah mengklik Media Manager, pilih gambar yang ingin Anda optimalkan, dan tambahkan judul dan teks alternatif . Ini mengubah kode HTML, menambahkan kata-kata yang dapat dibaca oleh bot mesin pencari.

Sebagai contoh, katakanlah saya telah menambahkan gambar Menara Eiffel di postingan tentang Paris. Untuk teks alternatif, saya bisa menambahkan "Menara Eiffel di Paris." Sekarang mesin pencari tidak hanya tahu bahwa ada gambar, tetapi juga tentang apa gambar itu.

Ini membantu SEO untuk halaman itu, dan juga memungkinkan gambar muncul di jenis pencarian tambahan: pencarian gambar.

2. Pastikan Anda dioptimalkan untuk akses seluler

Tahun lalu, penggunaan web seluler benar-benar melampaui penggunaan web desktop. Itu berarti semakin banyak orang yang menggunakan smartphone dan tablet untuk menjelajah internet. Akibatnya, mesin pencari terlihat lebih baik di situs web yang beradaptasi dengan penggunaan seluler.

Sebagai seorang desainer web, mengetahui bagaimana membuat desain Anda mobile-friendly sekarang menjadi lebih penting dari sebelumnya.

Ada dua cara yang dapat diterima untuk membuat situs web Anda mobile-friendly, menurut Google: desain web responsif dan penyajian dinamis. Kedua hal ini memungkinkan URL tetap sama, sementara situs beradaptasi secara otomatis dengan browser seluler pengguna.

Agar tetap ramah seluler, penting juga untuk menghindari video Flash di konten utama situs Anda. Kita semua tahu bahwa Flash akan ketinggalan zaman, tetapi menghindari bentuk video yang sekarat ini sangat penting saat Anda mengoptimalkan penggunaan seluler.

3. Gunakan font web dan HTML untuk membuat desain yang dapat dirayapi

Saya sebutkan sebelumnya bahwa menggunakan tag alt adalah cara yang bagus untuk memungkinkan mesin pencari "membaca" gambar, tetapi bagaimana jika gambar Anda memiliki teks di dalamnya? Dan bagaimana jika teks itu terlalu besar untuk tag alt?

Ini dia webfont untuk menyelamatkan! Jika Anda mendesain spanduk atau gambar dengan teks, termasuk font web dari situs web seperti Fonts.com atau Google akan memungkinkan desain Anda tetap dapat dibaca oleh bot mesin telusur.

Anda juga dapat menggabungkan font web ini dengan HTML untuk memastikan bahwa teks dalam desain Anda benar-benar "hidup". Dengan menyertakan elemen HTML seperti judul H1 atau H2, teks tebal, dll., bot perayapan masih dapat melihat tentang grafik tersebut. Kata kunci apa pun dalam teks ini kemudian dapat dibaca, dan ini akan membantu SEO pada halaman.

4. Masukkan div yang dapat diperluas untuk menggabungkan desain minimalis dengan konten yang dioptimalkan

Jika Anda tertarik dengan desain minimalis tetapi tidak yakin bagaimana memasukkan teks untuk SEO di halaman, maka dengarkan!

Katakanlah Anda memiliki panel gambar produk di halaman web. Desain minimalis yang bagus adalah membiarkan ini sebagai gambar, dan menggunakan tag alt untuk memberi tahu bot mesin pencari apa gambar itu.

Coba tebak: pakar SEO Anda masih belum puas.

Alih-alih hanya menggunakan tag alt untuk menyisipkan teks penting, coba tempatkan div yang dapat diperluas untuk setiap gambar. Dengan begitu, saat Anda mengeklik gambar, <div> akan melebar di bagian bawah, memberikan ruang untuk konten yang menarik dan kaya SEO yang akan membuat pengguna dan mesin telusur senang (belum lagi pakar SEO Anda!).

Teks ini sepenuhnya dapat dirayapi oleh mesin telusur. Namun, karena tidak terlihat sampai diklik, Anda tetap dapat mempertahankan desain minimalis Anda.

5. Kode dengan HTML5 dan CSS3 untuk fungsi situs lanjutan

Ada banyak keuntungan berbeda menggunakan HTML5 dan CSS3. Lebih spesifik untuk topik hari ini, dua bahasa markup yang ditingkatkan ini dapat memiliki dampak yang pasti pada SEO halaman web.

Jika halaman web yang Anda desain tidak terstruktur dengan baik, upaya lain untuk SEO pada dasarnya dapat diabaikan. Menggunakan HTML5 membantu halaman web menjadi terstruktur dengan baik dan akurat secara semantik, yang mengarah ke peringkat mesin pencari yang lebih baik.

Lebih dari itu, HTML5 adalah alat yang fantastis untuk menggantikan Flash yang ditakuti! Selain itu, ini dapat membantu mengurangi jumlah kode pada setiap halaman web, sehingga memudahkan bot untuk merayapi.

6. Optimalkan desain untuk respon cepat

Pada tahun 2010, Google mengumumkan bahwa mereka akan memasukkan kecepatan situs sebagai bagian dari algoritma peringkat mereka. Sejak itu, kecepatan situs menjadi semakin penting dalam SEO.

Jadi, bagaimana desain Anda membuat situs web Anda berjalan cepat?

Kuncinya terletak pada menemukan keseimbangan antara kualitas gambar dan ukuran file. Tentu saja, kita semua tahu bahwa file yang lebih besar membutuhkan waktu lebih lama untuk dimuat, jadi Anda ingin gambar Anda menjadi lebih kecil. Namun, pastikan Anda tidak mengorbankan kualitas.

Satu tip yang dapat membantu Anda mengoptimalkan gambar untuk respons cepat: pastikan Anda tidak mengurangi ukuran dengan HTML. Daripada memuat gambar yang lebih besar dan mengubah HTML untuk menampilkannya dalam resolusi yang lebih kecil, kurangi ukuran gambar Anda sebelum mengunggah. Ini menghemat bandwidth dan mempercepat waktu respons.

(Hanya catatan tambahan: Keuntungan lain menggunakan HTML5 dan CSS3 adalah mereka membantu mempercepat waktu respons situs web. Satu lagi alasan mereka bagus untuk SEO!)

7. Bekerja sama dengan pembuat konten hebat

Jika Anda belum melakukannya, ini adalah salah satu tip terbaik untuk membuat desain yang ramah SEO. Konten dan desain berjalan beriringan. Bekerja sama dengan pembuat konten SEO memberi Anda keuntungan yang mungkin tidak dimiliki orang lain. Pembuat konten Anda dapat membantu Anda dengan melakukan riset kata kunci, mengoptimalkan konten untuk halaman web, dan memberi Anda tip tentang teks untuk disertakan dalam desain Anda.

Selama bertahun-tahun internet telah menggembar-gemborkan manfaat desain yang mengutamakan konten, dan ini paling baik dicapai ketika pembuat konten dan desainer bekerja sebagai sebuah tim.

Kesimpulan

Desainer web: apakah Anda siap untuk benar-benar bergaul dengan pakar SEO? Setelah membaca artikel ini, Anda akan siap untuk memberikan ide-ide ramah SEO dalam desain Anda yang dapat membuat semua orang senang.

Kiat-kiat tentang SEO ini berguna untuk lebih dari sekadar bergaul dengan pakar SEO. Mampu meningkatkan SEO pada halaman dengan desain Anda akan membuat Anda lebih berharga sebagai seorang desainer.

Manfaatkan tip SEO ini dalam desain web Anda, dan Anda akan melihat hasil yang lebih baik dari sebelumnya!

Siap untuk belajar sesuatu yang baru? Lihat artikel ini:

• 3 alasan hosting WordPress yang dikelola sangat cocok untuk bisnis Anda
• Kunci untuk mengelola beberapa situs WordPress
• Panduan pemula untuk SEO dasar dan penulisan konten di WordPress