feat: add opengraph

This commit is contained in:
Derrick Hammer 2023-08-18 21:59:12 -04:00
parent fe8e3af2de
commit 45bc16bc1e
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
2 changed files with 18 additions and 1 deletions

BIN
src/assets/opengraph.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

View File

@ -2,6 +2,7 @@
import '../styles/global.scss'; import '../styles/global.scss';
import Navbar from '../components/Layout/Navbar/Navbar.jsx'; import Navbar from '../components/Layout/Navbar/Navbar.jsx';
import Footer from '../components/Layout/Footer/Footer.astro'; import Footer from '../components/Layout/Footer/Footer.astro';
import opengraph from "/src/assets/opengraph.png";
export interface Props { export interface Props {
view: string; view: string;
@ -9,6 +10,9 @@ export interface Props {
} }
const {view, title} = Astro.props; const {view, title} = Astro.props;
const description =
"Access the open, user-owned web with Lume Web, and make it yours.";
const url = "https://web3extension.io";
--- ---
<!DOCTYPE html> <!DOCTYPE html>
@ -17,10 +21,23 @@ const {view, title} = Astro.props;
<title>{title}</title> <title>{title}</title>
<meta <meta
name="description" name="description"
content="Access the open, user-owned web with Lume Web, and make it yours" content={description}
/> />
<meta name="keywords" <meta name="keywords"
content="Web3 Extension, web3 browser, Lume Web, Web3, dWeb, p2p, handshake, eth, ethereum, ipfs, open web, privacy, decentralization, blockchain"/> content="Web3 Extension, web3 browser, Lume Web, Web3, dWeb, p2p, handshake, eth, ethereum, ipfs, open web, privacy, decentralization, blockchain"/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={url} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<meta property="og:image" content={opengraph.src} />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={url} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta property="twitter:image" content={opengraph.src} />
<!-- Matomo --> <!-- Matomo -->
<script> <script>
var _paq = window._paq = window._paq || []; var _paq = window._paq = window._paq || [];