Twitter-korttien lisääminen (Twitter Cards)

KehittäjilleKoodausohjeet › Twitter-korttien lisääminen (Twitter Cards)

Tarvittavat ohjelmistot

Tässä työssä tarvitaan

  • verkkoselain (esim. Chrome)

Kategoriat

Automaattiset Twitter Cards -tagit kuuluvat ohjelmiston ominaisuuksiin ohjelmistoversiosta 1320 alkaen.

asetukset / on/off / Twitter Cards

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 name="twitter:title" content="Lorem ipsum" />
    <meta name="twitter:url" content="https://www.example.com/example.html" />
    <meta name="twitter:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
    <meta name="twitter:image" content="https://www.example.com/example1300x630.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    
  • Klikkaa Päivitä-painiketta.

Tuotteet

Automaattiset Twitter Cards -tagit kuuluvat ohjelmiston ominaisuuksiin ohjelmistoversiosta 1320 alkaen.

asetukset / on/off / Twitter Cards

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 name="twitter:title" content="Lorem ipsum" />
    <meta name="twitter:url" content="https://www.example.com/example.html" />
    <meta name="twitter:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
    <meta name="twitter:image" content="https://www.example.com/example1300x630.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    
  • 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 "Twitter Cards etusivulla" tai mitä tahansa.
  • Valitse Sivu-kohdasta "Etusivu".
  • Valitse Sijainti-kohdasta "Verkkokaupassa </head> ennen".
  • Lisää Koodi-kohtaan (esimerkki):
    <meta name="twitter:title" content="Lorem ipsum" />
    <meta name="twitter:url" content="https://www.example.com/example.html" />
    <meta name="twitter:description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt." />
    <meta name="twitter:image" content="https://www.example.com/example1300x630.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    
  • Klikkaa Tallenna-painiketta.

Vinkkejä

Voit halutessasi erottaa erikieliset tagit kielitageilla.

Voit tarkistaa tagien toiminnan esimerkiksi Chrome-selaimen Open Graph Preview -laajennuksella ↗ tai Twitterin 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

Tilaa esimerkiksi Cloudcity Plus ↗. Vaihtoehtoisesti voit tilata netistä minkä tahansa EU:n alueella toimivan webhotellipalvelun, joka on yhteensopiva ohjelmiston kanssa.

2. Tilaa asennus

Tilaa maksuton asennustyö. Vaihtoehtoisesti voit ladata ja asentaa ohjelmiston itse. Maksuton tekninen tukemme neuvoo tarvittaessa kummassakin tapauksessa.

3. Perusta verkkokauppa

Kirjaudu selaimella verkkokaupan hallintaliittymään ja perusta verkkokauppa. Tarjoamme maksuttoman Maxi-lisenssin verkkokaupan perustamisen ajaksi.

4. Tilaa lisenssi

Tilaa Mini- tai Maxi-lisenssi vasta, kun olet perustanut verkkokaupan. Vaihtoehtoisesti voit olla perustamatta verkkokauppaa tai käyttää ohjelmistoa maksuttomassa lepotilassa.

Scroll to Top