SEO Teknis
Audit Ramah-Seluler & Ukuran Tap-Target
Google menghentikan Mobile-Friendly Test miliknya sendiri pada 2023. Tempel HTML halaman Anda (plus CSS jika tidak inline) dan alat ini menjalankan tujuh pemeriksaan nyata: meta viewport, layout lebar desktop tetap, ukuran font yang terbaca, estimasi ukuran tap-target, tag plugin usang, dan kontras warna WCAG.
Pemeriksaan yang butuh CSS (lebar layout, ukuran font, tap target, kontras) akan dilewati atau ditandai "data tidak cukup" jika tidak ada CSS ditemukan di HTML atau di kotak ini.
Ini adalah audit statis berbasis aturan — tidak me-render halaman seperti ponsel sungguhan, jadi hasil tap-target dan layout adalah estimasi mendekati berdasarkan CSS Anda, bukan pengukuran presisi piksel.
Apa yang diperiksa alat ini
Tujuh pemeriksaan yang penting bagi pengunjung seluler sungguhan dan indeks mobile-first Google: tag viewport yang benar dan tidak memblokir zoom; tanpa layout lebar desktop yang di-hardcode; tanpa teks yang terlalu kecil untuk dibaca; tap target yang nyaman di tautan dan tombol; tanpa markup Flash/Java/marquee yang mati; dan kontras teks sesuai WCAG. Tempel HTML halaman lengkap (View Source bisa dipakai) plus CSS Anda jika berada di stylesheet eksternal.
Cara kerja setiap pemeriksaan
Tidak ada yang ditebak di sini — setiap temuan berasal dari parsing HTML yang Anda tempel (DOM) dan CSS yang Anda tempel (parser aturan nyata, membongkar blok @media), lalu menerapkan ambang batas yang sama seperti yang dipublikasikan Google dan WCAG.
Tag meta viewport
Memeriksa apakah tag ada, menggunakan width=device-width dan initial-scale=1, dan tidak memblokir cubit-untuk-zoom (user-scalable=no atau maximum-scale di bawah 2), yang merupakan kegagalan WCAG 1.4.4.
Layout lebar desktop tetap
Memindai CSS Anda untuk selector struktural (body, .wrapper, .container, #page, ...) dengan width atau min-width yang di-hardcode 601px atau lebih — tanda klasik layout yang tidak pernah dibuat responsif.
Ukuran font yang terbaca
Menandai deklarasi font-size di bawah 12px, ambang minimum yang umum dipakai agar nyaman dibaca di layar ponsel tanpa perlu cubit-zoom.
Ukuran tap-target
Memperkirakan tinggi render tautan, tombol, dan elemen role="button" dari font-size, line-height, dan padding (atau width/height eksplisit), lalu membandingkannya dengan panduan ~44-48px dari Google Lighthouse dan WCAG 2.5.5.
Konten plugin usang
Menandai <applet>, <marquee>, <blink>, dan <embed>/<object> apa pun yang mengarah ke Flash (.swf) — tidak ada satu pun yang berjalan di browser seluler modern manapun.
Kontras warna (WCAG)
Untuk setiap aturan CSS yang menetapkan warna teks dan warna latar bersamaan, menghitung rasio kontras luminansi-relatif WCAG sesungguhnya dan memeriksanya terhadap minimum AA 4,5:1 (atau 3:1 untuk teks besar/tebal).
Breakpoint responsif
Menghitung aturan @media di CSS Anda sebagai sinyal apakah layout menyesuaikan diri ke layar lebih kecil — informatif saja, karena layout cair bisa saja responsif tanpa satu pun media query.
Pertanyaan yang sering diajukan
Kenapa Google menghentikan Mobile-Friendly Test?
Google menutup alat Mobile-Friendly Test mandiri miliknya pada Desember 2023, melebur pemeriksaan ramah-seluler ke laporan Search Console yang lebih luas tanpa pemeriksa satu-halaman yang cepat. Alat ini mengisi celah itu dengan audit berbasis aturan yang cepat, tanpa login, pada HTML apa pun yang Anda tempel.
Kenapa saya perlu menempel CSS secara terpisah?
Sebagian besar halaman sungguhan memuat CSS-nya dari stylesheet eksternal (<link rel="stylesheet">), yang tidak bisa diambil alat ini hanya dari HTML yang ditempel. Tempel isi stylesheet itu ke kotak CSS agar pemeriksaan layout, ukuran font, tap-target, dan kontras semuanya berjalan terhadapnya.
Ukuran tap-target seperti apa yang dianggap baik?
Sekitar 44-48 piksel CSS tinggi dan lebar, menurut Google Lighthouse dan WCAG 2.5.5 (Target Size). Di bawah itu, jempol sungguhan di layar sungguhan jadi jauh lebih sering salah sentuh ke tautan sebelahnya.
Apakah estimasi tap-target ini presisi?
Tidak — ini estimasi yang solid dari font-size, line-height, dan padding (atau width/height eksplisit) yang Anda deklarasikan, bukan render browser sungguhan. Anggap hasil dekat garis 44-48px sebagai "perlu verifikasi di perangkat sungguhan", dan hasil jauh di bawahnya sebagai kegagalan yang jelas.
Apakah alat ini mengirim HTML atau CSS saya ke suatu tempat?
HTML/CSS yang Anda tempel dikirim sekali, melalui HTTPS, ke server kami untuk menjalankan parser (diperlukan agar mesin aturan yang sama berjalan untuk semua orang), dan tidak disimpan setelah permintaan selesai.