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

Määritä verkkosivustosi robots.txt- ja kuvan metatunnisteet sosiaalisen postauksen linkkien esikatselua varten.

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Markkinointi Hub Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Kun luot ja julkaiset sosiaalisen viestin HubSpotissa, vastaava sosiaalinen verkosto yrittää luoda kuvan esikatselun viestistäsi. Sosiaalinen verkosto skannaa postaukseen antamasi linkin perusteella sivusi lähdekoodin metatunnisteet ja tutkii verkkosivustosi robots.txt-tiedoston.

Jos isännöit verkkosivustoasi ulkoisella palveluntarjoajalla, kuten WordPressillä, ja postauksesi esikatselu ei näy odotetulla tavalla, noudata alla olevia ohjeita.

Päivitä robots.txt-tiedosto

Robots.txt-tiedosto ilmoittaa hakukoneille, miten verkkosivustosi indeksoidaan. Jos et ole lisännyt tai määrittänyt robots.txt-tiedostoasi oikein, sosiaaliset verkostot eivät pysty jäsentämään sivujesi sisältöä. Facebook ja Twitter tarjoavat molemmat user agent -merkkijonot, jotka sinun on lisättävä robots.txt-tiedostoosi:

User-agent: facebookexternalhitDisallow
:

User-agent: TwitterbotDisallow
:



LinkedIn ei tarjoa dokumentaatiota käyttäjäagentti-merkkijonostaan, mutta voit käyttää LinkedInin post inspector -ohjelmaa vahvistaaksesi, voiko LinkedIn indeksoida verkkosivustosi sisällön.

Lisää metatunnisteet verkkosivustosi sivujen <head>-osioon.

Hakukoneet ja sosiaaliset verkostot analysoivat HTML-kielesi head-osion etsiäkseen metatietoja, joita tarvitaan sivun esikatselun luomiseen. Facebookin ja Twitterin metatiedot kannattaa sisällyttää ensisijaisten metatunnisteiden jälkeen:

<!-- Ensisijaiset metatunnisteet -->
<title>Meta-tagit - esikatsele, muokkaa ja luo</title>
<meta name="title" content="Meta-tagit - esikatsele, muokkaa ja luo">
<meta name="description" content="Meta-tagien avulla voit muokata ja kokeilla sisältöäsi ja sitten esikatsella, miltä verkkosivusi näyttää Googlessa, Facebookissa, Twitterissä ja muualla!"> >

<!-- Open Graph / Facebook -->
<meta property="og:type" content="verkkosivusto">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Verkkosivusi otsikko">
<meta property="og:description" content="Verkkosivusi kuvaus">
<meta property="og:image" content="https://example.com/image.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com/">
<meta property="twitter:title" content="Verkkosivusi otsikko">
<meta property="twitter:description" content="Verkkosivusi kuvaus">
<meta property="twitter:image" content="https://example.com/image.png">

Täytä kunkin yllä olevan metatunnisteen sisältöattribuutit sivuasi vastaavilla arvoilla. Voit validoida metatunnisteesi Facebookin debugger-työkalun, Twitter-kortin validointityökalun ja LinkedIn-postin tarkastajan avulla.

Jos lisäämäsi linkin 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ä onoikeat mitat sosiaalisessa verkostossa, johon julkaiset postauksen, ja julkaise sitten sivu uudelleen. Jos julkaiset Facebookiin, voit lukea lisää heidän dokumentaatiostaan, jossa kerrotaan heidän esillä olevaa kuvaa koskevista vaatimuksistaan.

Seuraavat mitat ovat suositeltavia kunkin verkon esillä olevan kuvan optimointia varten:

  • Facebook: 1.91:1
  • Twitter: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ä kaikki sosiaalisiin viesteihisi sisällyttämäsi media noudattaa kunkin verkon tiedostokoko-ohjeita. Jos HubSpot toteaa, että tiedosto on liian suuri julkaistavaksi tietyssä verkossa, näyttöön tulee varoitus. Kunkin sosiaalisen verkoston enimmäistiedostokoot on lueteltu alla:

  • Facebook: PNG-tiedostoille suositellaan alle 1 Mt pikselöitymisen välttämiseksi).
  • Instagram: 8MB
  • Twitter: GIF-tiedostot: 5MB (15MB GIF-tiedostoille).
  • LinkedIn: LINKEDIN: 10MB

Kuvan värin ja selkeyden eroavaisuudet

Kuvan värierot

Upotetut väriprofiilit saattavat 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 esikatselet kuvaa tiedostonhallinnassa. Voit ajaa kuvan URL-osoitteenulkoisen työkalunläpi nähdäksesi, käyttääkö se epätavallista väriprofiilia. Tarvittaessa voit poistaa häiritsevän väriprofiilin Photoshopin kaltaisessa kuvankäsittelytyökalussa ja julkaista sitten sivun uudelleen ennen sosiaalisten julkaisujen julkaisemista.

Erot kuvan selkeydessä

HubSpotin tiedostonhallintakä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 (suositellussa kuvasuhteessa) kussakin verkossa. Jos kuvasi ei vastaa sosiaalisen verkoston vaatimuksia, HubSpotin sosiaalisen julkaisemisen työkalussa näkyy varoitus, joka auttaa muokkaamaan kuvaa vastaavasti.

Jos linkkien esikatselukuvat eivät vieläkään näy oikein, tutustu vianmääritysoppaaseemme.