Quando avvii per la prima volta un nuovo sito web o blog, probabilmente vorrai condividerlo subito con i tuoi amici e familiari. Ma se non l'hai impostato correttamente, vedranno solo un collegamento noioso.
Anche se l'anteprima carica un'immagine, potrebbe non essere quella che vuoi vedere. Ma puoi rimediare.
I metatag sono tag HTML che non visualizzano alcun contenuto sulla tua pagina web. Vivono all'interno del tag nel tuo HTML. quando motori di ricerca e altri servizi, come Facebook, leggono la tua pagina, ottengono informazioni mirate dai meta tag.
Per molte persone, Google È Internet. È probabilmente l'invenzione più importante dopo Internet stessa. E mentre i motori di ricerca sono cambiati molto da allora, i principi di base sono sempre gli stessi.
I metatag sono ciò di cui hai bisogno per ottenere social media e messaggi di testo per elaborare correttamente i tuoi collegamenti. Quando condividi un collegamento tramite Facebook, ad esempio, Facebook segue il collegamento alla pagina. Quindi legge la pagina e cerca di capire di cosa si tratta.
Soprattutto, cerca di trovare un titolo, una descrizione e un'immagine. Se non riesce a trovarli, mostrerà solo un semplice collegamento senza fronzoli. Per fare in modo che Facebook mostri un titolo, una descrizione e un'immagine specifici, dovrai aggiungere meta tag specifici per dirgli cosa cercare.
Se i siti di social media come Facebook e Twitter ottengono le informazioni di cui hanno bisogno dal tuo sito web, creeranno una scheda. Se tutto è andato secondo i piani, dovrebbe sembrare come ti aspetteresti.
RELAZIONATO: Come costruire bot Twitter, Instagram e Reddit usando Python
Se hai creato il tuo sito web con HTML semplice o un framework front-end, l'aggiunta di meta tag dovrebbe essere semplice. Si trovano nella stessa area dei tag di titolo, stile e script, come nell'esempio seguente:
Lee Nathan - Scrittore per lo sviluppo personale
...
Puoi vedere che sono già presenti alcuni meta tag. Questi non sono quelli di cui avrai bisogno per far apparire correttamente il tuo sito web nei link, sono solo alcuni valori predefiniti di basso livello.
La modifica dei meta tag in WordPress è più complicata. Le istruzioni complete richiederebbero un'intera guida. Quindi, invece, ecco un paio di suggerimenti per aiutarti a iniziare:
- Se hai dimestichezza con la modifica del tema, i meta tag dovrebbero trovarsi nel file header.php file del tuo tema corrente.
- Se non riesci ad accedere al tuo tema o non vuoi occupartene, puoi modificare i tuoi meta tag con un plugin come Gestione avanzata dei meta tag.
Dare un'occhiata a i migliori provider di hosting WordPress se sei interessato a lanciare un sito sulla piattaforma.
Come creare una scheda Facebook
Ora che hai capito come accedere ai tuoi meta tag, puoi iniziare a modificarli. Questi sono i tag minimi che Facebook vuole vedere:
Le proprietà del titolo e della descrizione indicano a Facebook quale testo visualizzare. La proprietà URL può collegarsi a una sottopagina per promozioni speciali o test A / B.
La proprietà dell'immagine dovrebbe essere un indirizzo completo, non relativo alla tua pagina indice come /image.jpg. La migliore dimensione dell'immagine da utilizzare è 1200 x 628, poiché questa dimensione sarà la più compatibile con i siti e i dispositivi di social media.
Come creare una Twitter Card
La scheda Twitter è quasi la stessa della scheda Facebook, ma con meta tag diversi. Ecco come appaiono i meta tag di Twitter:
Le proprietà del titolo e della descrizione sono le stesse di Facebook; anche la proprietà image segue le stesse regole. E 1200 x 628 è una buona dimensione per iniziare.
La differenza principale è la proprietà della carta. Questo esempio utilizza "summary_large_image" per creare una scheda che ha più o meno lo stesso aspetto della scheda di Facebook. Twitter ha altre opzioni, però.
Come assicurarsi che l'anteprima sia corretta
Puoi pubblicare un tweet e cancellarlo rapidamente una mezza dozzina di volte finché non ottieni la carta giusta. Puoi anche inviare un messaggio Facebook a te stesso. Ma questi metodi sono un po 'goffi. Fortunatamente, entrambi i servizi forniscono uno strumento utile per semplificare il controllo delle carte.
Facebook ha un debugger di condivisione. E Twitter ha un validatore di carte. Entrambi gli strumenti svolgono lo stesso compito di farti vedere come funzionano i collegamenti; usano solo nomi diversi.
Altri aspetti da verificare
Ora hai ottenuto il collegamento del tuo sito per avere un bell'aspetto sui due grandi social network. È probabile che starà bene ovunque, ma dovresti ricontrollare che lo sia. Ad esempio, se hai informazioni nella parte inferiore o superiore di un'immagine, potrebbero essere ritagliate sui dispositivi mobili.
Mobile
Prima di andare avanti, è una buona idea assicurarti che il tuo link abbia ancora un bell'aspetto sui dispositivi mobili. Come accennato, la tua immagine potrebbe essere ritagliata sullo schermo più piccolo. L'esempio mostrato in precedenza aveva l'immagine troppo bassa, quindi si poteva vedere solo la metà superiore della testa.
SMS e messenger
Si tratta semplicemente di inviarti un testo (o un messaggio tramite un servizio come WhatsApp) con il link. Non devi preoccuparti di uno strumento di convalida. È probabile che se sembra buono nelle app dei social media, starà bene qui.
Se stai lavorando al tuo sito web personale, vuoi sicuramente che abbia un bell'aspetto su LinkedIn. Per fortuna, LinkedIn fornisce anche uno strumento di convalida chiamato l'ispettore postale. Inoltre, non devi preoccuparti di più meta tag perché LinkedIn utilizza i tag di Facebook.
Su cosa lavorare dopo
Le informazioni che abbiamo trattato dovrebbero essere sufficienti per iniziare. Ma se vuoi saperne di più, dai un'occhiata Guida di Facebook ai tag o Pagina di Twitter sui tag.
Il Web è pieno di strumenti per aiutare chiunque a creare le proprie immagini dall'aspetto professionale e condivisibili. Ecco i nostri preferiti.
- Programmazione
- HTML
- Homepage
- Strumenti per i Webmaster
Lee è un nomade a tempo pieno e un poliedrico con molte passioni e interessi. Alcune di queste passioni ruotano attorno alla produttività, allo sviluppo personale e alla scrittura.
Iscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Ancora un passo…!
Conferma il tuo indirizzo e-mail nell'e-mail che ti abbiamo appena inviato.
