SERP-hakutuloksen esikatselu
Katso, miltä title-tagi ja meta description näyttävät Googlen hakutuloksissa – live-esikatselu työpöytä- ja mobiilinäkymässä merkki- ja pikselilaskureilla.
🔒 Käsitelty kokonaan selaimessasi – mitään tähän kirjoittamaasi ei koskaan ladata.
Tulos
Selviääkö title-tagisi Googlen katkaisusta, vai päättyykö se turhauttavaan …-merkkiin? Rehellinen vastaus mitataan pikseleinä, ei merkkeinä: Google katkaisee työpöydän otsikot noin 600 pikselin kohdalta ja kuvaukset noin 960 pikselin kohdalta, joten kaksi 58-merkkistä otsikkoa voivat kohdata hyvin erilaisen kohtalon riippuen niiden kirjainten leveydestä. Tämä työkalu renderöi hakutuloksesi sellaisena kuin se näyttää – favicon-paikanpitäjä, leivänmuru-URL, sininen otsikko, harmaa kuvaus – ja piirtää sen uudelleen jokaisella näppäimen painalluksella.
Molemmat kentät saavat kaksi laskuria kerralla: merkit tuttuja 60-otsikolle- ja 160-kuvaukselle-suosituksia vasten, ja renderöidyn pikselileveyden mitattuna canvas API:lla käyttäen Arial-metriikkaa Googlen kaltaisilla fonttiko’oilla. Pikseliluvut ovat läheinen arvio eivätkä takuu – Googlen tarkat fontit ja rajat muuttuvat ajan myötä – minkä vuoksi esikatselu piirtää myös katkaisu-kolme pistettä kohtaan, josta tekstisi todellisuudessa katkeaisi.
Työpöytä/mobiili-toggle vaihtaa kortin puhelinlevyiseksi sarakkeeksi omilla tiukemmilla rajoillaan, koska työpöydälle mahtuva otsikko ylittää rutiininomaisesti rajan mobiilissa, jossa useimmat haut tehdään. Kaikki kirjoitetaan käsin ja käsitellään paikallisesti selaimessasi: työkalu ei tarkoituksella nouda mitään URL-osoitteestasi, joten julkaisemattomat otsikot, luonnoskuvaukset ja staging-URL-osoitteet pysyvät yksityisinä.
Kaksi asiaa, joita mikään rehellinen työkalu ei voi luvata: Google voi kirjoittaa otsikkosi tai kuvauksesi uudelleen tiettyjä kyselyjä varten, eivätkä sijoitukset muutu sen vuoksi, että hakutulos mahtuu rajoihin. Se, mitä hallitset, on sen varmistaminen, että tarkoittamasi teksti on näytettävissä – ja jos sivusi tarvitsee myös rakenteista dataa, schema markup -generaattorimme rakentaa vastaavan JSON-LD-lohkon.