Previzualizare a fragmentului SERP
Tastați titlul de pagina, meta descriere și URL pentru a vedea o previzualizare live, pixel-exact a rezultatului Google fragment pe desktop și mobil, cu avertismente de truncation înainte de a face clicuri.
Cum să utilizați anteriorul SERP
Patru pași rapidi la un fragment care arată în întregime și câștigă clicul.
Introduceți titlul paginii
Tastați titlul pe care intenționați să-l utilizați. Contoarele de caracter și pixel actualizează în direct astfel încât să puteți vedea cât de aproape sunteți de limita desktop ~600px a lui Google.
Adaugă URL și descriere meta
Pedeți URL pagina și scrieți meta descriere. Previzualizarea randează pâinea, titlul albastru și fragmentul gri exact ca un rezultat real.
Comută între desktop și mobil
Comută taburile Desktop și Mobile pentru a verifica ambele layouturi, deoarece mobile folosește o coloana mai îngustă și învelește titlurile pe mai multe linii.
Fixează avertismentele de truncare
Editează până când chipsurile de avertizare devine verde. Trim orice semnalat ca prea larg astfel încât Google vă arată titlul complet și descrierea în loc de o elipsie.
Întrebări de fragmente SERP
Pentru dezvoltatori
Această previsualizare SERP execută 100% client-side — măsurarea pixelului se întâmplă în browser-ul dvs., astfel încât nimic nu este încărcat vreodată.
✓ De exemplu, în cazul în care se aplică un certificat de utilizare a datelor, se aplică următoarele:
Truncation este măsurat în același mod în care browserul trage text - cu Cântala de măsurăText API. Iată ideea de bază pe care o puteți pisa în propriul conducte de construcție:
// 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'));Ne trebuie acest lucru la scară — verificarea de mii de titluri din CMS sau CI? O API REST gazda pentru instrumentele noastre SEO este disponibilă pe planurile plătite. Vezi planurile →