🖥️ SERP & snippet view

Previzyon SERP Snippet

Tape tit paj ou, dekriman meta ak URL pou wè yon gade an vi, piksel-presizyon nan Google rezilta snippet ou sou Desktop ak mobil, ak avètisman tronpeman anvan yo koute ou klike sou.

0 karaktè · 0px
0 karaktè · 0px
e
example.com
https://example.com

Ki jan yo itilize SERP preview

Kat etap rapid pou yon snippet ki montre nan total ak touche klike sou.

1

Entre tit paj ou a

Tape atik tit ou vle itilize a. Kontwa karaktè ak piksèl yo mete ajou an vi, pou ou ka wè kijan ou ka rive jwenn limit ~600px Google pou ekran an.

2

Ajoute URL ou ak dekriman meta

Kole URL paj la epi ekri dekriman meta a. Aperçu a renderize breadcrumb la, tit la ble ak snippet gri egzakteman tankou yon rezilta reyèl.

3

Baskile ant Desktop ak mobil

Toggle tab Desktop ak Mobile pou tcheke de aranjman, depi mobil itilize yon kolòn pi piti ak titre a woule sou plis liy.

4

Repare avètisman tronpeman an

Edite jiskaske chip avètisman an vin wouj. Trim nenpòt bagay flage kòm twò laj pou Google montre tit ou ak deskripsyon an konplè nan plas yon ellips.

SERP snippet kesyon

Google tronpe lyen tit Desktop nan apeprè 600 pixels, pa yon kantite karaktè fiks, paske karaktè lajè tankou W ak M pran plis espas pase sa yo estrech tankou i ak l. Sa a zouti mezire lajè pixel reyèl renderized konsa ou ka wè egzakteman kote tit ou pral koupe.
Google anjeneral montre sou 920 pixels nan dekri meta sou Desktop (sou 155 a 160 karaktè) ak mwens sou mobil. Nenpòt bagay ki pi long se tronpe ak yon ellipse. Preview montre tou de Desktop ak mobil tronpe nan vi prive pandan w ap tape.
Rezilta mobil yo itilize yon kolòn pi piti ak yon gwosè font diferan, se konsa tit yo ap vire sou plis liy ak deskripsyon yo se koupe pi kout. Sa a zouti renderize de aranjman yo bò kote pou ou ka optimisé pou chak.
Pa. Preview la kouri tout antye nan navigatè ou a lè l sèvi avèk Canvas text-measurement API. Pa gen anyen ou tape ki uploaded, logged oswa estoke, konsa ou ka teste an sekirite pakè pa pibliye ak URLs entèn.

Pou pwogramè

Sa a SERP preview kouri 100% bò kliyan an - pixel mezire rive nan navigatè ou a, se konsa pa gen anyen ou ekri se toujou uploaded.

✓ Prive pa konsepsyon — pa gen serveurs round-trip

Truncation se mezire menm jan an navigatè a desen tèks - ak Canvas measureText API.Isit la se ideyal la ke ou ka kite nan pwòp pipeline ou a:

// 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'));

Ou bezwen sa a sou yon gwosè - batch-cheke milye de tit soti nan CMS ou oswa CI? Yon API REST òganize pou zouti SEO nou yo se disponib sou plan ki peye. Gade plan yo →