add meta titles to md pages and few react pages

pettinarip · pettinarip · commit 62a31db3406e · 2024-10-24T11:43:26.000+02:00
diff --git a/public/content/dao/index.md b/public/content/dao/index.md
@@ -1,5 +1,6 @@
 ---
-title: Decentralized autonomous organizations (DAOs)
+title: What is a DAO?
+metaTitle: Decentralized Autonomous Organizations
 description: An overview of DAOs on Ethereum
 lang: en
 template: use-cases
diff --git a/public/content/defi/index.md b/public/content/defi/index.md
@@ -1,5 +1,6 @@
 ---
 title: Decentralized finance (DeFi)
+metaTitle: What is DeFi?
 description: An overview of DeFi on Ethereum
 lang: en
 template: use-cases
diff --git a/public/content/developers/docs/gas/index.md b/public/content/developers/docs/gas/index.md
@@ -1,5 +1,6 @@
 ---
 title: Gas and fees
+metaTitle: Ethereum gas and fees: technical overview
 description:
 lang: en
 ---
diff --git a/public/content/guides/how-to-use-a-wallet/index.md b/public/content/guides/how-to-use-a-wallet/index.md
@@ -1,5 +1,6 @@
 ---
 title: How to use a wallet
+metaTitle: How to use Ethereum Wallets
 description: A guide explaining how to send, receive tokens and connect to web3 projects.
 lang: en
 ---
diff --git a/public/content/nft/index.md b/public/content/nft/index.md
@@ -1,5 +1,6 @@
 ---
 title: Non-fungible tokens (NFT)
+metaTitle: What are NFTs?
 description: An overview of NFTs on Ethereum
 lang: en
 template: use-cases
diff --git a/public/content/smart-contracts/index.md b/public/content/smart-contracts/index.md
@@ -1,5 +1,6 @@
 ---
 title: Smart contracts
+metaTitle: Smart contracts: What are they and benefits
 description: A non-technical introduction to smart contracts
 lang: en
 ---
diff --git a/src/intl/en/page-gas.json b/src/intl/en/page-gas.json
@@ -1,5 +1,5 @@
 {
-  "page-gas-meta-title": "Gas fees on Ethereum: how do they work?",
+  "page-gas-meta-title": "Ethereum fees: what is gas and how to pay less?",
   "page-gas-meta-description": "Learn about gas on Ethereum: how they work and how to pay less in gas fees",
   "page-gas-hero-title": "Gas fees",
   "page-gas-hero-header": "Network fees",
diff --git a/src/intl/en/page-get-eth.json b/src/intl/en/page-get-eth.json
@@ -46,7 +46,7 @@
   "page-get-eth-hero-image-alt": "Get ETH hero image",
   "page-get-eth-keep-it-safe": "Keeping your ETH safe",
   "page-get-eth-meta-description": "How to buy ETH based on where you live and advice on how to look after it.",
-  "page-get-eth-meta-title": "How to get ETH",
+  "page-get-eth-meta-title": "How to buy Ethereum (ETH)",
   "page-get-eth-need-wallet": "You will need a wallet to use a DEX.",
   "page-get-eth-new-to-eth": "New to ETH? Here's an overview to get you started.",
   "page-get-eth-other-cryptos": "Buy with other crypto",
diff --git a/src/intl/en/page-layer-2.json b/src/intl/en/page-layer-2.json
@@ -5,6 +5,7 @@
   "layer-2-base-note": "Fraud proof system is currently under development",
   "layer-2-metadata-description": "Introduction page to layer 2",
   "layer-2-hero-title": "Layer 2",
+  "layer-2-hero-meta-title": "Intro to Ethereum Layer 2: benefits and uses",
   "layer-2-hero-header": "Ethereum for everyone",
   "layer-2-hero-subtitle": "Scaling Ethereum for mass adoption.",
   "layer-2-hero-alt-text": "Illustration of transactions being rolled up on layer 2 and posted to Ethereum Mainnet",
diff --git a/src/intl/en/page-learn.json b/src/intl/en/page-learn.json
@@ -10,6 +10,7 @@
   "hero-header": "Learn about Ethereum",
   "hero-subtitle": "Your educational guide to the world of Ethereum. Learn how Ethereum works and how to connect to it. This page includes technical and non-technical articles, guides, and resources.",
   "hero-button-lets-get-started": "Let's get started",
+  "page-learn-meta-title": "Ethereum: A Comprehensive Learning Guide",
   "what-is-crypto-1": "You may have heard about cryptocurrencies, blockchains and Bitcoin. The links below will help you learn what they are and how they relate to Ethereum.",
   "what-is-crypto-2": "Cryptocurrencies, such as bitcoin, enable anyone to transfer money globally. Ethereum does too, but it can also run code that enables people to create apps and organizations. It’s both resilient and flexible: any computer program can run on Ethereum. Learn more and find out how to get started:",
   "what-is-ethereum-card-title": "What is Ethereum?",
diff --git a/src/intl/en/page-run-a-node.json b/src/intl/en/page-run-a-node.json
@@ -111,6 +111,7 @@
   "page-run-a-node-sovereignty-1": "An Ethereum wallet allows you to take full custody and control of your digital assets by holding the private keys to your addresses, but those keys don't tell you the current state of the blockchain, such as your wallet balance.",
   "page-run-a-node-sovereignty-2": "By default, Ethereum wallets typically reach out to a 3rd-party node, such as Infura or Alchemy, when looking up your balances. Running your own node allows you to have your own copy of the Ethereum blockchain.",
   "page-run-a-node-title": "Run a node",
+  "page-run-a-node-meta-title": "How to Run an Ethereum Node",
   "page-run-a-node-voice-your-choice-title": "Voice your choice",
   "page-run-a-node-voice-your-choice-preview": "Don't give up control in the event of a fork.",
   "page-run-a-node-voice-your-choice-1": "In the event of a chain fork, where two chains emerge with two different sets of rules, running your own node guarantees your ability to choose which set of rules you support. It's up to you to upgrade to new rules and support proposed changes, or not.",
diff --git a/src/intl/en/page-stablecoins.json b/src/intl/en/page-stablecoins.json
@@ -131,6 +131,7 @@
   "page-stablecoins-stablecoins-table-type-precious-metals-backed": "Precious metals",
   "page-stablecoins-table-error": "Couldn't load stablecoins. Try refreshing the page.",
   "page-stablecoins-title": "Stablecoins",
+  "page-stablecoins-meta-title": "Stablecoins explained: What are they for?",
   "page-stablecoins-top-coins": "Top stablecoins by market capitalisation",
   "page-stablecoins-top-coins-intro": "Market capitalisation is",
   "page-stablecoins-top-coins-intro-code": "the total number of tokens that exist multiplied by the value per token. This list is dynamic and the projects listed here are not necessarily endorsed by the ethereum.org team.",
diff --git a/src/intl/en/page-staking.json b/src/intl/en/page-staking.json
@@ -232,7 +232,7 @@
   "page-staking-join-community": "Join the staker community",
   "page-staking-join-community-desc": "EthStaker is a community for everyone to discuss and learn about staking on Ethereum. Join tens of thousands of members from around the globe for advice, support, and to talk all things staking.",
   "page-staking-meta-description": "An overview of Ethereum staking: the risks, rewards, requirements, and where to do it.",
-  "page-staking-meta-title": "Ethereum staking",
+  "page-staking-meta-title": "Ethereum staking: How does it work?",
   "page-staking-withdrawals-important-notices": "Important notices",
   "page-staking-withdrawals-important-notices-desc": "Withdrawals are not yet available. Please read the <a href=\"https://blog.ethereum.org/2021/12/01/eth2-merge-and-post-merge-faq/\" target=\"_blank\">Eth2 Merge and post-merge FAQ</a> for more information.",
   "page-upgrades-merge-btn": "More on The Merge",
diff --git a/src/intl/en/page-wallets-find-wallet.json b/src/intl/en/page-wallets-find-wallet.json
@@ -5,7 +5,7 @@
   "page-find-wallet-description": "Wallets store and transact your ETH. You can choose from a variety of products that tailor to your needs.",
   "page-find-wallet-last-updated": "Last updated",
   "page-find-wallet-meta-description": "Find and compare Ethereum wallets based on the features you want.",
-  "page-find-wallet-meta-title": "Find an Ethereum Wallet",
+  "page-find-wallet-meta-title": "List of Ethereum Wallets",
   "page-find-wallet-title": "Choose your wallet",
   "page-find-wallet-try-removing": "Try removing a feature or two",
   "page-stake-eth": "Stake ETH",
diff --git a/src/intl/en/page-wallets.json b/src/intl/en/page-wallets.json
@@ -28,7 +28,7 @@
   "page-wallets-manage-funds": "An app for managing your funds",
   "page-wallets-manage-funds-desc": "Your wallet shows your balances, transaction history and gives you a way to send/receive funds. Some wallets may offer more.",
   "page-wallets-meta-description": "What you need to know to use Ethereum wallets.",
-  "page-wallets-meta-title": "Ethereum wallets",
+  "page-wallets-meta-title": "Ethereum wallets: Buy, Store and Send crypto",
   "page-wallets-mobile": "<b>Mobile applications</b> that make your funds accessible from anywhere",
   "page-wallets-more-on-dapps-btn": "More on dapps",
   "page-wallets-most-wallets": "Most wallet products will let you generate an Ethereum account. So you don't need one before you download a wallet.",
diff --git a/src/lib/interfaces.ts b/src/lib/interfaces.ts
@@ -23,6 +23,7 @@ export interface DeveloperDocsLink {
  */
 export interface SharedFrontmatter {
   title: string
+  metaTitle?: string
   description: string
   lang: Lang
   sidebarDepth?: number
diff --git a/src/pages/[...slug].tsx b/src/pages/[...slug].tsx
@@ -265,7 +265,7 @@ ContentPage.getLayout = (page) => {
   return (
     <Layout {...layoutProps}>
       <PageMetadata
-        title={frontmatter.title}
+        title={frontmatter.metaTitle ?? frontmatter.title}
         description={frontmatter.description}
         image={frontmatter.image}
         author={frontmatter.author}
diff --git a/src/pages/layer-2.tsx b/src/pages/layer-2.tsx
@@ -259,7 +259,7 @@ const Layer2Page = () => {
   return (
     <Flex as={MainArticle} flexDirection="column" alignItems="center">
       <PageMetadata
-        title={t("layer-2-hero-title")}
+        title={t("layer-2-hero-meta-title")}
         description={t("layer-2-metadata-description")}
         image="/images/heroes/layer-2-hub-hero.jpg"
       />
diff --git a/src/pages/learn.tsx b/src/pages/learn.tsx
@@ -204,7 +204,7 @@ const LearnPage = () => {
   return (
     <div className="relative w-full">
       <PageMetadata
-        title={t("common:learn-hub")}
+        title={t("page-learn-meta-title")}
         description={t("hero-subtitle")}
         image="/images/heroes/learn-hub-hero.png"
       />
diff --git a/src/pages/run-a-node.tsx b/src/pages/run-a-node.tsx
@@ -431,7 +431,7 @@ const RunANodePage = () => {
   return (
     <GappedPage>
       <PageMetadata
-        title={t("page-run-a-node-title")}
+        title={t("page-run-a-node-meta-title")}
         description={t("page-run-a-node-meta-description")}
         image="/images/run-a-node/ethereum-inside.png"
       />
diff --git a/src/pages/stablecoins.tsx b/src/pages/stablecoins.tsx
@@ -424,7 +424,7 @@ const StablecoinsPage = ({ markets, marketsHasError }) => {
   return (
     <Page as={MainArticle}>
       <PageMetadata
-        title={t("page-stablecoins-title")}
+        title={t("page-stablecoins-meta-title")}
         description={t("page-stablecoins-meta-description")}
         image="/images/stablecoins/hero.png"
       />

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "page-gas-meta-title": "Gas fees on Ethereum: how do they work?",`
	`2`	`+ "page-gas-meta-title": "Ethereum fees: what is gas and how to pay less?",`
`3`	`3`	`"page-gas-meta-description": "Learn about gas on Ethereum: how they work and how to pay less in gas fees",`
`4`	`4`	`"page-gas-hero-title": "Gas fees",`
`5`	`5`	`"page-gas-hero-header": "Network fees",`