update metadata

MeshJS · Oct 17, 2024 · 26d7c7f · 26d7c7f
1 parent 5ca3e54
commit 26d7c7f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/apps/playground/src/components/site/metatags.tsx b/apps/playground/src/components/site/metatags.tsx
@@ -17,23 +17,31 @@ export default function Metatags({
   }
   if (keywords === undefined) {
     keywords =
-      "developer, tools, cardano, blockchain, sdk, plutus, crypto, web3, metaverse, gaming, ecommerce, nfts, apis";
+      "developer, tools, cardano, blockchain, sdk, plutus, crypto, web3, metaverse, gaming, ecommerce, nfts, apis, aiken";
   }
   if (title === undefined) {
-    title = "Web3 Development Made Easy";
+    title = "Cardano Web3 TypeScript SDK & off-chain Framework";
   }
 
-  title = title + " - MeshJS";
+  title = title + " - Mesh JS";
 
   return (
     <Head>
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <meta charSet="utf-8" />
 
       <title>{title}</title>
-
-      <meta name="keywords" content={keywords} />
       <meta name="description" content={description} />
+      <meta name="keywords" content={keywords} />
+
+      <meta property="og:title" content={title} />
+      <meta property="og:site_name" content={title} />
+      <meta property="og:type" content="website" />
+      <meta property="og:description" content={description} />
+      {image && (
+        <meta property="og:image" content={`https://meshjs.dev${image}`} />
+      )}
+      {image && <meta property="og:image:alt" content={title} />}
 
       <meta name="twitter:card" content="summary_large_image" />
       <meta name="twitter:site" content="@meshsdk" />
@@ -45,14 +53,6 @@ export default function Metatags({
       )}
       {image && <meta name="twitter:image:alt" content={title} />}
 
-      <meta property="og:title" content={title} />
-      <meta property="og:type" content="article" />
-      <meta property="og:site_name" content="Mesh Playground" />
-      <meta property="og:description" content={description} />
-      {image && (
-        <meta property="og:image" content={`https://meshjs.dev${image}`} />
-      )}
-
       <link
         rel="apple-touch-icon"
         sizes="180x180"

diff --git a/apps/playground/src/pages/home/index.tsx b/apps/playground/src/pages/home/index.tsx
@@ -12,7 +12,7 @@ export default function HomePage() {
     <div className="flex flex-col gap-4">
       <HeroTwoSections
         title="Build applications on Cardano with ease"
-        description="Mesh is an open-source library providing numerous tools to easily build powerful dApps on the Cardano blockchain."
+        description="Mesh is a TypeScript open-source library providing numerous tools to easily build powerful dApps on the Cardano blockchain."
         link={{ label: "Get started", href: "/getting-started" }}
         image={
           <div className="col-span-6 hidden lg:block h-96">