Web design and hosting, database, cloud and social media solutions that deliver business results
  • Soluzioni aziendali
    • automazione dei processi robotici
    • Software
    • Servizi database
      • Aggiornamento del server e servizi DBA
      • Integrazione dei dati
      • Power BI
      • Servizi di Datawarehouse
    • Sito Web Design
      • Design del logo
      • Gateway di pagamento
      • Localizzazione e traduzione web
      • Ottimizzazione del sito web
      • Sicurezza del sito
      • Strumenti tecnici
    • Servizi per gli affari
      • Microsoft Azure
      • Servizi Google Cloud
      • Servizi Web Amazon
    • Microsoft Office
    • Servizi di consulenza e gestione dei social media
  • Accademia
    • Il nostro ambiente di prova
    • Imparare a usare i database
      • Le basi
      • Ottieni una query aperta
      • Piano di manutenzione di SQL Server 2008
      • Utilizzo dei dati di SQL Server
      • Utilizzo delle date di SQL Server
      • Utilizzo delle funzioni di SQL Server
      • Utilizzo di SQL Server Pivot-Unpivot
      • Strumenti
    • Imparare il web design
      • Costruire il sistema di gestione dei contenuti di Ousia
      • ASP-NET
      • CSS
      • Utilizzo di JavaScript
    • Usando i social media
      • Chiedere una recensione su Google
      • Dimensioni delle immagini dei social media
      • Modifica di un account Facebook da personale a aziendale
      • Scegliere dove concentrare lo sforzo sui social media
      • Utilizzo dei metadati per impostare le immagini dei social media
    • Imparare a usare il cloud e i servizi informatici
      • Errore dell'utilità di pianificazione 2147943645
      • Richiesta SSL e generazione di file PFX in OpenSSL Simple Steps
  • Chi Siamo
    • Carriere
      • Traduttore inglese-portoghese
      • Traduttore inglese-spagnolo
    • Portfolio
    • Squadra
      • Adrian Anandan
      • Alì Al Amine
      • Ayse Hur
      • Chester Copperpot
      • Gavin Clayton
      • Sai Gangu
      • Suneel Kumar
      • Surya Mukkamala
English (EN-GB)English (EN-US)Español (ES)हिंदी (HI)italiano (IT)日本語 (JA)

Utilizzo dei metadati per impostare le immagini dei social media

Utilizzo dei metadati di OpenGraph per impostare le immagini dei social media e controllare o aggiornare la cache quando le immagini vengono modificate

Aprire il protocollo grafico

Aprire il logo del protocollo grafico

Tutte le principali piattaforme Social Media possono leggere il protocollo Open Graph. È stato introdotto da Facebook nel 2010 per consentire la condivisione di funzionalità più ricche e coerenti.

I dati devono essere inseriti nella sezione principale del sito e contengono una serie di elementi distinti. Abbiamo pubblicato alcuni dei nostri tag di seguito. I seguenti quattro elementi sono il minimo richiesto o l'immagine potrebbe non essere visualizzata correttamente.

  • og: titolo
  • og: tipo
  • eg: immagine
  • og:url

Apri il sito Web di Graph

Meta Tag Example

<meta property='fb:app_id' content='967245996623675'/><meta property='og:site_name' content='Claytabase Ltd'/><meta property='og:image' content='https://www.claytabase.co.uk/System/Themes/Default/cb_OG_Black.png'/><meta property='og:image:height' content='675'/><meta property='og:image:width' content='1200'/><meta property='og:title' content='Using Meta Data to set Social Media Images - Claytabase Ltd'/><meta property='og:description' content='Using OpenGraph meta data to set social media images and check or update cache when images are changed'/><meta property='og:type' content='website'/><meta property='twitter:card' content='summary_large_image'/><meta name='twitter:image:src' content='https://www.claytabase.co.uk/System/Themes/Default/cb_OG_Black.png'/><link rel='canonical' href='https://www.claytabase.co.uk/Business-Solutions/Social-Media-Management-and-Advice-Services-Management-and-Advice-Services/Using-Social-Media/Using-Meta-Data-to-set-Social-Media-Images'/><meta property='og:url' content='https://www.claytabase.co.uk/Business-Solutions/Social-Media-Management-and-Advice-Services-Management-and-Advice-Services/Using-Social-Media/Using-Meta-Data-to-set-Social-Media-Images'/><meta name="description" content="Using OpenGraph meta data to set social media images and check or update cache when images are changed" />

Aggiornare o controllare l'immagine visualizzata

Occasionalmente potrebbe essere necessario modificare l'immagine che viene visualizzata. In questi casi è possibile utilizzare i collegamenti forniti di seguito per aggiornare e controllare ciò che viene visualizzato.

LinkedIn

Screenshot LinkedIn Post Inspector

LinkedIn utilizza il protocollo Open Graph come indicatore principale di ciò che verrà visualizzato nell'anteprima.

Puoi visualizzare l'immagine che LinkedIn utilizzerà sul link sottostante, dovrebbe anche aggiornare i metadati che utilizzano su qualsiasi pagina condivisa da chiunque altro.

Vincoli

Se l'immagine è larga meno di 200px, verrà visualizzata come miniatura a sinistra del post.

Le immagini vengono servite al meglio con un rapporto di 1,91:1.

Aggiorna cache in LinkedIn

Facebook

Screenshot_Facebook_Inspector.png

Facebook utilizza il protocollo OpenGraph come indicatore principale di ciò che verrà visualizzato nell'anteprima.

La pagina fornita da loro mostra anche una serie di statistiche interessanti così come l'immagine che si trova sulla pagina.

Vincoli

L'immagine deve essere di almeno 200 px per 200 px.

Aggiungi og:image:height e og:image:width per accelerare il tempo necessario per visualizzare l'immagine.

Aggiorna cache su Facebook

Twitter

Screenshot_Twitter_Inspector.png

Twitter utilizza il proprio set di metadati, ma può anche raccogliere i tag OpenGraph.

Sul nostro sito utilizziamo i tag standard e un altro twitter solo uno che mostra un'immagine più grande.

Il validatore di Twitter aggiorna la cache quando i dati vengono controllati, quindi tutte le condivisioni da quel momento in poi dovrebbero essere aggiornate.

A volte sono necessari un paio di aggiornamenti per aggiornare completamente la cache.

Vincoli

Usa "twitter:card" e "summary_large_image" per visualizzare l'immagine sopra il testo. L'immagine deve anche essere almeno 300px per 157px.

Aggiorna cache su Twitter

Ridimensionamento dell'immagine

In questo articolo, esaminiamo la scelta della dimensione delle immagini per un branding multipiattaforma efficace.

altro: Impostazione delle immagini dei social media

Ridimensionamento dell'immagine

È stato utile?

Please note, this commenting system is still in final testing.
Copyright Claytabase Ltd 2020

Registered in England and Wales 08985867

Site Links

RSSLoginLink Cookie PolicyMappa del sito

Social Media

facebook.com/Claytabaseinstagram.com/claytabase/twitter.com/Claytabaselinkedin.com/company/claytabase-ltd

Get in Touch

+442392064871info@claytabase.comClaytabase Ltd, Unit 3d, Rink Road Industrial Estate, PO33 2LT, United Kingdom

Partnered With

Le impostazioni di questo sito sono impostate per consentire tutti i cookie. Questi possono essere modificati sulla nostra pagina politica e le impostazioni dei cookie. Continuando a utilizzare questo sito l'utente accetta l'utilizzo dei cookie.
Ousia Logo
Logout
Ousia CMS Loader