🖥️ Anteprima & snippet SERP

Anteprima di snippet SERP

Digita il titolo della tua pagina, meta descrizione e URL per vedere un'anteprima in diretta, pixel-accurata del tuo snippet risultato di Google sul desktop e mobile, con avvisi di troncazione prima che ti costino clic.

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

Come usare l'anteprima SERP

Quattro passi rapidi per un frammento che mostra in pieno e guadagna il click.

1

Inserisci il titolo della tua pagina

Digitare il tag titolo che si intende utilizzare. Il carattere e pixel contatori di aggiornamento in diretta in modo da poter vedere quanto vicino si è a ~ 600 px di Google desktop limite.

2

Aggiungi il tuo URL e meta descrizione

Incolla l'URL della pagina e scrivi la meta descrizione. L'anteprima rende il pane grattugiato, il titolo blu e il frammento grigio esattamente come un risultato reale.

3

Passare dal desktop al mobile

Attiva le schede Desktop e Mobile per controllare entrambi i layout, dal momento che mobile utilizza una colonna più stretta e avvolge i titoli su più linee.

4

Correggi gli avvertimenti di troncazione

Modificare fino a quando i chip di avvertimento diventano verdi. Trim qualsiasi cosa segnalato come troppo ampio in modo da Google mostra il tuo pieno titolo e descrizione invece di un ellissi.

Domande sui frammenti SERP

Google tronca i collegamenti dei titoli del desktop a circa 600 pixel, non un conteggio fisso dei caratteri, perché caratteri larghi come W e M occupano più spazio di quelli stretti come i e l. Questo strumento misura la larghezza reale dei pixel resi in modo da poter vedere esattamente dove il titolo verrà tagliato.
Google mostra tipicamente circa 920 pixel di meta descrizione sul desktop (circa 155 a 160 caratteri) e meno sul mobile. Qualsiasi cosa più lunga è troncata con un'ellissi. L'anteprima mostra sia desktop che mobile troncazione in diretta mentre si digita.
I risultati mobili utilizzano una colonna più stretta e una dimensione diversa del carattere, quindi i titoli avvolgono più righe e le descrizioni vengono tagliate più corte. Questo strumento rende entrambi i layout fianco a fianco in modo da ottimizzare per ciascuno.
No. L'anteprima viene eseguita interamente nel browser utilizzando l'API di misura del testo Canvas. Nulla di quello che digiti viene caricato, registrato o memorizzato, in modo da poter testare in modo sicuro pagine inedite e URL interni.

Per gli sviluppatori

Questa anteprima SERP esegue 100% client-side

✓ Privato dal design

La truncazione è misurata nello stesso modo in cui il browser disegna il testo

// 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 di questo in scala batch-checking di Vedi piani →