Zobrazování obrázku u článku
Pomocí níže uvedených instrukcí můžete snadno zajistit, že se u článků z Vašeho serveru budou na LinksTip.com zobrazovat ilustrační obrázky související s konkrétními články.
S ohledem na autorská práva zobrazujeme na LinksTip.com pouze obrázky, které jsou k článku přiloženy. Přiložit daný obrázek k článku můžete několika způsoby.
Přiložení obrázku v RSS zdroji
Obrázek lze přiložit standardně pomocí enclosure, v části určené v RSS zdroji pro článek (item). V RSS zdroji to může vypadat takto:
<enclosure url="https://www.vas-server.cz/cesta-k-obrazku" type="image/jpeg"></enclosure>
Jedinným povinným atributem je url, který obsahuje celou cestu k obrázku. Dále lze přidat atributy type, který charakterizuje typ přikládaného souboru, nebo length, který uvádí velikost přikládaného souboru v bytech.
Příklad:
<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title>Název zdroje</title>
<link>URL zdroje</link>
<description>Popis zdroje</description>
<language>cs</language>
<item>
<title>Název článku</title>
<link>URL článku</link>
<description>Popis článku</description>
<pubDate>Sun, 19 Dec 2010 12:00:00 +0100</pubDate>
<enclosure url="https://www.vas-server.cz/img/obrazek.jpg" type="image/jpeg" length="6517"></enclosure>
</item>
</channel>
</rss>
Přiložení obrázku v článku
Druhou možností je přiložit obrázek přimo do zdrojového kódu článku. To lze provést pomocí Open Graph protokolu, kterým vložíte celou URL cestu k obrázku do části head ve zdrojovém kódu článku prostřednictvím meta tagu og:image. Výhodou tohoto přiložení obrázku je, že pokud někdo bude sdílet daný článek na sociální síť Facebook, jako náhled se předvolí právě obrázek uvedený v og:image. Mezi tagy <head> a </head> lze tedy vložit následující tag:
<meta property="og:image" content="https://www.vas-server.cz/cestakobrazku.jpg">
Příklad:
<html>
<head>
<title>Název stránky</title>
<meta property="og:image" content="https://www.vas-server.cz/cestakobrazku.jpg">
</head>
<body>
<!-- obsah stránky -->
</body>
</html>
Obdobně lze také použít meta tag image_src, který má následující strukturu:
<link rel="image_src" type="image/jpeg" href="https://www.vas-server.cz/cestakobrazku.jpg">
