diff --git a/downloads/1.2.x-release-notes/1.2.x-bug-fixes-template.md b/downloads/1.2.x-release-notes/1.2.x-bug-fixes-template.md
index 96a0eb3f050..ec0cbe7089a 100644
--- a/downloads/1.2.x-release-notes/1.2.x-bug-fixes-template.md
+++ b/downloads/1.2.x-release-notes/1.2.x-bug-fixes-template.md
@@ -3,8 +3,6 @@ layout: ballerina-left-nav-release-notes
 title: <RELEASE_VERSION>
 permalink: /downloads/1.2.x-release-notes/<RELEASE_VERSION>/
 active: <RELEASE_VERSION>
-redirect_from:
-    - /downloads/1.2.x-release-notes/
 ---
 
 ## Overview of jBallerina <RELEASE_VERSION>
diff --git a/downloads/1.2.x-release-notes/1.2.x-security-fixes-template.md b/downloads/1.2.x-release-notes/1.2.x-security-fixes-template.md
index f707d854e22..50e6f8ea32f 100644
--- a/downloads/1.2.x-release-notes/1.2.x-security-fixes-template.md
+++ b/downloads/1.2.x-release-notes/1.2.x-security-fixes-template.md
@@ -3,8 +3,6 @@ layout: ballerina-left-nav-release-notes
 title: <RELEASE_VERSION>
 permalink: /downloads/1.2.x-release-notes/<RELEASE_VERSION>/
 active: <RELEASE_VERSION>
-redirect_from:
-    - /downloads/1.2.x-release-notes/
 ---
 
 ## Overview of jBallerina <RELEASE_VERSION>
diff --git a/downloads/swan-lake-release-notes/swan-lake-bug-fixes-template/RELEASE_NOTE.md b/downloads/swan-lake-release-notes/swan-lake-bug-fixes-template/RELEASE_NOTE.md
index 7969da6a852..8ff25c0b5b5 100644
--- a/downloads/swan-lake-release-notes/swan-lake-bug-fixes-template/RELEASE_NOTE.md
+++ b/downloads/swan-lake-release-notes/swan-lake-bug-fixes-template/RELEASE_NOTE.md
@@ -3,11 +3,6 @@ layout: ballerina-left-nav-release-notes
 title: Swan Lake Update 8 (<RELEASE_VERSION>) 
 permalink: /downloads/swan-lake-release-notes/<RELEASE_VERSION>/
 active: <RELEASE_VERSION>
-redirect_from: 
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>/
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>-swan-lake/
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>-swan-lake
 ---
 
 ## Overview of Ballerina Swan Lake Update 8 (<RELEASE_VERSION>)
diff --git a/downloads/swan-lake-release-notes/swan-lake-security-fixes-template/RELEASE_NOTE.md b/downloads/swan-lake-release-notes/swan-lake-security-fixes-template/RELEASE_NOTE.md
index d58ab9da373..9185fb88252 100644
--- a/downloads/swan-lake-release-notes/swan-lake-security-fixes-template/RELEASE_NOTE.md
+++ b/downloads/swan-lake-release-notes/swan-lake-security-fixes-template/RELEASE_NOTE.md
@@ -3,12 +3,6 @@ layout: ballerina-left-nav-release-notes
 title: Swan Lake Update 8 (<RELEASE_VERSION>)
 permalink: /downloads/swan-lake-release-notes/<RELEASE_VERSION>/
 active: 2201.8.2
-redirect_from: 
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>-swan-lake/
-    - /downloads/swan-lake-release-notes/<RELEASE_VERSION>-swan-lake
-    - /downloads/swan-lake-release-notes/
-    - /downloads/swan-lake-release-notes
 ---
 
 ## Overview of Ballerina Swan Lake Update 8 (<RELEASE_VERSION>)
diff --git a/layouts/LayoutDownloads.js b/layouts/LayoutDownloads.js
index 8f0dfb80ad9..43edffc77d9 100644
--- a/layouts/LayoutDownloads.js
+++ b/layouts/LayoutDownloads.js
@@ -45,37 +45,37 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.setAttributeNode(d.createAtt
         />
         {/* End Google Tag Manager */}
 
-        <title>Ballerina downloads</title>
+        <title>Ballerina downloads - The Ballerina programming language</title>
         <meta name="description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
         <meta name="keywords" content="ballerina, ballerina downloads, release notes, getting started, programming language" />
         {/* <!--FB--> */}
         <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Ballerina downloads - The Ballerina programming language" />
         <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
         {/* <!--TWITTER--> */}
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina downloads" />
+        <meta name="twitter:title" content="Ballerina downloads - The Ballerina programming languages" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
         <meta property="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
         {/* <!--FB--> */}
         <meta property="og:type" content="website" />
-        <meta property="og:title" content="Ballerina - Ballerina downloads" />
-        <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
+        <meta property="og:title" content="Ballerina downloads - The Ballerina programming language" />
+        <meta property="og:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
-        <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
+        <meta property="og:title" content="Ballerina downloads - The Ballerina programming language" />
+        <meta property="og:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
-        <meta name="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
+        <meta name="twitter:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
+        <meta name="twitter:text:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
 
         <script type="text/javascript" crossOrigin="true" src="https://cdn.jsdelivr.net/npm/@docsearch/js@alpha" />
         {/* CookiePro Cookies Consent Notice start for ballerina.io */}
diff --git a/layouts/LayoutHacktoberfest.js b/layouts/LayoutHacktoberfest.js
index 68d4458bf26..e3a384f9c3f 100644
--- a/layouts/LayoutHacktoberfest.js
+++ b/layouts/LayoutHacktoberfest.js
@@ -41,13 +41,13 @@ export default function Layout({ children }) {
             content="ballerina, hackoberfest, integration"
           />
           <link rel="shortcut icon" href="/img/favicon.ico" />
-          <title>Ballerina - Hacktoberfest 2023</title>
+          <title>Ballerina - Hacktoberfest 2023 - The Ballerina programming language</title>
 
           <script type="text/javascript" crossOrigin="true" src="https://cdn.jsdelivr.net/npm/@docsearch/js@alpha" />
 
           {/* FB */}
           <meta property="og:type" content="article" />
-          <meta property="og:title" content="Ballerina - Hacktoberfest 2023" />
+          <meta property="og:title" content="Ballerina - Hacktoberfest 2023 - The Ballerina programming language" />
           <meta
             property="og:description"
             content="Ballerina participates in Hacktoberfest 2023"
@@ -59,7 +59,7 @@ export default function Layout({ children }) {
           />
 
           {/* LINKED IN */}
-          <meta property="og:title" content="Ballerina - Hacktoberfest 2023" />
+          <meta property="og:title" content="Ballerina - Hacktoberfest 2023 - The Ballerina programming language" />
           <meta
             property="og:image"
             content="https://ballerina.io/images/hacktoberfest/ballerina-hacktoberfest-sm-banner.png"
@@ -74,7 +74,7 @@ export default function Layout({ children }) {
           <meta name="twitter:card" content="summary" />
           <meta name="twitter:site" content="@ballerinalang" />
           <meta name="twitter:creator" content="@ballerinalang" />
-          <meta name="twitter:title" content="Ballerina" />
+          <meta name="twitter:title" content="Ballerina - Hacktoberfest 2023 - The Ballerina programming language" />
           <meta name="twitter:card" content="summary_large_image" />
           <meta
             property="twitter:description"
diff --git a/layouts/LayoutHome.js b/layouts/LayoutHome.js
index 0798b40a35b..e84afe2904f 100644
--- a/layouts/LayoutHome.js
+++ b/layouts/LayoutHome.js
@@ -30,7 +30,7 @@ export default function Layout({ children }) {
     <>
       <Head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Ballerina Home</title>
+        <title>The Ballerina programming language</title>
 
         <meta name="description" content="Ballerina is an open-source programming language for the cloud that makes it easier to use, combine and create network services."></meta>
 
@@ -54,20 +54,20 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.setAttributeNode(d.createAtt
         <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="The Ballerina programming language" />
         <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
         {/* <!--TWITTER--> */}
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina Home" />
+        <meta name="twitter:title" content="The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
         <meta property="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
         {/* <!--FB--> */}
         <meta property="og:type" content="website" />
-        <meta property="og:title" content="Ballerina - Ballerina Home" />
+        <meta property="og:title" content="The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
diff --git a/layouts/LayoutLearn.js b/layouts/LayoutLearn.js
index 5ae972b3f6d..f868f7bf7d3 100644
--- a/layouts/LayoutLearn.js
+++ b/layouts/LayoutLearn.js
@@ -36,14 +36,14 @@ export default function Layout({ children }) {
          <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
           {/* <!--LINKED IN  --> */}
-          <meta property="og:title" content="Ballerina - Learn" />
+          <meta property="og:title" content="Learn - The Ballerina programming language" />
           <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
           {/* <!--TWITTER--> */}
           <meta name="twitter:card" content="summary" />
           <meta name="twitter:site" content="@ballerinalang" />
           <meta name="twitter:creator" content="@ballerinalang" />
-          <meta name="twitter:title" content="Ballerina - Learn" />
+          <meta name="twitter:title" content="Learn - The Ballerina programming language" />
           <meta name="twitter:card" content="summary_large_image" />
           <meta name="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
           <meta property="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
diff --git a/layouts/LayoutSpec.js b/layouts/LayoutSpec.js
index 712df544587..149c8173a8e 100644
--- a/layouts/LayoutSpec.js
+++ b/layouts/LayoutSpec.js
@@ -32,14 +32,12 @@ export default function Layout({ children }) {
          <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
 {/* <!--LINKED IN  --> */}
-<meta property="og:title" content="Ballerina" />
 <meta property="og:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 
 {/* <!--TWITTER--> */}
 <meta name="twitter:card" content="summary" />
 <meta name="twitter:site" content="@ballerinalang" />
 <meta name="twitter:creator" content="@ballerinalang" />
-<meta name="twitter:title" content="Ballerina" />
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
 <meta property="twitter:image" content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png" />
diff --git a/pages/404.js b/pages/404.js
index 21e8b9994e0..7f297efd563 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -34,18 +34,19 @@ export default function FourOHFour() {
         <meta name="description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta name="keywords" content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language" />
 
-        <title>404</title>
+        <title>404 - The Ballerina programming language</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content={`Ballerina - 404`} />
+        <meta property="og:title" content={`404 - The Ballerina programming language`} />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="404 - The Ballerina programming language" />
 
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content="404 - The Ballerina programming language" />
         <meta property="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta property="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
diff --git a/pages/case-studies/[slug].js b/pages/case-studies/[slug].js
index 02191a1924a..a04554017ae 100644
--- a/pages/case-studies/[slug].js
+++ b/pages/case-studies/[slug].js
@@ -78,13 +78,13 @@ export default function PostPage({ frontmatter, content, slug }) {
                     content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
                 />
 
-                <title>{frontmatter.title}</title>
+                <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
                 {/* <!--FB--> */}
                 <meta property="og:type" content="article" />
                 <meta
                     property="og:title"
-                    content={`Ballerina - ${frontmatter.title}`}
+                    content={`${frontmatter.title} - The Ballerina programming language`}
                 />
                 <meta
                     property="og:description"
@@ -97,14 +97,14 @@ export default function PostPage({ frontmatter, content, slug }) {
                 />
 
                 {/* <!--LINKED IN  --> */}
-                <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+                <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
                 <meta
                     property="og:image"
                     content={`https://ballerina.io/images/case-studies/${frontmatter.user}-sm-banner.png`}
                 />
 
                 {/* <!--TWITTER--> */}
-                <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+                <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
                 <meta
                     property="twitter:description"
                     content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/community/active-proposals.js b/pages/community/active-proposals.js
index f6c123bafdb..af09f13984e 100644
--- a/pages/community/active-proposals.js
+++ b/pages/community/active-proposals.js
@@ -113,13 +113,13 @@ export default function PostPage({ frontmatter, content, id, codeSnippets }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -130,6 +130,7 @@ export default function PostPage({ frontmatter, content, id, codeSnippets }) {
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/community/ballerina-newsletter.js b/pages/community/ballerina-newsletter.js
index 3d41d97df6c..60e67f28a09 100644
--- a/pages/community/ballerina-newsletter.js
+++ b/pages/community/ballerina-newsletter.js
@@ -58,19 +58,20 @@ export default function BallerinaNewsLetter({ posts }) {
       <Head>
         <meta name="description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta name="keywords" content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language" />
-        <title>Ballerina newsletter</title>
+        <title>Ballerina newsletter - The Ballerina programming language</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina newsletter" />
+        <meta property="og:title" content="Ballerina newsletter - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Ballerina newsletter - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content="Ballerina newsletter - The Ballerina programming language" />
         <meta property="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta property="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
diff --git a/pages/community/ballerina-tech-talk.js b/pages/community/ballerina-tech-talk.js
index 1ccffcdadb8..14ddd6630bb 100644
--- a/pages/community/ballerina-tech-talk.js
+++ b/pages/community/ballerina-tech-talk.js
@@ -41,18 +41,19 @@ export default function TechTalk() {
 
         <meta name="keywords" content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language" />
 
-        <title>Ballerina tech talk</title>
+        <title>Ballerina tech talk - The Ballerina programming language</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina tech talk" />
+        <meta property="og:title" content="Ballerina tech talk - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Ballerina tech talk - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content="Ballerina tech talk - The Ballerina programming language" />
         <meta property="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta property="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
diff --git a/pages/community/events.js b/pages/community/events.js
index 1c99351554d..2a4e3138888 100644
--- a/pages/community/events.js
+++ b/pages/community/events.js
@@ -32,21 +32,22 @@ export default function Events() {
   return (
     <>
       <Head>
-        <title>Events</title>
+        <title>Events - The Ballerina programming language</title>
 
         <meta name="description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta name="keywords" content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language" />
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Events" />
+        <meta property="og:title" content="Events - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Events - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content="Events - The Ballerina programming language" />
         <meta property="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta property="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
diff --git a/pages/community/index.js b/pages/community/index.js
index 195fa096743..af9864a3ad4 100644
--- a/pages/community/index.js
+++ b/pages/community/index.js
@@ -53,20 +53,21 @@ export default function Community() {
   return (
     <>
       <Head>
-        <title>Community</title>
+        <title>Community - The Ballerina programming language</title>
         <meta name="description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta name="keywords" content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language" />
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Community" />
+        <meta property="og:title" content="Community - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Community - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content="Community - The Ballerina programming language" />
         <meta property="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta property="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
       </Head>
diff --git a/pages/community/newsletter/[...slug].js b/pages/community/newsletter/[...slug].js
index b88cf135b68..7601ad5ccf1 100644
--- a/pages/community/newsletter/[...slug].js
+++ b/pages/community/newsletter/[...slug].js
@@ -63,17 +63,18 @@ export default function PostPage({ frontmatter, content }) {
         <meta name="description" content={frontmatter.description}/>
         <meta name="keywords" content={frontmatter.keywords}/>
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article"/>
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`}/>
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta property="og:description" content={frontmatter.description}></meta>
         
         {/* <!--LINKED IN  --> */}
         <meta property="og:description" content={frontmatter.description}/>
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta property="twitter:description" content={frontmatter.description}/>
         <meta property="twitter:text:description" content={frontmatter.description}/>
 
diff --git a/pages/community/resources.js b/pages/community/resources.js
index a73a42bdb65..e05fa27128a 100644
--- a/pages/community/resources.js
+++ b/pages/community/resources.js
@@ -38,19 +38,20 @@ export default function Resources() {
 
         <meta name="keywords" content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language" />
 
-        <title>Resources</title>
+        <title>Resources - The Ballerina programming language</title>
 
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Resources" />
+        <meta property="og:title" content="Resources - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Resources - The Ballerina programming language" />
         <meta property="og:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content="Resources - The Ballerina programming language" />
         <meta property="twitter:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
         <meta property="twitter:text:description" content="A programming language for the cloud that makes it easier to use, combine, and create network services." />
 
diff --git a/pages/downloads/0.9.x-release-notes/[...slug].js b/pages/downloads/0.9.x-release-notes/[...slug].js
index c3dfb10879c..71d72e38968 100644
--- a/pages/downloads/0.9.x-release-notes/[...slug].js
+++ b/pages/downloads/0.9.x-release-notes/[...slug].js
@@ -164,13 +164,13 @@ export default function PostPage({ frontmatter, content, id }) {
           content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
         />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -178,9 +178,10 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/downloads/1.0.x-release-notes/[...slug].js b/pages/downloads/1.0.x-release-notes/[...slug].js
index 8406e14bc1b..b8b59fed514 100644
--- a/pages/downloads/1.0.x-release-notes/[...slug].js
+++ b/pages/downloads/1.0.x-release-notes/[...slug].js
@@ -164,13 +164,13 @@ export default function PostPage({ frontmatter, content, id }) {
           content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
         />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -178,9 +178,10 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/downloads/1.1.x-release-notes/[...slug].js b/pages/downloads/1.1.x-release-notes/[...slug].js
index f86384901da..41cedfcb9d7 100644
--- a/pages/downloads/1.1.x-release-notes/[...slug].js
+++ b/pages/downloads/1.1.x-release-notes/[...slug].js
@@ -164,13 +164,13 @@ export default function PostPage({ frontmatter, content, id }) {
           content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
         />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -178,9 +178,10 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/downloads/1.2.x-release-notes/[...slug].js b/pages/downloads/1.2.x-release-notes/[...slug].js
index 95151aabab1..7c03f74ed99 100644
--- a/pages/downloads/1.2.x-release-notes/[...slug].js
+++ b/pages/downloads/1.2.x-release-notes/[...slug].js
@@ -126,13 +126,13 @@ export default function PostPage({ frontmatter, content, id, codeSnippets }) {
           content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
         />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -140,9 +140,10 @@ export default function PostPage({ frontmatter, content, id, codeSnippets }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/downloads/archived.js b/pages/downloads/archived.js
index d62016cb3b2..8d7d2b16610 100644
--- a/pages/downloads/archived.js
+++ b/pages/downloads/archived.js
@@ -116,17 +116,18 @@ export default function AllArchived() {
 
                 <meta name="keywords" content="ballerina, ballerina downloads, release notes, getting started, programming language" />
 
-                <title>Archived versions</title>
+                <title>Archived versions - The Ballerina programming language</title>
 
                 {/* <!--FB--> */}
                 <meta property="og:type" content="website" />
-                <meta property="og:title" content="Ballerina - Archived versions" />
+                <meta property="og:title" content="Archived versions - The Ballerina programming language" />
                 <meta property="og:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
 
                 {/* <!--LINKED IN  --> */}
                 <meta property="og:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
 
                 {/* <!--TWITTER--> */}
+                <meta name="twitter:title" content="Archived versions - The Ballerina programming language" />
                 <meta name="twitter:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
                 <meta name="twitter:text:description" content="Download the Ballerina programming language for Windows, Linux and MacOS. You can find the release notes, plugin downloads and archived versions here too." />
             </Head>
diff --git a/pages/downloads/installation-options.js b/pages/downloads/installation-options.js
index 2add076cbba..70fbe9f7923 100644
--- a/pages/downloads/installation-options.js
+++ b/pages/downloads/installation-options.js
@@ -95,13 +95,13 @@ export default function PostPage({ frontmatter, content, id }) {
                     content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
                 />
 
-                <title>{frontmatter.title}</title>
+                <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
                 {/* <!--FB--> */}
                 <meta property="og:type" content="article" />
                 <meta
                     property="og:title"
-                    content={`Ballerina - ${frontmatter.title}`}
+                    content={`${frontmatter.title} - The Ballerina programming language`}
                 />
                 <meta
                     property="og:description"
@@ -109,10 +109,10 @@ export default function PostPage({ frontmatter, content, id }) {
                 />
 
                 {/* <!--LINKED IN  --> */}
-                <meta property="og:title" content="Ballerina" />
+                <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
                 {/* <!--TWITTER--> */}
-                <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+                <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
                 <meta
                     property="twitter:description"
                     content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/downloads/swan-lake-release-notes/[...slug].js b/pages/downloads/swan-lake-release-notes/[...slug].js
index c58af93580d..fb23010abf8 100644
--- a/pages/downloads/swan-lake-release-notes/[...slug].js
+++ b/pages/downloads/swan-lake-release-notes/[...slug].js
@@ -130,13 +130,13 @@ export default function PostPage({ frontmatter, content, id, codeSnippets }) {
           content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
         />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -144,9 +144,10 @@ export default function PostPage({ frontmatter, content, id, codeSnippets }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
         {/* <!--TWITTER--> */}
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/downloads/verify-ballerina-artifacts.js b/pages/downloads/verify-ballerina-artifacts.js
index fb97f7de37b..be721377c30 100644
--- a/pages/downloads/verify-ballerina-artifacts.js
+++ b/pages/downloads/verify-ballerina-artifacts.js
@@ -109,13 +109,13 @@ export default function PostPage({ frontmatter, content, id }) {
                     content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
                 />
 
-                <title>{frontmatter.title}</title>
+                <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
                 {/* <!--FB--> */}
                 <meta property="og:type" content="article" />
                 <meta
                     property="og:title"
-                    content={`Ballerina - ${frontmatter.title}`}
+                    content={`${frontmatter.title} - The Ballerina programming language`}
                 />
                 <meta
                     property="og:description"
@@ -123,10 +123,10 @@ export default function PostPage({ frontmatter, content, id }) {
                 />
 
                 {/* <!--LINKED IN  --> */}
-                <meta property="og:title" content="Ballerina" />
+                <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
                 {/* <!--TWITTER--> */}
-                <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+                <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
                 <meta
                     property="twitter:description"
                     content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/learn/by-example/[bbe].js b/pages/learn/by-example/[bbe].js
index aed2ee49d46..3ef36e0df05 100644
--- a/pages/learn/by-example/[bbe].js
+++ b/pages/learn/by-example/[bbe].js
@@ -109,13 +109,13 @@ export default function BBEPage({ frontmatter, navContent, bbe, codes }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:image"
@@ -124,7 +124,7 @@ export default function BBEPage({ frontmatter, navContent, bbe, codes }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -132,7 +132,7 @@ export default function BBEPage({ frontmatter, navContent, bbe, codes }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/by-example/index.js b/pages/learn/by-example/index.js
index ba4ba5aa7e2..5e15d49a2df 100644
--- a/pages/learn/by-example/index.js
+++ b/pages/learn/by-example/index.js
@@ -154,11 +154,11 @@
            content="hello world, basics, network interaction, working with data, concurrency, transactions, concurrency safety, testing, rest api, rest client, rest api security, rest api advanced, http2, graphql, graphql security, websockets, websocket security, websub, resiliency, listeners, grpc, nats, stan, kafka, rabbitmq, tcp, udp, email, mysql, jdbc, io, security, url, time, cache, log, file, random, task, uuid, xslt, regex, os, xml data, tracing, metrics, code to cloud, function as a service"
          />
          <link rel="shortcut icon" href="/img/favicon.ico" />
-         <title>Ballerina by Example</title>
+         <title>Ballerina by Example - The Ballerina programming language</title>
  
          {/* FB */}
          <meta property="og:type" content="article" />
-         <meta property="og:title" content="Ballerina - Ballerina by Example" />
+         <meta property="og:title" content="Ballerina by Example - The Ballerina programming language" />
          <meta
            property="og:description"
            content="Ballerina by Example enables you to have complete coverage over the Ballerina language, while emphasizing incremental learning."
@@ -170,7 +170,7 @@
          />
  
          {/* LINKED IN */}
-         <meta property="og:title" content="Ballerina - By Example" />
+         <meta property="og:title" content="Ballerina by Example - The Ballerina programming language" />
          <meta
            property="og:image"
            content="https://ballerina.io/images/ballerina-learn-ballerina-by-example-page-sm-banner.png"
@@ -185,7 +185,7 @@
          <meta name="twitter:card" content="summary" />
          <meta name="twitter:site" content="@ballerinalang" />
          <meta name="twitter:creator" content="@ballerinalang" />
-         <meta name="twitter:title" content="Ballerina - By Example" />
+         <meta name="twitter:title" content="Ballerina by Example - The Ballerina programming language" />
          <meta name="twitter:card" content="summary_large_image" />
          <meta
            property="twitter:description"
diff --git a/pages/learn/development-tutorials/[...slug].js b/pages/learn/development-tutorials/[...slug].js
index 48738e324ef..b215e9010d2 100644
--- a/pages/learn/development-tutorials/[...slug].js
+++ b/pages/learn/development-tutorials/[...slug].js
@@ -140,13 +140,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -157,7 +157,7 @@ export default function PostPage({
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/enterprise-integration-patterns/[pattern].js b/pages/learn/enterprise-integration-patterns/[pattern].js
index 3a32da6f549..e87a7a03690 100644
--- a/pages/learn/enterprise-integration-patterns/[pattern].js
+++ b/pages/learn/enterprise-integration-patterns/[pattern].js
@@ -86,11 +86,11 @@ export default function Pattern(props) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>EIP: {props.name}</title>
+        <title>EIP: {props.name} - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content={`EIP: ${props.name} - The Ballerina programming language`} />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -102,7 +102,7 @@ export default function Pattern(props) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina: Pre-built integrations" />
+        <meta property="og:title" content={`EIP: ${props.name} - The Ballerina programming language`} />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-eip-sm-banner.png"
@@ -117,7 +117,7 @@ export default function Pattern(props) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content={`EIP: ${props.name} - The Ballerina programming language`} />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/enterprise-integration-patterns/index.js b/pages/learn/enterprise-integration-patterns/index.js
index a7f9117ca40..dbea60015c1 100644
--- a/pages/learn/enterprise-integration-patterns/index.js
+++ b/pages/learn/enterprise-integration-patterns/index.js
@@ -136,11 +136,11 @@ export default function PatternList(props) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Enterprise Integrations Patterns</title>
+        <title>Enterprise Integrations Patterns - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Enterprise Integrations Patterns - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -152,7 +152,7 @@ export default function PatternList(props) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina: Pre-built integrations" />
+        <meta property="og:title" content="Enterprise Integrations Patterns - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-eip-sm-banner.png"
@@ -167,7 +167,7 @@ export default function PatternList(props) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Enterprise Integrations Patterns - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/healthcare/index.js b/pages/learn/healthcare/index.js
index 0cbb9b87420..429674f821e 100644
--- a/pages/learn/healthcare/index.js
+++ b/pages/learn/healthcare/index.js
@@ -104,11 +104,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for healthcare</title>
+        <title>Ballerina for healthcare - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for healthcare" />
+        <meta property="og:title" content="Ballerina for healthcare - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with healthcare-friendly abstractions."
@@ -120,7 +120,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for healthcare" />
+        <meta property="og:title" content="Ballerina for healthcare - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/health-sm-banner.png"
@@ -135,7 +135,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina for healthcare" />
+        <meta name="twitter:title" content="Ballerina for healthcare - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/index.js b/pages/learn/index.js
index d9f8d73efe2..f6f8f689d6e 100644
--- a/pages/learn/index.js
+++ b/pages/learn/index.js
@@ -58,11 +58,11 @@ export default function Learn() {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Learn</title>
+        <title>Learn - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Learn - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -74,7 +74,7 @@ export default function Learn() {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Learn - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-generic-social-media-image-2023.png"
@@ -89,7 +89,7 @@ export default function Learn() {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Learn - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration-tools/[...slug].js b/pages/learn/integration-tools/[...slug].js
index 635f661530c..f0cd1046317 100644
--- a/pages/learn/integration-tools/[...slug].js
+++ b/pages/learn/integration-tools/[...slug].js
@@ -139,13 +139,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -156,7 +156,7 @@ export default function PostPage({
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/integration/[...slug].js b/pages/learn/integration/[...slug].js
index fcda10a6e3d..56eae5b979f 100644
--- a/pages/learn/integration/[...slug].js
+++ b/pages/learn/integration/[...slug].js
@@ -139,13 +139,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -156,7 +156,7 @@ export default function PostPage({
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/integration/integration-tutorials/[slug].js b/pages/learn/integration/integration-tutorials/[slug].js
index 2e2b364ae43..37082db93e0 100644
--- a/pages/learn/integration/integration-tutorials/[slug].js
+++ b/pages/learn/integration/integration-tutorials/[slug].js
@@ -81,13 +81,13 @@ export default function PostPage({ frontmatter, content, slug, codes }) {
                     content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
                 />
 
-                <title>{frontmatter.title}</title>
+                <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
                 {/* <!--FB--> */}
                 <meta property="og:type" content="article" />
                 <meta
                     property="og:title"
-                    content={`Ballerina - ${frontmatter.title}`}
+                    content={`${frontmatter.title} - The Ballerina programming language`}
                 />
                 <meta
                     property="og:description"
@@ -100,14 +100,14 @@ export default function PostPage({ frontmatter, content, slug, codes }) {
                 />
 
                 {/* <!--LINKED IN  --> */}
-                <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+                <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
                 <meta
                     property="og:image"
                     content="https://ballerina.io/images/ballerina-learn-integration-tutorials-page-sm-banner.png"
                 />
 
                 {/* <!--TWITTER--> */}
-                <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+                <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
                 <meta
                     property="twitter:description"
                     content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/learn/integration/integration-tutorials/index.js b/pages/learn/integration/integration-tutorials/index.js
index bc0f9f37908..13f996647de 100644
--- a/pages/learn/integration/integration-tutorials/index.js
+++ b/pages/learn/integration/integration-tutorials/index.js
@@ -89,11 +89,11 @@ export default function Learn() {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Integration tutorials</title>
+        <title>Integration tutorials - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina: Integration tutorials" />
+        <meta property="og:title" content="Integration tutorials - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -105,7 +105,7 @@ export default function Learn() {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina: Integration tutorials" />
+        <meta property="og:title" content="Integration tutorials - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-learn-integration-tutorials-page-sm-banner.png"
@@ -120,7 +120,7 @@ export default function Learn() {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina: Integration tutorials" />
+        <meta name="twitter:title" content="Integration tutorials - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/ftp-edi-message-to-salesforce-opportunity.js b/pages/learn/integration/pre-built-integrations/ftp-edi-message-to-salesforce-opportunity.js
index fa7683ffd5d..bfc49168581 100644
--- a/pages/learn/integration/pre-built-integrations/ftp-edi-message-to-salesforce-opportunity.js
+++ b/pages/learn/integration/pre-built-integrations/ftp-edi-message-to-salesforce-opportunity.js
@@ -206,11 +206,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>FTP EDI message to Salesforce Opportunity</title>
+        <title>FTP EDI message to Salesforce Opportunity - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="FTP EDI message to Salesforce Opportunity - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -222,7 +222,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="FTP EDI message to Salesforce Opportunity - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -237,7 +237,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="FTP EDI message to Salesforce Opportunity - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/github-to-email-integration.js b/pages/learn/integration/pre-built-integrations/github-to-email-integration.js
index f300a217e88..59cda974990 100644
--- a/pages/learn/integration/pre-built-integrations/github-to-email-integration.js
+++ b/pages/learn/integration/pre-built-integrations/github-to-email-integration.js
@@ -144,11 +144,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>GitHub to email integration</title>
+        <title>GitHub to email integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="GitHub to email integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -160,7 +160,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="GitHub to email integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -175,7 +175,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="GitHub to email integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/gmail-to-salesforce-integration.js b/pages/learn/integration/pre-built-integrations/gmail-to-salesforce-integration.js
index 80a65159f54..59c319628e7 100644
--- a/pages/learn/integration/pre-built-integrations/gmail-to-salesforce-integration.js
+++ b/pages/learn/integration/pre-built-integrations/gmail-to-salesforce-integration.js
@@ -26,9 +26,6 @@ import { FaRegCopy, FaCheck, FaGithub } from 'react-icons/fa';
 import Layout from "../../../../layouts/LayoutLearn";
 import { prefix } from '../../../../utils/prefix';
 import { getHighlighter } from "shiki";
-import LightBoxImage from "../../../../components/common/lightbox/LightBoxImage";
-
-
 
 
 export async function getStaticProps() {
@@ -259,11 +256,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Gmail to Salesforce integration</title>
+        <title>Gmail to Salesforce integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Gmail to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -275,7 +272,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Gmail to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -290,7 +287,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Gmail to Salesforce integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/google-drive-to-onedrive-integration.js b/pages/learn/integration/pre-built-integrations/google-drive-to-onedrive-integration.js
index ff8bb24ec09..935aed9a634 100644
--- a/pages/learn/integration/pre-built-integrations/google-drive-to-onedrive-integration.js
+++ b/pages/learn/integration/pre-built-integrations/google-drive-to-onedrive-integration.js
@@ -134,11 +134,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Google Drive to OneDrive integration</title>
+        <title>Google Drive to OneDrive integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Google Drive to OneDrive integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -150,7 +150,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Google Drive to OneDrive integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -165,7 +165,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Google Drive to OneDrive integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/google-sheets-to-salesforce-integration.js b/pages/learn/integration/pre-built-integrations/google-sheets-to-salesforce-integration.js
index 25ed67b86c0..321414f2516 100644
--- a/pages/learn/integration/pre-built-integrations/google-sheets-to-salesforce-integration.js
+++ b/pages/learn/integration/pre-built-integrations/google-sheets-to-salesforce-integration.js
@@ -127,11 +127,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Google Sheets to Salesforce integration</title>
+        <title>Google Sheets to Salesforce integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Google Sheets to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -143,7 +143,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Google Sheets to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -158,7 +158,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Google Sheets to Salesforce integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/hubspot-contacts-to-google-contacts-integration.js b/pages/learn/integration/pre-built-integrations/hubspot-contacts-to-google-contacts-integration.js
index 722288ef182..efd2eb02187 100644
--- a/pages/learn/integration/pre-built-integrations/hubspot-contacts-to-google-contacts-integration.js
+++ b/pages/learn/integration/pre-built-integrations/hubspot-contacts-to-google-contacts-integration.js
@@ -123,11 +123,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>HubSpot contacts to Google Contacts integration</title>
+        <title>HubSpot contacts to Google Contacts integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="HubSpot contacts to Google Contacts integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -139,7 +139,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="HubSpot contacts to Google Contacts integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -154,7 +154,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="HubSpot contacts to Google Contacts integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/index.js b/pages/learn/integration/pre-built-integrations/index.js
index aef1034c1a6..12a8087bba1 100644
--- a/pages/learn/integration/pre-built-integrations/index.js
+++ b/pages/learn/integration/pre-built-integrations/index.js
@@ -88,11 +88,11 @@ export default function Learn() {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Pre-built integrations</title>
+        <title>Pre-built integrations - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Pre-built integrations - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -104,7 +104,7 @@ export default function Learn() {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina: Pre-built integrations" />
+        <meta property="og:title" content="Pre-built integrations - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -119,7 +119,7 @@ export default function Learn() {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Pre-built integrations - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/kafka-to-salesforce-integration.js b/pages/learn/integration/pre-built-integrations/kafka-to-salesforce-integration.js
index 975f8fdc0d0..97a8b07758f 100644
--- a/pages/learn/integration/pre-built-integrations/kafka-to-salesforce-integration.js
+++ b/pages/learn/integration/pre-built-integrations/kafka-to-salesforce-integration.js
@@ -119,11 +119,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Kafka to Salesforce integration</title>
+        <title>Kafka to Salesforce integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Kafka to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -135,7 +135,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Kafka to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -150,7 +150,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Kafka to Salesforce integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/mysql-to-salesforce-integration.js b/pages/learn/integration/pre-built-integrations/mysql-to-salesforce-integration.js
index 1f0b2b37f62..8fd150a32d8 100644
--- a/pages/learn/integration/pre-built-integrations/mysql-to-salesforce-integration.js
+++ b/pages/learn/integration/pre-built-integrations/mysql-to-salesforce-integration.js
@@ -128,11 +128,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>MySQL to Salesforce integration</title>
+        <title>MySQL to Salesforce integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="MySQL to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -144,7 +144,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="MySQL to Salesforce integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -159,7 +159,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="MySQL to Salesforce integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/news-api-to-email-integration.js b/pages/learn/integration/pre-built-integrations/news-api-to-email-integration.js
index 0859333c406..a6a6cc08138 100644
--- a/pages/learn/integration/pre-built-integrations/news-api-to-email-integration.js
+++ b/pages/learn/integration/pre-built-integrations/news-api-to-email-integration.js
@@ -115,11 +115,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>News API to email integration</title>
+        <title>News API to email integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="News API to email integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -131,7 +131,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="News API to email integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -146,7 +146,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="News API to email integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/salesforce-to-twilio-integration.js b/pages/learn/integration/pre-built-integrations/salesforce-to-twilio-integration.js
index 8431f2cb049..e4a90b9c783 100644
--- a/pages/learn/integration/pre-built-integrations/salesforce-to-twilio-integration.js
+++ b/pages/learn/integration/pre-built-integrations/salesforce-to-twilio-integration.js
@@ -140,11 +140,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Salesforce to Twilio integration</title>
+        <title>Salesforce to Twilio integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Salesforce to Twilio integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -156,7 +156,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Salesforce to Twilio integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -171,7 +171,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Salesforce to Twilio integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/integration/pre-built-integrations/shopify-to-outlook-integration.js b/pages/learn/integration/pre-built-integrations/shopify-to-outlook-integration.js
index 694b2e06e8b..83a351ef170 100644
--- a/pages/learn/integration/pre-built-integrations/shopify-to-outlook-integration.js
+++ b/pages/learn/integration/pre-built-integrations/shopify-to-outlook-integration.js
@@ -144,11 +144,11 @@ export default function Learn({ samples, content }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Shopify to Outlook integration</title>
+        <title>Shopify to Outlook integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Learn" />
+        <meta property="og:title" content="Shopify to Outlook integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Ballerina is a comprehensive language that is easy to grasp for anyone with prior programming experience. Start learning with the material below."
@@ -160,7 +160,7 @@ export default function Learn({ samples, content }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Shopify to Outlook integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-swan-lake-pre-built-integrations-sm-banner.png"
@@ -175,7 +175,7 @@ export default function Learn({ samples, content }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Shopify to Outlook integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/references/ballerina-specifications.js b/pages/learn/references/ballerina-specifications.js
index f7edbcf41c5..8550a021cd0 100644
--- a/pages/learn/references/ballerina-specifications.js
+++ b/pages/learn/references/ballerina-specifications.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/resources/[...slug].js b/pages/learn/resources/[...slug].js
index b4d908397f8..780b6aca0b2 100644
--- a/pages/learn/resources/[...slug].js
+++ b/pages/learn/resources/[...slug].js
@@ -140,13 +140,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -157,7 +157,7 @@ export default function PostPage({
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/build-executables.js b/pages/learn/vs-code-extension/build-executables.js
index bd583cf18c8..00e8af7b3e3 100644
--- a/pages/learn/vs-code-extension/build-executables.js
+++ b/pages/learn/vs-code-extension/build-executables.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/configure-the-extension.js b/pages/learn/vs-code-extension/configure-the-extension.js
index 4d8fbe51a67..b2fc85388d3 100644
--- a/pages/learn/vs-code-extension/configure-the-extension.js
+++ b/pages/learn/vs-code-extension/configure-the-extension.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/debug-the-code/[...slug].js b/pages/learn/vs-code-extension/debug-the-code/[...slug].js
index 0549843d9fe..c686611c777 100644
--- a/pages/learn/vs-code-extension/debug-the-code/[...slug].js
+++ b/pages/learn/vs-code-extension/debug-the-code/[...slug].js
@@ -139,12 +139,12 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -157,7 +157,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -165,7 +165,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/deploy-with-wso2-choreo.js b/pages/learn/vs-code-extension/deploy-with-wso2-choreo.js
index cf128bc8d03..bcc52c49ab3 100644
--- a/pages/learn/vs-code-extension/deploy-with-wso2-choreo.js
+++ b/pages/learn/vs-code-extension/deploy-with-wso2-choreo.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/design-the-application/[...slug].js b/pages/learn/vs-code-extension/design-the-application/[...slug].js
index 2c64bee851c..e6452bf3066 100644
--- a/pages/learn/vs-code-extension/design-the-application/[...slug].js
+++ b/pages/learn/vs-code-extension/design-the-application/[...slug].js
@@ -139,13 +139,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -158,7 +158,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -166,7 +166,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/design-the-services/[...slug].js b/pages/learn/vs-code-extension/design-the-services/[...slug].js
index 4f306d0dbfd..f213ee67955 100644
--- a/pages/learn/vs-code-extension/design-the-services/[...slug].js
+++ b/pages/learn/vs-code-extension/design-the-services/[...slug].js
@@ -139,12 +139,12 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -157,7 +157,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -165,7 +165,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/get-started.js b/pages/learn/vs-code-extension/get-started.js
index 449df870eec..a4e6de52a49 100644
--- a/pages/learn/vs-code-extension/get-started.js
+++ b/pages/learn/vs-code-extension/get-started.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/implement-the-code/[...slug].js b/pages/learn/vs-code-extension/implement-the-code/[...slug].js
index 8ef345e7087..4532c72a29a 100644
--- a/pages/learn/vs-code-extension/implement-the-code/[...slug].js
+++ b/pages/learn/vs-code-extension/implement-the-code/[...slug].js
@@ -139,13 +139,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -158,7 +158,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -166,7 +166,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/index.js b/pages/learn/vs-code-extension/index.js
index e022426689e..dfe91106301 100644
--- a/pages/learn/vs-code-extension/index.js
+++ b/pages/learn/vs-code-extension/index.js
@@ -105,11 +105,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Code and visualize Ballerina</title>
+        <title>Code and visualize Ballerina - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Code and visualize Ballerina" />
+        <meta property="og:title" content="Code and visualize Ballerina - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with healthcare-friendly abstractions."
@@ -121,7 +121,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Code and visualize Ballerina" />
+        <meta property="og:title" content="Code and visualize Ballerina - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-vs-code-ext-sm-banner.png"
@@ -136,7 +136,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Code and visualize Ballerina" />
+        <meta name="twitter:title" content="Code and visualize Ballerina - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/learn/vs-code-extension/license.js b/pages/learn/vs-code-extension/license.js
index e4d51b3d105..7caee07df48 100644
--- a/pages/learn/vs-code-extension/license.js
+++ b/pages/learn/vs-code-extension/license.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/notebooks.js b/pages/learn/vs-code-extension/notebooks.js
index 2f52bbf2ac5..10fa76fd3f9 100644
--- a/pages/learn/vs-code-extension/notebooks.js
+++ b/pages/learn/vs-code-extension/notebooks.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/references/[...slug].js b/pages/learn/vs-code-extension/references/[...slug].js
index 3ec75f4eb8c..db08f8a1a10 100644
--- a/pages/learn/vs-code-extension/references/[...slug].js
+++ b/pages/learn/vs-code-extension/references/[...slug].js
@@ -141,12 +141,12 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -159,7 +159,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -167,7 +167,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/release-notes/[...slug].js b/pages/learn/vs-code-extension/release-notes/[...slug].js
index 3781f818cc5..baf155e2985 100644
--- a/pages/learn/vs-code-extension/release-notes/[...slug].js
+++ b/pages/learn/vs-code-extension/release-notes/[...slug].js
@@ -139,13 +139,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -158,7 +158,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -166,7 +166,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/run-a-program.js b/pages/learn/vs-code-extension/run-a-program.js
index 61613507d0d..bd3d3ff0274 100644
--- a/pages/learn/vs-code-extension/run-a-program.js
+++ b/pages/learn/vs-code-extension/run-a-program.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/test-the-code.js b/pages/learn/vs-code-extension/test-the-code.js
index 2f77bc6d5f4..f81a609afab 100644
--- a/pages/learn/vs-code-extension/test-the-code.js
+++ b/pages/learn/vs-code-extension/test-the-code.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/troubleshoot.js b/pages/learn/vs-code-extension/troubleshoot.js
index 63ebcad1764..6eff39faec0 100644
--- a/pages/learn/vs-code-extension/troubleshoot.js
+++ b/pages/learn/vs-code-extension/troubleshoot.js
@@ -65,13 +65,13 @@ export default function PostPage({ frontmatter, content, id }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -84,7 +84,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -92,7 +92,7 @@ export default function PostPage({ frontmatter, content, id }) {
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/try-the-services/[...slug].js b/pages/learn/vs-code-extension/try-the-services/[...slug].js
index a37d416a29e..af4b9d29793 100644
--- a/pages/learn/vs-code-extension/try-the-services/[...slug].js
+++ b/pages/learn/vs-code-extension/try-the-services/[...slug].js
@@ -139,13 +139,13 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -158,7 +158,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -166,7 +166,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/learn/vs-code-extension/write-the-code/[...slug].js b/pages/learn/vs-code-extension/write-the-code/[...slug].js
index 799c3542460..c5ac59bb4c5 100644
--- a/pages/learn/vs-code-extension/write-the-code/[...slug].js
+++ b/pages/learn/vs-code-extension/write-the-code/[...slug].js
@@ -139,12 +139,12 @@ export default function PostPage({
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
   {/* <!--FB--> */}
   <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -157,7 +157,7 @@ export default function PostPage({
         />
 
         {/* <!--LINKED IN  --> */}
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description} />
         <meta
           property="og:image"
@@ -165,7 +165,7 @@ export default function PostPage({
         />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`} />
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`} />
         <meta
           property="twitter:description"
           content={frontmatter.description}
diff --git a/pages/policies/[slug].js b/pages/policies/[slug].js
index 7308e2b8c22..f7f59801a93 100644
--- a/pages/policies/[slug].js
+++ b/pages/policies/[slug].js
@@ -78,13 +78,13 @@ export default function PostPage({ frontmatter, content, slug }) {
                     content="ballerinalang, integration, microservices, programming language, cloud native, ballerina language"
                 />
 
-                <title>{frontmatter.title}</title>
+                <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
                 {/* <!--FB--> */}
                 <meta property="og:type" content="article" />
                 <meta
                     property="og:title"
-                    content={`Ballerina - ${frontmatter.title}`}
+                    content={`${frontmatter.title} - The Ballerina programming language`}
                 />
                 <meta
                     property="og:description"
@@ -92,10 +92,10 @@ export default function PostPage({ frontmatter, content, slug }) {
                 />
 
                 {/* <!--LINKED IN  --> */}
-                <meta property="og:title" content="Ballerina" />
+                <meta property="og:title" content={`${frontmatter.title} - The Ballerina programming language`} />
 
                 {/* <!--TWITTER--> */}
-                <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+                <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
                 <meta
                     property="twitter:description"
                     content="A programming language for the cloud that makes it easier to use, combine, and create network services."
diff --git a/pages/spec/[slug].js b/pages/spec/[slug].js
index 91ceb0a692e..a0f6a939c49 100644
--- a/pages/spec/[slug].js
+++ b/pages/spec/[slug].js
@@ -128,18 +128,18 @@ export default function PostPage({ frontmatter, content, codeSnippets }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title || extractLibraryNameFromContent()}</title>
+        <title>{`${frontmatter.title || extractLibraryNameFromContent()} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content={`Ballerina - ${frontmatter.title  || extractLibraryNameFromContent()}`} />
+        <meta property="og:title" content={`${frontmatter.title || extractLibraryNameFromContent()} - The Ballerina programming language`} />
         <meta property="og:description" content={frontmatter.description}></meta>
 
         {/* <!--LINKED IN  --> */}
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title || extractLibraryNameFromContent()}`} />
+        <meta name="twitter:title" content={`${frontmatter.title || extractLibraryNameFromContent()} - The Ballerina programming language`} />
         <meta property="twitter:description" content={frontmatter.description} />
         <meta property="twitter:text:description" content={frontmatter.description} />
 
diff --git a/pages/spec/lang/draft/index.js b/pages/spec/lang/draft/index.js
index 278b2a07bc2..bccb14c832e 100644
--- a/pages/spec/lang/draft/index.js
+++ b/pages/spec/lang/draft/index.js
@@ -35,7 +35,9 @@ export default function PostPage() {
   return (
     <>
       <Head>
-        <title>Ballerina spec - draft build</title>
+        <title>Ballerina spec - draft build -  The Ballerina programming language</title>
+        <meta property="og:title" content="Ballerina spec - draft build -  The Ballerina programming language" />
+        <meta name="twitter:title" content="Ballerina spec - draft build -  The Ballerina programming language" />
       </Head>
       <Layout>
         <Col xs={12} className='mdContent langDraft'>
diff --git a/pages/usecases/ai/index.js b/pages/usecases/ai/index.js
index aadfa5ce7c8..9c8d065457c 100644
--- a/pages/usecases/ai/index.js
+++ b/pages/usecases/ai/index.js
@@ -105,11 +105,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for AI as a Service</title>
+        <title>Ballerina for AI as a Service - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for AI as a Service" />
+        <meta property="og:title" content="Ballerina for AI as a Service - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with integration-friendly abstractions."
@@ -121,7 +121,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for AI as a Service" />
+        <meta property="og:title" content="Ballerina for AI as a Service - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ai-sm-banner.png"
@@ -136,7 +136,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina for AI as a Service" />
+        <meta name="twitter:title" content="Ballerina for AI as a Service - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/b2b/index.js b/pages/usecases/b2b/index.js
index 5cb2be36e8e..2838fb47839 100644
--- a/pages/usecases/b2b/index.js
+++ b/pages/usecases/b2b/index.js
@@ -104,11 +104,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for B2B integrations</title>
+        <title>Ballerina for B2B integrations - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for B2B integrations" />
+        <meta property="og:title" content="Ballerina for B2B integrations - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with b2b-friendly abstractions."
@@ -120,7 +120,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for B2B integrations" />
+        <meta property="og:title" content="Ballerina for B2B integrations - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-use-cases-b2b-integration-sm-banner.png"
@@ -135,7 +135,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina for B2B integrations" />
+        <meta name="twitter:title" content="Ballerina for B2B integrations - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/data-oriented-programming/index.js b/pages/usecases/data-oriented-programming/index.js
index 1913f18cb9e..223c5f9f5ea 100644
--- a/pages/usecases/data-oriented-programming/index.js
+++ b/pages/usecases/data-oriented-programming/index.js
@@ -117,11 +117,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Data-oriented programming with Ballerina</title>
+        <title>Data-oriented programming with Ballerina - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java" />
+        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with integration-friendly abstractions."
@@ -133,7 +133,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java" />
+        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/usecases/integration/ballerina-use-cases-data-oriented-programming-sm-banner.png"
@@ -148,7 +148,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java" />
+        <meta name="twitter:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/eda/index.js b/pages/usecases/eda/index.js
index f07e0b6d7cf..42ca6865bee 100644
--- a/pages/usecases/eda/index.js
+++ b/pages/usecases/eda/index.js
@@ -104,11 +104,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for EDA</title>
+        <title>Ballerina for EDA - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for EDA" />
+        <meta property="og:title" content="Ballerina for EDA - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with healthcare-friendly abstractions."
@@ -120,7 +120,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for EDA" />
+        <meta property="og:title" content="Ballerina for EDA - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/eda-sm-banner.png"
@@ -135,7 +135,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina for EDA" />
+        <meta name="twitter:title" content="Ballerina for EDA - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/healthcare/index.js b/pages/usecases/healthcare/index.js
index 888b7f3f164..4688d6f5f10 100644
--- a/pages/usecases/healthcare/index.js
+++ b/pages/usecases/healthcare/index.js
@@ -104,11 +104,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for healthcare</title>
+        <title>Ballerina for healthcare - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for healthcare" />
+        <meta property="og:title" content="Ballerina for healthcare - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with healthcare-friendly abstractions."
@@ -120,7 +120,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for healthcare" />
+        <meta property="og:title" content="Ballerina for healthcare - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/health-sm-banner.png"
@@ -135,7 +135,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina for healthcare" />
+        <meta name="twitter:title" content="Ballerina for healthcare - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/integration/ballerina-vs-apollo-for-graphql/index.js b/pages/usecases/integration/ballerina-vs-apollo-for-graphql/index.js
index 16949d5df8b..72c80ceae5d 100644
--- a/pages/usecases/integration/ballerina-vs-apollo-for-graphql/index.js
+++ b/pages/usecases/integration/ballerina-vs-apollo-for-graphql/index.js
@@ -113,11 +113,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Apollo vs. Ballerina</title>
+        <title>Apollo vs. Ballerina - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Unleashing the power of GraphQL APIs: Apollo vs. Ballerina" />
+        <meta property="og:title" content="Unleashing the power of GraphQL APIs: Apollo vs. Ballerina - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Unleashing the power of GraphQL APIs: Apollo vs. Ballerina"
@@ -129,7 +129,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Unleashing the power of GraphQL APIs: Apollo vs. Ballerina - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/usecases/integration/apollo-graphql/apollo-graphql-banner.png"
@@ -144,7 +144,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Unleashing the power of GraphQL APIs: Apollo vs. Ballerina - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/integration/ballerina-vs-java-for-data-oriented-programming/index.js b/pages/usecases/integration/ballerina-vs-java-for-data-oriented-programming/index.js
index 12b8225bb14..e58b88d118b 100644
--- a/pages/usecases/integration/ballerina-vs-java-for-data-oriented-programming/index.js
+++ b/pages/usecases/integration/ballerina-vs-java-for-data-oriented-programming/index.js
@@ -117,11 +117,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Data-oriented programming with Ballerina: a comparative analysis</title>
+        <title>Data-oriented programming with Ballerina: a comparative analysis - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java" />
+        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with integration-friendly abstractions."
@@ -133,7 +133,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina" />
+        <meta property="og:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/usecases/integration/java/java-banner.png"
@@ -148,7 +148,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina" />
+        <meta name="twitter:title" content="Enhance data oriented programming with Ballerina - The smarter choice over Java - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/integration/index.js b/pages/usecases/integration/index.js
index 06a504a6042..1d2593c1e90 100644
--- a/pages/usecases/integration/index.js
+++ b/pages/usecases/integration/index.js
@@ -106,11 +106,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for integration</title>
+        <title>Ballerina for integration - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for integration" />
+        <meta property="og:title" content="Ballerina for integration - The Ballerina programming language" />
         <meta
           property="og:description"
           content="Write code with integration-friendly abstractions."
@@ -122,7 +122,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for integration" />
+        <meta property="og:title" content="Ballerina for integration - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-for-integration-sm-banner.png"
@@ -137,7 +137,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina for integration" />
+        <meta name="twitter:title" content="Ballerina for integration - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/usecases/microservices/index.js b/pages/usecases/microservices/index.js
index 6a938206076..acb50a87284 100644
--- a/pages/usecases/microservices/index.js
+++ b/pages/usecases/microservices/index.js
@@ -104,11 +104,11 @@ export default function Integrations({ samples }) {
           content="ballerina, learn, documentation, docs, programming language, microservices"
         />
         <link rel="shortcut icon" href="/img/favicon.ico" />
-        <title>Ballerina for microservices</title>
+        <title>Ballerina for microservices - The Ballerina programming language</title>
 
         {/* FB */}
         <meta property="og:type" content="article" />
-        <meta property="og:title" content="Ballerina - Ballerina for microservices" />
+        <meta property="og:title" content="Ballerina for microservices - The Ballerina programming language" />
         <meta
           property="og:description"
           content="The ultimate toolset for seamless microservices development."
@@ -120,7 +120,7 @@ export default function Integrations({ samples }) {
         />
 
         {/* LINKED IN */}
-        <meta property="og:title" content="Ballerina - Ballerina for microservices" />
+        <meta property="og:title" content="Ballerina for microservices - The Ballerina programming language" />
         <meta
           property="og:image"
           content="https://ballerina.io/images/ballerina-use-cases-microservices-sm-banner.png"
@@ -135,7 +135,7 @@ export default function Integrations({ samples }) {
         <meta name="twitter:card" content="summary" />
         <meta name="twitter:site" content="@ballerinalang" />
         <meta name="twitter:creator" content="@ballerinalang" />
-        <meta name="twitter:title" content="Ballerina - Ballerina for microservices" />
+        <meta name="twitter:title" content="Ballerina for microservices - The Ballerina programming language" />
         <meta name="twitter:card" content="summary_large_image" />
         <meta
           property="twitter:description"
diff --git a/pages/why-ballerina/[...slug].js b/pages/why-ballerina/[...slug].js
index f75982bb591..068928e6994 100644
--- a/pages/why-ballerina/[...slug].js
+++ b/pages/why-ballerina/[...slug].js
@@ -119,13 +119,13 @@ export default function PostPage({ frontmatter, content, id, slug, codes }) {
         <meta name="description" content={frontmatter.description} />
         <meta name="keywords" content={frontmatter.keywords} />
 
-        <title>{frontmatter.title}</title>
+        <title>{`${frontmatter.title} - The Ballerina programming language`}</title>
 
         {/* <!--FB--> */}
         <meta property="og:type" content="article" />
         <meta
           property="og:title"
-          content={`Ballerina - ${frontmatter.title}`}
+          content={`${frontmatter.title} - The Ballerina programming language`}
         />
         <meta
           property="og:description"
@@ -136,7 +136,7 @@ export default function PostPage({ frontmatter, content, id, slug, codes }) {
         <meta property="og:description" content={frontmatter.description} />
 
         {/* <!--TWITTER--> */}
-        <meta name="twitter:title" content={`Ballerina - ${frontmatter.title}`}/>
+        <meta name="twitter:title" content={`${frontmatter.title} - The Ballerina programming language`}/>
         <meta
           property="twitter:description"
           content={frontmatter.description}