Se hai inviato un link al tuo articolo WordPress e non si è espanso per mostrare l'immagine, il titolo e la descrizione, questo perché non hai impostato i tuoi meta tag Open Graph in WordPress. Ti mostreremo come configurarli per migliorare la tua presenza sui social media.
Cosa sono i meta tag Open Graph?
La configurazione per gli incorporamenti dei social media avviene tramite un formato standard, originariamente creato su Facebook, chiamato “l'Open Graph Protocol.”
Fondamentalmente, hanno il seguente aspetto <meta> ; Tag HTML, solitamente nell'intestazione del tuo sito:
<meta proprietà=”og:immagine” contenuto=”https://i.imgur.com/imagelink.jpg”> <meta proprietà=”og:title” content=”Titolo sito web” /> <meta proprietà=”og:descrizione” content=”Descrizione sito web” /> <meta proprietà=”og:tipo” contenuto=”articolo” /> <meta proprietà=”og:url” content=”https://example.com/” />
Tuttavia, anche se funzionerebbe per un normale sito Web, non puoi semplicemente incollarlo nel codice HTML di WordPress. Questo perché WordPress è un sistema di gestione dei contenuti (CMS) e deve inserire il titolo, la descrizione e l'immagine a seconda dell'articolo che hai collegato.
Ci sono due modi principali per farlo — manualmente, con alcune modifiche ai tuoi file PHP, o automaticamente con un plugin. Meno dipendenze dai plug-in è sempre meglio, quindi ti consigliamo di aggiungerlo manualmente se sei esperto di tecnologia.
Pubblicità
Ma, se non lo sei o stai utilizzando hosting condiviso e non hai accesso ai tuoi file di sistema, non c'è niente di sbagliato nel configurarlo con un plugin.
Aggiunta manuale di tag a PHP
PHP viene utilizzato per generare automaticamente il file HTML quando un utente lo richiede. Il codice PHP utilizzato per generare l'intestazione dipende dal tema che stai utilizzando. Tecnicamente si trova in header.php, ma chiama una funzione chiamata wp_head(), quindi è meglio aggiungere una nuova azione a quella in functions.php, che si trova qui:
wordpress/wp-content/themes/theme/functions.php
Se non ti senti a tuo agio con gli editor di testo, puoi installare un plug-in chiamato Head, Footer e Post Injections che ti consentirà di aggiungere codice tramite le impostazioni del plug-in, anche se probabilmente dovresti semplicemente utilizzare il plug-in di seguito se lo ’ aggiungere comunque i plug-in.
In caso contrario, puoi utilizzare un editor da riga di comando come nano o micro oppure puoi trasferire questo file sul desktop per modificarlo. Ad ogni modo, aprilo nel tuo editor di testo preferito e scorri fino in fondo:
Quindi, incolla la seguente funzione:
function fb_opengraph() { globale $post; if(is_single()) { if(has_post_thumbnail($post->ID)) { $img_src = wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID ), 'medium'); } else { $img_src = get_stylesheet_directory_uri() . '/img/opengraph_image.jpg'; } if($estratto = $post->post_estratto) { $estratto = strip_tags($post->post_estratto); $estratto = str_replace("", "'", $estratto); } else { $estratto = get_bloginfo('descrizione'); } ?> <meta proprietà="og:title" content="<?php echo the_title(); ?>"/> <meta proprietà="og:descrizione" contenuto="<?php echo $estratto; ?>"/> <meta proprietà="og:tipo" contenuto="articolo"/> <meta proprietà="og:url" content="<?php echo the_permalink(); ?>"/> <meta proprietà="og:nome_sito" content="<?php echo get_bloginfo(); ?>"/> <meta proprietà="og:immagine" content="<?php echo $img_src; ?>"/> <?php } altrimenti { Restituzione; } } add_action('wp_head', 'fb_opengraph', 5);
Essenzialmente, controlla se la pagina è un singolo post o una pagina principale e configura la descrizione e l'immagine di conseguenza. Tieni presente che utilizza /img/opengraph_image.jpg per le pagine non di articoli, quindi dovrai inserire qualcosa lì.
Quindi, aggiunge tutti i meta tag OG, utilizzando qualsiasi dato che la pagina sta attualmente utilizzando. Ciò dovrebbe avere effetto immediato, anche se potrebbe essere necessario attendere l'aggiornamento delle cache.
Utilizzo di un plug-in
Configurazione con un il plugin è più semplice. Dovrai cercare “Apri grafico e tag della scheda Twitter,” e installalo:
Attivalo e vai alle impostazioni :
Pubblicità
Non c'è molto da configurare qui, poiché è tutto impostato automaticamente, ma puoi specificare un testo personalizzato per la home page e le descrizioni predefinite e caricare un'immagine predefinita per le pagine non di post.
Dovresti vedere che le modifiche funzionano subito dopo aver premuto Applica.
Alcune altre plug-in più grandi, come YoastSEO, configureranno anche i meta tag, ma questo plug-in lo fa semplicemente senza ingombro aggiuntivo.