diff --git a/news/routes/Featured/Featured.js b/news/routes/Featured/Featured.js
index f5eb275bbe57aa..ac5dd9d5065355 100644
--- a/news/routes/Featured/Featured.js
+++ b/news/routes/Featured/Featured.js
@@ -152,6 +152,7 @@ class Featured extends Component {
       <div>
         <Helmet>
           <style>{styles}</style>
+          <title>Featured | freeCodeCamp News</title>
         </Helmet>
         <ul className='featured-list'>{this.renderFeatured(featuredList)}</ul>
       </div>
diff --git a/news/routes/Show/Show.js b/news/routes/Show/Show.js
index 2598e119f93727..6412583b09a3f7 100644
--- a/news/routes/Show/Show.js
+++ b/news/routes/Show/Show.js
@@ -177,10 +177,26 @@ class ShowArticle extends Component {
       return <h2>Oh noes!! Something went wrong!</h2>;
     }
 
+    // RegEx finds the first paragraph and groups the content
+    const description = renderableContent.match(/<p>(.*?)<\/p>/)[1];
+    const slug = this.props.location.pathname;
     return (
       <article className='show-article'>
         <Helmet>
           <style>{styles}</style>
+          <title>{`${title} | freeCodeCamp News`}</title>
+          <link
+            href={`https://www.freecodecamp.org/news${slug}`}
+            rel='canonical'
+          />
+          <meta
+            content={`https://www.freecodecamp.org/news${slug}`}
+            property='og:url'
+          />
+          <meta content={title} property='og:title' />
+          <meta content={description} property='og:description' />
+          <meta content={description} name='description' />
+          <meta content={featureImage.src} property='og:image' />
         </Helmet>
         <Author article={currentArticle} />
         <h2>{title}</h2>