Come impostare l'immagine sociale che si espande dal link del tuo sito web

Se hai appena condiviso il tuo sito web con qualcun altro o su una piattaforma di social media e sei rimasto deluso dal fatto che il link non si è espanso, è una soluzione semplice per rendere i tuoi link più accattivanti e migliorare la SEO.

È impostato con un meta tag Open Graph

Se condividi un collegamento a un sito Web sulla maggior parte delle piattaforme social o tramite messaggistica diretta, si espanderà automaticamente con un'immagine, un titolo e una tagline fantasiosi, in questo modo:

Questo è impostato con un meta tag, chiamato og:image, e anche og:title e og:description. L'intero sistema è chiamato protocollo Open Graph, supportato dalla maggior parte dei siti social. Puoi leggere di più qui.

La parte importante è come lo imposti. Sono solo un paio di meta tag:

<meta property="og:image" content="https://i.imgur.com/imagelink.jpg">
<meta property="og:title" content="Website Title" />
<meta property="og:description" content="Website Description" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/" />

Twitter riconoscerà i tag Open Graph, ma ha anche i propri:

<meta name="twitter:title" content="Website Title">
<meta name="twitter:description" content="Website Description">
<meta name="twitter:image" content="https://i.imgur.com/imagelink.jpg">

Facebook ha un ottimo strumento che puoi utilizzare per eseguire il debug di questi collegamenti, quindi non devi inviarlo a te stesso un miliardo di volte.