Merge pull request #225 from sanjam-deriv/SEO

hubert-deriv · web-flow · commit 1b69e1f4392b · 2023-08-23T11:14:19.000+02:00
diff --git a/docs/_intro_backup.md b/docs/_intro_backup.md
@@ -7,10 +7,10 @@ sidebar_position: 0
 tags:
   - introduction
 keywords:
-  - deriv
-  - api
-  - getting started
-description: Getting started with Deriv API
+  - trading app
+  - api code
+  - api example
+description: Get an overview of the available Deriv API code examples and languages, and how to use it to create your trading app.
 ---
 
 Our Documentation is divided in several sections:
diff --git a/docs/code-examples/_category_.json b/docs/code-examples/_category_.json
@@ -3,6 +3,7 @@
   "position": 3,
   "link": {
     "type": "generated-index",
-    "description": "Learn more about the API with our code examples"
+    "title": "Code examples",
+    "description": "Find out which API codes are available for you to use to build your trading app. Learn with API examples."
   }
 }
diff --git a/docs/code-examples/javascript/_category_.json b/docs/code-examples/javascript/_category_.json
@@ -1,8 +1,9 @@
 {
-  "label": "JavaScript Examples",
+  "label": "Javascript Examples",
   "position": 1,
   "link": {
     "type": "generated-index",
-    "description": "JavaScript code examples"
+    "description": "Explore JavaScript codes you can use to build your trading app. Learn through JavaScript examples and API examples.",
+    "title": "JavaScript examples"
   }
 }
diff --git a/docs/code-examples/javascript/active-symbols/index.mdx b/docs/code-examples/javascript/active-symbols/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Active Symbols
+title: Active symbols
 draft: false
 sidebar_label: Active Symbols
 sidebar_position: 3
@@ -13,7 +13,7 @@ keywords:
   - example
   - active
   - symbols
-description: Active Symbols code example
+description: Learn how to add active symbols and market information to your trading app with an API example.
 ---
 
 import SandboxIframe from '@site/src/components/SandboxIframe';
diff --git a/docs/code-examples/javascript/contracts-for-symbol/index.mdx b/docs/code-examples/javascript/contracts-for-symbol/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Contracts for Symbol
+title: Contracts for symbols
 draft: false
 sidebar_label: Contracts for Symbol
 sidebar_position: 4
@@ -13,7 +13,7 @@ keywords:
   - example
   - contracts
   - symbol
-description: Contracts for Symbol code example
+description: Add a list of market symbols and their latest barrier and duration limits to your trading app with this API example.
 ---
 
 import SandboxIframe from '@site/src/components/SandboxIframe';
diff --git a/docs/code-examples/javascript/keep-alive/index.mdx b/docs/code-examples/javascript/keep-alive/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Keep Alive
+title: Contract proposal connection
 draft: false
 sidebar_label: Keep Alive
 sidebar_position: 7
@@ -13,7 +13,7 @@ keywords:
   - example
   - keep
   - alive
-description: Keep Alive code example
+description: With this API example, learn how to keep a connection alive when getting contract proposals via the Deriv API.
 ---
 
 import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
diff --git a/docs/code-examples/javascript/proposal/index.mdx b/docs/code-examples/javascript/proposal/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Proposal
+title: Contract proposal status
 draft: false
 sidebar_label: Proposal
 sidebar_position: 6
@@ -11,7 +11,7 @@ keywords:
   - code
   - example
   - proposal
-description: Proposal code example
+description: Learn how to feature the spot price, payout, and spot value for trading contracts with this API example.
 ---
 
 import SandboxIframe from '@site/src/components/SandboxIframe';
diff --git a/docs/code-examples/javascript/ticks-history/index.mdx b/docs/code-examples/javascript/ticks-history/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Ticks History
+title: Ticks history
 draft: false
 sidebar_label: Ticks History
 sidebar_position: 2
@@ -13,7 +13,7 @@ keywords:
   - example
   - ticks
   - history
-description: Ticks History code example
+description: Subscribe to Deriv API's ticks history feature to get past tick times and prices. Integrate this feature into your trading app with this API example.
 ---
 
 import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
diff --git a/docs/code-examples/javascript/ticks/index.mdx b/docs/code-examples/javascript/ticks/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Ticks
+title: Tick call
 draft: false
 sidebar_label: Ticks
 sidebar_position: 1
@@ -11,7 +11,7 @@ keywords:
   - code
   - example
   - ticks
-description: Ticks code example
+description: Check out an API example of a tick call connected to an API WebSocket. Start building your trading app today!
 ---
 
 import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
diff --git a/docs/code-examples/javascript/website-status/index.mdx b/docs/code-examples/javascript/website-status/index.mdx
@@ -1,5 +1,5 @@
 ---
-title: Website Status
+title: Request Website Status
 draft: false
 sidebar_label: Website Status
 sidebar_position: 5
@@ -13,7 +13,7 @@ keywords:
   - example
   - website
   - status
-description: Website Status code example
+description: Explore settings like call limits, currency information, and supported languages through a website status request. Learn with this API example.
 ---
 
 import SandboxIframe from '@site/src/components/SandboxIframe';
diff --git a/docs/core-concepts/_category_.json b/docs/core-concepts/_category_.json
@@ -4,6 +4,6 @@
   "position": 2,
   "link": {
     "type": "generated-index",
-    "description": "Learn core concepts of the Deriv API WebSocket server and its features"
+    "description": "Learn to use API WebSocket and API calls to create your customised trading app."
   }
 }
diff --git a/docs/core-concepts/api-calls-anatomy/index.md b/docs/core-concepts/api-calls-anatomy/index.md
@@ -1,19 +1,18 @@
 ---
-title: API calls' anatomy
+title: Functions of API Calls
 hide_title: false
 draft: false
-sidebar_label: API calls' anatomy
+sidebar_label: Functions of API Calls
 sidebar_position: 1
 tags:
   - concept
   - calls
   - anatomy
 keywords:
-  - trading
-  - concept
-  - calls
-  - anatomy
-description: Deriv API calls' anatomy
+  - trading app
+  - api calls
+  - api example
+description: Set up API calls for your trading app using the API call feature. With API examples, learn to subscribe, send requests, and get response data.
 ---
 
 ## Subscribe and send
diff --git a/docs/core-concepts/authorization-authentication/index.md b/docs/core-concepts/authorization-authentication/index.md
@@ -1,16 +1,16 @@
 ---
-title: Authorisation and authentication
+title: API authentication
 hide_title: false
 draft: false
-sidebar_label: Authorisation and authentication
+sidebar_label: API authentication
 sidebar_position: 2
 tags:
   - authentication
   - authorisation
 keywords:
   - deriv-authentication
-  - deriv-authorisation
-description: Deriv API authorisation and authentication
+  - deriv-authorisatio
+description: Access the complete set of Deriv API features on your trading app by authenticating users with an API token. Learn to do this with an API example.
 ---
 
 Without authorisation and authentication you'll only get access to roughly half of our API calls and features. For example, in order to buy contracts or utilise the `Copy Trading` features, your users must be authenticated and authorised by our **OAuth** provider and **WebSocket Server**.
diff --git a/docs/core-concepts/websocket/index.md b/docs/core-concepts/websocket/index.md
@@ -8,10 +8,10 @@ tags:
   - concept
   - websocket
 keywords:
-  - trading
-  - concept
-  - websockets
-description: What is a WebSocket?
+  - trading app
+  - websocket protocol
+  - websocket connections
+description: Learn about WebSocket protocol and WebSocket connections, and how to integrate them so you can enable data exchanges on your trading app.
 ---
 
 ## What are WebSockets?
diff --git a/docs/guides/_category_.json b/docs/guides/_category_.json
@@ -3,6 +3,7 @@
   "label": "Guides",
   "position": 6,
   "link": {
-    "type": "generated-index"
+    "type": "generated-index",
+    "description": "A guide to the Deriv API, including API examples to create a trading app with comprehensive features similar to Deriv Trader. Get started today!"
   }
 }
diff --git a/docs/guides/about-the-deriv-api/index.md b/docs/guides/about-the-deriv-api/index.md
@@ -1,5 +1,5 @@
 ---
-title: About the Deriv API
+title: About Deriv API
 hide_title: true
 draft: false
 sidebar_label: About the Deriv API
@@ -24,7 +24,7 @@ keywords:
   - authorise
   - register
   - integration
-description: How to use the Deriv API
+description: Learn about Deriv API, its features, and API documentation with code examples, and how to use it to build your trading app.
 ---
 
 ## What is the Deriv API?
diff --git a/docs/guides/markup-calculation/index.md b/docs/guides/markup-calculation/index.md
@@ -1,5 +1,5 @@
 ---
-title: Markup calculation
+title: Charge contract markups
 hide_title: true
 draft: false
 sidebar_label: Markup calculation
@@ -16,7 +16,7 @@ keywords:
   - earning
   - commission
   - markup
-description: How is markup calculated?
+description: Learn how to charge markups on trading contracts purchased through your trading app.
 ---
 
 ## Markup
diff --git a/docs/guides/monetizing-the-deriv-api/index.md b/docs/guides/monetizing-the-deriv-api/index.md
@@ -1,5 +1,5 @@
 ---
-title: Monetizing the Deriv API
+title: Monetise your trading app
 hide_title: true
 draft: false
 sidebar_label: Monetizing the Deriv API
@@ -21,7 +21,7 @@ keywords:
   - monetization
   - api
   - websocket
-description: Monetize the Deriv API for your application
+description: Find out how to monetise the Deriv API by becoming a Deriv affiliate, advertising on your trading app, or offering premium features.
 ---
 
 ## Monetizing the Deriv API
diff --git a/docs/guides/oauth2/index.md b/docs/guides/oauth2/index.md
@@ -1,5 +1,5 @@
 ---
-title: OAuth2
+title: Open authorisation
 hide_title: true
 draft: false
 sidebar_label: OAuth2
@@ -16,7 +16,7 @@ keywords:
   - earning
   - commission
   - markup
-description: What is OAuth2?
+description: Learn about OAuth authorisation, logging in without an API token, and how you can use it to improve the user experience of your trading app.
 ---
 
 ## What is OAuth2?
@@ -33,7 +33,7 @@ For more information on OAuth2, [see this guide](https://aaronparecki.com/oauth-
 
 1. Specify the URL that will be used as the **OAuth Redirect URL** on the app registration page in the **Website URL field**.
 
-2. Add a login button on your website or app and direct users to `https://oauth.binary.com/oauth2/authorize?app_id=your_app_id` where your_app_id is the ID of your app. 
+2. Add a login button on your website or app and direct users to `https://oauth.binary.com/oauth2/authorize?app_id=your_app_id` where your_app_id is the ID of your app.
 
 3. Once a user signs up, they will be redirected to the URL that you entered as the **Redirect URL**. This URL will have arguments added to it with the user's session tokens, and will look similar to: `https://[YOUR_WEBSITE_URL]/redirect/?acct1=cr799393& token1=a1-f7pnteezo4jzhpxclctizt27hyeot&cur1=usd& acct2=vrtc1859315& token2=a1clwe3vfuuus5kraceykdsoqm4snfq& cur2=usd&state=`
 
diff --git a/docs/intro.mdx b/docs/intro.mdx
@@ -14,7 +14,7 @@ keywords:
   - api
   - getting started
   - quick startup
-description: Getting started with Deriv API
+description: Get an overview of the available Deriv API code examples and languages, and how to use it to create your trading app.
 ---
 
 import RenderOfficialContents from '@site/src/components/RenderOfficialContents';
diff --git a/docs/languages/_category_.json b/docs/languages/_category_.json
@@ -4,6 +4,7 @@
   "position": 4,
   "link": {
     "type": "generated-index",
-    "description": "Learn how to use Deriv WebSocket API features with your language of your choice"
+    "title": "Programming languages",
+    "description": "Select your preferred programming language to create a trading app with the help of our WebSocket API. Start learning with these code examples."
   }
 }
diff --git a/docs/languages/intro.md b/docs/languages/intro.md
@@ -2,7 +2,7 @@
 title: Introduction
 sidebar_label: Introduction
 sidebar_position: 0
-description: Introduction to languages
+description: Get step-by-step instructions on how to use pure languages on Deriv's WebSocket API. Start building your trading app with this API example.
 ---
 
 Each language section contains step-by-step instructions on how to use the `Deriv WebSocket Server APIs` with pure language features. So if it's the first time you're using our docs please go through each section in order to get the most out of them.
diff --git a/docs/languages/javascript/_category_.json b/docs/languages/javascript/_category_.json
@@ -3,6 +3,6 @@
   "position": 1,
   "link": {
     "type": "generated-index",
-    "description": "Learn how to use Deriv WebSocket APIs with JavaScript."
+    "description": "Start building your trading app with Javascript, HTML, and CSS via our WebSocket API."
   }
 }
diff --git a/docs/languages/javascript/get-country-list/index.md b/docs/languages/javascript/get-country-list/index.md
@@ -1,5 +1,5 @@
 ---
-title: Get a list of countries
+title: Get country list
 sidebar_label: Get a list of countries
 sidebar_position: 2
 tags:
@@ -8,7 +8,7 @@ tags:
 keywords:
   - country_list
   - javascript
-description: How to get a list of countries in Deriv api?
+description: Get information about your users by adding a list of countries to your trading app. Learn how to do that with this JavaScript API example.
 ---
 
 <!-- :::caution
diff --git a/docs/languages/javascript/project-setup/index.md b/docs/languages/javascript/project-setup/index.md
@@ -1,13 +1,13 @@
 ---
-title: Project setup
+title: Project setup | JavaScript
 sidebar_label: Project setup
 sidebar_position: 0
 tags:
   - javascript
 keywords:
   - js
   - project-setup
-description: Deriv API JavaScript project setup
+description: Create a directory for your next API trading app project using a WebSocket.
 ---
 
 ### Create a project
diff --git a/docs/languages/javascript/websocket-connection/index.md b/docs/languages/javascript/websocket-connection/index.md
@@ -1,13 +1,13 @@
 ---
-title: WebSocket connection
+title: Setup a WebSocket connection
 sidebar_label: WebSocket connection
 sidebar_position: 1
 tags:
   - javascript
 keywords:
   - js
   - websocket-connection
-description: how to setup a WebSocket connection with Deriv api?
+description: A guide on how to set up a WebSocket connection to a WebSocket API on your trading app.
 ---
 
 :::caution
diff --git a/docs/setting-up-a-deriv-application.md b/docs/setting-up-a-deriv-application.md
@@ -1,5 +1,5 @@
 ---
-title: Setting up a Deriv application
+title: Create a Deriv application
 sidebar_label: Setting up a Deriv application
 sidebar_position: 7
 sidebar_class_name: hide-sidebar-item
@@ -11,7 +11,7 @@ keywords:
   - intro
   - application
   - setup
-description: How to setup Deriv application
+description: A step-by-step guide on creating your Deriv API token and building your trading application with the help of our trading API. Learn more.
 ---
 
 #### Deriv account
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
diff --git a/src/features/Home/ApiFeatures/ApiFeatures.tsx b/src/features/Home/ApiFeatures/ApiFeatures.tsx
diff --git a/src/features/Home/Benefits/Benefits.module.scss b/src/features/Home/Benefits/Benefits.module.scss
diff --git a/src/features/Home/Benefits/Benefits.tsx b/src/features/Home/Benefits/Benefits.tsx
diff --git a/src/features/Home/GetStarted/GetStarted.tsx b/src/features/Home/GetStarted/GetStarted.tsx
diff --git a/src/features/Home/HeroHeader/HeroHeader.tsx b/src/features/Home/HeroHeader/HeroHeader.tsx
diff --git a/src/features/Home/HeroHeader/__tests__/HeroHeader.test.tsx b/src/features/Home/HeroHeader/__tests__/HeroHeader.test.tsx
diff --git a/src/pages/index.tsx b/src/pages/index.tsx

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@`
`3`	`3`	`"position": 3,`
`4`	`4`	`"link": {`
`5`	`5`	`"type": "generated-index",`
`6`		`- "description": "Learn more about the API with our code examples"`
	`6`	`+ "title": "Code examples",`
	`7`	`+ "description": "Find out which API codes are available for you to use to build your trading app. Learn with API examples."`
`7`	`8`	`}`
`8`	`9`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,9 @@`
`1`	`1`	`{`
`2`		`- "label": "JavaScript Examples",`
	`2`	`+ "label": "Javascript Examples",`
`3`	`3`	`"position": 1,`
`4`	`4`	`"link": {`
`5`	`5`	`"type": "generated-index",`
`6`		`- "description": "JavaScript code examples"`
	`6`	`+ "description": "Explore JavaScript codes you can use to build your trading app. Learn through JavaScript examples and API examples.",`
	`7`	`+ "title": "JavaScript examples"`
`7`	`8`	`}`
`8`	`9`	`}`