🖥️ Vista prèvia i retall SERP

Vista prèvia de retall SERP

Escriviu el títol de la vostra pàgina, la meta descripció i l' URL a veure una vista prèvia en directe, píxel- acculida del vostre retall de resultats de Google a l' escriptori i el mòbil, amb avisos de truncació abans que us costen clics.

0 caràcters · 0px
0 caràcters · 0px
e
example.com
https://example.com

Com usar la vista prèvia SERP

Quatre passos ràpids a un retall que mostra en ple i guanya el clic.

1

Introduïu el títol de la vostra pàgina

Escriviu l' etiqueta de títol que voleu usar. El caràcter i els comptadors de píxels en directe per a poder veure com de prop esteu al límit de l' escriptori ~600px.

2

Afegeix la vostra URL i la meta descripció

Enganxa l' URL de la pàgina i escriu la meta descripció. La vista prèvia mostra el tros de pa, el títol blau i el retall gris, exactament com un resultat real.

3

Commuta entre l' escriptori i el mòbil

Commuta les pestanyes de l' escriptori i del mòbil per comprovar ambdues disposicions, ja que el mòbil usa una columna i ajusta els títols a més línies.

4

Esmena els avisos de tòncació

Editeu fins que les fitxes d' avís girin verd. Sim qualsevol bandera es etiqueta tan gran com Google mostra el vostre títol i descripció en comptes d' un el· lipsis.

Preguntes de retall SERP

GooglePeters title " desktop " té enllaços a uns 600 píxels, no com a un compte de caràcters fix, perquè els caràcters grans com W i M prenen més espai que els estrets com i l. Aquesta eina mesura l' amplada real renderitzada per tal que pugueu veure exactament on es talla el títol.
Google normalment mostra al voltant de 920 píxels de la meta descripció de l' escriptori (uns 15 a 160 caràcters) i menys en el mòbil. Qualsevol cosa més es truncat amb un al· lipsis. La vista prèvia mostra tant l' escriptori com la truncació mòbil com el vostre tipus.
Els resultats mòbils usen una columna de tipus de lletra i una mida de tipus de lletra diferent, per tant els títols s' ajusten a més línies i les descripcions són més curtes. Aquesta eina representa ambdues disposicions laterals per costat de manera que pugueu optimitzar per a cada una.
No. La vista prèvia s' executa completament al vostre navegador usant l' API del text de mesuració del llenç. Res que escriviu s' ha pujat, connectat o desat, de manera que podeu provar pàgines sense resoldre i URL interns.

Per a desenvolupadors

Aquesta vista prèvia SERP executa 100% al client- a- alt- 2003 la mesura dels píxels al vostre navegador, així que res que escriviu s' hagi pujat mai.

✓ Privat per disseny Manveen no té un servidor rodó

La Truncació es mesura de la mateixa manera que el navegador dibuixa text "2002- amb l' API del LEGText. Aquesta és la idea principal que podeu deixar caure en la vostra pròpia canonada de construcció:

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

Necessita això a escala per lots per a l' escala, comprovar milers de títols del vostre CMS o CI? disponible un allotjat REST API per a les eines SEO en plans pagats. Vegeu els plans kdeaccessibility