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: tammikuuta 27, 2023

Tämä koskee seuraavia:

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 metatunnisteisiin sivusi HTML:n <head>-osiossa. 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 virheenkorjaustyökaluja.

Vianmääritys HubSpotissa

Jos linkität HubSpotin isännöimään blogikirjoitukseen, aloitussivuun tai verkkosivuston sivuun, varmista, että esillä oleva kuva on määritetty kohdassa sivulla tai postauksen asetukset.

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 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">

<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:image ja muut metatunnisteet näkyvät oikein.
  • Kunkin tagin tiedot ovat oikein. Tarkista esimerkiksi, että esillä olevan kuvan URL-osoite sivun og:image tagi 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.

ogimageconsole


Vianmääritys sosiaalisten verkkojen 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ältöä välimuistiin 7 päivän ajaksi viestin julkaisemisen jälkeen. Voit käynnistää sisällön uudelleenkierrätyksen valitsemalla Preview card (Esikatsele korttia ) Card Validatorissa.
  • 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 uudelleenkierrätyksen.

Yleensä kaikki ennen sivun uudelleenkierrätystä 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 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
  • 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 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 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.