Kun käynnistät uuden verkkosivuston tai blogin ensimmäisen kerran, haluat todennäköisesti jakaa sen heti ystävien ja perheen kanssa. Mutta jos et määrittänyt sitä oikein, kaikki, mitä he näkevät, on tylsä linkki.
Vaikka esikatselu lataa kuvan, se ei ehkä ole se, jota haluat nähdä. Mutta voit korjata sen.
Sisällönkuvauskentät ovat HTML-tunnisteita, jotka eivät näytä mitään sisältöä verkkosivullasi. He asuvat sisällä -tunnisteet HTML-koodissasi. Kun hakukoneet ja muut palvelut, kuten Facebook, lukevat sivusi, he saavat kohdennettua tietoa sisällönkuvauskentistä.
Monille ihmisille Google on Internet. Se on kiistatta tärkein keksintö Internetin jälkeen. Ja vaikka hakukoneet ovat muuttuneet paljon siitä lähtien, perusperiaatteet ovat edelleen samat.
Sisällönkuvauskentät ovat mitä tarvitset saadaksesi sosiaalisen median ja tekstiviestit käsittelemään linkkisi oikein. Kun jaat linkin esimerkiksi Facebookin kautta, Facebook seuraa linkkiä sivulle. Sitten se lukee sivun ja yrittää selvittää, mikä kaikki on.
Mikä tärkeintä, se yrittää löytää otsikon, kuvauksen ja kuvan. Jos se ei löydä niitä, se näyttää vain yksinkertaisen linkin ilman röyhelöitä. Saadaksesi Facebook näyttämään tietyn otsikon, kuvauksen ja kuvan, sinun on lisättävä erityisiä sisällönkuvauskenttiä kertomaan sille, mitä etsiä.
Jos sosiaalisen median sivustot, kuten Facebook ja Twitter, saavat tarvitsemansa tiedot verkkosivustoltasi, he luovat kortin. Jos kaikki meni suunnitelmien mukaan, sen pitäisi näyttää odotettavalta.
LIITTYVÄT: Kuinka luoda Twitter-, Instagram- ja Reddit-botteja Pythonilla
Jos olet rakentanut verkkosivustosi tavallisella HTML-koodilla tai käyttöliittymäkehyksellä, sisällönkuvauskenttien lisäämisen pitäisi olla yksinkertaista. Ne kulkevat samalla alueella kuin otsikko-, tyyli- ja komentotunnisteet, kuten seuraavassa esimerkissä:
Lee Nathan - henkilökohtaisen kehityksen kirjoittaja
...
Voit nähdä, että jo on olemassa muutama sisällönkuvauskenttä. Nämä eivät ole sinun täytyy saada verkkosivustosi näkymään oikein linkeissä, ne ovat vain joitain matalan tason oletuksia.
Sisällönkuvauskenttien muuttaminen WordPressissä on enemmän mukana. Täydelliset ohjeet vievät kokonaisen oppaan. Joten tässä on muutama vinkki, joiden avulla pääset alkuun:
- Jos haluat muokata teemaa, sisällönkuvauskenttien tulisi sijaita header.php nykyisen teeman tiedosto.
- Jos et pääse käyttämään teemaa tai et halua käsitellä sitä, voit vaihtaa sisällönkuvauskentätsi esimerkiksi laajennuksella Edistynyt sisällönkuvauskenttien hallinta.
Katso parhaat WordPress-palveluntarjoajat jos olet kiinnostunut käynnistämään sivuston alustalla.
Kuinka luoda Facebook-kortti
Nyt kun olet oppinut käyttämään sisällönkuvauskenttiäsi, voit aloittaa niiden muokkaamisen. Nämä ovat vähimmäistunnisteet, jotka Facebook haluaa nähdä:
Otsikko ja kuvausominaisuudet kertovat Facebookille, mitä tekstiä näytetään. URL-ominaisuus voi linkittää alasivulle erikoistarjouksia tai A / B-testausta varten.
Kuvaominaisuuden tulee olla täydellinen osoite, ei suhteessa hakemistosivuun /image.jpg. Paras käytettävä kuvakoko on 1 200 x 628, koska tämä koko on yhteensopivin sosiaalisen median sivustoissa ja laitteissa.
Twitter-kortin luominen
Twitter-kortti on melkein sama kuin Facebook-kortti, mutta sillä on erilaiset sisällönkuvauskentät. Tältä Twitter-sisällönkuvauskentät näyttävät:
Otsikon ja kuvauksen ominaisuudet ovat samat kuin Facebookilla; kuvaominaisuus noudattaa myös samoja sääntöjä. Ja 1200x628 on hyvä koko aluksi.
Tärkein ero on kortin ominaisuus. Tässä esimerkissä luodaan "summary_large_image" -kortti, joka näyttää suunnilleen samalta kuin Facebookin kortti. Twitterillä on kuitenkin muita vaihtoehtoja.
Kuinka varmistaa, että esikatselu näyttää oikealta
Voit lähettää twiitin ja poistaa sen nopeasti puoli tusinaa kertaa, kunnes saat korttisi oikein. Voit myös lähettää Facebook-viestin itsellesi. Mutta nuo menetelmät ovat tavallaan kömpelöitä. Onneksi molemmat palvelut tarjoavat kätevän työkalun korttien tarkistamisen helpottamiseksi.
Facebookilla on jakamisen virheenkorjaaja. Ja Twitterissä on kortin vahvistaja. Molemmat työkalut tekevät saman tehtävän, jonka avulla voit nähdä, kuinka linkit toimivat; he vain käyttävät eri nimiä.
Muita testattavia näkökohtia
Nyt olet saanut sivustolinkin näyttämään hyvältä kahdessa suuressa sosiaalisessa verkostossa. Mahdollisuudet ovat, että se näyttää hyvältä kaikkialla, mutta sinun on tarkistettava, että se näyttää. Esimerkiksi, jos sinulla on tietoja kuvan ala- tai yläosassa, se voi leikata matkapuhelimessa.
Matkapuhelin
Ennen kuin jatkat, on hyvä varmistaa, että linkkisi näyttää edelleen hyvältä mobiililaitteella. Kuten mainittiin, kuvasi voi leikata pienemmällä näytöllä. Aikaisemmassa esimerkissä kuva oli liian matala, joten voit nähdä vain pään yläosan.
SMS ja Messengerit
Tämä on yksinkertainen asia, kun lähetät itsellesi linkin sisältävän tekstin (tai viestin sellaisen palvelun kautta kuin WhatsApp). Sinun ei tarvitse huolehtia vahvistustyökalusta. Mahdollisuudet ovat, että jos se näyttää hyvältä sosiaalisen median sovelluksissa, se näyttää hyvältä täällä.
Jos työskentelet henkilökohtaisella verkkosivustollasi, haluat ehdottomasti, että se näyttää hyvältä LinkedInissä. Onneksi, LinkedIn tarjoaa myös vahvistustyökalun soitti postitarkastajalle. Sinun ei myöskään tarvitse huolehtia useammasta sisällönkuvauskentästä, koska LinkedIn käyttää Facebookin tunnisteita.
Mitä tehdä seuraavaksi
Käsittelemiemme tietojen tulisi olla riittäviä aloittaaksesi. Mutta jos haluat oppia lisää, tarkista Facebookin tunnisteiden opas tai Twitter-sivu tunnisteilla.
Verkko on täynnä työkaluja, joiden avulla kuka tahansa voi luoda omia ammattilaisen näköisiä, jaettavia kuvia. Tässä ovat suosikkimme.
- Ohjelmointi
- HTML
- Kotisivu
- Verkkovastaavan työkalut
Lee on kokopäiväinen paimentolainen ja moniarvoinen, jolla on monia intohimoja ja kiinnostuksen kohteita. Jotkut noista intohimoista kiertävät tuottavuuden, henkilökohtaisen kehityksen ja kirjoittamisen ympärillä.
Tilaa uutiskirjeemme
Liity uutiskirjeeseemme, jossa on teknisiä vinkkejä, arvosteluja, ilmaisia e-kirjoja ja erikoistarjouksia!
Vielä yksi askel !!!
Vahvista sähköpostiosoitteesi juuri lähettämässäsi sähköpostiviestissä.
