Cocok Semua Ukaran Layar

Multibisnisindo (MBI) an example for the design of mobile websites through testing.

Mobile optimization

adalah proses untuk memastikan bahwa pengunjung yang mengakses situs Anda dari perangkat mobile telah pengalaman dioptimalkan untuk perangkat.
Apa Ponsel Optimization?

Setiap tahun orang menghabiskan lebih banyak waktu pada perangkat mobile mereka dan tablet, tetapi banyak situs masih tidak dirancang untuk memperhitungkan ukuran layar yang berbeda dan beban kali. Ponsel optimasi lihatlah desain situs, struktur situs, kecepatan halaman, dan lebih untuk memastikan Anda tidak sengaja mengubah pengunjung seluler pergi.
Ponsel SEO Praktik Terbaik

Ketika situs Anda dengan baik dioptimalkan untuk search engine, hanya ada hal tambahan beberapa yang perlu Anda pertimbangkan ketika mengoptimalkan untuk mobile.
halaman kecepatan

Karena hardware dan konektivitas masalah, kecepatan halaman bahkan lebih penting bagi pengguna ponsel dari pengguna desktop. Luar mengoptimalkan gambar, Anda akan ingin mengecilkan kode, memanfaatkan cache browser, dan mengurangi pengalihan. Informasi lebih lanjut tentang kecepatan halaman dapat ditemukan di SEO kami Praktik Terbaik untuk halaman Page Speed.
Tidak memblokir CSS, JavaScript, atau gambar

Pada massa, beberapa perangkat mobile tidak dapat mendukung semua elemen ini, sehingga webmaster dari situs mobile diblokir atau sepertiga. Tetapi untuk sebagian besar itu tidak lagi benar, dan Smartphone Googlebot ingin dapat melihat dan mengkategorikan konten yang sama yang dilakukan pengguna. Jadi jangan menyembunyikannya. Unsur-unsur ini juga penting untuk membantu Google memahami jika Anda memiliki situs responsif atau solusi mobile yang berbeda.

Multibisnisindo(MBI) contoh untuk desain situs mobile melalui pengujian.

perangkat mobile yang mempermudah dan merevolusi cara situs ini dirancang. "Di atas flip" tidak lagi memiliki arti di dunia di mana kita gulir tanpa henti

Plugin mungkin tidak tersedia di ponsel pengguna Anda, yang berarti mereka akan kehilangan semua kesenangan. Jika Anda ingin membuat efek khusus, menggunakan HTML5 sebagai gantinya.

Ini bisa sulit dan frustasi untuk mencoba dan menutupi ini pada perangkat mobile. Hal ini dapat menyebabkan tingkat bouncing yang tinggi.
Desain untuk jari gemuk

navigasi layar sentuh dapat menyebabkan klik tidak disengaja jika tombol Anda terlalu besar, terlalu kecil, atau di jalur berusaha untuk mendapatkan jari untuk menggulir halaman.
Optimalkan judul dan meta description

Ingat bahwa Anda bekerja dengan ruang layar kurang saat pengguna menggunakan perangkat mobile. Untuk memamerkan karya terbaik Anda di SERPs, menjadi seringkas mungkin (tanpa mengorbankan kualitas informasi) saat membuat judul, URL dan meta description.
Menggunakan data terstruktur Schema.org

Karena ruang layar yang terbatas, hasil pencarian dengan cuplikan kaya bahkan lebih mungkin untuk berdiri keluar dari desktop. Baca lebih lanjut tentang data terstruktur Schema.org.

Jika bisnis Anda memiliki unsur lokal, ingat untuk mengoptimalkan konten ponsel Anda untuk pencarian lokal. Ini termasuk standarisasi nama, alamat, dan nomor telepon dan termasuk kota Anda dan nama negara dalam metadata dari situs Anda. Informasi lebih lanjut tentang SEO lokal dapat ditemukan di sini.

Mungkin keputusan yang paling penting yang akan membuat saat membuat sebuah situs web adalah untuk memutuskan apakah Anda ingin menggunakan responsif, layanan dinamis, atau konfigurasi dari website terpisah. Masing-masing memiliki kelebihan dan kekurangan. Google lebih memilih untuk merancang responsif tetapi mendukung semua tiga pilihan selama Anda telah menyiapkannya dengan benar.

desain web responsif

Situs responsif dirancang menggunakan kueri media CSS3 untuk melayani konten yang sama untuk mobile dan desktop pengguna menggunakan grid desain cairan dan fleksibel untuk secara otomatis menyesuaikan ukuran layar.

desain responsif menggunakan query media untuk menargetkan tata letak berdasarkan lebar layar, orientasi, dan resolusi. Misalnya, Anda bisa menggunakan CSS berikut untuk menginstruksikan browser bagaimana untuk menampilkan konten untuk menampilkan 420 atau lebih sedikit piksel lebar?
desain responsif memungkinkan Anda untuk memiliki berbagai pertanyaan media sehingga pengguna pada layar kecil ponsel, layar ponsel ini lebih besar daripada rata-rata, dan bahkan tablet semua bisa melihat situs yang tampaknya dirancang untuk perangkat mereka.

Gunakan emulator seperti Responsif Web Desain Pengujian untuk memverifikasi bahwa desain responsif Anda terlihat seperti yang Anda inginkan.
presentasi dinamis

Jika Anda tidak memiliki sumber daya untuk mendesain ulang situs lengkap atau ingin menampilkan konten yang berbeda bagi pengunjung mobile daripada yang Anda lakukan untuk desktop, salah satu solusi adalah dengan menggunakan satu URL untuk menampilkan set yang berbeda dari HTML dan CSS tergantung pada jenis perangkat Anda pengunjung menggunakan (juga disebut mendeteksi agen pengguna). Hal ini dapat berguna, misalnya, jika Anda adalah restoran yang ingin pengunjung seluler (yang mungkin berkeliaran di sekitar lingkungan Anda) untuk melihat contoh dari ulasan dan peta untuk lokasi Anda, bukan situs lengkap Anda.

Menampilkan konten yang berbeda berdasarkan agen pengguna yang disebut layanan dinamis dan hal itu dilakukan dengan menggunakan header HTTP Vary, yang terlihat seperti ini.
Penyajian dinamis tidak kompromi sempurna yang mungkin tampak. Untuk satu, hal itu bergantung pada memiliki daftar terbaru dari agen pengguna, yang berarti bahwa setiap kali perangkat mobile baru datang ke pasar yang perlu diperbarui daftar. Dan itu tidak jarang untuk desktop dan perangkat mobile untuk satu disajikan dengan HTML untuk perangkat lain. Baca lebih lanjut tentang perangkap umum.

Pilihan lain adalah untuk menciptakan sebuah, situs paralel kedua bagi pengguna ponsel. Hal ini memungkinkan Anda untuk membuat konten sepenuhnya kustom untuk pengunjung mobile. Untuk menghindari URL kebingungan, sebagian besar paralel situs mobile menggunakan "m" subdomain.

situs mobile paralel bisa menjadi sempurna seperti situs yang menyajikan send pengunjung dinamis untuk versi yang tepat, jadi pastikan untuk memudahkan bagi pengunjung yang berakhir di tempat yang salah untuk klik untuk pengalaman mereka sukai.

Anda juga akan ingin memastikan bahwa situs Anda pengalihan semua di tempat dan kompak mungkin untuk mengurangi kecepatan halaman. Dan untuk menghindari masalah konten duplikat, Anda harus menetapkan rel = "canonical".

#mbi

 

Post Terkait:

Artikel selanjutnya MENGENAL SEO-1 >>

Simpan

Simpan

Simpan

Simpan

Simpan

Simpan

Simpan

Related Post

Multibisnisindo.com

Merupakan Media Online jasa pembuatan website yang berada di Kabupaten Tangerang dengan mengutamakan informasi yang cerdas, Akurat dan berimbang