tyiu/sats-price
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Add Open Graph/Twitter preview meta tags to website and web app
Deploy website to GitHub Pages / deploy (push) Canceled after 0s
Details

Browse Source 
Neither page had og:image/twitter:image tags, so link previews (iMessage,
Slack, Discord, etc.) fell back to scraping a screenshot off the page.
Point both at the app icon instead.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
tyiu
2026-09-15 22:09:54 +03:00
co-authored by Claude Sonnet 5
parent a0dce39925
commit 97e3a34476
2 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webApp/src/webMain/resources/index.html
+15
View File
@@ -4,6 +4,21 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SatsPrice</title> <title>SatsPrice</title>
<meta name="description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://satsprice.app/app/">
<meta property="og:title" content="SatsPrice">
<meta property="og:description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko.">
<meta property="og:image" content="https://satsprice.app/assets/app-icon.png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="SatsPrice">
<meta name="twitter:description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko.">
<meta name="twitter:image" content="https://satsprice.app/assets/app-icon.png">
<link type="text/css" rel="stylesheet" href="styles.css"> <link type="text/css" rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" sizes="any"> <link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="favicon-192.png" sizes="192x192"> <link rel="icon" type="image/png" href="favicon-192.png" sizes="192x192">
website/index.html
+14
View File
@@ -5,6 +5,20 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SatsPrice — Bitcoin Price &amp; Sats Converter</title> <title>SatsPrice — Bitcoin Price &amp; Sats Converter</title>
<meta name="description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko. Free and open source for Android, iOS, macOS, and Web." /> <meta name="description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko. Free and open source for Android, iOS, macOS, and Web." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://satsprice.app/" />
<meta property="og:title" content="SatsPrice — Bitcoin Price &amp; Sats Converter" />
<meta property="og:description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko. Free and open source for Android, iOS, macOS, and Web." />
<meta property="og:image" content="https://satsprice.app/assets/app-icon.png" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="1024" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="SatsPrice — Bitcoin Price &amp; Sats Converter" />
<meta name="twitter:description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko. Free and open source for Android, iOS, macOS, and Web." />
<meta name="twitter:image" content="https://satsprice.app/assets/app-icon.png" />
<link rel="icon" href="assets/app-icon.png" type="image/png" /> <link rel="icon" href="assets/app-icon.png" type="image/png" />
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
</head> </head>