🖥️ SERP és snippet előnézet

SERP Snippet Preview

Írja be az oldal címét, meta leírás és URL-t, hogy egy élő, pixel-accurate preview a Google eredmény snippet asztali és mobil, futás figyelmeztetés előtt a kattintások.

0 karok · 0px
0 karok · 0px
e
example.com
https://example.com

Hogyan kell használni a SERP előnézetet?

Négy gyors lépés egy snippet, hogy megjelenik a teljes, és megkeresi a kattintás.

1

Írja be az oldal címét

Írja be a címjelzőt, amit használni kíván. A karakter és pixel számlálók élőben frissülnek, így láthatja, milyen közel van a Google ~600px asztali limitjéhez.

2

URL és meta leírás hozzáadása

Az oldal URL-je beillesztve, a meta leírás írása. Az előnézet a kenyérmorzsát, a kék címet és a szürke snippetet pontosan olyanná teszi, mint egy valódi eredményt.

3

Kapcsolás asztali és mobil között

Az asztali és mobil fülek kigombolása mindkét elrendezés ellenőrzéséhez, mivel a mobil egy szűkebb oszlopot használ, és a címeket több vonalra csomagolja.

4

A csúszásra vonatkozó figyelmeztetéseket meg kell javítani

Szerkesztés amíg a figyelmeztető zsetonok zöldre vált. Vágj meg mindent, ami túl széles, így a Google megmutatja a teljes címet és leírást ellipsis helyett.

SERP-kérdések

A Google csonkítja az asztali cím linkeket nagyjából 600 pixelen, nem fix karakterszámon, mert a W és M karakterek nagyobb teret vesznek, mint a szűkek, mint az i és l. Ez az eszköz méri a valódi kiolvasztott pixel szélességet, így pontosan láthatja, hogy hol lesz levágva a címe.
A Google általában 920 pixel meta leírás az asztalon (kb. 155-160 karakter), és kevesebb a mobil. Bármi hosszabb csonkolt ellipsis. Az előnézet mutatja mind az asztali és mobil csonkolás élőben, ahogy gépel.
A mobil eredmények szűkebb oszlopot és más betűméretet használnak, így a címeket több sorra tekerjük, és a leírásokat rövidebbre vágjuk. Ez az eszköz mindkét elrendezést egymás mellett teszi lehetővé, így minden egyes változatot optimalizálhatunk.
Nem. A preview teljes egészében a Canvas szöveges mérő API-val fut a böngészőjében. A begépelt adatok fel vannak töltve, naplózva vagy tárolva, így biztonságosan tesztelheti a kiadatlan oldalakat és a belső URL-eket.

Fejlesztőknek

Ez a SERP előnézet fut 100% kliens-oldal • a pixel mérés történik a böngészőben, így semmi, amit gépelsz fel soha fel nem tölt.

✓ Privát tervezés szerint ~ nincs szerver körutazás

A trancation mérésénél ugyanúgy történik, ahogy a böngésző a Canvas-féle mérővel rajzolja a szöveget. Itt van a fő gondolat, hogy a saját építővezetékbe is beugorhatsz:

// Measure rendered pixel width like Google does
const ctx = document.createElement('canvas').getContext('2d');
function titleWidth(text, font = '20px arial') {
  ctx.font = font;
  return ctx.measureText(text).width; // > 600 => truncated on desktop
}
console.log(titleWidth('Your page title here'));

Szükség van erre a skála • több ezer cím ellenőrzése a CMS vagy CI? A házilag használt REST API SEO eszközök állnak rendelkezésre fizetett tervek. Lásd a terveket →