Rapporto: Schede Sociali
Stiamo verificando se il sito web ha schede sociali (Open Graph e Twitter Cards) e se sono valide
Le schede sociali sono un modo per visualizzare il sito web nei social media. Sono un requisito per qualsiasi sito web nel web moderno e dovrebbero riflettere l'identità del marchio. Sono utilizzate anche dai motori di ricerca per visualizzare il sito web nei risultati di ricerca, di solito con un'immagine grande.
Raccomandazioni
- Crea un'immagine di scheda sociale di alta qualità con dimensioni di 1200x630px per una visualizzazione ottimale su tutte le piattaforme
- Includi il logo del tuo marchio e una visuale accattivante che rappresenti il tuo contenuto
- Utilizza testo chiaro e leggibile con un buon contrasto rispetto allo sfondo
- Testa le tue schede sociali utilizzando lo strumento di debug di condivisione di Facebook e il validatore di schede di Twitter
- Assicurati che le tue schede sociali siano coerenti con l'identità del tuo marchio e il design del tuo sito web
Errori noti
- Il sito web ha schede sociali non valide (vedi dettagli)
- Il sito web non ha schede sociali
Scheda Sociale Minima
Questo è un esempio di scheda sociale minima richiesta per essere visualizzata correttamente nella maggior parte dei social media. È un buon punto di partenza, ma non è il modo migliore per visualizzare il sito web in ogni social media che potrebbe richiedere anche altri campi.
<meta name="twitter:card" content="summary" />
<meta property="og:title" content="Your Page Title" />
<meta property="og:url" content="https://your-website.com/your-page" />
<meta property="og:description" content="A brief description of your page." />
<meta property="og:image" content="https://your-website.com/image.jpg" /><!-- optional -->
Schede Twitter
Questo è un esempio completo di implementazione di una Scheda Twitter che mostra tutti i campi disponibili e il loro utilizzo corretto. Sebbene non tutti i campi siano richiesti, implementarli fornisce la migliore visualizzazione possibile su Twitter e altre piattaforme che supportano le Schede Twitter.
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A brief description of your page." />
<meta name="twitter:image" content="https://your-website.com/image.jpg" /><!-- optional -->
<meta name="twitter:url" content="https://your-website.com/your-page" /><!-- optional -->
<meta name="twitter:site" content="@your-twitter-handle" /><!-- optional -->
<meta name="twitter:creator" content="@your-twitter-handle" /><!-- optional -->
Schede Open Graph
Questo è un esempio completo di implementazione di una Scheda Open Graph che mostra tutti i campi disponibili e il loro utilizzo corretto. Sebbene non tutti i campi siano richiesti, implementarli fornisce la migliore visualizzazione possibile su Facebook, LinkedIn e altre piattaforme che supportano il protocollo Open Graph.
<meta property="og:title" content="Your Page Title" />
<meta property="og:url" content="https://your-website.com/your-page" />
<meta property="og:description" content="A brief description of your page." />
<meta property="og:image" content="https://your-website.com/image.jpg" /><!-- optional -->
<meta property="og:type" content="website" /><!-- optional -->
<meta property="og:site_name" content="Your Website Name" /><!-- optional -->
<meta property="og:locale" content="en_US" /><!-- optional -->
<meta property="og:locale:alternate" content="en_GB" /><!-- optional -->
<meta property="og:locale:alternate" content="en_AU" /><!-- optional -->
<meta property="og:locale:alternate" content="en_CA" /><!-- optional -->
<meta property="og:locale:alternate" content="en_NZ" /><!-- optional -->
<meta property="og:locale:alternate" content="en_ZA" /><!-- optional -->