Päivitetty viimeksi: maaliskuuta 26, 2024
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
Marketing Hub
Professional
,
Enterprise
|
| Vanhentunut Marketing Hub Basic-versio |
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:
- og:title: sisältösi otsikko.
- og:type: sisältösi tyyppi, esimerkiksi video tai verkkosivu.
- og:image: sisältöäsi esittävän kuvan URL-osoite.
- og:url: sisältösi yksilöllinen URL-osoite, jota käytetään sen pysyvänä tunnisteena.
- og:description: kuvaus, joka tiivistää kuvasi.
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.
Esillä oleva kuva, sivun otsikko tai sivun kuvaus ei näy postauksen esikatselukuvassa.
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.
Vianmääritys HubSpotissa
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 HubSpot-tililläsi laskeutumissivuillesi tai verkkosivuillesi.
- Vie hiiren kursori sivun päälle ja valitse Muokkaa.
- Napsauta sisältöeditorissa Asetukset-välilehteä ja valitse sitten Lisäasetukset.
- Kirjoita tämä koodinpätkä Lisää koodinpätkiä -osiossaHead HTML -kenttään :
<meta property="og:image" content="IMG URL">
- Korvaa IMG URL kuvatiedoston URL-osoitteella.
- Jos haluat optimoida kuvan edelleen X:ää varten, kirjoita tämä ylimääräinen koodinpätkä Head HTML -kenttään:
<meta name="twitter:card" content="summary_large_image">
- Napsauta oikeassa yläkulmassa Julkaise tai Päivitä , jos haluat tehdä muutokset näkyviin.
Vianmääritys selaimen kehittäjätyökaluilla
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:imageja muut metatunnisteet näkyvät oikein. - Kunkin tagin tiedot ovat oikein. Tarkista esimerkiksi, että esillä olevan kuvan URL-osoite sivun
og:imagetagi on oikea. - Kunkin tyyppisiä metatunnisteita esiintyy vain yksi. Jos samaa metatunnistetta esiintyy useita kertoja, sosiaaliset verkostot eivät välttämättä valitse oikeaa linkin esikatselua luodessaan.
- Metatagit ovat lähellä HTML-koodin yläosaa. Jos sinulla on ylimääräistä koodia tai merkintöjä ennen metatunnisteita, sosiaalisten verkostojen indeksoijat eivät välttämättä löydä näitä tunnisteita.
Vianmääritys sosiaalisten verkostojen vianmääritystyökaluilla
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:
- Facebook Sharing Debugger: Facebook indeksoi jaetun sisällön automaattisesti uudelleen 24 tunnin välein. Jos haluat käynnistää uudelleenkierrätyksen manuaalisesti, valitse Scrape Again (Kaavi uudelleen ) Sharing Debuggerissa.
- X Card Validator: X tallentaa sisältöä välimuistiin 7 päivän ajaksi postauksen julkaisemisen jälkeen. Kirjoita URL-osoite ja napsauta Preview card (Esikatsele korttia ) Card Validatorissa käynnistääksesi sisällön uudelleenkierron.
- LinkedIn Post Inspector: LinkedIn tallentaa sisältöä välimuistiin 7 päivän ajaksi postauksen julkaisemisen jälkeen. Napsauta Post Inspectorissa Inspector käynnistääksesi sisällön uudelleenkierrätyksen.
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.
Ominaiskuvan näyttöön liittyvät ongelmat
Jos sosiaalisen postauksen esikatselu näyttää odotetun esillä olevan kuvan, mutta kuva näkyy väärin, voit tarkistaa seuraavat asiat.
Kuvan koko tai suhde on väärä
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:
- Facebook: 1.91:1
- X: 16:9 valokuvapostituksissa ja 1,91:1 linkkipostituksissa olevissa kuvissa.
- Instagram (neliö): 1:1
- Instagram (muotokuva): 4:5
- Instagram (maisemakuva): 1.91:1
- LinkedIn (maisemakuva): 1.91:1
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:
- Facebook: PNG-tiedostoille suositellaan alle 1MB pikselöitymisen välttämiseksi).
- Instagram: 8MB
- X: 5MB (15MB GIF-tiedostoille)
- LinkedIn: 10MB
Kuvien värien erot
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.
Erot kuvan selkeydessä
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.