Tehnik Mobile SEO

Jutaan pengguna saat ini mengakses web menggunakan smartphone yang berjalan di Andoid ,IOS , atau windows . Oleh karena itu sudah menjadi keharusan bahwa situs web menyesuaikan diri dengan perubahan lingkungan ini dan membuat perubahan yang sesuai dalam desan situs web mereka untuk menarik lebih banyak penonton . 

Versi dekstop mungkin sulit dilihat dan digunakan perangkat seluler . Versi yang tidak ramah seluler mengharuskan pengguna untuk memperbesar - memperkecil untuk membaca konten . Pengguna menemukan ini sebagai pengalaman yang membuat frustasi dan cenderung meninggalkan situs . Sebalinya , mobile - friendly juga tidak akan berdampak pada mesin pencarian reguler .

Dalam bab ini , kita akan melihat bagaimana membuat situs seluler ramah web ramah seluler untuk memastikan pengunjung yang mengakses situs web dari perangkat seluler memiliki pengalaman yang di optimalkan .

Apa itu SEO Mobile ?

Optimalisasi mesin pencari seluler adalah proses mendesain situs web untuk membuatnya cocok untuk dilihat pada perangkat seluler dengan ukuran layar yang berbeda yang memiliki bandwith rendah . Appart dari mengikut semua aturan SEO yang berlaku untuk situs web dekstop , kita harus berhati hati saat merancang situs web untuk perangkat seluler . Situs web ramah seluler jika memiliki atribut berikut : 

• Situs web yang baik memiliki desain responsif yang berfungsi baik pada dekstop maupun perangkat seluler . itu tidak hanya mengurangi pemeliharaan situs web tetapi juga membuat konsisten untuk mesin pencari
• Kontent situs web seluler yang baik mudah dibaca di peringkat seluler tanpa harus memperbesar alat . ini memiliki font , warna , dan tata letak yang sesuai 
• Mudah dinavigasi melalui situs web seluler yang bagus di layar kecil .ini menyediakan tautan dan tombol yang dapat dengan mudah digerakan menggunakan jari . Situs web yang baik ringan sehingga membutuhkan lebih seikit bandwith dan waktu untuk memuat di jaringan seluler 
• Halaman beranda situs web seluer memainkan peran penting dalam menghubungkan pengguna ke kontent yang mereka cari . oleh karena itu , situs web seluller yang baik memastikan tautan yang paling penting di tampilkan di beranda sehingga mereka mendapatkan visibilitas yang cukup

Peringkat situs web sangat bergantung pada seberapa ramah pengguna itu Anda dapat mengikuti panduan yang diberikan di bawah ini untuk merancang situs web yang ramah seluler 

Optimalkan situs Web Mobile anda 

Jika situs anda sudah di optimalkan untuk mesin pencari , maka seharusnya tidak sulit untuk mengoptimalkannya di perangkat seluler . Pertama , mari kita pahami apa yang diperlukan untuk mobile . Kami dapat mengkategorikan langkah - langkah kedalam 3 kategori besar 

• langkah 1 : Pilih konfigurasi seluler 
• Langkah 2 : Informasikan mesin pencari 
• Langkah 3 : Hindari kesalahan umum 

Pilih konfigurasi seluler : 

Ada 3 konfigurasi seluler yang dapat anda pilih : 

langkah 1 : Desain web responsif

langkah 2 : Penayangan dinamis 

Langkah 3 : Pisahkan seluler 

Masing - masing memiliki kelebihan dan kekurangannya sendiri . Google merekomendasikan desain responsif , namun mendukung ketiga konfigurasi . Tabel berikut menunujukan bagaimana konfigurasi seluler mempengaruhi URL dan kode HTML anda 

Mobile Configuration	url	HTML
Responsive Web Design	Tetap sama	Tetap sama
Dynamic Serving	Tetap sama	HTMLs berbeda
Pemisahan URLs	URLs berbeda	URLs tetap sama

Desain Web Responsive 

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

Penyajian yang Dinamis

Penyajian dinamis adalah jenis konfigurasi seluler dimana URL situs anda tidak berubah , tapi melayani konten HTML yang berbeda ketika di akses dari perangkat seluler . Ketika kontent anda disajikan secara dinamis dari server pastikan anda memberi tahu google bahwa konten yang di rayapi mungkin terlihat berbeda di perangkat seluler , kelemahan utama dari pendekatan ini adalah anda haru memproses lebih lanjut pada konten anda di tingkat server sebelum memutuskan untuk pengguna . pendekatan ini menempatkan beban yang tidak perlu pada server dan membuatnya lambat 

URLs yang terpisah

Ketika anda mengelola dua URLs yang berbeda - satu untuk pengguna seluler dan lainya untuk pengguna dekstop - pastikan anda memberitahu google explicity ketika menyajikan versi mana , google tidak merekomendasikan URL yang terpisah karena dapat mendeteksi secara otomatis bahwa halaman seluler anda berbeda dari halaman dekstop anda .

Pendekatan ini tidak praktis karena anda memiliki situs web besar karena mempertahankan dua versi situs web yang akan sama membutuhkan upaya dua kali lipat dan uang . Pada saat yang sama , anda tidak dapat menghindari berbagai perbedaan dalam kontent anda sambil mempretahankan dua versi . Dari sudut pandang SEO , setiap URL berkinerja secara terpisah . Karenanya dekstop rangking anda tidak tidak akan pernah ditambahkan ke mobile rangking dan mereka akan selalu di anggap sebagai situs web terpisah . Kami tidak merekomendasikan mempertahankan berbagai URL untuk versi dekstop seluler jika anda ingin memanfaatkan SEO .

Informasikan mesin pencari 

Pastikan google dan mesin pencari lainya memahami konfigurasi ponsel anda . yang paling penting , google harus memahami halaman anda sehingga dapat menentukan peringkat situs web anda dengan benar . Cara anda memberitahu google bergantung pada konfigurasi seluler mana - desain web responsif , penyajian dinamis , atau URL terpisah - yang telah anda pilih .
Jika situs anda memiliki desain responsive algoritma google dapat memahami secara otomatis tanpa anda harus memberitahu google.ketika anda meiliki desain yang responsif , pastikan anda memiliki meta tag berikut di header halaman web anda

<meta name "viewport" content = "width = lebar perangkat, skala awal = 1.0">

Viewport memutuskan bagaimana halaman web anda akan ditampilkan pada perangkat. Situs dengan desain responsif bervariasi ukurannya layar perangkat . Deklarasikan viewport sehingga halaman anda ditampilkan dengan benar di perangkat apapun
Jika situs web anda dilayani dengan dinamis , pastikan anda mengizinkan google mendeteksi konfigurasi anda menggukan header http bervariasi 

Vary : user-agent

Header yang bervarasi penting untuk memberi tahu mesin pencari bahwa kontent yang berbeda akan di sajikan pada dekstop dan perangkat seluler . Header ini sangat penting ketika kontent anda dilayani oleh sistem chache seperti jaringan pengiriman konten dan sistem ini saat menyajikan konten pada perangkat yang berbeda .

Jika anda memelihara URL yang terpisah , mis., example.cm , dan m.example.com maka anda dapat memberi tahu google dengan menambahkan tautan khusu rel=tag alternatif dalam versi dekstop anda dan sebaliknya sebagai berikut : 

Halaman dekstop harus mengikuti headernya:
< tautan rel "alternate" media = "hanya layar dan (maks-lebar: 64px)"
href = "http://m.example.com">
Laman seluler seharusnya mengikuti di tajuknya:

<link rel "canonical" href = "http://www.example.com" ?,

Hindari Kesalahan umum

Untuk mengoptimalkan situs web anda untuk perangkat seluler , pastikan anda menghindari melakukan kesalahan sebagai berikut : 

• Halaman seluler lambat - jaringan seluler lebih lambat dibandingkan dengan jaringan internet kabel , jadi penting untuk memperhatikan seberapa cepat halaman seluler dimuat . ini adalah faktor peringkat google yang penting . gunakan alat SEO seluler untuk mengetahui kecepatan halaman seluler anda . Google menyediakan sejumlah alat bagus yang dapat anda gunakan . Jelajahi tautan berikut - https://www.google.com/webmaster/tools/mobile-friendly/
•  Jangan blokir XSS dan javascrpt - google merekomendasikan untuk menggunakan inline CSS dan Javacript untuk situs web yang ramah seluler sehingga dapat diunduh bersama dengan konten jadi jika anda tidak memiliki banyak CSS , maka cobalah untuk menyesesuaikannya di dalam tag itu sendiri , tetapi jika anda menggunakan banyak CSS di file yang terpisah , cobalah untuk memasukannya di bagian bawah yang akan berhenti memblokir konten lain yang sedang di unduh . aturan sama berlaku untuk javascript , yang dapat disimpan didalam halaman . Jika anda dapat menghindari menyertakan file dibagian atas halaman anda maka manfaatkan atribut async sambil memasukan : <script async type = "text / javascript" src = "jquery.js"> </script>
  
• Pengalihan Mobile - karena jaringan seluler biasanya lambat , terlalu banyak pengalihan dapat merusak kecepatan halaman anda . jika anda membuat banyak URL , pastikan semua tautan anda mengarah ke halaman yang relevan . Jika anda mengelola beberapa URL dan anda mengenali pengguna mengunjungi halaman dekstop dari perangkat seluler dan anda memiliki halaman seluler yang sama di URL yang berbeda , kemudian mengarahkan pengguna ke URL itu alih alih menampilkan kesalahan 404 
• Gambar berat - gambar berat menambah waktu buka , namun kami tidak dapat sepenuhnya manghapusnya karena ada yang berguna dan effektif , oleh karena itu , anda harus menjaga keseimbangan yang baik antara teks dan gambar berat . gunakan alat yang baik untuk mengoptimalkan gambar anda dan menyimpannya dengan resolusi rendah untuk menghindari unduhan berat
• Void plug-in dan pop-us : seperti flash dan java banyak yang tidak tersedia diperangkat seluler pengguna, selalu pastikan anda tidak memiliki konten yang tidak bisa dimainkan di laman seluler karena menjadi agak canggung untuk menutup pop-up ini di perangkat seluler 

Saat membuat halaman seluler , perlu diingat bahwa pengguna memiliki ruang terbatas untuk bekerja , jadi , anda harus sesingkat mungkin saat membuat judul-URL dan deskripsi meta tertentu saja tanpa mengurangi esensi atau kualitas informasi 

Alat yang berguna

Berikut adalah daftar beberapa alat bermanfaat yang dapat anda gunakan untuk mencari tahu seberapa ramah seluler situs anda : 

• Google webmaster tools - Gunakan alat dan teknik google yang tersedia untuk memahami apa yang harus digunakan dan harus dihindari saat merancang dekstop serta situs web seluler 
• Mobile emulator - ini memungkinkan anda melihat bagaimana situs anda muncul di berbagai perangkat seluler 
• Moz local - gunakan alat untuk memastikan bahwa seo lokal anda teratur 
• Responsive web designing testing tools - gunakan alat ini untuk melihat bagaimana situs responsive anda terlihat pada berbagai perangkat seluler 
• Screaming Frog - ini adalah alat yang berguna yang memungkinkan anda untuk menganalisa situs anda dan memeriksa ulang semua pengalihan 
• User Agent Switcher : ini adalah add-on firefox yang dapat anda gunakan untuk mencari tahu bagaimana situs anda terlihat ketika di akses dari agen pengguna yang berbeda .