Fix meta tags

RakeshPotnuru · Feb 6, 2022 · 3229236 · 3229236
1 parent a951f9b
commit 3229236
Show file tree

Hide file tree

Showing 11 changed files with 63 additions and 9 deletions.
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,8 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="description"
-    content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me." />
+    content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me."
+    data-react-helmet="true" />
   <meta name="author" content="Rakesh Potnuru" />
   <meta name="copyright" content="itsrakesh" />
   <meta name="robots" content="index, follow" />
@@ -19,20 +20,24 @@
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://itsrakesh.co" />
-  <meta property="og:title" content="Rakesh Potnuru" />
+  <meta property="og:title" content="Rakesh Potnuru" data-react-helmet="true" />
   <meta property="og:description"
-    content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me." />
+    content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me."
+    data-react-helmet="true" />
   <meta property="og:image"
-    content="https://ik.imagekit.io/itsrakesh/Portfolio/its_rakesh_nz6h1OrqA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644141837903" />
+    content="https://ik.imagekit.io/itsrakesh/Portfolio/its_rakesh_nz6h1OrqA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644141837903"
+    data-react-helmet="true" />
 
   <!-- Twitter -->
   <meta property="twitter:card" content="summary_large_image" />
   <meta property="twitter:url" content="https://itsrakesh.co" />
-  <meta property="twitter:title" content="Rakesh Potnuru" />
+  <meta property="twitter:title" content="Rakesh Potnuru" data-react-helmet="true" />
   <meta property="twitter:description"
-    content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me." />
+    content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me."
+    data-react-helmet="true" />
   <meta property="twitter:image"
-    content="https://ik.imagekit.io/itsrakesh/Portfolio/its_rakesh_nz6h1OrqA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644141837903" />
+    content="https://ik.imagekit.io/itsrakesh/Portfolio/its_rakesh_nz6h1OrqA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644141837903"
+    data-react-helmet="true" />
 
   <!-- Web Monetization -->
   <meta name="monetization" content="$ilp.uphold.com/82eq8NKY4NEZ">

diff --git a/src/features/ProfileRedirect/ProfileRedirect.jsx b/src/features/ProfileRedirect/ProfileRedirect.jsx
@@ -32,6 +32,12 @@ const ProfileRedirect = () => {
         <title>
           {profileLink ? `${profile} | itsrakesh` : 'Profile Not Found'}
         </title>
+        <meta
+          name="description"
+          content={
+            profileLink ? `Follow me on ${profile}` : 'Profile Not Found'
+          }
+        />
         <meta
           property="og:title"
           content={profileLink ? profile : 'Profile Not Found'}

diff --git a/src/pages/404/404.jsx b/src/pages/404/404.jsx
@@ -45,6 +45,10 @@ const NotFound = () => {
     <Fragment>
       <Helmet>
         <title>Page Not Found</title>
+        <meta
+          name="description"
+          content="The page you are looking for cannot be found."
+        />
         <meta property="og:title" content="Page Not Found" />
         <meta
           property="og:description"

diff --git a/src/pages/About/About.jsx b/src/pages/About/About.jsx
@@ -14,6 +14,7 @@ const About = () => {
     <React.Fragment>
       <Helmet>
         <title>About | itsrakesh</title>
+        <meta name="description" content="Know more about me." />
         <meta property="og:title" content="About Rakesh Potnuru" />
         <meta property="og:description" content="Know more about me." />
         <meta

diff --git a/src/pages/Blogs/Blogs.jsx b/src/pages/Blogs/Blogs.jsx
@@ -31,6 +31,10 @@ const Blogs = () => {
     <Fragment>
       <Helmet>
         <title>Blogs | itsrakesh</title>
+        <meta
+          name="description"
+          content="I write new technical blog every week. Check them out."
+        />
         <meta property="og:title" content="Rakesh's Blogs" />
         <meta
           property="og:description"

diff --git a/src/pages/Contact/Contact.jsx b/src/pages/Contact/Contact.jsx
@@ -9,6 +9,10 @@ const Contact = () => {
     <React.Fragment>
       <Helmet>
         <title>Contact | itsrakesh</title>
+        <meta
+          name="description"
+          content="Leave a message or schedule a google meet."
+        />
         <meta property="og:title" content="Get in touch with Rakesh" />
         <meta
           property="og:description"

diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { Helmet } from 'react-helmet';
 
 import { Hero, Content, CTA } from './components';
 import { BackToTop } from '../../common/components/UIElements';
@@ -22,6 +23,31 @@ const Home = () => {
 
   return (
     <React.Fragment>
+      <Helmet>
+        <title>itsrakesh</title>
+        <meta
+          name="description"
+          content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me."
+        />
+        <meta property="og:title" content="Rakesh Potnuru" />
+        <meta
+          property="og:description"
+          content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me."
+        />
+        <meta
+          property="og:image"
+          content="https://ik.imagekit.io/itsrakesh/Portfolio/its_rakesh_nz6h1OrqA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644141837903"
+        />
+        <meta property="twitter:title" content="Rakesh Potnuru" />
+        <meta
+          property="twitter:description"
+          content="Hi! I'm Rakesh - a web developer, technical writer and a passionate learner. I love participating in hackathons, contributing to open source projects and find pleasure in helping folks around me."
+        />
+        <meta
+          property="twitter:image"
+          content="https://ik.imagekit.io/itsrakesh/Portfolio/its_rakesh_nz6h1OrqA.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644141837903"
+        />
+      </Helmet>
       <Hero />
       <Content projects={projects} isLoading={isLoading} error={error} />
       <CTA />

diff --git a/src/pages/Profiles/Profiles.jsx b/src/pages/Profiles/Profiles.jsx
@@ -20,6 +20,7 @@ const Profiles = () => {
     <Fragment>
       <Helmet>
         <title>Profiles | itsrakesh</title>
+        <meta name="description" content="Find me on internet." />
         <meta property="og:title" content="Rakesh's Profiles" />
         <meta property="og:description" content="Find me on internet." />
         <meta

diff --git a/src/pages/Work/Work.jsx b/src/pages/Work/Work.jsx
@@ -25,14 +25,15 @@ const Work = () => {
     <Fragment>
       <Helmet>
         <title>Work | itsrakesh</title>
+        <meta name="description" content="Get to know what I do." />
         <meta property="og:title" content="Rakesh Potnuru's Work" />
-        <meta property="og:description" content="Know what I do." />
+        <meta property="og:description" content="Get to know what I do." />
         <meta
           property="og:image"
           content="https://ik.imagekit.io/itsrakesh/Portfolio/work_og_-rQyI1zUlf.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644156172387"
         />
         <meta property="twitter:title" content="Rakesh Potnuru's Work" />
-        <meta property="twitter:description" content="Know what I do." />
+        <meta property="twitter:description" content="Get to know what I do." />
         <meta
           property="twitter:image"
           content="https://ik.imagekit.io/itsrakesh/Portfolio/work_og_-rQyI1zUlf.png?ik-sdk-version=javascript-1.4.3&updatedAt=1644156172387"

diff --git a/src/pages/Work/projects/AllProjects.jsx b/src/pages/Work/projects/AllProjects.jsx
@@ -31,6 +31,7 @@ const AllProjects = () => {
     <Fragment>
       <Helmet>
         <title>Projects | itsrakesh</title>
+        <meta name="description" content="See my projects" />
         <meta property="og:title" content="Rakesh's Projects" />
         <meta property="og:description" content="See my projects" />
         <meta

diff --git a/src/pages/Work/projects/ProjectItem.jsx b/src/pages/Work/projects/ProjectItem.jsx
@@ -41,6 +41,7 @@ const ProjectItem = () => {
     <Fragment>
       <Helmet>
         <title>{repoName} | itsrakesh</title>
+        <meta name="description" content={`See my ${repoName} project`} />
         <meta property="og:title" content={repoName} />
         <meta
           property="og:description"