From b17c80ff2b52507bd233f7bc0bf7d9d802f8a9d8 Mon Sep 17 00:00:00 2001
From: suthesan <suthesankanagasabai@gmail.com>
Date: Fri, 20 Nov 2020 10:27:35 +0800
Subject: [PATCH 1/2] update seo descriptions, title and remove keywords tag
 from all pages

---
 src/components/containers/seo.js              |  18 +--
 src/pages/help-centre/account.js              |  63 +++++-----
 src/pages/help-centre/dbot.js                 | 109 ++++++++++--------
 .../help-centre/deposits-and-withdrawals.js   |  75 ++++++------
 src/pages/help-centre/dmt5.js                 |  66 ++++++-----
 src/pages/help-centre/dtrader.js              |  29 +++--
 src/pages/help-centre/security.js             |  35 +++---
 src/pages/help-centre/trading.js              |  73 +++++++-----
 src/pages/markets/index.js                    |   2 +-
 src/pages/trade-types/margin/index.js         |   4 +-
 src/pages/trade-types/multiplier/index.js     |   4 +-
 src/pages/trade-types/options/index.js        |   4 +-
 12 files changed, 269 insertions(+), 213 deletions(-)

diff --git a/src/components/containers/seo.js b/src/components/containers/seo.js
index afbdad134ed..cc6a001707c 100644
--- a/src/components/containers/seo.js
+++ b/src/components/containers/seo.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Helmet } from 'react-helmet'
 import { useStaticQuery, graphql } from 'gatsby'
-import { LocaleContext, localize } from '../localization'
+import { LocaleContext } from '../localization'
 import language_config from '../../../i18n-config'
 import TradingImage from 'images/common/practice.png'
 
@@ -82,12 +82,6 @@ const SEO = ({ description, meta, title, no_index, has_organization_schema }) =>
                     name: 'description',
                     content: metaDescription,
                 },
-                {
-                    name: 'keywords',
-                    content: localize(
-                        'digital options, forex, forex trading, online trading, financial trading, digitals trading, index trading, trading indices, forex trades, trading commodities, digital options strategy, binary broker, binary bet, digital options trading platform, binary strategy, finance, investment, trading',
-                    ),
-                },
                 {
                     name: 'google',
                     content: 'notranslate',
@@ -154,11 +148,11 @@ const SEO = ({ description, meta, title, no_index, has_organization_schema }) =>
                 },
                 ...(no_index || no_index_staging || is_ach_page
                     ? [
-                          {
-                              name: 'robots',
-                              content: 'noindex',
-                          },
-                      ]
+                        {
+                            name: 'robots',
+                            content: 'noindex',
+                        },
+                    ]
                     : []),
             ].concat(meta)}
         >
diff --git a/src/pages/help-centre/account.js b/src/pages/help-centre/account.js
index 1d7c53d5456..faa9cd44a67 100644
--- a/src/pages/help-centre/account.js
+++ b/src/pages/help-centre/account.js
@@ -4,6 +4,7 @@ import { Article } from './_article'
 import { ArticleWrapper, ExternalLink, StyledHeader, StyledText } from './_help-centre-style'
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
+import { SEO } from 'components/containers'
 import { localize, Localize, WithIntl } from 'components/localization'
 
 const StyledList = styled.ul`
@@ -145,35 +146,43 @@ const DormantFee = () => (
 
 const AccountArticle = () => {
     return (
-        <Article header={localize('Account')}>
-            <WhoCanOpenAnAccount
-                text={localize("Why can't I create an account?")}
-                label="who-can-open-an-account"
-            />
-            <ChangingPersonalDetails
-                text={localize('How can I change my personal details?')}
-                label="changing-your-personal-details"
-            />
-            <ChangeAccountCurrency
-                text={localize("How can I change my account's currency?")}
-                label="change-account-currency"
-            />
-            <RecoveringPassword
-                text={localize(
-                    'I forgot my Google/Facebook account password. How can I log in to my Deriv account?',
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | Account | Deriv')}
+                description={localize(
+                    'Frequently asked questions - Account',
                 )}
-                label="recovering-your-password"
-            />
-            <CloseAccount
-                text={localize('How can I close my account?')}
-                label="close-your-account"
-            />
-            <UnsubscribeEmail
-                text={localize('How do I unsubscribe from marketing emails?')}
-                label="unsubscribe-marketing-emails"
             />
-            <DormantFee text={localize('What is a dormant fee?')} label="what-is-dormant-fee" />
-        </Article>
+            <Article header={localize('Account')}>
+                <WhoCanOpenAnAccount
+                    text={localize("Why can't I create an account?")}
+                    label="who-can-open-an-account"
+                />
+                <ChangingPersonalDetails
+                    text={localize('How can I change my personal details?')}
+                    label="changing-your-personal-details"
+                />
+                <ChangeAccountCurrency
+                    text={localize("How can I change my account's currency?")}
+                    label="change-account-currency"
+                />
+                <RecoveringPassword
+                    text={localize(
+                        'I forgot my Google/Facebook account password. How can I log in to my Deriv account?',
+                    )}
+                    label="recovering-your-password"
+                />
+                <CloseAccount
+                    text={localize('How can I close my account?')}
+                    label="close-your-account"
+                />
+                <UnsubscribeEmail
+                    text={localize('How do I unsubscribe from marketing emails?')}
+                    label="unsubscribe-marketing-emails"
+                />
+                <DormantFee text={localize('What is a dormant fee?')} label="what-is-dormant-fee" />
+            </Article>
+        </div>
     )
 }
 
diff --git a/src/pages/help-centre/dbot.js b/src/pages/help-centre/dbot.js
index 74c8bb7047f..9db74ca2754 100644
--- a/src/pages/help-centre/dbot.js
+++ b/src/pages/help-centre/dbot.js
@@ -3,6 +3,7 @@ import styled from 'styled-components'
 import { Article } from './_article'
 import { ArticleWrapper, StyledHeader, StyledText } from './_help-centre-style'
 import { Text } from 'components/elements'
+import { SEO } from 'components/containers'
 import { localize, Localize, WithIntl } from 'components/localization'
 import device from 'themes/device'
 // Images
@@ -702,56 +703,64 @@ const ViewChart = () => (
 
 const DBotArticle = () => {
     return (
-        <Article header="DBot">
-            <WhatIsDBot text={localize('What is DBot?')} label="what-is-dbot" />
-            <FindBlocks text={localize('How do I find the blocks I need?')} label="find-blocks" />
-            <RemoveBlocks
-                text={localize('How do I remove blocks from the workspace?')}
-                label="remove-blocks"
-            />
-            <CreateVariables
-                text={localize('How do I create variables?')}
-                label="create-variables"
-            />
-            <QuickStrategy
-                text={localize('What is a quick strategy and how do I use it?')}
-                label="quick-strategy"
-            />
-            <MartingaleStrategy
-                text={localize('What is the Martingale strategy?')}
-                label="martingale-strategy"
-            />
-            <AlembertStrategy
-                text={localize('What is the D’Alembert strategy?')}
-                label="dalembert-strategy"
-            />
-            <OskarStrategy
-                text={localize("What is the Oscar's Grind strategy?")}
-                label="oscars-grind-strategy"
-            />
-            <SaveStrategy text={localize('How do I save my strategy?')} label="save-strategy" />
-            <ImportStrategy
-                text={localize('How do I import my strategies into DBot?')}
-                label="import-strategy"
-            />
-            <ResetWorkspace
-                text={localize('How do I reset the workspace?')}
-                label="reset-workspace"
-            />
-            <TransactionLog
-                text={localize('How do I clear my transaction log?')}
-                label="clear-transaction-log"
-            />
-            <ControlLosses
-                text={localize('How do I control my losses with DBot?')}
-                label="control-loss"
-            />
-            <TradeStatus
-                text={localize('Where can I see the status of my trades in DBot?')}
-                label="status-of-trades"
-            />
-            <ViewChart text={localize('How do I view the chart in DBot?')} label="view-chart" />
-        </Article>
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | DBot | Deriv')}
+                description={localize(
+                    'Frequently asked questions - DBot',
+                )}
+            />
+            <Article header="DBot">
+                <WhatIsDBot text={localize('What is DBot?')} label="what-is-dbot" />
+                <FindBlocks text={localize('How do I find the blocks I need?')} label="find-blocks" />
+                <RemoveBlocks
+                    text={localize('How do I remove blocks from the workspace?')}
+                    label="remove-blocks"
+                />
+                <CreateVariables
+                    text={localize('How do I create variables?')}
+                    label="create-variables"
+                />
+                <QuickStrategy
+                    text={localize('What is a quick strategy and how do I use it?')}
+                    label="quick-strategy"
+                />
+                <MartingaleStrategy
+                    text={localize('What is the Martingale strategy?')}
+                    label="martingale-strategy"
+                />
+                <AlembertStrategy
+                    text={localize('What is the D’Alembert strategy?')}
+                    label="dalembert-strategy"
+                />
+                <OskarStrategy
+                    text={localize("What is the Oscar's Grind strategy?")}
+                    label="oscars-grind-strategy"
+                />
+                <SaveStrategy text={localize('How do I save my strategy?')} label="save-strategy" />
+                <ImportStrategy
+                    text={localize('How do I import my strategies into DBot?')}
+                    label="import-strategy"
+                />
+                <ResetWorkspace
+                    text={localize('How do I reset the workspace?')}
+                    label="reset-workspace"
+                />
+                <TransactionLog
+                    text={localize('How do I clear my transaction log?')}
+                    label="clear-transaction-log"
+                />
+                <ControlLosses
+                    text={localize('How do I control my losses with DBot?')}
+                    label="control-loss"
+                />
+                <TradeStatus
+                    text={localize('Where can I see the status of my trades in DBot?')}
+                    label="status-of-trades"
+                />
+                <ViewChart text={localize('How do I view the chart in DBot?')} label="view-chart" />
+            </Article>
+        </div>
     )
 }
 
diff --git a/src/pages/help-centre/deposits-and-withdrawals.js b/src/pages/help-centre/deposits-and-withdrawals.js
index efbc5ca2179..40b01171657 100644
--- a/src/pages/help-centre/deposits-and-withdrawals.js
+++ b/src/pages/help-centre/deposits-and-withdrawals.js
@@ -3,6 +3,7 @@ import { Article } from './_article'
 import { ArticleWrapper, ExternalLink, StyledHeader, StyledText } from './_help-centre-style'
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
+import { SEO } from 'components/containers'
 import { Localize, localize, WithIntl } from 'components/localization'
 
 const PaymentMethods = () => (
@@ -123,40 +124,48 @@ const WithdrawMaestroMastercard = () => (
 
 const DepositsAndWithdrawalArticle = () => {
     return (
-        <Article header={localize('Deposits and withdrawals')}>
-            <PaymentMethods
-                text={localize('What payment methods do you support?')}
-                label="payment-methods"
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | Deposits and withdrawals | Deriv')}
+                description={localize(
+                    'Frequently asked questions - Deposits and withdrawals',
+                )}
             />
-            <WithdrawalProcessingTime
-                text={localize('How long does it take to process deposits and withdrawals?')}
-                label="deposit-withdrawal-processing-time"
-            />
-            <MinimumDepositWithdrawal
-                text={localize('What is the minimum deposit or withdrawal amount?')}
-                label="minimum-deposit-or-withdrawal"
-            />
-            <ExpiredVerificationLink
-                text={localize('My withdrawal verification link expired. What should I do?')}
-                label="expired-verification-link"
-            />
-            <LiftWithdrawalLimits
-                text={localize('How can I lift my withdrawal limits?')}
-                label="lift-withdrawal-limits"
-            />
-            <CreditCardDepositDeclined
-                text={localize('Why does my credit card deposit keep getting declined?')}
-                label="credit-card-deposit-declined"
-            />
-            <WithdrawDepositBonus
-                text={localize('Can I withdraw my deposit bonus?')}
-                label="withdraw-deposit-bonus"
-            />
-            <WithdrawMaestroMastercard
-                text={localize("Why can't I withdraw funds to my Maestro/Mastercard?")}
-                label="withdraw-to-maestro-mastercard"
-            />
-        </Article>
+            <Article header={localize('Deposits and withdrawals')}>
+                <PaymentMethods
+                    text={localize('What payment methods do you support?')}
+                    label="payment-methods"
+                />
+                <WithdrawalProcessingTime
+                    text={localize('How long does it take to process deposits and withdrawals?')}
+                    label="deposit-withdrawal-processing-time"
+                />
+                <MinimumDepositWithdrawal
+                    text={localize('What is the minimum deposit or withdrawal amount?')}
+                    label="minimum-deposit-or-withdrawal"
+                />
+                <ExpiredVerificationLink
+                    text={localize('My withdrawal verification link expired. What should I do?')}
+                    label="expired-verification-link"
+                />
+                <LiftWithdrawalLimits
+                    text={localize('How can I lift my withdrawal limits?')}
+                    label="lift-withdrawal-limits"
+                />
+                <CreditCardDepositDeclined
+                    text={localize('Why does my credit card deposit keep getting declined?')}
+                    label="credit-card-deposit-declined"
+                />
+                <WithdrawDepositBonus
+                    text={localize('Can I withdraw my deposit bonus?')}
+                    label="withdraw-deposit-bonus"
+                />
+                <WithdrawMaestroMastercard
+                    text={localize("Why can't I withdraw funds to my Maestro/Mastercard?")}
+                    label="withdraw-to-maestro-mastercard"
+                />
+            </Article>
+        </div>
     )
 }
 
diff --git a/src/pages/help-centre/dmt5.js b/src/pages/help-centre/dmt5.js
index fccfe6a0e2e..82e6c0f3a62 100644
--- a/src/pages/help-centre/dmt5.js
+++ b/src/pages/help-centre/dmt5.js
@@ -3,6 +3,7 @@ import { Article } from './_article'
 import { ArticleWrapper, ExternalLink, StyledHeader, StyledText } from './_help-centre-style'
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
+import { SEO } from 'components/containers'
 import { localize, Localize, WithIntl } from 'components/localization'
 
 const WhatIsDMT5 = () => (
@@ -142,37 +143,44 @@ const ResetDMT5Password = () => (
 
 const DMT5Article = () => {
     return (
-        <Article header="DMT5">
-            <WhatIsDMT5 text={localize('What is DMT5?')} label="what-is-dmt5" />
-            <DifferenceDMT5DTrader
-                text={localize('What are the major differences between DTrader and DMT5?')}
-                label="differences-of-dtrader-and-dmt5"
-            />
-            <DifferentAccounts
-                text={localize(
-                    'What are the differences between the DMT5 Synthetic Indices, Financial and Financial STP accounts?',
-                )}
-                label="differences-of-dmt5-accounts"
-            />
-            <WithdrawDMT5
-                text={localize('How can I withdraw funds from my DMT5 real money account?')}
-                label="withdraw-funds-from-DMT5"
-            />
-            <LoginCredentials
-                text={localize(
-                    'Why are my DMT5 login details different from my Deriv login details?',
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | DMT5 | Deriv')}
+                description={localize(
+                    'Frequently asked questions - DMT5',
                 )}
-                label="login-credentials"
-            />
-            <ResetDMT5Password
-                text={localize('How can I reset my DMT5 account password?')}
-                label="reset-dmt5-password"
-            />
-            <DepositDMT5
-                text={localize('How can I deposit funds into my DMT5 real money account?')}
-                label="deposit-to-dmt5"
             />
-        </Article>
+            <Article header="DMT5">
+                <WhatIsDMT5 text={localize('What is DMT5?')} label="what-is-dmt5" />
+                <DifferenceDMT5DTrader
+                    text={localize('What are the major differences between DTrader and DMT5?')}
+                    label="differences-of-dtrader-and-dmt5"
+                />
+                <DifferentAccounts
+                    text={localize(
+                        'What are the differences between the DMT5 Synthetic Indices, Financial and Financial STP accounts?',
+                    )}
+                    label="differences-of-dmt5-accounts"
+                />
+                <WithdrawDMT5
+                    text={localize('How can I withdraw funds from my DMT5 real money account?')}
+                    label="withdraw-funds-from-DMT5"
+                />
+                <LoginCredentials
+                    text={localize(
+                        'Why are my DMT5 login details different from my Deriv login details?',
+                    )}
+                />
+                <ResetDMT5Password
+                    text={localize('How can I reset my DMT5 account password?')}
+                    label="reset-dmt5-password"
+                />
+                <DepositDMT5
+                    text={localize('How can I deposit funds into my DMT5 real money account?')}
+                    label="deposit-to-dmt5"
+                />
+            </Article >
+        </div>
     )
 }
 
diff --git a/src/pages/help-centre/dtrader.js b/src/pages/help-centre/dtrader.js
index ed1c1bf5bcd..9eca035c6ad 100644
--- a/src/pages/help-centre/dtrader.js
+++ b/src/pages/help-centre/dtrader.js
@@ -2,6 +2,7 @@ import React from 'react'
 import { Article } from './_article'
 import { ArticleWrapper, StyledHeader } from './_help-centre-style'
 import { Text } from 'components/elements'
+import { SEO } from 'components/containers'
 import { localize, WithIntl } from 'components/localization'
 
 const WhatIsDMT5 = () => (
@@ -37,17 +38,25 @@ const DTraderContracts = () => (
 
 const DTraderArticle = () => {
     return (
-        <Article header="DTrader">
-            <WhatIsDMT5 text={localize('What is DTrader?')} label="what-is-dtrader" />
-            <DTraderMarkets
-                text={localize('What markets can I trade on DTrader?')}
-                label="markets-on-dtrader"
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | DTrader | Deriv')}
+                description={localize(
+                    'Frequently asked questions - DTrader',
+                )}
             />
-            <DTraderContracts
-                text={localize('What contract types can I use on DTrader?')}
-                label="contracts-on-dtrader"
-            />
-        </Article>
+            <Article header="DTrader">
+                <WhatIsDMT5 text={localize('What is DTrader?')} label="what-is-dtrader" />
+                <DTraderMarkets
+                    text={localize('What markets can I trade on DTrader?')}
+                    label="markets-on-dtrader"
+                />
+                <DTraderContracts
+                    text={localize('What contract types can I use on DTrader?')}
+                    label="contracts-on-dtrader"
+                />
+            </Article>
+        </div>
     )
 }
 
diff --git a/src/pages/help-centre/security.js b/src/pages/help-centre/security.js
index 84b02be4eac..89f6dac818c 100644
--- a/src/pages/help-centre/security.js
+++ b/src/pages/help-centre/security.js
@@ -2,6 +2,7 @@ import React from 'react'
 import { Article } from './_article'
 import { ArticleWrapper, StyledHeader } from './_help-centre-style'
 import { Text } from 'components/elements'
+import { SEO } from 'components/containers'
 import { localize, WithIntl } from 'components/localization'
 
 const VerifyAccount = () => (
@@ -43,20 +44,28 @@ const DocumentsDeclined = () => (
 
 const SecurityArticle = () => {
     return (
-        <Article header={localize('Security')}>
-            <VerifyAccount
-                text={localize('Do I need to verify my Deriv account?')}
-                label="verify-account"
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | Security | Deriv')}
+                description={localize(
+                    'Frequently asked questions - Security',
+                )}
             />
-            <VerificationDuration
-                text={localize('How long does verification take?')}
-                label="verification-duration"
-            />
-            <DocumentsDeclined
-                text={localize('Why were my documents declined?')}
-                label="documents-declined"
-            />
-        </Article>
+            <Article header={localize('Security')}>
+                <VerifyAccount
+                    text={localize('Do I need to verify my Deriv account?')}
+                    label="verify-account"
+                />
+                <VerificationDuration
+                    text={localize('How long does verification take?')}
+                    label="verification-duration"
+                />
+                <DocumentsDeclined
+                    text={localize('Why were my documents declined?')}
+                    label="documents-declined"
+                />
+            </Article>
+        </div>
     )
 }
 
diff --git a/src/pages/help-centre/trading.js b/src/pages/help-centre/trading.js
index a125274c5e5..5918cece57d 100644
--- a/src/pages/help-centre/trading.js
+++ b/src/pages/help-centre/trading.js
@@ -4,6 +4,7 @@ import { ArticleWrapper, ExternalLink, StyledHeader } from './_help-centre-style
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
 import { localize, Localize, WithIntl } from 'components/localization'
+import { SEO } from 'components/containers'
 
 const Forex = () => (
     <ArticleWrapper>
@@ -115,39 +116,47 @@ const WeekendContracts = () => (
 
 const TradingArticle = () => {
     return (
-        <Article header={localize('Trading')}>
-            <Forex text={localize('What is forex?')} label="what-is-forex" />
-            <Commodities text={localize('What are commodities?')} label="what-are-commodities" />
-            <StockIndices
-                text={localize('What are stock indices?')}
-                label="what-are-stock-indices"
+        <div>
+            <SEO
+                title={localize('Help centre | Frequently asked questions | Trading | Deriv')}
+                description={localize(
+                    'Frequently asked questions - Trading',
+                )}
             />
-            <SyntheticIndices
-                text={localize('What are synthetic indices?')}
-                label="what-are-synthetic-indices"
-            />
-            <CFD
-                text={localize('What are contracts for difference (CFDs)?')}
-                label="what-are-cfds"
-            />
-            <DigitalOptions
-                text={localize('What are digital options?')}
-                label="what-are-digital-options"
-            />
-            <TradingPlatforms
-                text={localize('How many trading platforms do you offer?')}
-                label="how-many-trading-platforms"
-            />
-            <AutomateTradingStrategy
-                text={localize('How can I automate my trading strategy?')}
-                label="how-to-automate-trading-strategy"
-            />
-            <TradingLimits text={localize('What are my trading limits?')} label="trading-limits" />
-            <WeekendContracts
-                text={localize('What contracts are available for trading on weekends?')}
-                label="contracts-available-on-weekends"
-            />
-        </Article>
+            <Article header={localize('Trading')}>
+                <Forex text={localize('What is forex?')} label="what-is-forex" />
+                <Commodities text={localize('What are commodities?')} label="what-are-commodities" />
+                <StockIndices
+                    text={localize('What are stock indices?')}
+                    label="what-are-stock-indices"
+                />
+                <SyntheticIndices
+                    text={localize('What are synthetic indices?')}
+                    label="what-are-synthetic-indices"
+                />
+                <CFD
+                    text={localize('What are contracts for difference (CFDs)?')}
+                    label="what-are-cfds"
+                />
+                <DigitalOptions
+                    text={localize('What are digital options?')}
+                    label="what-are-digital-options"
+                />
+                <TradingPlatforms
+                    text={localize('How many trading platforms do you offer?')}
+                    label="how-many-trading-platforms"
+                />
+                <AutomateTradingStrategy
+                    text={localize('How can I automate my trading strategy?')}
+                    label="how-to-automate-trading-strategy"
+                />
+                <TradingLimits text={localize('What are my trading limits?')} label="trading-limits" />
+                <WeekendContracts
+                    text={localize('What contracts are available for trading on weekends?')}
+                    label="contracts-available-on-weekends"
+                />
+            </Article>
+        </div>
     )
 }
 
diff --git a/src/pages/markets/index.js b/src/pages/markets/index.js
index e7e81e586ff..0f85259be9e 100644
--- a/src/pages/markets/index.js
+++ b/src/pages/markets/index.js
@@ -120,7 +120,7 @@ const TabsContainer = styled(Flex)`
 
 const Markets = () => (
     <Layout>
-        <SEO description={localize('Markets to trade')} title={localize('Markets')} />
+        <SEO description={localize('Learn about the markets that you can trade online with Deriv, including forex, commodities, synthetic indices, and stock indices.')} title={localize('Markets | Markets to trade | Deriv')} />
         <Hero />
         <TabsContainer>
             <Tabs tab_list={['forex', 'synthetic', 'stock', 'commodities']} route_from="markets">
diff --git a/src/pages/trade-types/margin/index.js b/src/pages/trade-types/margin/index.js
index b00f1bd2c5e..80042bb0942 100644
--- a/src/pages/trade-types/margin/index.js
+++ b/src/pages/trade-types/margin/index.js
@@ -17,9 +17,9 @@ const Margin = () => {
     return (
         <Layout>
             <SEO
-                title={localize('Trade types | Margin trading')}
+                title={localize('Margin trading | Trade types | Deriv')}
                 description={localize(
-                    'Options are products that allow for payouts from predicting market movements, without needing to buy the underlying asset.',
+                    'Learn about margin trading on Deriv MT5 (DMT5). Enjoy 24/7 trading, high leverage, and zero commissions on forex, synthetic indices, and other assets.',
                 )}
             />
             <Hero jc="cneter" ai="center">
diff --git a/src/pages/trade-types/multiplier/index.js b/src/pages/trade-types/multiplier/index.js
index d52eb1a8151..5e61cddbaec 100644
--- a/src/pages/trade-types/multiplier/index.js
+++ b/src/pages/trade-types/multiplier/index.js
@@ -23,9 +23,9 @@ const Multipliers = () => {
     return (
         <Layout>
             <SEO
-                title={localize('Trade types | Multipliers')}
+                title={localize('Multipliers trading | Trade types | Deriv')}
                 description={localize(
-                    'Multipliers allow you to profit from correctly predicting whether the market will go up or down.',
+                    'Learn about multipliers trading on Deriv. Enjoy a new way to trade with leverage without risking more than your stake — more profit potential, no swap charges.',
                 )}
             />
             <Hero jc="cneter" ai="center">
diff --git a/src/pages/trade-types/options/index.js b/src/pages/trade-types/options/index.js
index fd59e31b970..74d1e608d08 100644
--- a/src/pages/trade-types/options/index.js
+++ b/src/pages/trade-types/options/index.js
@@ -19,9 +19,9 @@ const Options = () => {
     return !is_eu_country ? (
         <Layout>
             <SEO
-                title={localize('Trade types | Options')}
+                title={localize('Options trading | Trading types | Deriv')}
                 description={localize(
-                    'Options are products that allow for payouts from predicting market movements, without needing to buy the underlying asset.',
+                    'Learn about options trading on Deriv. Earn payouts by correctly predicting price movements without needing to buy the underlying assets.',
                 )}
             />
             <Hero jc="cneter" ai="center">

From 9034873c00d53e3217b34c4f97291d544ebec805 Mon Sep 17 00:00:00 2001
From: suthesan <suthesankanagasabai@gmail.com>
Date: Mon, 23 Nov 2020 14:07:56 +0800
Subject: [PATCH 2/2] fix seo description in help centre

---
 src/pages/help-centre/_article.js                 |  6 ++++--
 src/pages/help-centre/account.js                  |  9 +--------
 src/pages/help-centre/dbot.js                     |  9 +--------
 src/pages/help-centre/deposits-and-withdrawals.js |  9 +--------
 src/pages/help-centre/dmt5.js                     | 11 +++--------
 src/pages/help-centre/dtrader.js                  |  9 +--------
 src/pages/help-centre/security.js                 |  9 +--------
 src/pages/help-centre/trading.js                  |  9 +--------
 8 files changed, 13 insertions(+), 58 deletions(-)

diff --git a/src/pages/help-centre/_article.js b/src/pages/help-centre/_article.js
index de16100cebd..7aac313582c 100644
--- a/src/pages/help-centre/_article.js
+++ b/src/pages/help-centre/_article.js
@@ -25,10 +25,10 @@ const TabWrapper = styled.div`
 const ContactContainer = styled.div`
     margin-top: 8rem;
 `
-export const Article = ({ children, header }) => {
+export const Article = ({ children, header, title, description }) => {
     return (
         <Layout>
-            <SEO title={localize('Help Center | ' + header)} />
+            <SEO title={title} description={description} />
             <Container align="left" justify="flex-start" direction="column">
                 <StyledLink
                     to="/help-centre/"
@@ -64,5 +64,7 @@ export const Article = ({ children, header }) => {
 
 Article.propTypes = {
     children: PropTypes.node,
+    description: PropTypes.string,
     header: PropTypes.string,
+    title: PropTypes.string,
 }
diff --git a/src/pages/help-centre/account.js b/src/pages/help-centre/account.js
index faa9cd44a67..d5bbbe1eabd 100644
--- a/src/pages/help-centre/account.js
+++ b/src/pages/help-centre/account.js
@@ -4,7 +4,6 @@ import { Article } from './_article'
 import { ArticleWrapper, ExternalLink, StyledHeader, StyledText } from './_help-centre-style'
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
-import { SEO } from 'components/containers'
 import { localize, Localize, WithIntl } from 'components/localization'
 
 const StyledList = styled.ul`
@@ -147,13 +146,7 @@ const DormantFee = () => (
 const AccountArticle = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | Account | Deriv')}
-                description={localize(
-                    'Frequently asked questions - Account',
-                )}
-            />
-            <Article header={localize('Account')}>
+            <Article header={localize('Account')} title={localize('Help centre | Frequently asked questions | Account | Deriv')} description={localize('Frequently asked questions - Account')}>
                 <WhoCanOpenAnAccount
                     text={localize("Why can't I create an account?")}
                     label="who-can-open-an-account"
diff --git a/src/pages/help-centre/dbot.js b/src/pages/help-centre/dbot.js
index 9db74ca2754..550d5c647f8 100644
--- a/src/pages/help-centre/dbot.js
+++ b/src/pages/help-centre/dbot.js
@@ -3,7 +3,6 @@ import styled from 'styled-components'
 import { Article } from './_article'
 import { ArticleWrapper, StyledHeader, StyledText } from './_help-centre-style'
 import { Text } from 'components/elements'
-import { SEO } from 'components/containers'
 import { localize, Localize, WithIntl } from 'components/localization'
 import device from 'themes/device'
 // Images
@@ -704,13 +703,7 @@ const ViewChart = () => (
 const DBotArticle = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | DBot | Deriv')}
-                description={localize(
-                    'Frequently asked questions - DBot',
-                )}
-            />
-            <Article header="DBot">
+            <Article header="DBot" title={localize('Help centre | Frequently asked questions | DBot | Deriv')} description={localize('Frequently asked questions - DBot')}>
                 <WhatIsDBot text={localize('What is DBot?')} label="what-is-dbot" />
                 <FindBlocks text={localize('How do I find the blocks I need?')} label="find-blocks" />
                 <RemoveBlocks
diff --git a/src/pages/help-centre/deposits-and-withdrawals.js b/src/pages/help-centre/deposits-and-withdrawals.js
index 40b01171657..292d71bcf33 100644
--- a/src/pages/help-centre/deposits-and-withdrawals.js
+++ b/src/pages/help-centre/deposits-and-withdrawals.js
@@ -3,7 +3,6 @@ import { Article } from './_article'
 import { ArticleWrapper, ExternalLink, StyledHeader, StyledText } from './_help-centre-style'
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
-import { SEO } from 'components/containers'
 import { Localize, localize, WithIntl } from 'components/localization'
 
 const PaymentMethods = () => (
@@ -125,13 +124,7 @@ const WithdrawMaestroMastercard = () => (
 const DepositsAndWithdrawalArticle = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | Deposits and withdrawals | Deriv')}
-                description={localize(
-                    'Frequently asked questions - Deposits and withdrawals',
-                )}
-            />
-            <Article header={localize('Deposits and withdrawals')}>
+            <Article header={localize('Deposits and withdrawals')} title={localize('Help centre | Frequently asked questions | Deposits and withdrawals | Deriv')} description={localize('Frequently asked questions - Deposits and withdrawals')}>
                 <PaymentMethods
                     text={localize('What payment methods do you support?')}
                     label="payment-methods"
diff --git a/src/pages/help-centre/dmt5.js b/src/pages/help-centre/dmt5.js
index 82e6c0f3a62..a200bfcb120 100644
--- a/src/pages/help-centre/dmt5.js
+++ b/src/pages/help-centre/dmt5.js
@@ -3,7 +3,6 @@ import { Article } from './_article'
 import { ArticleWrapper, ExternalLink, StyledHeader, StyledText } from './_help-centre-style'
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
-import { SEO } from 'components/containers'
 import { localize, Localize, WithIntl } from 'components/localization'
 
 const WhatIsDMT5 = () => (
@@ -144,13 +143,9 @@ const ResetDMT5Password = () => (
 const DMT5Article = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | DMT5 | Deriv')}
-                description={localize(
-                    'Frequently asked questions - DMT5',
-                )}
-            />
-            <Article header="DMT5">
+            <Article header="DMT5" title={localize('Help centre | Frequently asked questions | DMT5 | Deriv')} description={localize(
+                'Frequently asked questions - DMT5',
+            )}>
                 <WhatIsDMT5 text={localize('What is DMT5?')} label="what-is-dmt5" />
                 <DifferenceDMT5DTrader
                     text={localize('What are the major differences between DTrader and DMT5?')}
diff --git a/src/pages/help-centre/dtrader.js b/src/pages/help-centre/dtrader.js
index 9eca035c6ad..6e1368e81a6 100644
--- a/src/pages/help-centre/dtrader.js
+++ b/src/pages/help-centre/dtrader.js
@@ -2,7 +2,6 @@ import React from 'react'
 import { Article } from './_article'
 import { ArticleWrapper, StyledHeader } from './_help-centre-style'
 import { Text } from 'components/elements'
-import { SEO } from 'components/containers'
 import { localize, WithIntl } from 'components/localization'
 
 const WhatIsDMT5 = () => (
@@ -39,13 +38,7 @@ const DTraderContracts = () => (
 const DTraderArticle = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | DTrader | Deriv')}
-                description={localize(
-                    'Frequently asked questions - DTrader',
-                )}
-            />
-            <Article header="DTrader">
+            <Article header="DTrader" title={localize('Help centre | Frequently asked questions | DTrader | Deriv')} description={localize('Frequently asked questions - DTrader')}>
                 <WhatIsDMT5 text={localize('What is DTrader?')} label="what-is-dtrader" />
                 <DTraderMarkets
                     text={localize('What markets can I trade on DTrader?')}
diff --git a/src/pages/help-centre/security.js b/src/pages/help-centre/security.js
index 89f6dac818c..11733700c65 100644
--- a/src/pages/help-centre/security.js
+++ b/src/pages/help-centre/security.js
@@ -2,7 +2,6 @@ import React from 'react'
 import { Article } from './_article'
 import { ArticleWrapper, StyledHeader } from './_help-centre-style'
 import { Text } from 'components/elements'
-import { SEO } from 'components/containers'
 import { localize, WithIntl } from 'components/localization'
 
 const VerifyAccount = () => (
@@ -45,13 +44,7 @@ const DocumentsDeclined = () => (
 const SecurityArticle = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | Security | Deriv')}
-                description={localize(
-                    'Frequently asked questions - Security',
-                )}
-            />
-            <Article header={localize('Security')}>
+            <Article header={localize('Security')} title={localize('Help centre | Frequently asked questions | Security | Deriv')} description={localize('Frequently asked questions - Security')}>
                 <VerifyAccount
                     text={localize('Do I need to verify my Deriv account?')}
                     label="verify-account"
diff --git a/src/pages/help-centre/trading.js b/src/pages/help-centre/trading.js
index 5918cece57d..20ab5681f73 100644
--- a/src/pages/help-centre/trading.js
+++ b/src/pages/help-centre/trading.js
@@ -4,7 +4,6 @@ import { ArticleWrapper, ExternalLink, StyledHeader } from './_help-centre-style
 import { deriv_app_url } from 'common/utility'
 import { Text } from 'components/elements'
 import { localize, Localize, WithIntl } from 'components/localization'
-import { SEO } from 'components/containers'
 
 const Forex = () => (
     <ArticleWrapper>
@@ -117,13 +116,7 @@ const WeekendContracts = () => (
 const TradingArticle = () => {
     return (
         <div>
-            <SEO
-                title={localize('Help centre | Frequently asked questions | Trading | Deriv')}
-                description={localize(
-                    'Frequently asked questions - Trading',
-                )}
-            />
-            <Article header={localize('Trading')}>
+            <Article header={localize('Trading')} title={localize('Help centre | Frequently asked questions | Trading | Deriv')} description={localize('Frequently asked questions - Trading')}>
                 <Forex text={localize('What is forex?')} label="what-is-forex" />
                 <Commodities text={localize('What are commodities?')} label="what-are-commodities" />
                 <StockIndices