Facebook Open Graph -tagien lisääminen

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • verkkoselain (esim. Chrome)

Kategoriat

Automaattiset Facebook Open Graph -tagit kuuluvat ohjelmiston ominaisuuksiin ohjelmistoversiosta 1320 alkaen.

asetukset / on/off / Open Graph

Voit halutessasi lisätä kategorialle poikkeavat tagit. Tällöin ohjelmisto jättää näyttämättä kyseisen kategorian kaikki automaattiset tagit.

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä kategoriat.
  • Valitse luettelosta jokin kategoria.
  • Lisää Hakukoneoptimointi-kohtaan (esimerkki):
    <meta property="og:locale" content="fi_FI" />
    <meta property="og:site_name" content="Example Shop" />
    <meta property="og:type" content="product.group" />
    <meta property="og:url" content="https://www.example.com/turbo-boosters.html" />
    <meta property="og:title" content="Turbo Boosters" />
    <meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." />
    <meta property="og:image" content="https://www.example.com/turbo-boosters-1200x630.jpg" />
    
  • Klikkaa Päivitä-painiketta.

Tuotteet

Automaattiset Facebook Open Graph -tagit kuuluvat ohjelmiston ominaisuuksiin ohjelmistoversiosta 1320 alkaen.

asetukset / on/off / Open Graph

Voit halutessasi lisätä tuotteelle poikkeavat tagit. Tällöin ohjelmisto jättää näyttämättä kyseisen tuotteen kaikki automaattiset tagit.

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä tuotteet.
  • Valitse luettelosta jokin tuote.
  • Lisää Hakukoneoptimointi-kohtaan (esimerkki):
    <meta property="og:locale" content="fi_FI" />
    <meta property="og:site_name" content="Example Shop" />
    <meta property="og:type" content="product.item" />
    <meta property="og:url" content="https://www.example.com/example-product.html" />
    <meta property="og:title" content="Example Product Turbo 1300" />
    <meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." />
    <meta property="og:image" content="https://www.example.com/example-product-turbo-1200x630.jpg" />
    <meta property="product:retailer_item_id" content="100038" />
    <meta property="product:price:amount" content="46.90" />
    <meta property="product:price:currency" content="EUR" />
    
  • Klikkaa Päivitä-painiketta.

Etusivu

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "HTML5".
  • Syötä nimeksi "Facebook Open Graph etusivulla" tai mitä tahansa.
  • Valitse Sivu-kohdasta "Etusivu".
  • Valitse Sijainti-kohdasta "Verkkokaupassa </head> ennen".
  • Lisää Koodi-kohtaan (esimerkki):
    <meta property="og:locale" content="fi_FI" />
    <meta property="og:site_name" content="Example Shop" />
    <meta property="og:title" content="Example Shop" />
    <meta property="og:url" content="https://www.example.com" />
    <meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." />
    <meta property="og:image" content="https://www.example.com/example-shop-1200x630.jpg" />
    
  • Klikkaa Tallenna-painiketta.

Vinkkejä

Voit halutessasi erottaa erikieliset tagit kielitageilla.

Voit tarkistaa tagien toiminnan esimerkiksi Chrome-selaimen Open Graph Preview -laajennuksella ↗ tai Facebookin työkalulla ↗.

Katso myös

Vastuunrajoitus

Näillä ohjeilla ja koodiesimerkeillä ei ole minkäänlaista toimivuustakuuta. Emme vastaa välittömistä, välillisistä, satunnaisista tai epäsuorista vahingoista, menetyksistä, korvauksista, tai kolmannen osapuolen esittämistä vaatimuksista, jotka johtuvat näiden ohjeiden tai koodiesimerkkien noudattamisesta.

Näin rakennat yrityksellesi verkkokaupan

1. Tilaa webhotelli

Jos yritykselläsi ei vielä ole webhotellia, niin tilata netistä jokin eurooppalainen webhotellipalvelu, joka on yhteensopiva ohjelmiston kanssa.

2. Asenna ohjelmisto

Tilaa maksuton asennustyö tai asenna ohjelmisto itse. Maksuton asiakaspalvelumme ja tekninen tukemme neuvoo tarvittaessa kummassakin tapauksessa.

3. Perusta verkkokauppa

Kirjaudu selaimella verkkokaupan hallintaliittymään ja perusta verkkokauppa. Tarjoamme maksuttoman Maxi-lisenssin verkkokaupan perustamisen ajaksi (esim. 4 kk).

4. Tilaa lisenssi

Tilaa lisenssi vasta, kun olet perustanut verkkokaupan, eli julkaissut verkkokaupan asiakaskäyttöön. Voit myös luopua hankkeesta veloituksetta.

Scroll to Top