Merge pull request #554 from ethersphere/set-meta-tags

add meta tags and preview image
ethersphere · Feb 19, 2024 · fde9250 · fde9250
2 parents 704f10a + 3a49f4f
commit fde9250
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 1 deletion.
diff --git a/docs/bee/installation/install.md b/docs/bee/installation/install.md
@@ -6,13 +6,26 @@ id: install
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
+<head>
+  <title>Head Metadata customized title!</title>
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:image" content="https://raw.githubusercontent.com/ethersphere/bee-docs/set-meta-tags/static/img/preview-image.png" />
+  <meta property="og:image" content="https://raw.githubusercontent.com/ethersphere/bee-docs/set-meta-tags/static/img/preview-image.png" />
+  <meta property="og:image:alt" content="Front page of the Bee client docs site" />
+  <meta property="og:title" content="Home of the official Bee client docs" />
+  <meta property="og:description" content="How to operate and manage a Bee client for the Swarm network" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://test-twitter-preview-testing-3.netlify.app/docs/bee/installation/install" />
+</head>
+
+
 It is easy to set up a Bee light node on small and inexpensive computers, such as a Raspberry Pi 4, spare hardware you have lying around, or even a cheap cloud hosted VPS (we recommend small, independent providers and colocations). When running a full node however, it's important to meet the minimum required specifications.
 
 ## Recommended Hardware Specifications
 
 ### Full Nodes
 
-Minimum recommended specifications for each full node:
+Minimum recommended specificati ons for each full node:
 
 - Dual core, recent generation, 2ghz processor 
 - 8gb RAM

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import Layout from '@theme/Layout';
+import Head from '@docusaurus/Head';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
@@ -12,6 +13,16 @@ function Home() {
   const {siteConfig = {}} = context;
   return (
     <Layout title="Welcome" description="Hello and welcome to Swarm! 🐝">
+      <Head>
+        <meta property="og:image" content="https://raw.githubusercontent.com/ethersphere/bee-docs/set-meta-tags/static/img/preview-image.png" />
+        <meta property="og:image:alt" content="Front page of the Bee client docs site" />
+        <meta property="og:title" content="Home of the official Bee client docs" />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://test-twitter-preview-testing-3.netlify.app/"/>
+        <meta property="og:description" content="How to operate and manage a Bee client for the Swarm network" />
+        <meta name="twitter:image" content="https://raw.githubusercontent.com/ethersphere/bee-docs/set-meta-tags/static/img/preview-image.png" />
+        <meta name="twitter:card" content="summary_large_image" />      
+      </Head>
       <div className={styles.titleContainer}>
         <h1 className={styles.mainTitle}>Swarm Documentation</h1>
         <p className={styles.subTitle}>Official documentation of the decentralised data storage and distribution protocol built to power the next generation of censorship-resistant, unstoppable, serverless dapps.</p>

diff --git a/static/img/preview-image.png b/static/img/preview-image.png
diff --git a/static/robots.txt b/static/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: