Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Social

Vianmääritys linkkien esikatselussa sosiaalisissa viesteissä

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Marketing Hub Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Kun lisäät HubSpotissa linkkejä sosiaalisiin viesteihin, näet esikatselun, joka sisältää esillä olevan kuvan, sivun otsikon ja sivun kuvauksen. Jos kuva, otsikko tai kuvaus eivät näy tai jos esillä olevassa kuvassa on ongelmia, käytä alla olevia ohjeita vianmääritykseen.

Sosiaaliset esikatselut perustuvat sivun HTML-koodin <head>-osiossa oleviin metatageihin. Nämä tagit kertovat sosiaalisen median sivustoille, kuten Facebookille, LinkedInille ja Twitterille, 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 virheenkorjaustyökaluja.

Vianmääritys HubSpotissa

Jos linkität HubSpotin isännöimään blogikirjoitukseen, aloitussivulle tai verkkosivuston sivulle, varmista, että esillä oleva kuva on määritetty kohdassa Sivu tai post asetuksissa.

Voit myös asettaa manuaalisesti og:image tagin lisätäksesi esillä olevan kuvan:

  • HubSpot-tililläsi, siirry aloitussivuillesi tai verkkosivustosi sivuille.

  • Vie hiiren kursori sivun päälle ja valitseMuokkaa.
  • Napsauta sisältöeditorissa Asetukset-välilehteäja valitse sittenLisäasetukset.
  • Kirjoita tämäkoodinpätkäLisää koodinpätkiä-osiossaHead HTML-kenttään:

<meta property="og:image" content="IMG URL">

<meta name="twitter:card" content="summary_large_image">

  • Napsauta oikeassa yläkulmassaJulkaise taiPäivitä, jotta muutokset saadaan käyttöön.

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:image ja muut metatunnisteet näkyvät oikein.
  • Kunkin tagin tiedot ovat oikein. Tarkista esimerkiksi, että esillä olevan kuvan URL-osoite on og:image tagi on oikea.
  • Kunkin tyyppisiä metatunnisteita esiintyy vain yksi. Jos samaa metatunnistetta esiintyy useita kertoja, sosiaaliset verkostot eivät ehkä valitse oikeaa, kun ne luovat linkin esikatselun.
  • Metatunnisteesi ovat lähellä HTML:n 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.

inspect-for-featured-image


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.
  • Twitter Card Validator: Twitter tallentaa sisällön välimuistiin 7 päivän ajaksi viestin julkaisemisen jälkeen. Napsauta Preview card (Esikatsele korttia ) Card Validatorissa käynnistääksesi sisällön uudelleenkatselun.
  • LinkedIn Post Inspector: LinkedIn tallentaa sisältöä välimuistiin 7 päivän ajaksi postauksen julkaisemisen jälkeen. Napsauta Tarkista Post Inspectorissa käynnistääksesi sisällön uudelleenhaun.

Yleensä kaikki ennen sivun uudelleenraapaisua julkaistut viestit säilyttävät edelleen virheellisen kuvan. Jos og:image-tunnistetta ei ole asetettu sivulle, sosiaalinen verkosto etsii sivulta sopivimman kuvan, jonka se voi sisällyttää sosiaalisiin viesteihin, mikä on yleensä ensimmäinen löytämänsä kuva. Linkin esikatselukuva ei ehkä näy lainkaan, jos robots.txt-tiedosto tai tietoturvaohjelmisto estää sivun indeksoinnin.

Ominaiskuvan näyttöön liittyvät ongelmat

Jos sosiaalisen postauksen esikatselu näyttää odotetun esillä olevan kuvan, mutta kuva näkyy virheellisesti, 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
  • Twitter: 1,91:1 linkkipostituksissa esitetyille kuville.
  • Instagram (neliö): 1:1
  • Instagram (muotokuva): 4:5
  • Instagram (maisemakuva): 1,91:1
  • LinkedIn (maisemakuva): 1,91:1

Varmista, että sosiaalisiin viesteihin 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 1 Mt pikselöitymisen välttämiseksi).
  • Instagram: 8MB
  • Twitter: GIF-tiedostot: 5MB (15MB GIF-tiedostoille).
  • LinkedIn: 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.

Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.