contoh.co.id
Judul Anda akan muncul di sini
Pratinjau deskripsi meta Anda akan muncul di sini saat Anda mengetik.
Utilitas terbaik saya, kini di ponsel Anda.
Akses semua alat dan proyek saya dengan cepat, teroptimasi, dan dalam satu tempat.
Simulator SERP dan Penghitung Piksel SEO
Pratinjau cuplikan pencarian gaya Google secara real-time, ukur lebar judul dan meta deskripsi dalam piksel, dan lihat dengan tepat di mana teks Anda akan dipotong.
Mode pratinjau
Lebar judul 0 px / 580 px
Pas
Lebar deskripsi 0 px / 920 px
Pas
Pratinjau langsung gaya Google
Zoom 100%
Studio Utilitas
Ingin utilitas ini di situs Anda?
Sesuaikan warna dan mode gelap untuk WordPress, Notion, atau situs Anda sendiri.
Pertanyaan yang Sering Diajukan
Mengapa menghitung piksel alih-alih karakter untuk judul SEO?
Kartu hasil Google dibatasi oleh lebar visual. Judul dengan banyak huruf sempit dapat memuat lebih banyak karakter daripada judul dengan huruf lebar, huruf besar, atau glif yang terlihat tebal. Pengukuran piksel memberikan pratinjau yang lebih akurat dari hasil yang terlihat.
Apakah ini menjamin persis bagaimana Google akan memotong cuplikan saya?
Tidak. Google dapat menulis ulang tautan judul dan cuplikan, dan rendering dapat bervariasi menurut kueri, perangkat, bahasa, dan eksperimen. Alat ini dirancang sebagai panduan visual praktis untuk menulis metadata yang lebih kecil kemungkinannya untuk dipotong.
Batas piksel apa yang digunakan simulator?
Batas default judul desktop adalah 580 px, judul seluler 600 px, dan batas deskripsi meta adalah 920 px. Ini adalah target penulisan, bukan batas resmi Google.
Mengapa pratinjau menambahkan elipsis?
Saat teks yang diukur melebihi lebar piksel yang tersedia, simulator memotong string pada karakter terakhir yang muat dan menambahkan tiga titik, mencocokkan perilaku praktis yang dibutuhkan tim SEO untuk mendeteksi hilangnya makna.
# Berhenti menebak bagaimana hasil Google Anda akan terlihat
Tag judul bisa terlihat sempurna di spreadsheet dan tetap gagal di hasil pencarian. Google tidak mencadangkan ruang berdasarkan jumlah karakter; Google merender teks di dalam kartu visual. Itu berarti GameBob | Studio Pengembangan Independen dan judul lain dengan jumlah karakter yang sama dapat menempati lebar yang sangat berbeda tergantung pada huruf, kapitalisasi, tanda baca, dan spasi.Aturan yang benar benar membantu
Tulis cuplikan sehingga janji penting bertahan dari elipsis. Tempatkan jenis halaman, maksud pencarian, dan alasan terkuat untuk mengklik sebelum batas piksel. Nama merek berguna, tetapi tidak boleh mendorong manfaat utama keluar dari pandangan.# Apa yang diukur oleh penghitung piksel
| Elemen | Yang penting | Cara menggunakan hasilnya |
|---|---|---|
| Tag judul | Lebar yang dirender dalam piksel, bukan jumlah karakter mentah | Jaga kata kunci utama dan janji klik tetap terlihat sebelum pemotongan. |
| URL yang terlihat | Kepercayaan visual dan kejelasan topik | Gunakan jalur yang dapat dibaca yang memperkuat ke mana hasil mengarah. |
| Deskripsi meta | Area cuplikan yang lebih luas dengan perilaku tergantung kueri | Tempatkan manfaat di depan karena Google dapat mempersingkat atau menulis ulangnya. |
| Mode perangkat | Kartu desktop dan seluler bisa terasa berbeda | Periksa keduanya sebelum menerbitkan metadata untuk halaman penting. |
# Mengapa batas karakter adalah kebiasaan SEO yang lemah
Saran tradisional seperti "jaga judul di bawah 60 karakter" memang nyaman, tetapi menyembunyikan masalah sebenarnya. Huruf lebar seperti W dan M, kata huruf besar, pemisah, angka, dan nama merek panjang semuanya mengonsumsi ruang yang berbeda. Pengukuran piksel membuat pertukaran langsung terlihat: Anda dapat melihat apakah sebuah frasa pantas mendapat tempatnya atau mencuri ruang dari pesan yang lebih kuat.# Alur kerja praktis untuk cuplikan yang lebih baik
- Mulai dengan maksud: jelaskan apa yang didapat pengguna, bukan hanya apa nama halamannya.
- Uji judul lengkap: tempelkan ke simulator dan perhatikan bilahnya sebelum menerbitkan.
- Hapus kata-kata lemah: jika bilah berubah merah, hapus kata pengisi sebelum memotong istilah berharga.
- Periksa elipsis: jika pratinjau yang dipotong kehilangan makna, tulis ulang judul alih-alih menerima pemotongan.
- Ulangi untuk deskripsi: pastikan kalimat pertama membawa proposisi nilai dengan sendirinya.
Saat bilah berubah merah
Bilah merah bukan peringatan penalti. Itu berarti teks saat ini lebih lebar dari target visual yang dipilih, jadi simulator memotongnya dengan titik. Perlakukan itu sebagai sinyal editorial: putuskan apakah kata-kata tersembunyi dapat dibuang, atau apakah cuplikan membutuhkan struktur yang lebih tajam.
# Batasan, penulisan ulang, dan harapan realistis
Tidak ada simulator yang dapat menjamin cuplikan persis yang akan ditampilkan Google. Google dapat menulis ulang tautan judul, menebalkan istilah kueri, memilih teks halaman alih-alih deskripsi meta, atau menampilkan cuplikan berbeda untuk pencarian yang berbeda. Alat ini paling baik digunakan sebagai langkah penulisan dan QA cepat: alat ini mendeteksi kelebihan visual yang jelas sebelum halaman mencapai produksi.Penggunaan terbaik simulator SERP ini
Gunakan bilah piksel untuk mendeteksi kelebihan visual sebelum menerbitkan metadata.
Jaga maksud pencarian utama dan janji klik tetap terlihat sebelum elipsis apa pun.
Ambil metadata dari URL yang mengizinkan CORS, lalu edit hasilnya secara manual jika diperlukan.
Anggap pratinjau sebagai panduan penulisan, karena Google masih dapat menulis ulang cuplikan per kueri.
Referencias Bibliográficas
- [1] Google Search Central: Control your snippets in search results
https://developers.google.com/search/docs/appearance/snippet
- [2] Google Search Central: Influencing title links in search results
https://developers.google.com/search/docs/appearance/title-link
- [3] Google Search Central: Create good titles and snippets in search results
https://developers.google.com/search/docs/appearance/title-link#best-practices
Alat lainnya dari Pengembangan Web
Kalkulator Rasio Aspek dalam Piksel. Proporsi Online
Hitung resolusi gambar, video, dan desain web baru sambil tetap mempertahankan proporsi yang tepat untuk menghindari distorsi grafis. Mendukung format 16:9, 4:3, 21:9, dan khusus.
Gunakan Alat
Kalkulator Waktu Data: Dampak Kecepatan Web
Temukan berapa banyak waktu hidup yang hilang dari pengguna Anda saat menunggu situs web Anda dimuat pada koneksi 3G, 4G, dan 5G. Hitung dampak nyata dari berat situs Anda.
Gunakan Alat
Konverter Warna Online RGB HEX dan HSL
Konversikan warna antara RGB, HEX, dan HSL secara instan. Hasilkan harmoni warna komplementer dan analisis kontras WCAG. 100% sisi klien dan pribadi.
Gunakan Alat
Pembuat Kode Konverter Tabel Excel dan CSV ke HTML
Konversikan data Excel atau CSV Anda ke tabel HTML semantik yang bersih secara instan. Alat gratis untuk pengembang dan pembuat konten.
Gunakan Alat
Generator Ekspresi Cron Online. Penerjemah dan Visualisator
Alat visual gratis untuk menghasilkan ekspresi Linux Cron. Menerjemahkan * * * * * ke dalam bahasa manusia dan menampilkan 5 eksekusi berikutnya secara real time.
Gunakan Alat
Kalkulator Spesifisitas CSS Online. Visualisator Bobot Selektor
Hitung spesifisitas dan bobot tepat dari selektor CSS apa pun. Alat visual untuk memahami aturan CSS mana yang menang dalam kaskade dan menghindari penggunaan !important.
Gunakan Alat
Konverter CSS ke Inline HTML untuk Email
Ubah stylesheet dan kelas CSS Anda menjadi style inline yang langsung tertanam dalam HTML. Cocok untuk newsletter, email transaksional, dan tata letak web yang kompatibel lintas platform.
Gunakan Alat
Hapus CSS Duplikat Online. Satukan dan Bersihkan Stylesheet Anda
Alat gratis untuk membersihkan dan membuang kode CSS duplikat. Menyatukan selektor yang redundan, menghormati aturan cascade, dan langsung memperkecil ukuran file di browser.
Gunakan Alat
Generator Security.txt RFC 9116
Buat file security.txt profesional Anda untuk memudahkan pelaporan kerentanan dan memenuhi standar keamanan web internasional.
Gunakan Alat
Generator Hash Keamanan Online
Hitung hash MD5, SHA-1, SHA-256, dan SHA-512 secara instan. Alat keamanan gratis, pribadi, dan sangat cepat untuk pengembang. 100% Sisi Klien.
Gunakan Alat
Inspektur Sertifikat SSL/TLS Online Lihat File PEM dan CRT
Analisis file sertifikat SSL (.pem, .crt, .der) secara lokal. Periksa tanggal kedaluwarsa, penerbit, subjek, dan sidik jari SHA-256 tanpa data Anda meninggalkan browser.
Gunakan Alat
Format dan Validasi JSON Online Gratis
Alat online gratis untuk memformat, memvalidasi, dan memperbaiki kode JSON. Mempercantik dan memformat JSON. Mendeteksi kesalahan sintaksis dan meningkatkan keterbacaan kode.
Gunakan Alat
Visualizer Kode Tombol Keyboard Online. KeyCode Inspector
Alat online gratis untuk melihat event.key, event.code, event.which, dan lokasi setiap tombol keyboard secara real time. Menghasilkan cuplikan kode JavaScript siap pakai.
Gunakan Alat
Kalkulator Biaya LLM. Estimator Harga Model AI
Alat online gratis untuk memperkirakan biaya pemanggilan API model bahasa besar. Bandingkan GPT-4o, Claude, Gemini, Llama, dan lainnya dengan harga token nyata per satu juta token.
Gunakan Alat
Generator Mockup Mobile untuk App Store. iPhone dan Google Pixel
Buat presentasi profesional untuk App Store dan Google Play. Mockup iPhone dan Pixel dengan latar belakang khusus, tata letak panoramik, dan ekspor massal resolusi tinggi.
Gunakan Alat
Skala Tipografi Musikal. Kalkulator Skala Modular
Alat online gratis untuk menciptakan hierarki visual yang harmonis menggunakan skala modular berbasis proporsi musikal. Menghasilkan variabel CSS siap pakai untuk desain web Anda.
Gunakan Alat
Generator Gambar Placeholder. Buat Mockup Web dengan Cepat
Buat gambar placeholder kustom untuk desain web Anda. Atur resolusi, warna latar, teks, lalu ekspor dalam format PNG, WebP, atau JPEG secara instan.
Gunakan Alat
Perpustakaan Prompt AI Pribadi
Atur, beri label, dan simpan prompt ChatGPT, Midjourney, dan Claude secara pribadi. Bank prompt milikmu sendiri di localStorage.
Gunakan Alat
Kalkulator Keterbacaan Visual WCAG dan APCA
Periksa kontras nyata desain Anda dengan APCA (WCAG 3.0). Analisis bagaimana ketebalan dan ukuran font memengaruhi keterbacaan sesungguhnya. Dari rasio sederhana hingga keterbacaan perseptual.
Gunakan Alat
Pembersih SVG Online
Optimalkan dan bersihkan SVG yang diekspor dari Figma, Adobe Illustrator, atau Inkscape. Hapus metadata, atribut yang tidak perlu, dan grup kosong untuk menghasilkan SVG siap produksi.
Gunakan Alat
Konverter SVG ke CSS dan Data URI Online Gratis
Ubah ikon dan vektor SVG Anda menjadi kode CSS (Background atau Mask) atau Data URI terkompresi. Optimalkan performa situs web Anda dengan menghilangkan permintaan HTTP eksternal.
Gunakan Alat
Pembersih Tracking URL: Hapus UTM, FBCLID dan GCLID
Hapus otomatis parameter pelacakan dan iklan dari URL Anda. Bagikan tautan yang bersih dan lindungi privasi digital Anda seketika.
Gunakan Alat
Pengode dan Pendekode URL Online
Konversikan karakter khusus dari tautan apa pun ke dalam format aman (Percent-Encoding) atau kembalikan ke keadaan aslinya yang dapat dibaca secara instan dan lokal.
Gunakan Alat
Generator Parameter UTM untuk Google Analytics
Buat tautan pelacakan yang presisi untuk kampanye pemasaran digital Anda. Dioptimalkan untuk Google Analytics dan alat analisis lainnya.
Gunakan Alat
Decoder JWT, Parser dan Inspektur Klaim
Tempelkan JSON Web Token, dekode header dan payload secara instan, periksa klaim terdaftar, temukan token yang sudah kedaluwarsa, dan salin JSON bersih untuk men-debug alur autentikasi.
Gunakan Alat
Generator Visual Layout CSS Grid & Flexbox
Rancang layout responsif dengan memindahkan blok visual, mengubah ukuran kontainer, menyesuaikan perataan, dan menggunakan preset - lalu salin CSS native bersih secara instan.
Gunakan Alat
CSS Box Shadow Generator
Desain bayangan CSS berlapis secara visual dengan pratinjau langsung, slider, pemilih warna, dan preset. Salin CSS native bersih secara instan.
Gunakan Alat
Promosikan situs ini
Meja propaganda internal untuk jjlmoya.es dalam bahasa Spanyol dan GameBob.dev secara internasional. Ubah tangkapan layar halaman sendiri menjadi gambar sosial sebelum Bob menganggap feed ini memalukan.
Gunakan Alat