Tietoa tästä työkalusta
Open Graph (OG) -tagit ohjaavat sivun ulkoasua, kun se jaetaan sosiaalisessa mediassa. Facebook, LinkedIn, Slack, Discord ja monet muut lukevat OG-tageja esikatselukorttien muodostamiseksi. Ilman asianmukaisia OG-tunnisteita jaetut linkit näyttävät rikki – yleiset faviconit, puuttuvat kuvat, katkaistut otsikot. Niiden avulla osakkeet näyttävät kiillotetuilta ja napsautussuhteet paranevat merkittävästi.
Tavalliset OG-tunnisteet: og:title (esikatselussa näkyvä otsikko), og:description (tekstinpätkä), og:image (esikatselukuva, mieluiten 1200 × 630), og:url (ensisijainen URL-osoite), og:type (yleensä 'verkkosivusto' tai 'artikkeli'). Twitter-kortin tunnistekerros päällä: twitter:kortti, twitter:otsikko, twitter:kuvaus, twitter:kuva. Useimmat työkalut palaavat OG:hen, kun Twitter-kohtaisia tunnisteita ei ole.
Tämä generaattori tuottaa täydellisen sarjan OG- ja Twitter Card -tageja syötteestäsi. Liitä tuloksena oleva HTML-koodi sivun <head>-kohtaan. Tuloksena on oikea esikatselurenderöinti kaikilla tärkeimmillä sosiaalisilla alustoilla.
Miksi käyttää OG-tunnistegeneraattoria
Sivut, joissa ei ole OG-tunnisteita, näyttävät huonoilta jaettuna. Tyhjä kuva, yleinen otsikko, puuttuva kuvaus – esikatselu kilpailee huonosti syötteiden oikein merkittyjä sivuja vastaan. Sisältömarkkinoinnin ja linkkien jakamisen osalta tämä vaikuttaa suoraan napsautussuhteeseen.
OG-tunnisteiden käsin kirjoittaminen toistuu. Jokainen sivu tarvitsee oman sarjansa. Generaattori, joka tuottaa oikeat tunnisteet muutamasta syötteestä, välttää kirjoitusvirheet ja puuttuvat ominaisuudet, jotka rikkovat sosiaalisen esikatselun.
Tekniset tiedot
OG-tunnisteet käyttävät meta-ominaisuusattribuuttia (ei nimeä): <meta property="og:title" content="..." />. Ominaisuusmäärite vaaditaan OG:lle; Jotkut jäsentimet hyväksyvät nimen varajäseneksi, mutta ominaisuus on oikea.
Kuvavaatimukset: 1 200 × 630 pikseliä verkkokalvon hahmontamiseen, 1,91:1 kuvasuhde. og:image:width- ja og:image:height-tunnisteet auttavat alustoja tallentamaan kuvat oikein välimuistiin. og:image:alt tarjoaa esteettömyystekstiä.
Twitter-korttitunnisteet käyttävät nimimääritettä: <meta name="twitter:title" content="..." />. Twitter palaa OG-tunnisteisiin, kun Twitter-kohtaiset puuttuvat, joten hyvin asetettu OG usein riittää. Twitter:cardin lisääminen valitsee kortin tyypin (yhteenveto_suuri_kuva on yleisin).
Usein kysytyt kysymykset
- Voinko mukauttaa luotua tulosta?
- Kyllä. Työkalu tarjoaa erilaisia mukautusvaihtoehtoja tulosteen räätälöimiseksi erityistarpeidesi mukaan. Säädä asetuksia ennen luomista tai luo uudelleen eri vaihtoehdoilla.
- Onko luotu sisältö vapaasti käytettävissä?
- Kyllä. Kaikki, mitä luot tällä työkalulla, on sinun käytettäväksesi henkilökohtaisiin, koulutus- tai kaupallisiin tarkoituksiin ilman rajoituksia tai merkintävaatimuksia.
- Vaatiiko tämä tilin?
- Ei. Työkalu on heti käyttövalmis ilman rekisteröitymistä, sähköpostia tai rekisteröintiä. Avaa vain sivu ja aloita luominen.
- Pidetäänkö syöttämäsi tietoni yksityisinä?
- Kyllä. Kaikki käsittely tapahtuu selaimessasi. Syöttötietojasi ja luotuja tulosteitasi ei koskaan lähetetä ulkoiselle palvelimelle.
- Voinko käyttää samaa OG-kuvaa jokaisella sivulla?
- Mahdollista, mutta epäoptimaalista. Sivukohtaiset kuvat ovat tehokkaampia kuin yleiset koko sivuston kuvat napsautussuhteessa. Käytä oletusarvoa varalle, mutta luo sivukohtaiset kuvat tärkeälle sisällölle.
- Tarvitaanko kuvan mittojen ilmoitusta?
- Hyödyllinen, mutta ei ehdottomasti pakollinen. og:image:width ja og:image:height antavat alustojen tallentaa kuvat välimuistiin ilman uudelleenhakua mittojen määrittämiseksi. Nopeuttaa myöhempiä jakoja.
- Onko tietoni ladattu?
- Ei. Luominen tapahtuu selaimessasi.
- Kuinka testaan OG-tunnisteita?
- Facebook Sharing Debugger, Twitter Card Validator ja LinkedIn Post Inspector hakevat ja vahvistavat kukin. Käytä niitä uusien OG-tunnisteiden käyttöönoton jälkeen.