Selamat siang teman teman. Hari ini saya akan menyingkir sedikit dari alat periklanan dan memulai bagian baru di blog. Ini disebut "Webmastering" dan akan mencakup bahan yang berguna pada topik meningkatkan kinerja dan kualitas situs, halaman arahan. Dan saya akan mulai dengan ulasan alat keren untuk memeriksa situs untuk mobilitas.

Periksa kecepatan situs web dengan Google

Untuk melakukan ini, Google menawarkan 2 alat.

#1 PageSpeed ​​​​Insights

Saya pikir Anda mengenalnya dengan baik. Masukkan tautan ke situs Anda, klik tombol "Analisis" dan dapatkan hasilnya dalam bentuk dua tab.

Tab "Seluler" menyertakan laporan tentang kecepatan pemuatan situs untuk perangkat seluler dan - penting! — peringkat kenyamanan situs untuk smartphone. Tab "Untuk komputer", masing-masing, adalah analisis yang sama untuk desktop.

Bagian terbaiknya adalah layanan ini memungkinkan Anda mengunduh dioptimalkan gambar, css, dan skrip untuk digunakan di situs Anda. Berikut beberapa bantuan gratis dari Google.

Seperti yang Anda lihat dari tangkapan layar, saya memiliki masalah serius dengan versi seluler. Dan bagaimana kabarmu?

#2 Testmysite.Withgoogle

Sebenarnya, ini adalah alat yang sama, hanya memiliki pembungkus yang indah. Saya menemukan layanan ini tempo hari dan disuap oleh formulir pelaporan.

Saat Anda memasukkan tautan ke situs dan mengklik "Periksa", layanan akan menawarkan hasil dalam bentuk halaman arahan dinamis yang lengkap, di mana ia akan secara ringkas dan meyakinkan memberi tahu bagaimana keadaan situs, dan menawarkan untuk mengunduh laporan lengkap.

Tentu saja, saya meminta laporan lengkap dan beberapa menit kemudian saya menerimanya melalui pos. Kelihatannya masuk akal, beberapa layar petunjuk yang berguna dengan tautan ke materi tertentu:

Perlu dicatat bahwa jika Anda menganalisis situs yang sama, maka angka untuk alat ini akan sedikit berbeda. Namun, mereka bekerja pada teknologi yang sama.

Dengan cara ini, hanya dalam beberapa detik, Anda tidak hanya dapat memeriksa situs untuk mobilitas dan memeriksa kecepatan unduhan - tetapi juga mengunduh laporan lengkap dengan konten yang dioptimalkan. Bebas. Dari Google

Nah, bagaimana dengan mobilitas Anda?

Di banyak negara, smartphone lebih umum digunakan untuk menjelajahi Internet daripada komputer. Oleh karena itu, sangat penting untuk menyesuaikan situs untuk perangkat seluler. Mencari tahu apakah halaman Anda nyaman bagi pengguna ponsel cerdas akan membantu Anda alat khusus di Search Console.

Penggunaan

Memeriksa apakah halaman cocok untuk dilihat di ponsel cerdas itu mudah: cukup masukkan URL lengkapnya. Pemeriksaan biasanya memakan waktu kurang dari satu menit. Jika ada pengalihan pada halaman, mereka juga akan diproses.

Berdasarkan hasil pemeriksaan, Anda akan melihat bagaimana tampilan halaman di smartphone, dan mengetahui masalah apa yang mungkin muncul saat melihatnya. Paling sering, ini adalah cetakan kecil (sulit dibaca di layar kecil) dan elemen Flash (tidak didukung di sebagian besar perangkat seluler).

Nilai tag meta area pandang tidak disetel

Kode halaman tidak menentukan properti viewport, yang memberi tahu browser cara mengubah ukuran elemen halaman dengan benar agar sesuai dengan ukuran layar perangkat. Untuk membuat situs Anda ditampilkan dengan benar pada ukuran layar yang berbeda, sesuaikan area pandang menggunakan tag meta area pandang. Detail tentang ini disediakan di bagian Dasar-Dasar Desain Web Responsif dari panduan kami.

Tag meta area pandang harus memiliki nilai lebar perangkat

Adaptasi halaman untuk layar dengan ukuran berbeda tidak mungkin, karena properti viewport dengan lebar tetap ditentukan dalam kodenya. Dalam hal ini, Anda perlu menerapkan desain responsif dengan menyesuaikan penskalaan halaman sesuai dengan ukuran layar.

Konten lebih lebar dari layar

Laporan ini mengidentifikasi halaman di mana Anda harus menggulir secara horizontal untuk melihat teks dan gambar. Masalah ini terjadi ketika dimensi dalam gaya css diatur ke nilai absolut, atau gambar yang dirancang untuk lebar tertentu dari jendela browser digunakan. Pastikan nilai lebar dan posisinya adalah elemen css relatif, dan gambar diskalakan. Informasi terperinci tentang ini disediakan di bagian Ukuran Konten Viewport dari panduan kami.

Font terlalu kecil

Laporan ini mencantumkan halaman dengan cetakan kecil yang mengharuskan pengguna untuk memperbesar untuk membaca. Setelah mengatur viewport, Anda perlu menentukan ukuran font agar ditampilkan dengan benar di dalamnya.

Elemen interaktif terlalu dekat

Laporan ini mencantumkan halaman di mana elemen navigasi sangat berdekatan sehingga sulit bagi pengguna untuk menyentuh satu tanpa menyentuh yang lain. Jaga yang terbaik ukuran optimal tombol, tautan, dll. dan jarak di antaranya sehingga pengguna perangkat seluler dapat dengan mudah berinteraksi dengannya.

Apa berikutnya?

• Cara mengetahui masalah apa dengan melihat situs Anda di perangkat seluler, menggunakan laporan khusus (ini mengharuskan Anda memverifikasi kepemilikan situs di akun Search Console Anda)
• Cara mengoptimalkan situs Anda untuk perangkat seluler (untuk halaman di WordPress, Joomla!, dan sistem manajemen konten lainnya)

Hari baik untuk semua, teman-teman dan tamu blog saya. Hari ini artikel saya akan cukup pendek, tetapi tidak kehilangan relevansinya hari ini. Yaitu, saya ingin memberi tahu Anda tentang hal seperti cek google versi seluler lokasi. Dan mungkin saya bahkan tidak akan menulis artikel yang begitu jelas jika pemeriksaan ini tidak membuat saya bingung baru-baru ini.

Memeriksa dengan google

Sebelumnya, orang tidak mempermasalahkan desain responsif atau versi seluler. Namun kemudian, ketika muncul informasi bahwa mesin pencari akan menurunkan versi situs yang tidak memiliki versi seluler, orang-orang menjadi tegang (seperti dalam kasus HTTPS). Orang-orang segera mulai memesan versi seluler dari pekerja lepas, beberapa plugin khusus, yang bisa bekerja secara bengkok.

Jadi, ketika seseorang memperoleh tata letak adaptif atau versi seluler, mereka segera memeriksanya di layanan Google khusus, yang hanya melihat bagaimana tata letak Anda memenuhi persyaratan. Sekarang antarmuka telah berubah sedikit, tetapi esensinya tetap sama.

Untuk memeriksa kasing ini sendiri, Anda harus pergi ke layanan ini - search.google.com/search-console/mobile-friendly. Setelah itu, di bilah URL, masukkan alamat situs ini dan tunggu. Setelah beberapa saat, Anda akan diberikan semua informasi tentang apakah situs Anda memenuhi persyaratan tata letak Google untuk seluler.

Saya tidak mengerti...

Saya tahu betul bahwa situs saya telah diadaptasi, terutama karena saya baru saja memperbaiki tata letaknya. Tetapi baru-baru ini, untuk bersenang-senang, saya pergi ke layanan ini untuk melihat apa yang akan dikatakan Gosha tua, dan saya sangat terkejut. Faktanya adalah bahwa layanan tersebut memberi tahu saya bahwa blog saya tidak pernah diadaptasi dan tidak dapat dibaca dengan baik untuk perangkat seluler.

Saya tidak mengerti apa masalahnya, jadi saya mulai mencari solusi di Internet. Dan saya menemukannya di situs ini. Ternyata semuanya ada di file robots.txt. Itu ditulis dalam warna hitam dan putih untuk saya sehingga mesin pencari tidak akan mengindeks file tema saya, itulah sebabnya dia tidak melihat versi seluler apa pun.

Setelah saya menghapus satu baris dari robots ( Larang: /wp-content/themes/tema saya), maka layanan segera menentukan bahwa versi seluler saya normal. Jadi jangan khawatir jika hal yang sama terjadi pada Anda. Kemungkinan besar, Anda tidak mengizinkan Google untuk mengindeks topik Anda.

Nah, dengan itu, saya mungkin akan mengakhiri artikel saya hari ini. Saya harap itu berguna untuk Anda. Seperti yang dapat Anda lihat Pemeriksa situs seluler google memungkinkan Anda melihat apakah situs tersebut sesuai dengan persyaratan situs. Namun pada kenyataannya, jarang ditemukan situs yang tidak memiliki versi seluler atau kemampuan beradaptasinya sendiri. Sedikit lagi waktu akan berlalu, dan semua situs yang baru dibuat akan secara otomatis memiliki sertifikat SSL.

Terima kasih telah membaca saya. Saya pasti akan menunggu Anda lagi di halaman blog saya. Sementara itu, saya sarankan Anda membaca artikel lain. Saya yakin Anda akan menemukan banyak hal menarik untuk diri Anda sendiri. Semoga sukses untuk Anda. Sampai jumpa!

Hormat kami, Dmitry Kostin.

Memeriksa versi seluler situs untuk kesalahan adalah tugas yang sederhana. Tanggung jawab untuk pengoptimal mesin pencari. Memiliki versi situs yang dioptimalkan merupakan faktor peringkat untuk dokumen situs.

Alat Situs Seluler

Cara memeriksa versi seluler situs.

Anda dapat memeriksa situs untuk perangkat seluler menggunakan layanan:

• Ramah Seluler Google
• Wawasan Google PageSpeed;
• pengujian halaman web;
• lalat layar;
• pengujian halaman web;
• Tumpukan Peramban.

Ramah Seluler

Layanan yang disebut Mobile-Friendly akan menunjukkan bagaimana situs dioptimalkan untuk perangkat seluler dan apa kesalahan dalam hal pengoptimalan:

Wawasan PageSpeed

Anda juga dapat memeriksa versi seluler situs untuk Google menggunakan alat dari mesin pencari Google yang menunjukkan.

Layanan ini hanya disebut PageSpeed ​​​​Insights.

tes halaman web

Akan benar untuk memeriksa pemuatan situs untuk perangkat yang berbeda dan dari wilayah yang berbeda. Anda dapat memeriksanya menggunakan WebPage Test.

Layanan ini benar-benar gratis.

Layar Terbang

Menggunakan alat khusus untuk pengembangan seluler, Anda dapat memeriksa bagaimana situs ditampilkan. Layanan ini dirancang untuk melihat situs dalam bentuk di mana situs akan ditampilkan di perangkat seluler, tetapi untuk menyelesaikan masalah cukup menggunakan browser.

Alat ini gratis.

Adobe Edge Inspect

Jika ada armada perangkat untuk memeriksa situs, Anda dapat menggunakan perangkat. Tugas memuat situs di semua perangkat membutuhkan waktu tertentu, tapi masalahnya selesai.

Jika Anda menggunakan situs yang dibuat khusus untuk membuka perangkat yang berbeda aplikasi bernama Adobe Edge Inspect, tugasnya disederhanakan.

Alat ini gratis.

Aplikasi ini lintas platform.

BrowserStack

BrowserStack adalah layanan terkenal di kalangan pengembang situs web. Layanan menunjukkan kompatibilitas situs pada perangkat nyata.

Alatnya berbayar.

Tes Seluler Bing

Memeriksa Bebas situs untuk memenuhi persyaratan perangkat seluler dimungkinkan melalui alat Uji Seluler dari mesin pencari Bing.
Tautan layanan -

Begini masalahnya, Google akan segera (menurut rumor - mulai 21 April 2015) mulai memberi peringkat sangat buruk pada situs yang belum diuji oleh Google Webmaster untuk kemudahan melihat di perangkat seluler.

Tidak jelas persisnya, situs akan bermasalah hanya jika ditampilkan kepada pengguna seluler, atau bahkan kepada mereka yang masuk dari PC, yaitu apakah akan ada masalah terpisah?

Ini hampir tidak mengubah esensi untuk situs di mana setengah, atau sebagian besar, lalu lintas seluler. Karena itu, lebih baik lulus ujian sesegera mungkin.

Saya akan memberi tahu Anda cara melakukannya:

Sebelum	Setelah

• Chip pertama, yang membantu menyelesaikan masalah tanpa isyarat tambahan.

Di robots.txt tulis baris:
Izinkan: /wp-content/themes/TemplateName/style.css

(Jika file dengan gaya terletak di alamat yang berbeda, maka kami menulisnya. Jika ada beberapa file dengan gaya, maka kami menempelkan garis untuk setiap file.)

• momen kedua, jika kita melihat pesan "Elemen interaktif terlalu dekat satu sama lain". Ditampilkan di google.com/webmasters/tools/mobile-friendly.
  Hanya saja dalam gaya kelas yang diinginkan, itu mengatur lebih banyak indentasi untuk tautan dan tombol. Dibutuhkan margin atau padding dari 5px.

  Terkadang blok Adsense dapat menyebabkan masalah ini. Mungkin Anda perlu memasukkan blok yang lebih besar, atau dengan font yang lebih besar.

P.S. Awalnya, saya berharap yang utama dibuat oleh Anda.