Metatageja

Esimerkkejä <meta-description> ja <og:image-meta>- tageista:

<meta name="description" content="HTML- ja CSS-koodilla tehty kerrostalo, joka näyttää yöllä erilaiselta kuin päivällä. Talon edessä on lamppu, joka valaisee yöllä katua. Asukkaat heräävät öisin pienistäkin hiiren liikkeistä.">
<meta property="og:image" content="https://medipjt.fi/2308vjt/nelli.sampo/kerrostalo/kerrostalo_200.jpg">

Tältä sivu näyttää Facebookissa:

Tältä linkki näytti, kun käytin <meta-description> sekä <og:image-meta>- tageja. Kuva on neliön muotoinen.

Tältä linkki näytti, kun käytin vain <meta-description> tagia. Kuvassa näkyy vain lamppu, koska se on ainoa kuva koko sivulla.

Tältä sivu näyttää Teamsissa:

Tässä oli käytössä <meta-description> sekä <og:image-meta>- tagit.

Tältä sivu näyttää Whatsapissa:

Tässä oli käytössä <meta-description> sekä <og:image-meta>- tagit, mutta kuva ei silti näy jostain syystä.