🖥️ SERP & fragmenta antaŭrigardo

Antaŭrigardo de SERP- fragmento

Entajpu vian paĝotitolon, meta-priskribon kaj URLon por vidi realan, rastrume precizan antaŭrigardon de via Google-rezultofragmento sur labortablo kaj poŝtelefono, kun mallongigaj avertoj antaŭ ol ili kostos al vi alklakojn.

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

Kiel uzi la SERP antaŭrigardon

Kvar rapidaj paŝoj al fragmento kiu montras plene kaj gajnas la klakon.

1

Enmetu vian paĝtitolon

Entajpu la titoloetikedon kiun vi volas uzi. La signo- kaj rastrumeraj nombroj aktualiĝas tiel ke vi povas vidi kiom proksime vi estas al la labortabla limo de ~600px de Google.

2

Aldoni vian URLon kaj meta- priskribon

Enmetu la retadreson de la paĝo kaj skribu la meta- priskribon. La antaŭrigardo montras la paŝo- informon, bluan titolon kaj grizan fragmenton ekzakte kiel la reala rezulto.

3

Ŝanĝi inter labortablo kaj poŝtelefonoName

Ŝanĝi la labortablan kaj movan foliojn por kontroli ambaŭ aranĝojn, ĉar la mova uzas pli mallarĝan kolumnon kaj faldas titolojn en pli da linioj.

4

Fiksi la trunko- avertojn

Redakti ĝis la avertaj signoj fariĝas verdaj. Mallongigu ĉion flagitan kiel tro larĝa por ke Google montru vian plenan titolon kaj priskribon anstataŭ elipso.

SERP fragment demandoj

Google trudas labortablajn titolojn je proksimume 600 rastrumeroj, ne fiksa nombro da signoj, ĉar larĝaj signoj kiel W kaj M okupas pli da spaco ol mallarĝaj kiel i kaj l. Tiu ilo mezuras la realan renderigitan rastrumeran larĝon por ke vi vidu precize kie via titolo estos trudata.
Google kutime montras ĉirkaŭ 920 rastrumerojn da meta-priskribo en labortabla retumilo (ĉirkaŭ 155 al 160 signoj) kaj malpli en poŝtelefono. Ĉio pli longa estas mallongigita per elipso. La antaŭrigardo montras kaj labortablan kaj poŝtelefonan mallongigon dum vi tajpas.
Moveblaj rezultoj uzas pli mallarĝan kolumnon kaj malsaman tiparograndecon, do titoloj estas falditaj en pli da linioj kaj priskriboj estas malpli longaj. Tiu ilo montras ambaŭ aranĝojn flanke de la alia por ke vi povu optimumigi por ĉiu.
Ne. La antaŭrigardo plene ruliĝas en via retumilo uzante la Canvas- tekstmezura API. Nenio, kion vi tajpas, estas alŝutita, registrita aŭ konservita, do vi povas sekure testi nepublikigitajn paĝojn kaj internajn URLojn.

Por programistoj

La 100%-a klienta antaŭrigardo de SERP - la piksela mezurado okazas en via retumilo, do nenio, kion vi tajpas, estas iam ajn alŝutita.

✓ Private per dezajno - neniu servilo-revenvojo

Troksado estas mezurata same kiel la retumilo desegnas tekston - per la Canvas measureText API. Jen la kerno de la ideo, kiun vi povas enmeti en vian propran konstruan kanalon:

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

Ĉu vi bezonas tion laŭskale — kontroli milojn da titoloj el via CMS aŭ CI? Gastigita REST API por niaj SEO-iloj estas havebla ĉe pagaj planoj. Vidu planojn