Ultimo aggiornamento: luglio 21, 2021
Quando aggiungi link ai post sociali in HubSpot, vedrai un'anteprima che include un'immagine in primo piano, un titolo e una descrizione della pagina. Se l'immagine, il titolo o la descrizione non appaiono o si verificano problemi con l'immagine in primo piano, usa i passaggi seguenti per risolvere i problemi.
Le anteprime sociali si basano su meta tag nella sezione <head> dell'HTML della tua pagina. Questi tag dicono ai siti di social media come Facebook, LinkedIn e Twitter su cosa concentrarsi quando creano un'anteprima del tuo link condiviso. I meta tag di base sono:
- og:title: il titolo del vostro contenuto.
- og:type: il tipo di contenuto, come un video o una pagina web.
- og:image: l'URL dell'immagine che rappresenta il tuo contenuto.
- og:url: l'URL unico del tuo contenuto che sarà usato come suo ID permanente.
- og:description: ladescrizione che riassume la tua immagine.
Il titolo, la meta descrizione e l'immagine in primo piano sono impostati automaticamente per i post del blog. Per le landing page e le pagine del sito web, mentre il titolo e la meta descrizione sono impostati anche automaticamente, la featured image deve essere impostata manualmente.
Nota: LinkedIn mostrerà la vostra immagine in primo piano, il titolo della pagina e l'URL nella sua scheda di anteprima, ma non includerà la vostra meta descrizione.
L'immagine in primo piano, il titolo della pagina o la descrizione della pagina non vengono visualizzati nell'anteprima del post
Se l'anteprima del tuo post sociale non mostra l'immagine in primo piano, il titolo della pagina o la descrizione della pagina, puoi risolvere i problemi in HubSpot o utilizzando strumenti di debug esterni.
Risoluzione dei problemi in HubSpot
Se stai collegando un post del blog ospitato da HubSpot, una landing page o una pagina del sito web, assicurati che un'immagine in primo piano sia impostata nel tag pagina o post's nelle impostazioni.
Puoi anche impostare manualmente un tag og:image per aggiungere un'immagine in primo piano:
-
Nel tuo account HubSpot, vai alle tue pagine di destinazione o alle pagine del sito web.
- Passa sopra una pagina e clicca su Modifica.
- Nell'editor di contenuti, clicca sulla scheda Impostazioni,poi clicca suOpzioni avanzate.
- Nella sezioneFrammenti di codice aggiuntivi,inserisci questo frammento di codice nel campo Head HTML:
<meta property="og:image" content="IMG URL">
- Sostituisci IMG URL con l'URL del tuo file immagine.
- Per ottimizzare ulteriormente un'immagine per Twitter, inserisci questo ulteriore frammento di codice nel campo Head HTML :
<meta name="twitter:card" content="summary_large_image">
- In alto a destra, clicca suPublish o Update per rendere attivelemodifiche.
Risoluzione dei problemi con gli strumenti di sviluppo del browser
Se stai condividendo una pagina esterna nel tuo post sociale, puoi usare gli strumenti di sviluppo del browser come Chrome Developer tools per assicurarti che i meta tag della pagina siano impostati correttamente. Visualizza il sorgente della pagina, poi controlla e conferma quanto segue:
- Il sito
og:imagee gli altri meta tag sono visualizzati correttamente. - I dettagli di ogni tag sono corretti. Per esempio, controlla che l'URL dell'immagine in primo piano per il tag
og:imagesia corretto. - C'è solo un'occorrenza di ogni tipo di meta tag. Se ci sono più occorrenze dello stesso meta tag, i social network potrebbero non selezionare quello corretto quando generano un'anteprima del link.
- I tuoi meta tag sono vicini alla parte superiore dell'HTML. Se hai codice extra o markup prima dei meta tag, i crawler dei social network potrebbero non essere in grado di individuare questi tag.
Risoluzione dei problemi con gli strumenti di debug dei social network
Se vedi una discrepanza tra la tua anteprima sociale e i meta tag, il social network potrebbe aver bisogno di eseguire un nuovo scansione della pagina. Usa i seguenti strumenti di convalida per ogni social network per far emergere eventuali errori o innescare un recrawl della pagina:
- Facebook Sharing Debugger: Facebook esegue automaticamente il recrawl dei contenuti condivisi ogni 24 ore. Per attivare manualmente un recrawl, clicca su Scrape Again nello Sharing Debugger.
- Validatore di schede di Twitter: Twitter memorizza il contenuto nella cache per 7 giorni dopo la pubblicazione di un post. Clicca su Anteprima scheda nel Card Validator per innescare un recrawl del tuo contenuto.
- Ispettore dei post di LinkedIn: LinkedIn memorizza il contenuto nella cache per 7 giorni dopo la pubblicazione di un post. Fare clic su Inspect nel Post Inspector per avviare un recrawl del contenuto.
In generale, qualsiasi post pubblicato prima del recrawling della pagina manterrà comunque l'immagine errata. Se il tag og:image non è stato impostato per una pagina, il social network scansionerà la pagina per trovare l'immagine più appropriata da includere nei post sociali, che di solito è la prima immagine che trova. Un'immagine di anteprima del link potrebbe non apparire affatto se viene utilizzato un file robots.txt o un software di sicurezza per impedire il crawling della pagina.
Problemi di visualizzazione dell'immagine in primo piano
Se l'anteprima del tuo post sociale sta visualizzando l'immagine in primo piano prevista, ma l'immagine viene visualizzata in modo errato, puoi controllare quanto segue.
La dimensione o il rapporto dell'immagine non è corretto
Se l'immagine in primo piano non viene visualizzata correttamente nell'anteprima del social (ad esempio, l'immagine è tagliata o il rapporto non è corretto), potrebbe essere necessario modificare l'immagine in modo che abbia le dimensioni giuste per il social network su cui stai pubblicando, quindi ripubblicare la pagina.
Le seguenti dimensioni sono raccomandate per l'ottimizzazione delle immagini in primo piano su ogni rete:
- Facebook: 1.91:1
- 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 (orizzontale): 1.91:1
Assicurati che qualsiasi media incluso nei tuoi post sui social segua le linee guida sulle dimensioni dei file per ogni rete. Se HubSpot determina che un file è troppo grande per essere pubblicato su un determinato network, apparirà un avviso durante la creazione del post sociale. Queste sono le dimensioni massime dei file per ogni social network:
- Facebook: 8MB (sotto 1MB raccomandato per i file PNG per evitare la pixellizzazione)
- Instagram: 8MB
- Twitter: 5MB (15MB per le GIF)
- LinkedIn: 10MB
Differenze nel colore dell'immagine
I profili di colore incorporati possono influenzare il modo in cui la tua immagine in primo piano appare nel tuo post sociale. Sistemi diversi elaborano profili di colore non comuni in modi diversi, ed è per questo che i colori possono apparire diversi quando si visualizza l'anteprima dell'immagine nel tuo file manager.
Puoi eseguire l'URL della tua immagine attraverso uno strumento esterno per vedere se sta usando un profilo di colore non comune. Se necessario, puoi rimuovere il profilo di colore che interferisce in uno strumento esterno di fotoritocco come Photoshop, quindi ripubblicare la pagina prima di pubblicare il tuo post sociale.
Differenze nella chiarezza dell'immagine
Il file manager di HubSpot utilizza la compressione delle immagini su JPEG e PNG per aiutare ad ottimizzare la velocità di caricamento dei contenuti ospitati da HubSpot. Anche i social network utilizzano la compressione delle immagini nei post, che possono variare in qualità rispetto a quelle che vedi in HubSpot.
Per questo motivo, si consiglia di utilizzare immagini a risoluzione relativamente alta per ogni rete. Se la tua immagine non è conforme ai requisiti di un social network, apparirà un avviso nello strumento di pubblicazione sociale di HubSpot per aiutarti a regolare la tua immagine di conseguenza.
