🖥️ SERP & snippet preview

Preview SERP Snippet

Ittajpja t-titolu tal-paġna tiegħek, id-deskrizzjoni tal-meta u l-URL biex tara preview live, pixel-preċiża tal-isnippet tar-riżultat Google tiegħek fuq id-desktop u l-mowbajl, bi twissijiet ta ’qtugħ qabel ma jiswewlek klikks.

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

Kif tuża l-preview SERP

Erba passi malajr għal snippet li turi bis-sħiħ u jaqilgħu l-ikklikkja.

1

Daħħal it-titolu tal-paġna tiegħek

Ittajpja t-title tag li qed tippjana li tuża.Il-karattru u l-piksel counters jaġġornaw live sabiex tkun tista' tara kemm int qrib il-limitu tad-desktop ta' ~600px ta' Google.

2

Żid il-URL u d-deskrizzjoni tal-meta tiegħek

Il-preview tirrendi l-breadcrumb, it-titolu blu u l-biċċa griża eżattament bħal riżultat reali, u l-meta deskrizzjoni tirreferi għall-paġna li tkun qed tfittex.

3

Aqleb bejn id-desktop u l-mowbajl

Aqleb it-tabs Desktop u Mobile biex tiċċekkja ż-żewġ layouts, peress li l-mowbajl juża kolonna aktar dejqa u jdawwar it-titli fuq aktar linji.

4

Issettja t-twissijiet tat-tqassir

Editja sakemm iċ-ċipep ta' twissija jsiru ħodor.Qtugħ xi ħaġa mmarkati bħala wiesgħa wisq sabiex Google turi titlu sħiħ tiegħek u d-deskrizzjoni minflok ellipsis.

Mistoqsijiet snippet SERP

Google taqta links titolu desktop f'madwar 600 pixels, mhux għadd karattru fiss, minħabba karattri wiesgħa bħal W u M jieħdu aktar spazju minn dawk dejjaq bħal i u l. Din l-għodda tkejjel il-wisa pixel reali rendered sabiex inti tista tara eżattament fejn titolu tiegħek se tkun maqtugħa.
Google tipikament turi madwar 920 pixels meta deskrizzjoni fuq desktop (madwar 155 sa 160 karattru) u inqas fuq mobbli. Kull ħaġa itwal hija maqtugħa b'ellipsis. Il-preview turi kemm desktop u mobbli maqtugħa live kif inti ttajpjar.
Ir-riżultati tal-mowbajl jużaw kolonna aktar dejqa u daqs tal-font differenti, sabiex it-titli jduru fuq aktar linji u d-deskrizzjonijiet jitqassru.Din l-għodda tirrendi ż-żewġ layouts ġenb ma ġenb sabiex tkun tista' tottimaliza għal kull wieħed.
Le. Il-previżjoni taħdem kompletament fil-browser tiegħek bl-użu tal-API tal-kejl tat-test tal-Canvas. Xejn li tikteb ma jittella', jiġi rreġistrat jew maħżun, sabiex tkun tista' tittestja b'mod sikur paġni mhux ippubblikati u URLs interni.

Għall-iżviluppaturi

Dan SERP preview runs 100% klijent-ġenb — il-kejl pixel jiġri fil-browser tiegħek, sabiex xejn inti tip huwa qatt uploaded.

✓ Privat mid-disinn — l-ebda vjaġġ ta' ritorn tas-server

It-tqassir jitkejjel bl-istess mod li l-browser jiġbed it-test — bil-Canvas measureText API. Hawnhekk hija l-idea ċentrali li tista'tqiegħed fil-pipeline tal-bini tiegħek stess:

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

Jeħtieġu dan fuq skala - batch-iċċekkjar eluf ta'titli mill-CMS tiegħek jew CI?A ospitat REST API għall-għodod SEO tagħna huwa disponibbli fuq pjanijiet imħallsa. Ara l-pjanijiet →