Salta al contenuto
Nota bene: la traduzione in olandese 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.
Social

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

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

Marketing Hub Professional, Enterprisee
Legacy Marketing Hub Basic

Quando crei e pubblichi un post sociale in HubSpot, il social network corrispondente tenterà di generare un'anteprima dell'immagine per il tuo post. In base al link che hai inserito per il post, il social network scansionerà i meta tag nel codice sorgente della tua pagina, e scansionerà il file robots.txt del tuo sito web.

Se stai ospitando il tuo sito web su un provider esterno come WordPress, e l'anteprima del tuo post non appare come previsto, segui le istruzioni qui sotto.

Aggiorna il tuo robots.txt

Un file robots.txt informa i motori di ricerca su come indicizzare il tuo sito web. Se non hai aggiunto o configurato correttamente il tuo file robots.txt, i social network non saranno in grado di analizzare il contenuto delle tue pagine. Facebook e Twitter forniscono entrambi le stringhe di user agent che dovrai aggiungere al tuo file robots.txt:

User-agent: facebookexternalhitDisallow
:

User-agent: TwitterbotDisallow
:



LinkedIn non fornisce documentazione per la loro stringa di user agent, ma è possibile utilizzare il post inspector di LinkedIn per confermare se LinkedIn può scansionare il contenuto 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. Dovresti includere i metadati per Facebook e Twitter dopo i tuoi meta tag primari:

<!-- Meta tag primari -->
<title> MetaTag - Anteprima, Modifica e Genera</title>
<meta name="title" content="Meta Tag - Anteprima, Modifica e Genera">
<meta name="description" content="Con i Meta Tag puoi modificare e sperimentare il tuo contenuto e poi vedere in anteprima come apparirà la tua pagina web su Google, Facebook, Twitter e altro!">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Titolo della tua pagina web">
<meta property="og:description" content="Descrizione della tua pagina web">
<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="Titolo della tua pagina web">
<meta property="twitter:description" content="Descrizione della tua pagina web">
<meta property="twitter:image" content="https://example.com/image.png">

Riempi gli attributi di contenuto per ciascuno dei meta tag di cui sopra con i valori corrispondenti alla tua pagina. Potete convalidare i vostri meta tag usando lo strumento di debugger di Facebook, il validatore di schede di Twitter e l'ispettore di post di LinkedIn.

Se l'immagine in primo piano per un link che hai 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 ledimensionigiusteper il social networkin cui staipubblicando, quindi ripubblicare la pagina. Se stai pubblicando su Facebook, puoi saperne di più sui loro requisiti per le immagini in primo piano nella loro documentazione.

Le seguenti dimensioni sono raccomandate per l'ottimizzazione delle immagini in primo piano su ogni rete:

  • Facebook: 1.91:1
  • Twitter: 16:9per 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

Assicurati che tutti i media che includi nei tuoi post sociali seguano le linee guida sulle dimensioni dei file per ogni rete. Se HubSpot determina che un file è troppo grande per essere pubblicato su un certo network, verrà visualizzato un avviso. Le dimensioni massime dei file per ogni social network sono elencate di seguito:

  • Facebook: 8MB (sotto 1MB raccomandato per i file PNG per evitare la pixelizzazione)
  • Instagram: 8MB
  • Twitter: 5MB (15MB per le GIF)
  • LinkedIn: 10MB

Discrepanze di colore e chiarezza dell'immagine

Differenze nel colore dell'immagine

I profili di colore incorporati potrebbero avere un impatto su come la tua immagine in primo piano viene visualizzata nel tuo post sociale. Sistemi diversi elaborano profili di colore non comuni in modi diversi, ed è per questo che i colori potrebbero apparire diversi quando si visualizza l'anteprima dell'immagine nel file manager. Puoi eseguire l'URL della tua immagine attraverso unostrumento esterno per vedere sesta usando un profilo di colore non comune. Se necessario, puoi rimuovere il profilo di colore che interferisce in uno strumento di fotoritocco come Photoshop, quindi ripubblicare la pagina prima di pubblicare i post sui social.

Differenze nella chiarezza dell'immagine

Il file manager di HubSpot usa lacompressione delle immagini su JPEG e PNG per aiutare a ottimizzare la velocità di caricamento dei tuoi contenuti ospitati da HubSpot. Anche i social network usano la compressione delle immagini nei post, che possono variare in qualità da quello che vedi in HubSpot. Per questo motivo, si raccomanda di utilizzare immagini a risoluzione relativamente alta (nel rapporto di aspetto raccomandato) per ogni rete. Se la tua immagine non è conforme ai requisiti di un social network, un avviso verrà mostrato nello strumento di pubblicazione sociale di HubSpot per aiutarti a regolare la tua immagine di conseguenza.

Se hai ancora problemi con le anteprime dei tuoi link che non appaiono correttamente, controlla la nostra guida alla risoluzione dei problemi.