Casa Social media Ottimizzazione dei social media: implementazione di Twitter Markup - dummies

Ottimizzazione dei social media: implementazione di Twitter Markup - dummies

Video: SEO On-page e Off-page : Cosa Sono, Come Funzionano e Quali sono le Differenze 2024

Video: SEO On-page e Off-page : Cosa Sono, Come Funzionano e Quali sono le Differenze 2024
Anonim

Twitter è un attore importante nel mondo dei social media e devi sapere come utilizzarlo nella tua strategia di ottimizzazione dei social media. Twitter offre un'opzione chiamata Twitter Cards, che sono semplicemente modelli per la visualizzazione di contenuti tweet. Esistono sette tipi di schede Twitter:

  • Scheda riassuntiva: Questa carta è il tipo predefinito. Include un titolo, una descrizione, una miniatura e informazioni sull'account Twitter.

  • Scheda di riepilogo con immagine grande: Questa scheda ha lo stesso contenuto della scheda di riepilogo, ma invece di un'immagine di anteprima, mostra un'immagine grande.

  • Photo Card: Questa scheda mostra solo una foto.

  • Scheda galleria: Questa scheda mostra fino a quattro foto all'interno del tweet.

  • Scheda app: Questa scheda fornisce un collegamento per scaricare un'app.

  • Scheda giocatore: Questa carta ha un lettore multimediale.

  • Scheda prodotto: Questa scheda è ottimizzata per mostrare le informazioni sul prodotto.

Le Twitter Cards offrono una visualizzazione migliorata dei contenuti all'interno di un tweet, permettendoti di andare oltre le limitazioni di 140 caratteri. Come editore, vuoi implementare la scheda Twitter appropriata per la tua pagina in modo che quando qualcuno tweets un link alla tua pagina, il contenuto visualizzato sia ricco e avvincente.

Se un utente pubblica un tweet con un link alla tua pagina abilitata alla scheda Twitter, il tweet ha questo aspetto. Si noti che i contenuti della carta non vengono visualizzati automaticamente; invece, lo spettatore vede un link cliccabile con l'etichetta Visualizza riepilogo.

Un tweet contenente un collegamento a una Twitter Card.

Quando una persona fa clic sul link Visualizza riepilogo, vede la scheda Twitter. Qui, viene visualizzata una schermata della scheda Twitter, in questo caso una scheda Riepilogo con immagini grandi.

Contenuto della scheda Twitter.

Per ottenere i risultati mostrati sopra, è necessario implementare i tag di markup di Twitter. Esistono cinque tag di base:

  • twitter: card : Questo tag contiene il tipo di carta.

  • twitter: titolo : Usa questo tag per contenere un titolo per il contenuto della pagina.

    Mantieni il titolo più corto di 70 caratteri.

  • twitter: url : Questo tag contiene l'URL al quale il visitatore verrà indirizzato se fa clic sul tweet.

  • twitter: descrizione : Questo tag contiene una breve descrizione della pagina.

    Mantieni la descrizione più breve di 200 caratteri.

  • twitter: image: src: questo tag contiene l'URL dell'immagine che si desidera associare alla pagina.

    L'immagine deve essere di almeno 280 × 150 pixel.

Puoi anche usare alcuni tag opzionali. Per la scheda Twitter mostrata sopra, crei questi tag:

 convalidiamo la loro scelta.La posizione ufficiale di Coin Academy è, tuttavia, che siamo [& hellip;]" />  coinacademy. co / rivoluzionari-scelte. jpg" />

I tag Twitter vanno nel tag della pagina web.

La creazione di tag non è l'unico passo. Quando ottieni i tag sulla tua pagina web, devi richiedere l'approvazione da Twitter. Richiedere l'approvazione è facile e devi farlo una sola volta. Dopo aver effettuato l'accesso a Twitter, visitare il Card Validator, testare la pagina, quindi fare clic sul pulsante in Validator per inviare la pagina per l'approvazione.

Non vuoi codificare le carte Twitter a mano? Se utilizzi un sistema di gestione dei contenuti comune, i plug-in gestiscono il lavoro sporco per te.

Ottimizzazione dei social media: implementazione di Twitter Markup - dummies

Scelta dell'editore

Come utilizzare la notazione oggetto script Java nelle app iOS - dummies

Come utilizzare la notazione oggetto script Java nelle app iOS - dummies

Notazione oggetto javaScript (JSON) è diventato lo standard di fatto in termini di rappresentazione dei dati nelle app iOS. È possibile utilizzare JSON per trasferire dati sul Web e come formato per il salvataggio e il recupero di dati di lunga durata. JSON è al contempo leggibile e facile da capire per le macchine. I dati in JSON possono essere inclusi in uno ...

Come usare Frammenti per programmare la tua app Android - dummies

Come usare Frammenti per programmare la tua app Android - dummies

L'interfaccia utente nel L'esempio di app per Android qui utilizzato ha tre pannelli: un elenco di elementi, un pannello di dettagli che descrive l'elemento selezionato nell'elenco e un pannello di dettagli in profondità. Su un piccolo schermo dello smartphone, ogni pannello potrebbe essere un'attività separata. Ma uno schermo tablet in modalità orizzontale ha spazio per ...

Come utilizzare Xcode Instruments per raccogliere dati per le app iOS - dummies

Come utilizzare Xcode Instruments per raccogliere dati per le app iOS - dummies

Xcode fornisce uno strumento per sviluppatori che consente la traccia dinamica e la profilazione del codice iOS per aiutarti a comprendere il comportamento congiunto sia del codice dell'app che del sistema operativo. Si chiama Instruments. Per utilizzare questo strumento, segui questi passaggi: Scegli Xcode → Apri strumento di sviluppo → Strumenti. Viene visualizzata la finestra Strumenti che mostra una raccolta di modelli. Tu ...

Scelta dell'editore

Filosofia Argomenti da studiare per il Miller Analogies Test (MAT) - dummies

Filosofia Argomenti da studiare per il Miller Analogies Test (MAT) - dummies

You non dovremo sfuggire a qualsiasi confuso testo di filosofia per fare bene con la filosofia sul MAT. Per eccellere nelle analogie MAT sulla filosofia, tutto ciò che devi sapere sono i principali filosofi della storia, i loro lavori e alcuni termini di base della filosofia. Termini filosofici che appaiono nel test MAT Spazzolate le vostre conoscenze ...

Come applicare la conoscenza della certificazione PHR / SPHR sul lavoro - dummy

Come applicare la conoscenza della certificazione PHR / SPHR sul lavoro - dummy

Dopo aver Con successo ottenuto la certificazione PHR / SPHR, il tuo ruolo sul lavoro sta per cambiare. Non è solo perché ora hai le iniziali accanto al tuo nome. Il processo di preparazione ti ha insegnato nuove cose e, come professionista consumato, inizierai a cercare cambiamenti nel tuo gruppo di lavoro. Queste modifiche si applicano in ...

Passando la Parte I del GED - dummies

Passando la Parte I del GED - dummies

Parte I delle Arti del linguaggio, Writing Test ti chiede di leggere e quindi rivedere e modificare i documenti che possono includere informazioni sulle procedure e materiale sul posto di lavoro. Questo test non è malvagio. Solo perché non hai preso la grammatica per anni non significa che non lo sai. Probabilmente sai più di quanto pensi. Le domande sono tutte ...

Scelta dell'editore

Come allineare il contenuto della tabella in colonne e righe in Dreamweaver - dummies

Come allineare il contenuto della tabella in colonne e righe in Dreamweaver - dummies

Pulire l'allineamento degli elementi in colonne e righe rende il tuo tavolo pulito e facile da leggere. Raggiungere quell'aspetto in Dreamweaver può essere complicato perché non si ha il massimo controllo in HTML di un programma come Excel, in cui è possibile allineare i numeri al punto decimale, ad esempio. In un ...

Come allineare elementi con float in Dreamweaver - dummies

Come allineare elementi con float in Dreamweaver - dummies

I designer spesso allineano un'immagine, un tag, o un altro elemento a sinistra oa destra di una pagina Web in Dreamweaver e quindi avvolgere qualsiasi testo o altro contenuto intorno a quell'elemento. L'immagine è allineata a destra della colonna in modo che il testo si sposti accanto a essa a sinistra. In ...

Come verificare la compatibilità CSS in Adobe Dreamweaver CS6 - dummies

Come verificare la compatibilità CSS in Adobe Dreamweaver CS6 - dummies

È Importante assicurarsi che Adobe Il sito Web di Dreamweaver CS6 viene visualizzato correttamente e in modo coerente su tutti i browser più diffusi, come Internet Explorer, Firefox, Chrome e Safari. Sebbene la maggior parte dei browser moderni abbia adottato un supporto abbastanza uniforme per le proprietà CSS2 (e alcuni CSS3), i progettisti dovrebbero comunque testare le loro pagine in una varietà di browser e browser ...