Pro embedy na Discordu
Podívejte se, jak Discord vloží vaši URL do kanálu nebo soukromé zprávy.
Bez platební karty · Tarif Free napořád
Discord čte metadata Open Graph a oEmbed a sestaví z nich kartu embedu, kterou vidíte v kanálech. Tento nástroj kontroluje, jak se odkaz vloží do zprávy na Discordu. Náhledy serverů ani pozvánek na servery nezobrazuje.
Embedy se ukládají do mezipaměti pro každý server zvlášť. Když zprávu upravíte, Discord metadata načte znovu.
Discord zdroje metadat vrství: nejdřív oEmbed u webů, které ho poskytují (tak získávají přehratelné embedy odkazy z YouTube a Spotify), pak Open Graph a nakonec holé HTML. U běžného webu ovlivňujete tagy OG: og:title, og:description, og:image a volitelně og:site_name, který Discord zobrazuje nad názvem v kartě embedu.
Discord má jeden opravdu jedinečný tag, který se běžně používá: theme-color. Hodnota meta name='theme-color' se stane barevným proužkem na levé straně embedu, malou svislou čárou, díky které embed působí jako součást značky. Stojí jeden řádek HTML a je to nejlevnější vylepšení vzhledu pro odkazy sdílené v komunitách na Discordu.
Obrázky Discord zpracovává jinak než ostatní platformy, a to užitečně: og:image se v těle embedu zobrazí jako velký obrázek, zatímco twitter:card=summary způsobí, že Discord obrázek vykreslí jako malou miniaturu vedle textu. Pokud odkazy místo kompaktní karty ukazují obří obrázek (nebo naopak), řešení obvykle leží právě v souhře těchto dvou rodin tagů.
Většina uživatelů vidí embedy Discordu na tmavém pozadí (světlý motiv existuje, ale v kultuře Discordu převládá tmavý). Obrázky pro sdílení navržené pro bílé feedy, tedy tmavý text na průhledném nebo bílém pozadí, mohou v embedu vypadat vybledle nebo úplně zmizet. Pokud jsou pro vás komunity na Discordu skutečný kanál, zkontrolujte og:image na tmavém pozadí.
U herních produktů, vývojářských nástrojů a komunitních produktů je Discord často místem, kde se odkazy sdílejí nejvíc, a velkou část sdílení obstarávají boti a webhooky. Odkazy, které pošlou boti, se rozbalují podle stejných pravidel OG jako odkazy od lidí, ale boti umí přes API sestavit i vlastní bohaté embedy, které vaše tagy OG úplně ignorují. Než začnete ladit, zjistěte, který mechanismus vaše integrace používá, abyste neladili ten špatný.
Pokud karta nevypadá správně, příčinou bývají tagy stránky nebo přesměrování před ní. Článek Jak opravit náhledy odkazů v Open Graph prochází tagy, které čtou jednotlivé platformy, kontrola přesměrování ukáže, zda scraper prochází několika kroky, než se dostane na vaši stránku, a skóre důvěryhodnosti odkazu prozradí, zda je označen jako rizikový samotný cíl. Pojmy (og:image, canonical, unfurl) vysvětluje slovník pojmů. Srozumitelná kontrola náhledu odkazu ukazuje hotovou kartu pro osm platforem najednou.
Zkontrolujte, že odkazy na spuštění vypadají v #announcements upraveně. V mnoha komunitách kartu embedu vidí víc lidí než samotný web.
Ověřte, že se odkazy sdílené vaším botem zobrazí se správným obrázkem a textem, a zjistěte, zda bot spoléhá na rozbalení z OG, nebo na embedy sestavené přes API.
Odhalte zavádějící nebo rozbité náhledy dřív, než se rozšíří. Podle embedu členové odkaz posuzují jako první.
Zkontrolujte čitelnost og:image na tmavém pozadí Discordu, kde se podklady optimalizované pro bílé feedy často rozpadají.
Ověřte, že je nastavený tag theme-color, aby vaše embedy nesly barevný proužek vaší značky na každém serveru, kde se sdílejí.
Předem nastavené varianty pro konkrétní platformy a případy použití.
Pro sdílení na LinkedInu
Podívejte se, jak bude vaše URL vypadat při sdílení na LinkedInu, ještě než příspěvek zveřejníte.
Otevřít variantuPro náhledy ve Slacku
Zjistěte, jak se vaše adresa URL rozbalí do náhledu ve zprávách a kanálech Slacku.
Otevřít variantuPro karty X / Twitter
Podívejte se, jak se vaše adresa URL zobrazí na síti X jako Twitter Card.
Otevřít variantuPro sdílení na Facebooku
Zjistěte, jak se vaše URL zobrazí v příspěvku nebo sdílení na Facebooku.
Otevřít variantuPro chaty ve WhatsAppu
Podívejte se, jaký titulek, popis a miniaturu WhatsApp ukáže, když odkaz vložíte do chatu.
Otevřít variantuPro zprávy v Telegramu
Podívejte se, jak Telegram zobrazí vaši adresu URL v chatech, skupinách a kanálech.
Otevřít variantuPro bohaté odkazy v iMessage
Podívejte se na kartu bohatého odkazu, kterou aplikace Zprávy od Applu sestaví z og:title a og:image.
Otevřít variantu