Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Nastavitev spletne strani za prikaz na Facebooku

  Pokazal vam bom, kako se nastavi HTML koda, da se bo potem spletna lepo prikazovala na Facebooku.
 
 
1
 
 

Jaz sem ustvaril testno spletno stran, da bi vam pokazal v praksi, kaj mislim povedati.

Kopiral sem kodo spletnega naslova.

Kopiranje naredimo tako, da označimo spletni naslov (na primer www.zmaga.com) in nato pritisnemo tipki Ctrl + C.

 
 
2
 
 

Potem pa odprem Facebook in kliknem v polje za vpisovanje svojih misli itd ...

 
 
3
 
 

Prilepim prej kopiran naslov in Facebook bo avtomatsko povzel podatke iz spletne strani, za katere misli, da so relavantne.

Prilepite naslov tako, da pritisnite tipki Ctrl + V.

Vendar pa bi jaz raje prikazal sliko in podatke, za katere menim, da so bolj primerni.

 
 
4
 
 

Zato bom odprl svojo spletno stran in se premaknil v kodni način (HTML).

Za več informacij v primeru urejanja spletnih strani smo na voljo na forumu.

 
 
 
 
 
5
 
 

V kodi se premaknem pod in nad značko <head>.

 
 
6
 
 

In prilepim naslednje podatke, katere seveda po želji sami uredite.

<meta property="og:url"                content="http://www.zmaga.com" />

<meta property="og:type"               content="website" />

<meta property="og:title"              content="Zmagajmo z znanjem" />

<meta property="og:description"        content="Brezplačno in praktično spletno učenje" />

<meta property="og:image"              content="http://www.zmaga.com/facebook_stran/facebook_slika.jpg" />

 
 
7
 
 

Urejate podatke na desni strani v polju Content.

Mislim, da za vnose ni potrebno razlagati, kaj pomenijo.

Slika za vrednost og:image je priporočljiva velikost 1200 x 628 slikovnih pik.

Več infromacij najdete na forumu ali tem naslovu.

 
 
8
 
 

Sedaj spletno stran ponovno shranite in jo naložite na strežnik.

Če jo boste ponovno prikazali na facebooku, bi moral ta prikazati podatke tako, kot ste jih nastavili. Slika pa bi morala biti tudi bolj primerna.

Če vam podatke še vedno prikazuje stare, bo potrebno osvežiti pomnilnik. To naredite na tem naslovu.

 
 
Komentiraj
 
 
 
 
 
13.4.2017, 11:11
Nekje sem prebral, da obstajajo podobne kpde tudi za Twitter in Youtube. Ali kdo ve, kakšne so?
 
 
 
 
13.4.2017, 12:13
Primer kode za Twitter:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />
<meta property="og:url" content="http://bits.blogs.nytimes.com/2011/1.... />
<meta property="og:title" content="A Twitter for My Sister" />
<meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." />
<meta property="og:image" content="http://graphics8.nytimes.com/images/.... />


Za Twitter imaš obrazloženo na https://dev.twitter.com/cards/getting-st....


spremenjeno: NikMan (13.4.2017, 12:14)
 
 
 
 
13.4.2017, 12:13
Za YouTube pa te zanima kaj točno?
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!