Per a les insercions de Discord
Vegeu com Discord insereix l'URL en un canal o en un missatge directe.
Sense targeta de crèdit · Pla Free, gratuït per sempre
Discord llegeix les metadades Open Graph i oEmbed per construir la targeta inserida que veieu als canals. Aquesta eina comprova com s'insereix un enllaç en un missatge de Discord; no previsualitza servidors ni invitacions a servidors.
Les insercions es desen a la memòria cau per servidor. Editeu el missatge per obligar Discord a tornar a obtenir les metadades.
Discord combina diverses fonts de metadades per ordre: primer oEmbed per als llocs que el publiquen (així és com els enllaços de YouTube i Spotify tenen insercions reproduïbles), després Open Graph i, com a últim recurs, l'HTML en brut. En un lloc web normal, el que controleu són les etiquetes OG: og:title, og:description, og:image i, opcionalment, og:site_name, que Discord mostra a sobre del títol a la targeta inserida.
Discord té una etiqueta realment pròpia que s'utilitza sovint: theme-color. El valor de meta name='theme-color' es converteix en la franja de color de l'esquerra de la inserció, la barreta vertical que dona a una inserció un aire de marca. Costa una línia d'HTML i és el retoc més barat per als enllaços que circulen per comunitats de Discord.
La gestió de les imatges és diferent de la d'altres plataformes, i resulta útil: og:image es mostra com una imatge gran al cos de la inserció, mentre que twitter:card=summary fa que Discord mostri la imatge com una miniatura petita al costat del text. Si els enllaços mostren una imatge enorme on volíeu una targeta compacta (o a l'inrevés), normalment la clau és aquesta interacció entre les dues famílies d'etiquetes.
La majoria d'usuaris veuen les insercions de Discord sobre un fons fosc (hi ha tema clar, però a Discord predomina el fosc). Les imatges pensades per a feeds blancs, amb text fosc sobre fons transparent o blanc, poden quedar esvaïdes o fins i tot invisibles en una inserció. Si les comunitats de Discord són un canal important per a la marca, comproveu com queda l'og:image sobre un fons fosc.
Per als productes de jocs, d'eines per a desenvolupadors i de comunitats, Discord sovint és el lloc on es comparteixen més enllaços, i bona part d'aquesta compartició la fan bots i webhooks. Els enllaços que publiquen els bots es despleguen amb les mateixes regles OG que els que publiquen les persones, però els bots també poden crear amb l'API insercions personalitzades que ignoren del tot les etiquetes OG. Abans de depurar, comproveu quin mecanisme fa servir la vostra integració, per no depurar el que no toca.
Si la targeta no es veu bé, la causa sol ser les etiquetes de la pàgina o una redirecció que hi ha al davant. Com corregir les previsualitzacions d'Open Graph repassa les etiquetes que llegeix cada plataforma, el verificador de redireccions mostra si un rastrejador fa diversos salts abans d'arribar a la pàgina, i la puntuació de confiança de l'enllaç indica si la mateixa destinació està marcada com a perillosa. Per al vocabulari (og:image, canonical, unfurl), vegeu el glossari. El verificador de previsualitzacions d'enllaços, sense tecnicismes, mostra la targeta final de vuit plataformes alhora.
Assegureu-vos que els enllaços de llançament es vegin ben acabats a #announcements: en moltes comunitats, hi ha més gent que veu la targeta inserida que no pas el lloc web.
Comproveu que els enllaços que comparteix el bot es mostrin amb la imatge i el text correctes, i esbrineu si el bot depèn del desplegament OG o d'insercions creades amb l'API.
Detecteu previsualitzacions enganyoses o trencades abans que s'escampin: la inserció és el primer que els membres miren per jutjar un enllaç.
Comproveu que l'og:image es llegeixi bé sobre el fons fosc de Discord, on els recursos pensats per a feeds blancs sovint no funcionen.
Confirmeu que theme-color està definit perquè les insercions portin la franja de color de la marca a tots els servidors on es comparteixin.
Variants preconfigurades i ajustades a plataformes i casos d'ús concrets.
Per a les publicacions a LinkedIn
Vegeu com es veu l'URL quan es comparteix a LinkedIn, abans de publicar-lo.
Obre la variantPer a les previsualitzacions de Slack
Comproveu com es previsualitza el vostre URL als missatges i canals de Slack.
Obre la variantPer a X i les Twitter Cards
Vegeu com es mostra el vostre URL com a Twitter Card a X.
Obre la variantPer a les publicacions a Facebook
Comproveu com es mostrarà l'URL en una publicació o en un enllaç compartit a Facebook.
Obre la variantPer a xats de WhatsApp
Vegeu el títol, la descripció i la miniatura que mostra WhatsApp quan s'enganxa un enllaç en un xat.
Obre la variantPer a missatges de Telegram
Vegeu com mostra Telegram el vostre URL en xats, grups i canals.
Obre la variantPer als enllaços enriquits d'iMessage
Vegeu la targeta d'enllaç enriquit que Missatges d'Apple crea a partir d'og:title i og:image.
Obre la variantL'eina Verificador de previsualitzacions i insercions de Discord és només el començament. Creeu un espai de treball gratuït de LinkPilot per seguir cada clic, organitzar els enllaços i compartir secrets de manera segura amb l'equip.
Sense targeta de crèdit · Pla Free, gratuït per sempre