Teknik SEO Seluler

0
3
Teknik SEO Seluler

Jutaan pengguna saat ini mengakses web menggunakan smartphone yang berjalan dengan Android, iOS, atau Windows. Oleh karena itu, sudah menjadi keharusan bahwa situs web menyesuaikan diri dengan lingkungan yang berubah ini dan membuat perubahan yang sesuai dalam desain situs web mereka untuk menarik lebih banyak penonton.

Versi desktop situs mungkin sulit dilihat dan digunakan pada perangkat mobile. Versi yang tidak mobile-friendly mengharuskan pengguna untuk mencubit atau memperbesar untuk membaca konten. Pengguna menemukan ini sebagai pengalaman yang membuat frustrasi dan cenderung meninggalkan situs. Sebaliknya, versi mobile-friendly mudah dibaca dan langsung dapat digunakan.

Pembaruan Google baru-baru ini mengharuskan situs web harus mobile-friendly agar efektif di Mesin Pencari mobile. Perhatikan bahwa situs web yang tidak mobile-friendly tidak akan berdampak pada mesin telusur biasa.

Dalam bab ini, kita akan melihat bagaimana membuat situs web mobile-friendly untuk memastikan pengunjung yang mengakses situs web dari perangkat mobile memiliki pengalaman yang dioptimalkan.

Apa itu SEO mobile?

Pengoptimalan Mesin Pencari Mobile adalah proses mendesain situs web untuk membuatnya cocok untuk dilihat pada perangkat mobile dengan ukuran layar berbeda yang memiliki bandwidth rendah. Terlepas dari mengikuti semua aturan SEO yang berlaku untuk situs web desktop, kita perlu berhati-hati saat merancang situs web untuk perangkat mobile. Sebuah situs web mobile-friendly jika memiliki atribut berikut –

  • Situs web mobile yang baik memiliki desain responsif yang berkinerja baik di desktop maupun perangkat mobile. Ini tidak hanya mengurangi pemeliharaan situs web tetapi juga membuat konten konsisten untuk mesin pencari.
  • Konten situs web mobile yang baik mudah dibaca di perangkat mobile tanpa harus memperbesar layar. Ini memiliki font, warna, dan tata letak yang sesuai.
  • Mudah dinavigasi melalui situs web mobile yang bagus di layar kecil. Ini menyediakan tautan dan tombol yang dapat dengan mudah digerakkan menggunakan jari.
  • Situs web mobile yang baik ringan sehingga membutuhkan lebih sedikit bandwidth dan waktu untuk memuat di jaringan seluler.
  • Laman Beranda situs web seluler memainkan peran paling penting dalam menghubungkan pengguna ke konten yang mereka cari. Karenanya, situs web seluler yang baik memastikan tautan yang paling penting ditampilkan di Laman Beranda sehingga mereka mendapatkan visibilitas yang cukup.

Peringkat situs web sangat bergantung pada seberapa user-friendly itu. Anda dapat mengikuti panduan yang diberikan di bawah ini untuk merancang situs web mobile-friendly yang hebat.

Bca juga: Membuat WordPress Menjadi Mobile Friendly

Optimalkan Situs Anda untuk Mobile

Jika situs Anda sudah dioptimalkan untuk mesin pencari, maka seharusnya tidak terlalu sulit untuk mengoptimalkannya untuk perangkat mobile. Pertama, mari kita pahami apa yang diperlukan untuk mobile. Kami dapat mengelompokkan langkah-langkah ke dalam tiga kategori besar –

Langkah 1 – Pilih Konfigurasi Mobile

Langkah 2 – Informasikan Mesin Pencari

Langkah 3 – Hindari Kesalahan Umum

Pilih Konfigurasi Mobile

Ada tiga konfigurasi seluler yang dapat Anda pilih –

Langkah 1 – Desain Web Responsif

Langkah 2 – Penyajian Dinamis

Langkah 3 – Pisahkan URL

Masing-masing memiliki kelebihan dan kekurangannya sendiri. Google merekomendasikan desain responsif, namun mendukung ketiga konfigurasi. Tabel berikut menunjukkan bagaimana konfigurasi mobile memengaruhi URL dan kode HTML Anda –

Konfigurasi SelulerURLHTML
Desain Web ResponsifTetap samaTetap sama
Melayani secara DinamisTetap samaHTML berbeda
URL yang terpisahURL berbedaHTML berbeda

Desain Web Responsif

Google merekomendasikan desain web responsif karena ini merupakan konfigurasi mobile paling sederhana dan sangat mudah diterapkan. Ini melayani kode HTML yang sama pada URL yang sama, namun menyesuaikan tampilan berdasarkan ukuran layar perangkat mobile.

Responsive Web Design

Melayani secara Dinamis

Penyajian dinamis adalah jenis konfigurasi mobile di mana URL situs web Anda tidak berubah, tetapi melayani konten HTML yang berbeda saat diakses dari perangkat mobile.

dynamic serving

Ketika konten Anda disajikan secara dinamis dari server, pastikan Anda memberi tahu Google bahwa konten yang dirayapnya mungkin terlihat berbeda di perangkat mobile. Kelemahan utama dari pendekatan ini adalah Anda harus melakukan pemrosesan tambahan pada konten Anda di tingkat server sebelum memutuskannya untuk pengguna. Pendekatan ini menempatkan beban yang tidak perlu pada server Anda dan membuatnya lambat.


Baca juga:


URL yang terpisah

Saat Anda mempertahankan dua URL yang berbeda – satu untuk pengguna mobile dan lainnya untuk pengguna desktop – pastikan Anda memberi tahu Google secara eksplisit kapan harus menyajikan versi mana. Google tidak merekomendasikan URL yang terpisah karena dapat mendeteksi secara otomatis bahwa halaman mobile Anda berbeda dari halaman desktop.

different urls

Pendekatan ini tidak praktis ketika Anda memiliki situs web besar karena mempertahankan dua versi situs web yang sama akan membutuhkan upaya dua kali lipat dan uang. Pada saat yang sama, Anda tidak dapat menghindari berbagai perbedaan dalam konten Anda sambil mempertahankan dua versi.

Dari sudut pandang SEO, setiap URL berkinerja secara terpisah. Karenanya peringkat desktop Anda tidak akan pernah ditambahkan ke peringkat mobile dan mereka akan selalu dianggap sebagai situs web terpisah. Kami tidak menyarankan mempertahankan berbagai URL untuk versi mobile dan desktop jika Anda ingin memanfaatkan manfaat SEO.

Informasikan Mesin Pencari

Pastikan Google dan mesin pencari lainnya memahami konfigurasi mobile Anda. Yang paling penting, Google harus memahami halaman Anda sehingga dapat memberi peringkat situs web dengan benar. Cara Anda memberi tahu Google bergantung pada konfigurasi mobile mana – desain web responsif, penyajian dinamis, atau URL terpisah – yang telah Anda pilih.

Jika situs Anda memiliki desain responsif, algoritme Google dapat memahaminya secara otomatis tanpa Anda harus memberi tahu Google. Ketika Anda memiliki desain responsif, pastikan Anda memiliki meta-tag berikut di header halaman web –

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Viewport memutuskan bagaimana halaman web Anda akan ditampilkan pada perangkat. Situs dengan desain responsif bervariasi ukurannya berdasarkan ukuran layar perangkat. Deklarasikan viewport sehingga halaman web Anda ditampilkan dengan benar di perangkat apa pun.

Jika situs web dilayani secara dinamis, pastikan Anda mengizinkan Google mendeteksi konfigurasi menggunakan header HTTP Vary –

Vary: User-Agent

Vary header penting untuk memberitahu mesin pencari bahwa konten yang berbeda akan disajikan pada desktop dan perangkat mobile. Header ini sangat penting ketika konten Anda dilayani oleh sistem cache seperti Content Delivery Network dan sistem itu akan menggunakan header ini saat menyajikan konten pada perangkat yang berbeda.

Jika Anda menggunakan URL terpisah, mis., Example.com dan m.example.com, maka Anda dapat memberi tahu Google dengan menambahkan tautan khusus link rel=alternate di versi desktop dan sebaliknya sebagai berikut.

Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >

Hindari Kesalahan Umum

Untuk mengoptimalkan situs web untuk perangkat mobile, pastikan Anda menghindari melakukan kesalahan berikut –

  • Laman mobile Lambat – Jaringan mobile lebih lambat dibandingkan dengan jaringan Internet kabel, jadi penting untuk memperhatikan seberapa cepat laman mobile dimuat. Ini adalah faktor peringkat Google yang penting. Gunakan alat SEO mobile untuk mengetahui kecepatan halaman mobile Anda. Google menyediakan sejumlah alat bagus yang bisa Anda gunakan. Jelajahi tautan berikut –
    https://www.google.com/webmasters/tools/mobile-friendly/
  • Jangan Blokir CSS dan JavaScript – Google merekomendasikan untuk menggunakan inline CSS dan Javascripts untuk situs web yang mobile-friendly sehingga dapat diunduh bersama dengan kontennya. Jadi jika Anda tidak memiliki banyak CSS, cobalah untuk menyesuaikannya di dalam tag itu sendiri; tetapi jika Anda menggunakan banyak CSS dalam file yang terpisah, cobalah memasukkannya di bagian bawah yang akan berhenti memblokir konten lain yang sedang diunduh. Aturan yang sama berlaku untuk Javascript, yang dapat disimpan di dalam halaman itu sendiri atau termasuk di bagian bawah halaman. Jika Anda dapat menghindari menyertakan file di bagian atas halaman, maka manfaatkan atribut async sambil memasukkannya.
<script async type="text/javascript" src="jquery.js"> </script>
  • Mobile Redirect – Karena jaringan mobile biasanya lambat, terlalu banyak pengalihan dapat merusak kecepatan halaman Anda. Jika Anda mempertahankan beberapa URL, pastikan semua tautan Anda mengarah ke halaman yang relevan. Jika Anda memelihara beberapa URL dan Anda mengenali pengguna mengunjungi halaman desktop dari perangkat mobile Anda memiliki halaman mobile yang setara di URL yang berbeda, maka arahkan pengguna ke URL itu alih-alih menampilkan error 404.
  • Gambar Berat – berat menambah waktu buka, namun kami tidak dapat sepenuhnya menghapusnya karena bermanfaat dan efektif. Karena itu Anda harus menjaga keseimbangan yang baik antara teks dan gambar yang berat. Gunakan alat yang baik untuk mengoptimalkan gambar Anda dan menyimpannya dengan resolusi rendah untuk menghindari unduhan yang berat.
  • Hindari plug-in dan pop-up – Plug-in seperti Flash dan Java mungkin tidak tersedia di perangkat mobile pengguna. Selalu pastikan Anda tidak memiliki konten yang tidak dapat diputar di laman mobile. Hindari menggunakan pop-up pada halaman sekarena menjadi agak canggung untuk menutup pop-up ini di perangkat mobile.

Saat membuat halaman mobile, selalu ingat bahwa pengguna memiliki ruang terbatas untuk bekerja. Jadi, Anda harus sesingkat mungkin sambil membuat judul, URL, dan meta-deskripsi – tentu saja tanpa mengorbankan esensi atau kualitas informasi.

Alat yang Berguna

Berikut adalah daftar beberapa alat bermanfaat yang dapat Anda gunakan untuk mencari tahu seberapa mobile-friendly situs Anda –

  • Google Webmaster Tools – Gunakan alat dan teknik Google yang tersedia untuk memahami apa yang harus digunakan dan apa yang harus dihindari saat mendesain desktop serta situs web mobile.
  • Mobile Emulator – Memungkinkan Anda melihat bagaimana situs Anda muncul di berbagai perangkat mobile.
  • Moz Local – Gunakan alat ini untuk memastikan SEO lokal Anda teratur.
  • Alat Pengujian Desain Web Responsif – Gunakan alat ini untuk melihat bagaimana situs responsif Anda terlihat pada berbagai perangkat mobile dengan ukuran layar standar yang berbeda.
  • Screaming Frog – Ini adalah alat yang berguna yang memungkinkan Anda untuk menganalisis situs Anda dan memeriksa ulang semua arahan ulang.
  • User Agent Switcher – Ini adalah add-on Firefox yang dapat Anda gunakan untuk mencari tahu bagaimana situs Anda terlihat ketika diakses dari agen pengguna yang berbeda.

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini