diff --git a/Gemfile b/Gemfile
index cbf0a9a9b858b..3b3ba445d0742 100644
--- a/Gemfile
+++ b/Gemfile
@@ -102,6 +102,7 @@ gem "uglifier", "~> 4.2" # Uglifier minifies JavaScript files
 gem "ulid", "~> 1.2" # Universally Unique Lexicographically Sortable Identifier implementation for Ruby
 gem "validate_url", "~> 1.0" # Library for validating urls in Rails
 gem "webpacker", "~> 3.5" # Use webpack to manage app-like JavaScript modules in Rails
+gem "opengraph_parser" #Using opengraph_parser to parse metadata from websites.
 
 group :development do
   gem "better_errors", "~> 2.6" # Provides a better error page for Rails and other Rack apps
diff --git a/Gemfile.lock b/Gemfile.lock
index 2ec15b6efd5a6..2ff284242c9ae 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -512,6 +512,9 @@ GEM
     omniauth-twitter (1.4.0)
       omniauth-oauth (~> 1.1)
       rack
+    opengraph_parser (0.2.3)
+      addressable
+      nokogiri
     orm_adapter (0.5.0)
     os (1.0.1)
     parallel (1.19.1)
@@ -921,6 +924,7 @@ DEPENDENCIES
   omniauth (~> 1.9)
   omniauth-github (~> 1.3)
   omniauth-twitter (~> 1.4)
+  opengraph_parser
   parallel_tests (~> 2.31)
   pg (~> 1.2)
   pry (~> 0.12)
@@ -994,4 +998,4 @@ RUBY VERSION
    ruby 2.6.5p114
 
 BUNDLED WITH
-   2.0.2
+   2.1.4
diff --git a/app/models/message.rb b/app/models/message.rb
index 4aeb6f1f9014a..44cc4158602d2 100644
--- a/app/models/message.rb
+++ b/app/models/message.rb
@@ -93,13 +93,23 @@ def append_rich_links(html)
     doc = Nokogiri::HTML(html)
     doc.css("a").each do |anchor|
       if (article = rich_link_article(anchor))
-        html += "<a href='#{article.current_state_path}'
-        class='chatchannels__richlink'
-          target='_blank' data-content='sidecar-article'>
-            #{"<div class='chatchannels__richlinkmainimage' style='background-image:url(" + cl_path(article.main_image) + ")' data-content='sidecar-article' ></div>" if article.main_image.present?}
-          <h1 data-content='sidecar-article'>#{article.title}</h1>
-          <h4 data-content='sidecar-article'><img src='#{ProfileImage.new(article.cached_user).get(width: 90)}' /> #{article.cached_user.name}・#{article.readable_publish_date || 'Draft Post'}</h4>
-          </a>".html_safe
+        if article.class == Hash
+          html += "<a href='#{article[:url]}'
+          class='chatchannels__richlink'
+            target='_blank' data-content='sidecar-article'>
+              #{"<div class='chatchannels__richlinkmainimage' style='background-image:url(#{article[:image]})' data-content='sidecar-article' ></div>" if article[:image].present?}
+            <h1 data-content='sidecar-article'>#{article[:title]}</h1>
+            <h4 data-content='sidecar-article'>#{article[:description]}</h4>
+            </a>".html_safe
+        else
+          html += "<a href='#{article.current_state_path}'
+          class='chatchannels__richlink'
+            target='_blank' data-content='sidecar-article'>
+              #{"<div class='chatchannels__richlinkmainimage' style='background-image:url(" + cl_path(article.main_image) + ")' data-content='sidecar-article' ></div>" if article.main_image.present?}
+            <h1 data-content='sidecar-article'>#{article.title}</h1>
+            <h4 data-content='sidecar-article'><img src='#{ProfileImage.new(article.cached_user).get(width: 90)}' /> #{article.cached_user.name}・#{article.readable_publish_date || 'Draft Post'}</h4>
+            </a>".html_safe
+        end
       elsif (tag = rich_link_tag(anchor))
         html += "<a href='/t/#{tag.name}'
         class='chatchannels__richlink'
@@ -152,7 +162,21 @@ def channel_permission
   end
 
   def rich_link_article(link)
-    Article.find_by(slug: link["href"].split("/")[4].split("?")[0]) if link["href"].include?("//#{ApplicationConfig['APP_DOMAIN']}/") && link["href"].split("/")[4]
+    website = OpenGraph.new(link["href"]).metadata
+    if website.present?
+      if website[:site_name][0][:_value] == "Medium"
+       {
+          title: website[:title][0][:_value],
+          description: website[:description][0][:_value],
+          image: !website[:image].nil? ? website[:image][0][:_value]: "",
+          url: link[:href],
+          type: website[:type][0][:_value],
+          site_name: website[:site_name][0][:_value]
+        }
+      elsif website[:site_name][0][:_value] == "The DEV Community"
+        Article.find_by(slug: link["href"].split("/")[4].split("?")[0]) if link["href"].include?("//#{ApplicationConfig['APP_DOMAIN']}/") && link["href"].split("/")[4]
+      end
+    end
   end
 
   def rich_link_tag(link)