config-image-previews
Backlinks
Web
Configuring image previews for different websites. This is surprisinglyhard - and, of course, many websites do not follow the open graphprotocol specification precisely - so workarounds and additional tagsare necessary to supply the HTML needed ot make this happen on any page.
There are two standards: the "Open Graph Protocol" specification (from\`Meta\`) and the "Twitter Card" specification (guess who made thisone). Most other services follow one specification or another to displaypreviews of website information, so both have to be adhered to.
Some services such as Signal do not use the open graph protocol forpreviews; rather, they rely on linking an 'icon' attribute to the site.Consider the sourcecode.This assumes that the icon to display for the website is linked as afavicon in the header of the precise page we are using. The Signal codemanually parses the header of the website for the icon and displays it.
Resources
Open Graph Protocol
- Open Graph Protocol Specification
- Need Facebook App ID for proper scraping for IG andFacebook
- Getting Facebook App ID for Facebookmeta
- Facebook SharingDebugger
- Fixing Facebook Linkpreview