Kun lisäät HubSpotissa linkkejä sosiaalisiin viesteihin, näkyviin tulee esikatselu, joka sisältää esillä olevan kuvan, sivun otsikon ja sivun kuvauksen.
Sosiaalinen esikatselu perustuu sivusi HTML:n <head>-osiossa oleviin metatunnisteisiin. Nämä tagit kertovat sosiaalisen median sivustojen alustoille, mihin keskittyä luodessaan esikatselua jaetusta linkistäsi. Perusmetatunnisteet ovat:
Otsikko, metakuvaus ja esillä oleva kuva asetetaan automaattisesti blogikirjoituksille. Laskeutumissivuille ja verkkosivuille otsikko ja metakuvaus asetetaan myös automaattisesti, mutta esillä oleva kuva on asetettava manuaalisesti.
Huomaa: LinkedIn näyttää esikatselukortissa esillä olevan kuvan, sivun otsikon ja URL-osoitteen, mutta ei metakuvausta.
Jos sosiaalisen postauksen esikatselu ei näytä odotettua esillä olevaa kuvaa, sivun otsikkoa tai sivun kuvausta, voit korjata vian HubSpotissa tai käyttämällä ulkoisia vianmääritystyökaluja.
Jos linkität HubSpotin isännöimään blogipostaukseen, aloitussivuun tai verkkosivuston sivuun, varmista, että sivun tai postauksen asetuksissa on määritetty näkyvä kuva.
Voit myös asettaa manuaalisesti og:image tagin lisätäksesi esillä olevan kuvan:
Siirry sisältöön:
<meta property="og:image" content="IMG URL">
<meta name="twitter:card" content="summary_large_image">
Jos jaat ulkoista sivua sosiaalisessa viestissäsi, voit käyttää selaimen kehittäjätyökaluja, kuten Chrome Developer tools -työkaluja , varmistaaksesi, että sivun metatunnisteet on määritetty oikein. Tarkastele sivun lähdettä ja tarkista ja vahvista sitten seuraavat asiat:
og:image ja muut metatunnisteet näkyvät oikein.og:image tagi on oikea.Jos sosiaalisen esikatselun ja metatunnisteiden välillä on ristiriita, sosiaalisen verkoston on ehkä tutkittava sivu uudelleen. Käytä seuraavia validointityökaluja kutakin sosiaalista verkostoa varten, jotta saat mahdolliset virheet esiin tai käynnistät sivun uudelleenkierron:
Yleensä kaikki ennen sivun uudelleenkierrätystä julkaistut viestit säilyttävät edelleen virheellisen kuvan. Jos sivulle ei ole asetettu og:image -tunnistetta, sosiaalinen verkosto etsii sivulta sopivimman kuvan sosiaalisiin viesteihin sisällytettäväksi, mikä on yleensä ensimmäinen löytämänsä kuva. Linkin esikatselukuva ei ehkä näy lainkaan, jos sivun indeksoinnin estämiseksi käytetään robots.txt-tiedostoa tai tietoturvaohjelmistoa.
Jos sosiaalisen postauksen esikatselu näyttää odotetun esillä olevan kuvan, mutta kuva näkyy väärin, voit tarkistaa seuraavat asiat.
Jos esillä oleva kuva ei näy oikein sosiaalisessa esikatselussa (esim. kuva on leikattu pois tai suhde on väärä), sinun on ehkä muokattava kuvaa niin, että sillä on oikeat mitat sosiaaliselle verkostolle, johon julkaiset postauksen, ja julkaise sitten sivu uudelleen.
Seuraavat mitat ovat suositeltavia esillä olevan kuvan optimointia varten kussakin verkossa:
Varmista, että sosiaalisiin viesteihisi sisältyvä media noudattaa kunkin verkon tiedostokoko-ohjeita. Jos HubSpot toteaa, että tiedosto on liian suuri julkaistavaksi tietyssä verkossa, sosiaalisen viestin luomisen yhteydessä tulee näkyviin varoitus. Nämä ovat kunkin sosiaalisen verkoston enimmäistiedostokoot:
Upotetut väriprofiilit voivat vaikuttaa siihen, miten esillä oleva kuva näkyy sosiaalisessa viestissäsi. Eri järjestelmät käsittelevät epätavallisia väriprofiileja eri tavoin, minkä vuoksi värit saattavat näyttää erilaisilta, kun kuvaa esikatsellaan tiedostonhallinnassa.
Voit ajaa kuvan URL-osoitteen ulkoisen työkalun läpi nähdäksesi, käyttääkö se epätavallista väriprofiilia. Tarvittaessa voit poistaa häiritsevän väriprofiilin ulkoisessa kuvankäsittelytyökalussa, kuten Photoshopissa, ja julkaista sitten sivun uudelleen ennen sosiaalisen viestin julkaisemista.
HubSpotin tiedostonhallinta käyttää JPEG- ja PNG-kuviin kuvapakkausta, jotta HubSpotin isännöimän sisällön latausnopeus saadaan optimoitua. Sosiaalisen median verkostot käyttävät myös kuvapakkausta viesteissä, joiden laatu saattaa poiketa HubSpotissa näkyvästä.
Tästä syystä on suositeltavaa käyttää suhteellisen korkearesoluutioisia kuvia kussakin verkossa. Jos kuvasi ei vastaa sosiaalisen verkoston vaatimuksia, HubSpotin sosiaalisen julkaisemisen työkalussa näkyy varoitus, joka auttaa muokkaamaan kuvaa vastaavasti.