Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Configurate il robots.txt del vostro sito web e i meta tag delle immagini per le anteprime dei link dei post sociali

Ultimo aggiornamento: gennaio 18, 2024

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Marketing Hub Professional, Enterprise
Legacy Marketing Hub Basic

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.

Aggiornare il file robots.txt

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 (ex Twitter) forniscono entrambi le stringhe di 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.

Aggiungete i meta tag alla sezione <head> delle pagine 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 (ex Twitter) 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 del contenuto per ciascuno dei meta tag sopra indicati con i valori corrispondenti alla pagina. È possibile convalidare i meta tag utilizzando lo strumento di debugger di Facebook, il validatore di schede di 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:

  • Facebook: 1.91:1
  • X (ex Twitter): 16:9 per i post con foto e 1,91:1 per le immagini in primo piano nei post con link.
  • Instagram (quadrato): 1:1
  • Instagram (verticale): 4:5
  • Instagram (paesaggio): 1.91:1
  • LinkedIn (paesaggio): 1.91:1

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:

  • Facebook: 8MB (si consiglia di non superare 1MB per i file PNG per evitare la pixelizzazione)
  • Instagram: 8MB
  • X (ex Twitter): 5MB (15MB per le GIF)
  • LinkedIn: 10MB

Discrepanze nel colore e nella nitidezza delle immagini

Differenze nel colore dell'immagine

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.

Differenze nella nitidezza delle immagini

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, che possono avere una qualità diversa da 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.

L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.