Brezplačni e-vodič: Kako postati programer?
Poglej več
NOVO: Programiranje s ChatGPT
Na tečaj

HOW-TO: Deljenje spletne strani na Facebooku

Če imate že postavljeno spletno stran in ste jo poskusili deliti na Facebooku, vam najbrž ni vse prikazalo tako kot ste hoteli (npr. ni bila prikazana prava slika, ali pa naslov in besedilo).
V večini primerov smo navajeni, da ima deljena spletna stran tako obliko:

Smartninja_sola_programiranja_tecaji_

Za tak rezultat vam bo vzelo manj kot 5 minut dela.


Odprite svoj .html dokument in poiščite <head> tag.
Med začetnim in zaključnim tagom (<head> in </head>) dodajte naslednji del kode:

...
<head>
    <meta property="og:title" content="Dvodnevna šola programiranja v Ljubljani" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="http://i.imgur.com/WUSF0b0.jpg" />
    <meta property="og:url" content="http://smartninja.org" />
    <meta property="og:description" content="Nauči se veščine, ki je v današnjem..." /> 
    <!-- ... ostala koda, ki gre v head -->
</head>
...

To so ‘meta lastnosti’, ki se bodo uporabile oz. prikazale le ko boste stran delili na Facebooku.

  • og:title – naslov vaše strani
  • og:type – ponavadi se uporablja content="website", obstaja tudi npr. article, če delite članek, a to ni tako pomembno. Če želite izvedeti več, si preberite dokumentacijo.
  • og:image – slika, ki se bo prikazala na Facebooku, ko boste delili svojo stran. Pomembno: velikost slike mora biti vsaj 200px × 200px.
  • og:url – nastavite URL vaše strani
  • og:description – opis, ki se bo prikazal na Facebooku

Smartninja_sola_programiranja_tecaji_wB1BdQ7

Preden delite spletno stran, lahko testirate zadevo in dobite predogled na Facebook Open Graph Object Debugger.

Če vse štima, ponosno delite svojo spletno stran na Facebooku :).

Nadaljuj z branjem