--- title: "Obrázky pro sociální sítě" articleId: "socialsImages" lastEdited: "2026-01-08 11:09 UTC" canonical: https://podpora.shoptet.cz/obrazky-pro-socialni-site/ breadcrumb: "Shoptet Podpora / Marketing / Propojení s externími službami" language: cs sections: - { title: "Obrázek pro sociální sítě (og:image)", level: 2, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#obrazek-pro-socialni-site-ogimage" } - { title: "Kde obrázek pro sociální sítě nastavit?", level: 2, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#kde-obrazek-pro-socialni-site-nastavit" } - { title: "Kategorie", level: 4, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#kategorie" } - { title: "Stránky", level: 4, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#stranky" } - { title: "Články v rubrice", level: 4, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#clanky-v-rubrice" } - { title: "Nastavení rubriky", level: 4, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#nastaveni-rubriky" } - { title: "Hierarchie nahraných obrázků", level: 2, url: "https://podpora.shoptet.cz/obrazky-pro-socialni-site/#hierarchie-nahranych-obrazku" } --- # Obrázky pro sociální sítě ## Obrázek pro sociální sítě (og:image) Vkládání obrázku pro sociální sítě využijete, pokud přidáváte články z vašeho blogu nebo kategorie s produkty na vaší facebookovou stránku. U těchto příspěvků máte možnost nastavit vlastní **og:image**, tedy obrázek, který Facebook načte do odkazu a zobrazí ho v příspěvku. Tím vám odpadne starost s řešením obrázku a příspěvek můžete vytvořit daleko rychleji. Zároveň se obrázek zobrazí vždy, když někdo váš článek nebo kategorii kdekoliv zmíní a sdílí (obrázek 01). ![Obrázek 01](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/cz/8239727944466-01-obrazek-socialni-site-facebook.png) Možnost vložit vlastní obrázek je dostupná na těchto stránkách: * kategorie, * stránky, * články v rubrice, * nastavení rubriky. Pokud nenahrajete vlastní obrázek, načte se ten, který se používal doposud. Podrobnější informace najdete v tabulce v kapitole [Hierarchie nahraných obrázků](https://podpora.shoptet.cz/obrazky-pro-socialni-site/#hierarchie-nahranych-obrazku). > **Info** > > Specifikaci pro vhodnou velikost a poměr stran obrázku og:image najdete v nápovědě Facebooku v článku [Images in Link Shares](https://developers.facebook.com/docs/sharing/webmasters/images/). > > Facebook doporučuje velikost do 8 MB. Na Shoptetu je však možné nahrát obrázek pouze do velikosti 1 MB. ## Kde obrázek pro sociální sítě nastavit? #### Kategorie V umístění **Produkty → Kategorie** na záložce **Kategorie produktu** klikněte na danou kategorii. Tím otevřete její detail. V detailu pak přejděte na záložku **Pokročilé** (obrázek 02). ![Obrázek 02](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/cz/8239128304914-02-nahledovy-obrazek-kategorie.png) #### Stránky V umístění **Vzhled a obsah → Stránky** klikněte na konkrétní stránku. Tím otevřete její detail. V detailu pak klikněte na záložku **Pokročilé**. #### Články v rubrice V umístění **Vzhled a obsah → Články** přejděte na záložku s danou rubrikou. Poté klikněte na daný článek. Tím otevřete jeho detail. V detailu pak přejděte na záložku **Pokročilé**. #### Nastavení rubriky V umístění **Vzhled a obsah → Články** přejděte na záložku s danou rubrikou. Nahoře klikněte na modré tlačítko **Upravit rubriku**. Přejděte na záložku **Pokročilé**. > **Tip** > > Pro případ, že se vám hned po úpravě náhledového obrázku neprojeví při sdílení na Facebooku změna, použijte nástroj [Sharing Debuger](https://developers.facebook.com/tools/debug/). Facebooku chvíli trvá, než si změny v nastavení vaší stránky uloží. V nástroji zadejte do lišty URL vašeho e-shopu ve tvaru `www.domena-eshopu.cz`. V řádku **Time Scraped** klikněte na tlačítko **Scrape Again**. Je možné, že se změny projeví až po několikátém stisknutí tlačítka. Nový obrázek, který jste nastavili v administraci e-shopu, uvidíte v řádku **Link Preview**. ## Hierarchie nahraných obrázků V níže uvedené tabulce najdete, v jaké logické posloupnosti se zobrazí obrázky nahrané na e-shopu ve facebookovém příspěvku. Pokud je nahraný, pak dostane přednost obrázek **og:image**. Pokud nahraný není, dostanou se na řadu jiné obrázky v níže uvedeném pořadí. | Stránka | Na 1. místě | Na 2. místě | Na 3. místě | Na 4. místě | Na 5. místě | | --- | --- | --- | --- | --- | --- | | **Detail produktu** | obrázek produktu | – | náhledový obrázek pro sociální sítě | obrázek v záhlaví | logo | | **Kategorie produktů** | og:image | originální obrázek kategorie | náhledový obrázek pro sociální sítě | obrázek v záhlaví | logo | | **Článek v rubrice** | og:image | obrázek článku | náhledový obrázek pro sociální sítě | obrázek v záhlaví | logo | | **Rubrika** | og:image | – | náhledový obrázek pro sociální sítě | obrázek v záhlaví | logo | | **Stránky** | og:image | – | náhledový obrázek pro sociální sítě | obrázek v záhlaví | logo | | **Vše ostatní** | – | – | náhledový obrázek pro sociální sítě | obrázek v záhlaví | logo | Obrázek v záhlaví a logo nastavíte v sekci **Vzhled a obsah → Editor** na záložce **Editor vzhledu**. Náhledový obrázek pro sociální sítě nastavíte v **Vzhled a obsah → Titulní strana** v sekci **Pokročilé**. Obrázek článku nastavíte v detailu článku na záložce **Obecné informace** v sekci **Obrázek**. Originální obrázek pro kategorie produktů se ovlivňuje v **Nastavení → Produkty** **→ Zobrazení** v sekci **Zobrazení kategorie**. U políčka Náhledový obrázek pro sociální sítě máte tyto možnosti: * **Titulní strana e-shopu**: zobrazí náhledový obrázek pro sociální sítě z **Titulní strany**. * **Originální obrázek kategorie**: zobrazí obrázek kategorie, která se vkládá v detailu kategorie na záložce **Obecné informace** v sekci **Obrázek kategorie**.