Quando si crea e si pubblica un post sociale in HubSpot, il social network corrispondente cercherà di generare un'anteprima dell'immagine per il post. In base al link inserito per il post, il social network scansionerà i meta tag nel codice sorgente della pagina e effettuerà il crawling del file robots.txt del vostro sito web.
Se il vostro sito web è ospitato da un provider esterno, come WordPress, e l'anteprima del post non appare come previsto, seguite le istruzioni riportate di seguito.
Il file robots.txt indica ai motori di ricerca come indicizzare il vostro sito web. Se non avete aggiunto o configurato correttamente il file robots.txt, i social network non saranno in grado di analizzare il contenuto delle vostre pagine. Facebook e X forniscono entrambi le stringhe dell'user agent da aggiungere al file robots.txt:
User-agent: facebookexternalhit
Disallow:
User-agent: Twitterbot
Disallow:
LinkedIn non fornisce documentazione per la stringa del proprio user agent, ma è possibile utilizzare l'ispettore dei post di LinkedIn per verificare se LinkedIn è in grado di eseguire il crawling dei contenuti del vostro sito web.
I motori di ricerca e i social network analizzano la sezione head del vostro HTML per cercare i metadati necessari a generare un'anteprima della pagina. Dovreste includere i metadati per Facebook e X dopo i meta tag principali:
<!-- Primary Meta Tags -->
<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Title of your Website Page">
<meta property="og:description" content="Description of your Website Page">
<meta property="og:image" content="https://example.com/image.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com/">
<meta property="twitter:title" content="Title of your Website Page">
<meta property="twitter:description" content="Description of your Website Page">
<meta property="twitter:image" content="https://example.com/image.png">Compilare gli attributi di contenuto per ciascuno dei meta-tag di cui sopra con i valori corrispondenti alla propria pagina. È possibile convalidare i meta tag utilizzando lo strumento debugger di Facebook, il validatore di schede X e l'ispettore dei post di LinkedIn.
Se l'immagine in evidenza per un link inserito non viene visualizzata correttamente nell'anteprima del social network (ad esempio, l'immagine è tagliata o il rapporto non è corretto), potrebbe essere necessario modificare l'immagine in modo che abbia le dimensioni corrette per il social network in cui si sta pubblicando, quindi ripubblicare la pagina. Se state pubblicando su Facebook, potete trovare maggiori informazioni sui requisiti delle immagini in primo piano nella loro documentazione.
Le seguenti dimensioni sono consigliate per l'ottimizzazione delle immagini in primo piano su ciascun network:
Assicuratevi che tutti i file multimediali che includete nei vostri post sui social seguano le linee guida sulle dimensioni dei file per ciascun network. Se HubSpot stabilisce che un file è troppo grande per essere pubblicato su un determinato network, viene visualizzato un avviso. Le dimensioni massime dei file per ciascun social network sono elencate di seguito:
I profili di colore incorporati possono influire sul modo in cui l'immagine in primo piano viene visualizzata nel post sociale. I diversi sistemi elaborano i profili di colore non comuni in modi diversi, motivo per cui i colori potrebbero apparire diversi quando si visualizza l'anteprima dell'immagine nel file manager. È possibile eseguire l'URL dell'immagine attraverso uno strumento esterno per verificare se sta utilizzando un profilo di colore non comune. Se necessario, è possibile rimuovere il profilo di colore che interferisce con uno strumento di fotoritocco come Photoshop, quindi ripubblicare la pagina prima di pubblicare i post sui social.
Ilfile manager di HubSpot utilizza la compressione delle immagini su JPEG e PNG per ottimizzare la velocità di caricamento dei contenuti ospitati da HubSpot. Anche i social network utilizzano la compressione delle immagini nei post, la cui qualità può variare rispetto a quella visualizzata in HubSpot. Per questo motivo, si consiglia di utilizzare immagini ad alta risoluzione (nel rapporto d'aspetto consigliato) per ogni network. Se l'immagine non è conforme ai requisiti di un social network, lo strumento di pubblicazione sociale di HubSpot mostrerà un avviso che aiuterà a regolare l'immagine di conseguenza.
Se si verificano ancora problemi con le anteprime dei link che non appaiono correttamente, consultate la nostra guida alla risoluzione dei problemi.