LumeWeb
/
lumeweb.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: add opengraph seo

This commit is contained in:
Derrick Hammer 2023-08-15 05:38:45 -04:00
parent 9152c08f80
commit 45a4a8d712
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
2 changed files with 53 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/opengraph.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

22
src/layouts/Layout.astro
View File

@ -1,5 +1,6 @@
---
import "../styles/global.scss";
import opengraph from "/src/assets/opengraph.png";
import Navbar from "../components/Layout/Navbar/Navbar.astro";
import Footer from "../components/Layout/Footer/Footer.astro";
import JoinCommunity from "../components/Layout/JoinCommunity/JoinCommunity.astro";
@ -10,6 +11,8 @@ export interface Props {
}
const {view, title} = Astro.props;
const description = "A platform, network and experience that allows you to control and own your online web, and access all of the possibilities Web3 has to offer. Join the open web.";
const url = "https://lumeweb.com";
---
<!DOCTYPE html>
@ -23,12 +26,26 @@ const { view, title } = Astro.props;
/>
<meta
name="description"
content="A platform, network and experience that allows you to control and own your online web, and access all of the possibilities Web3 has to offer. Join the open web."
content=""
/>
<meta
name="keywords"
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 -->
<script is:inline>
var _paq = (window._paq = window._paq || []);
@ -54,7 +71,8 @@ const { view, title } = Astro.props;
<main class={view + " space-y-40 overflow-x-hidden relative "}>
<slot/>
</main>
{view !== "home" && <JoinCommunity />}
{view !== "home" &&
<JoinCommunity/>}
<Footer/>
</body>
</html>