Next-seo updates and fixes for missing title/description tags

harryluyah · Aug 2, 2021 · 1826aec · 1826aec
1 parent 4c03b51
commit 1826aec
Show file tree

Hide file tree

Showing 21 changed files with 125 additions and 38 deletions.
diff --git a/next-seo.config.js b/next-seo.config.js
@@ -1,5 +1,7 @@
 const SEO = {
   titleTemplate: '%s | Flexpool.io',
+  description:
+    'The mining pool that offers you the best mining experience. We build the future of mining pools here.',
   openGraph: {
     type: 'website',
     locale: 'en_US',

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -44,6 +44,7 @@ const store = createReduxStore({
 const App = ({ Component, pageProps, router }: AppProps) => {
   return (
     <>
+      <DefaultSeo {...SEO} />
       <ReduxProvider store={store}>
         <Script
           src="https://www.googletagmanager.com/gtag/js?id=G-PWS9985F4X"
@@ -72,7 +73,6 @@ const App = ({ Component, pageProps, router }: AppProps) => {
           <PoolCoins />
           <NavBar />
           <AppTheme />
-          <DefaultSeo {...SEO} />
           <SwitchTransition>
             <CSSTransition
               classNames="fade"

diff --git a/pages/blocks.tsx b/pages/blocks.tsx
@@ -57,7 +57,12 @@ function BlocksPage() {
 
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
       <HeaderStat>
         <h1>{t('title')}</h1>
         <p>{t('description')}</p>

diff --git a/pages/brand-assets.tsx b/pages/brand-assets.tsx
@@ -89,7 +89,12 @@ export const BrandAssetsPage = () => {
   const { t } = useTranslation('brand-assets');
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
 
       <Content md paddingLg>
         <h2>{t('brand_name.title')}</h2>

diff --git a/pages/business-development.tsx b/pages/business-development.tsx
@@ -10,7 +10,12 @@ export const BusinessDevelopmentPage = () => {
   const { t } = useTranslation('business-dev');
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
 
       <Content md paddingLg>
         <h1>{t('title')}</h1>

diff --git a/pages/contact.tsx b/pages/contact.tsx
@@ -20,7 +20,12 @@ export const ContactPage = () => {
 
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
 
       <Content md paddingLg>
         <h1>{t('title')}</h1>

diff --git a/pages/docs/api.tsx b/pages/docs/api.tsx
@@ -3,11 +3,18 @@ import { Page } from 'src/components/layout/Page';
 import { Spacer } from 'src/components/layout/Spacer';
 import SwaggerUI from 'swagger-ui-react';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+import { NextSeo } from 'next-seo';
 
 export const ApiDocsPage = () => {
   return (
     <Page>
       <Content padding>
+        <NextSeo
+          title={'API Documentation'}
+          openGraph={{
+            title: 'API Documentation',
+          }}
+        />
         <Spacer size="xl" />
         <SwaggerUI url="https://static.flexpool.io/api/openapi.json" />
         <Spacer size="xl" />

diff --git a/pages/faq.tsx b/pages/faq.tsx
@@ -143,7 +143,12 @@ function FAQPage({ faq }) {
 
   return (
     <Page>
-      <NextSeo title={'FAQ'} />
+      <NextSeo
+        title={'FAQ'}
+        openGraph={{
+          title: 'FAQ'
+        }}
+      />
       <Content paddingLg>
         <FaqContent>
           {(faq || []).map((item) => (

diff --git a/pages/get-started/[ticker]/GPU.tsx b/pages/get-started/[ticker]/GPU.tsx
@@ -1,4 +1,4 @@
-import Head from 'next/head';
+import { NextSeo } from 'next-seo';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { Content } from '../../../src/components/layout/Content';
@@ -8,9 +8,12 @@ import { MineableCoinGuidePage } from '../../../src/pages/GetStarted/GPU/CoinGui
 export const GetStartedNicehashPage = () => {
   return (
     <Page>
-      <Head>
-        <title>Start mining with Flexpool</title>
-      </Head>
+      <NextSeo
+        title={'Start mining with Flexpool'}
+        openGraph={{
+          title: 'Start mining with Flexpool',
+        }}
+      />
       <Content paddingLg>
         <MineableCoinGuidePage />
       </Content>

diff --git a/pages/get-started/[ticker]/XCH-CLI.tsx b/pages/get-started/[ticker]/XCH-CLI.tsx
@@ -1,4 +1,4 @@
-import Head from 'next/head';
+import { NextSeo } from 'next-seo';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { Content } from '../../../src/components/layout/Content';
@@ -8,9 +8,12 @@ import { ChiaCliGuidePage } from '../../../src/pages/GetStarted/ChiaCli/Guide.pa
 export const GetStartedXchCliPage = () => {
   return (
     <Page>
-      <Head>
-        <title>Start mining with Flexpool</title>
-      </Head>
+      <NextSeo
+        title={'Start mining with Flexpool'}
+        openGraph={{
+          title: 'Start mining with Flexpool',
+        }}
+      />
       <Content paddingLg>
         <ChiaCliGuidePage />
       </Content>

diff --git a/pages/get-started/[ticker]/XCH-GUI.tsx b/pages/get-started/[ticker]/XCH-GUI.tsx
@@ -1,4 +1,4 @@
-import Head from 'next/head';
+import { NextSeo } from 'next-seo';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { Content } from '../../../src/components/layout/Content';
@@ -8,9 +8,12 @@ import { ChiaGuiGuidePage } from '../../../src/pages/GetStarted/ChiaGui/Guide.pa
 export const GetStartedXchGuiPage = () => {
   return (
     <Page>
-      <Head>
-        <title>Start mining with Flexpool</title>
-      </Head>
+      <NextSeo
+        title={'Start mining with Flexpool'}
+        openGraph={{
+          title: 'Start mining with Flexpool',
+        }}
+      />
       <Content paddingLg>
         <ChiaGuiGuidePage />
       </Content>

diff --git a/pages/get-started/[ticker]/nicehash.tsx b/pages/get-started/[ticker]/nicehash.tsx
@@ -1,4 +1,4 @@
-import Head from 'next/head';
+import { NextSeo } from 'next-seo';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { Content } from '../../../src/components/layout/Content';
@@ -8,9 +8,12 @@ import { NicehashGuidePage } from '../../../src/pages/GetStarted/Nicehash/Niceha
 export const GetStartedNicehashPage = () => {
   return (
     <Page>
-      <Head>
-        <title>Start mining with Flexpool</title>
-      </Head>
+      <NextSeo
+        title={'Start mining with Flexpool'}
+        openGraph={{
+          title: 'Start mining with Flexpool',
+        }}
+      />
       <Content paddingLg>
         <NicehashGuidePage />
       </Content>

diff --git a/pages/get-started/index.tsx b/pages/get-started/index.tsx
@@ -1,4 +1,4 @@
-import Head from 'next/head';
+import { NextSeo } from 'next-seo';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
 import { Content } from '../../src/components/layout/Content';
@@ -8,9 +8,12 @@ import { MineableCoinList } from '../../src/pages/GetStarted/CoinList.page';
 export const GetStartedPage = () => {
   return (
     <Page>
-      <Head>
-        <title>Start mining with Flexpool</title>
-      </Head>
+      <NextSeo
+        title={'Start mining with Flexpool'}
+        openGraph={{
+          title: 'Start mining with Flexpool',
+        }}
+      />
       <Content paddingLg>
         <MineableCoinList />
       </Content>

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -32,7 +32,12 @@ export const HomePage = () => {
 
   return (
     <PageContainer>
-      <NextSeo title={'The Most Advanced Mining Pool'} />
+      <NextSeo
+        title='The Most Advanced Mining Pool'
+        openGraph={{
+          title: 'The Most Advanced Mining Pool',
+        }}
+      />
 
       <Hero>
         <Content contentCenter style={{ position: 'relative', zIndex: 100 }}>

diff --git a/pages/miner/[coin]/[...address].tsx b/pages/miner/[coin]/[...address].tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import Head from 'next/head';
+
+import { NextSeo } from 'next-seo';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
 import { useTranslation } from 'next-i18next';
@@ -182,9 +183,12 @@ export const MinerDashboardPageContent: React.FC<{
         onRefresh={loadAll}
       >
         <Page>
-          <Head>
-            <title>{`${address} | Flexpool.io`}</title>
-          </Head>
+          <NextSeo
+            title={`${address}`}
+            openGraph={{
+              title: `${address}`,
+            }}
+          />
           <Content>
             <HeaderGreetings onRefresh={loadAll} />
             <AccountHeader

diff --git a/pages/miners.tsx b/pages/miners.tsx
@@ -15,7 +15,12 @@ function MinersPage() {
 
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
 
       <HeaderStat>
         <h1>{t('title')}</h1>

diff --git a/pages/not-found.tsx b/pages/not-found.tsx
@@ -116,7 +116,12 @@ export const NotFoundPage = () => {
   return (
     <Page>
       <Wrapper>
-        <NextSeo title={'404 Not Found'} />
+        <NextSeo
+          title={'404 Not Found'}
+          openGraph={{
+            title: '404 Not Found',
+          }}
+        />
         <StarsContainer>
           <StarsSvg />
         </StarsContainer>

diff --git a/pages/open-data-reports.tsx b/pages/open-data-reports.tsx
@@ -76,7 +76,12 @@ export const OpenDataReportsPage = ({ dates }) => {
 
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
 
       <Content md paddingLg>
         <h1>{t('title')}</h1>

diff --git a/pages/partners.tsx b/pages/partners.tsx
@@ -53,8 +53,12 @@ export const PartnersPage = () => {
 
   return (
     <Page>
-      <NextSeo title={'Partners'} />
-
+      <NextSeo
+        title={'Partners'}
+        openGraph={{
+          title: 'Partners',
+        }}
+      />
       <Content md paddingLg>
         <h1>Partners</h1>
 

diff --git a/pages/statistics.tsx b/pages/statistics.tsx
@@ -45,7 +45,12 @@ function StatisticsPage() {
 
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
       <HeaderStat>
         <h1>{t('title')}</h1>
       </HeaderStat>

diff --git a/pages/support.tsx b/pages/support.tsx
@@ -50,7 +50,12 @@ export const SupportPage = () => {
   const { t } = useTranslation('support');
   return (
     <Page>
-      <NextSeo title={t('head_title')} />
+      <NextSeo
+        title={t('head_title')}
+        openGraph={{
+          title: t('head_title'),
+        }}
+      />
 
       <HeroBlue>
         <Content md>