Come gestire le miniature dei social media in Drupal 8?

Introduzione: Facebook Open Graph & Immagini delle carte di Twitter

Questo lezione offre agli editori web una guida passo-passo alla pubblicazione delle miniature dei social media per Grafico aperto di Facebook & Twitter Cards usando il metatag modulo acceso Drupal 8 siti web.


Ogni post su a Drupal 8 al sito Web può essere associata un’immagine specifica per la pubblicazione sui social media generata automaticamente, che dovrebbe avere dimensioni diverse per Facebook & cinguettio.

Il metatag modulo per Drupal 8 offre inoltre agli amministratori la possibilità di impostare la descrizione del sito, le parole chiave, & Dublin Core meta-informazioni e valori URL canonici per ogni pagina.

Step One: Installa & Abilita il modulo Metatag per Drupal 8

Inizio: Per installare il metatag modulo per Drupal 8, il Gettone è richiesto anche il modulo.

Scarica:https://www.drupal.org/project/metatag

Scarica:https://www.drupal.org/project/token

Il prossimo: Scarica, installa, & abilitare i file richiesti su: admin / modules / install

Come gestire le miniature dei social media in Drupal 8?

Opzioni disponibili del modulo Drupal 8 per Metatag:

  • (x) MetatagGestisci i meta tag per tutte le entità.
  • (X) Gestione pagine MetatagFornisce supporto metatag per le varianti di Page Manager.
  • (o) Metatag: collegamenti alle appFornisce supporto per i meta tag applinks.org.
  • (x) Metatag: Dublin CoreFornisce i quindici meta tag Dublin Metadata Element Set 1.1 del Dublin Core Metadata Institute.
  • (o) Metatag: Dublin Core AdvancedFornisce quaranta metatag aggiuntivi dal Dublin Core Metadata Institute.
  • (x) Metatag: Facebook Un set di meta tag appositamente per il controllo di funzionalità avanzate con Facebook.
  • (x) Metatag:faviconFornisce supporto per molte diverse favicon.
  • Metatag: Google Custom Search Engine (CSE)Fornisce supporto per i meta tag utilizzati per il motore di ricerca personalizzato di Google.
  • (o) Metatag: Google Plus Fornisce supporto per i meta tag Plus di Google.
  • (o) Metatag: hreflangFornisce supporto per il meta tag hreflang con qualche logica in più per semplificarlo.
  • (x) Metatag: mobile & Regolazioni dell’interfaccia utente Fornisce supporto per i meta tag utilizzati per controllare l’esperienza del browser mobile.
  • (x) Metatag: Apri graficoFornisce supporto per i meta tag Open Graph Protocol.
  • Metatag: prodotti Open GraphFornisce ulteriori meta tag Open Graph Protocol per la descrizione dei prodotti.
  • (o) Metatag: PinterestFornisce supporto per i meta tag personalizzati di Pinterest.
  • (x) Metatag: schede TwitterFornisce supporto per i meta tag della scheda di Twitter.
  • (x) Metatag: verificaVerifica la proprietà di un sito per motori di ricerca e altri servizi.
  • (x) Metatag: visualizzazioniFornisce l’integrazione delle visualizzazioni per i metatag.

Configurazione: I moduli nel metatag la raccolta può essere ordinata in tre categorie:

  • Abilita (obbligatorio): Metatag, Metatag Page Manager, Metatag: Dublin Core, Metatag: Facebook, Metatag: favicons, Metatag: Mobile & Regolazioni dell’interfaccia utente, Metatag: Open Graph, Metatag: Twitter Cards, Metatag: Verification, & Metatag: visualizzazioni.
  • Abilita solo se necessario: Metatag: Link alle app, Metatag: Dublin Core Advanced, Metatag: Google Custom Search Engine (CSE), Metatag: hreflang, Metatag: Open Graph Products, & Metatag: Pinterest.
  • Non permettere:Metatag: Google Plus.

Finire: Abilitando solo il selezionato metatag i moduli semplificheranno l’amministrazione SEO per diversi Tipi di contenuto, Visualizzazioni, & pannelli pagine in Drupal 8 con le miniature dei social media.

Passaggio due: rivedere le impostazioni di configurazione per i valori SEO

Inizio: Il metatag Il modulo offre una configurazione avanzata per SEO, comprese le descrizioni delle pagine web & parole chiave con opzioni per Facebook & cinguettio generazione di immagini in miniatura.

Nota: Quando un collegamento è condiviso da a Drupal 8 sito (ad esempio blog, prodotto o pagina di destinazione), ogni URL dovrebbe portare a un’anteprima di un’immagine di social media incorporata condivisa su Facebook & cinguettio.

Configurazione: Il collegamento condiviso dovrebbe includere anche un titolo generato automaticamente & descrizione della pagina utilizzata con il file di immagine in miniatura nelle pagine del profilo dei social media per dimensioni specifiche.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Navigare verso admin / config / search / metatag & fare clic sul collegamento per modificare le impostazioni del tipo di contenuto. Passa alla schermata successiva e rivedi le impostazioni per ciascuna categoria di metatag.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Si consiglia di consultare il metatag le impostazioni vengono visualizzate più volte per ogni tipo di contenuto, salvando variabili per descrizione, parole chiave, URL canonico, & geolocalizzazione.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Con Grafico aperto di Facebook & Twitter Card metatag, la configurazione ottimale è utilizzare il Gettone variabili per consentire a Drupal di generare automaticamente una miniatura per ciascun social network in modo univoco. Un’altra opzione è quella di utilizzare un singolo logo statico per pagine specifiche.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Nella parte superiore del Meta tags pagina di configurazione, fare clic su “Sfoglia i token disponibili” quindi seleziona il valore del token per l’immagine dinamica associata al tipo di contenuto specifico.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Immettere il Pagine Facebook & Utente Twitter account associati al sito Web con i valori token per le miniature delle immagini da generare per ciascun social network.

Nota: Maggiori informazioni sulla generazione di dimensioni delle miniature delle immagini per i social media sono disponibili Passaggi 3 & 4.

test: Passa a blog, articoli o pagine di destinazione statiche specifiche & visualizza il codice sorgente per vedere come Drupal 8 ha prodotto i metatag. Usa la stessa immagine della vista Teaser in Drupal 8.

Finire: Ogni pagina dovrebbe avere un’immagine unica in più dimensioni di miniature. Seguire le indicazioni in Passaggio 3 sotto per generare personalizzato Miniature di immagine per Facebook & cinguettio.

Passaggio 3: impostare dimensioni dell’immagine in miniatura personalizzate per i display

Inizio:Drupal 8 la funzionalità può essere utilizzata per generare automaticamente più Miniature di immagine per ogni pagina Web su cui è possibile condividere URL cinguettio & Facebook con immagini di ancoraggio.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Navigare verso admin / config / media / immagine-styles

  • Creare un Miniatura dell’immagine per Facebook con una dimensione dell’immagine di: 1200 px x 630 px
  • Creare un Miniatura dell’immagine per Twitter con una dimensione dell’immagine di: 2: 1 fino a una dimensione massima di 4096 px x 4096 px (Consigliato da usare:880 px x 440 px)

Configurazione: Salvare le impostazioni e utilizzare il Gettone valori in metatag pagina per la visualizzazione.

Come gestire le miniature dei social media in Drupal 8?

Configurazione: Clicca sul “nodo” Gettone & seleziona il valore per il tipo di contenuto Miniatura dell’immagine. Salvare le impostazioni e testare l’output in un browser Web caricando pagine diverse.

Finire: Utilizzare token separati da virgola per supportare più immagini dinamiche da diversi tipi di contenuto in metatag impostazioni & generare unico Miniatura dell’immagine uscita per social network.

Passaggio 4: impostare i token immagine per Twitter & Azioni Facebook

Inizio: Ulteriori informazioni di base dal metatag Il modulo può essere utilizzato come riferimento per l’impostazione personalizzata Miniatura dell’immagine taglie per Gettone contenuto dinamico generato & social media.

Grafico aperto Facebook – Dimensioni immagine:

"L’URL di un’immagine che dovrebbe rappresentare il contenuto. L’immagine deve avere una dimensione di almeno 200 x 200 pixel; Le dimensioni minime consigliate sono 600 x 316 pixel e per risultati ottimali utilizzare un’immagine di dimensioni almeno 1200 x 630 pixel. Supporta i formati PNG, JPEG e GIF. Non dovrebbe essere usato se og: image: urlis used. Nota: se vengono aggiunte più immagini, molti servizi (ad es. Facebook) passeranno automaticamente all’immagine più grande, non specificamente alla prima. È possibile utilizzare più valori, separati da una virgola. Nota: i token che restituiscono più valori verranno gestiti automaticamente. Questo sarà in grado di estrarre l’URL da un campo immagine."

Schede Twitter:

La definizione di a Twitter Card secondo il Drupal 8 Metatag modulo:

"Un set di meta tag appositamente per il controllo dei riepiloghi visualizzati quando contenuti su Twitter."

Tipi di schede Twitter:

Le scelte disponibili per Twitter Card tipo sono:

  • Scheda riepilogativa
  • Scheda riepilogativa con immagine grande
  • Photo Card
  • Card Gallery
  • Scheda app
  • Scheda giocatore
  • Scheda del prodotto

Configurazione: La migliore pratica è scegliere “Scheda riepilogativa con immagine grande” a meno che non vi sia un motivo specifico per utilizzare le altre opzioni con un tipo di contenuto, ad esempio per pubblicare file multimediali, prodotti di e-commerce, immagini, ecc. per cinguettio in un’applicazione web / mobile personalizzata.

Regole per la generazione Metatag di Twitter Card in Drupal 8:

Non sono richiesti altri campi per una scheda Riepilogo.
La scheda fotografica richiede il campo “immagine”.
La scheda del lettore multimediale richiede i campi “titolo”, “descrizione”, “URL del lettore multimediale”, “larghezza del lettore multimediale”, “altezza del lettore multimediale” e “immagine”.
La scheda di riepilogo con scheda immagine grande richiede il campo “Riepilogo” e il campo “Immagine”.
La scheda Galleria richiede tutti i campi “Immagine galleria”.
La scheda app richiede il campo “ID app iPhone”, il campo “ID app iPad” e il campo “ID app Google Play”.
La scheda prodotto richiede il campo “descrizione”, il campo “immagine”, il campo “etichetta 1”, il campo “dati 1”, il campo “etichetta 2” e il campo “dati 2”.

test: L’output previsto in Meta tags del tipo di contenuto o nodo / pagina è:

Titolo della pagina. (Lunghezza massima 60-70 caratteri)

Finire: Prova il metatag impostazioni su tutte le pagine di blog, forum, articoli, prodotti, ecc. nel CMS fino all’output previsto di Miniature di immagine viene visualizzato nel codice in tutte le istanze.

Fase cinque: testare le impostazioni dell’immagine per ciascun tipo di contenuto

Inizio: Nell’ultimo passaggio, copia l’URL per pagine specifiche in Facebook & cinguettio strumenti di sviluppo ospitati online per creare anteprime live di Miniature di immagine & Descrizioni della pagina.

Condivisione URL dei social media – Risorse per i test:

  • Crawler URL di Facebook:https://developers.facebook.com/tools/debug/
  • Convalida della scheda Twitter:https://cards-dev.twitter.com/validator

test: Usa i link sopra per testare automaticamente la generazione delle descrizioni dei social media & Miniature di immagine a partire dal Meta tags su Drupal 8 siti Web per visualizzare correttamente l’output di tutte le pagine.

Come gestire le miniature dei social media in Drupal 8?

Suggerimento: Il Twitter Card il validatore fornirà un’anteprima esatta della miniatura dell’immagine & descrizione della pagina per qualsiasi URL testato nel browser, consentendo pagine di social media personalizzate.

Come gestire le miniature dei social media in Drupal 8?

test: Il Grafico aperto di Facebook i metatag possono essere testati presso il Crawler di Facebook in qualsiasi browser Web con anteprime anticipate su come apparirà un URL condiviso nelle pagine del profilo.

Finire: Assicurati che Gettone le impostazioni per le miniature delle immagini forniscono l’output corretto per tutti i tipi di contenuto & landing page. Tutti gli URL verranno elaborati dal metatag modulo.

Conclusione: aumentare la visibilità sui social media dei contenuti D8

Sommario: Molti editori web trascurano di costruire un Miniatura dell’immagine & Descrizione della pagina sistema di SEO nella condivisione dei link sui social media, perdendo l’opportunità di massimizzare il valore dei contenuti.

Raccomandazione: Usa il metatag modulo per Drupal 8 con l’abitudine Miniatura dell’immagine generazione via Gettone per post unici sui social media che supportano contenuti dinamici su vasta scala.

Dai un’occhiata a questi 3 principali servizi di hosting Drupal:

ChemiCloud

Prezzo di partenza:
$ 2.76


Affidabilità
10


Prezzi
9.9


Di facile utilizzo
9.9


Supporto
10


Caratteristiche
9.9

Leggi le recensioni

Visita ChemiCloud

Hostinger

Prezzo di partenza:
$ 0.99


Affidabilità
9.3


Prezzi
9.3


Di facile utilizzo
9.4


Supporto
9.4


Caratteristiche
9.2

Leggi le recensioni

Visita Hostinger

Hosting A2

Prezzo di partenza:
$ 3.92


Affidabilità
9.3


Prezzi
9.0


Di facile utilizzo
9.3


Supporto
9.3


Caratteristiche
9.3

Leggi le recensioni

Visita A2 Hosting

Articoli How-To correlati

  • Come creare un tipo di contenuto personalizzato per Drupal 8 con campi
    intermedio
  • Come creare una galleria di immagini usando Views in Drupal 8?
    intermedio
  • Come abilitare i commenti con Anti-Spam su Drupal 8?
    novizio
  • Come trasferire file Drupal 8 da WampServer con Git
    intermedio
  • Come ospitare Drupal 8 siti Web con Redis su piani VPS
    intermedio
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me