diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 31f1a2367..3ac3bb7a9 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -14,6 +14,7 @@
                      rel: "apple-touch-icon",
                      sizes: "200x200",
                      type: "image/png" %>
+    <%= content_for :social_media_meta_tags %>
     <!--[if lt IE 9]>
       <%= javascript_include_tag "respond" %>
     <![endif]-->
diff --git a/app/views/proposals/show.html.erb b/app/views/proposals/show.html.erb
index 68b599f66..5506fc174 100644
--- a/app/views/proposals/show.html.erb
+++ b/app/views/proposals/show.html.erb
@@ -1,3 +1,9 @@
+<% provide :social_media_meta_tags do %>
+<%= render "shared/social_media_meta_tags",
+            url: proposal_url(@proposal),
+            title: @proposal.title,
+            description: @proposal.summary %>
+<% end %>
 <% cache [locale_and_user_status(@proposal), @proposal, @proposal.author, Flag.flagged?(current_user, @proposal), @proposal_votes] do %>
   <section class="proposal-show">
     <div id="<%= dom_id(@proposal) %>" class="row">
diff --git a/app/views/shared/_social_media_meta_tags.html.erb b/app/views/shared/_social_media_meta_tags.html.erb
new file mode 100644
index 000000000..5b99426de
--- /dev/null
+++ b/app/views/shared/_social_media_meta_tags.html.erb
@@ -0,0 +1,16 @@
+<!-- Twitter -->
+<meta name="twitter:card" content="summary" />
+<meta name="twitter:site" content="@abriendomadrid" />
+<meta name="twitter:title" content="<%= title %>" />
+<meta name="twitter:description" content="<%= description %>" />
+<meta name="twitter:image" content="https://decide.madrid.es/social-media-icon.png" />
+<!-- Facebook OG -->
+<meta id="ogtitle" property="og:title" content="<%= title %>"/>
+<meta property="article:publisher" content="http://decide.madrid.es"/>
+<meta property="article:author" content="https://www.facebook.com/Ayuntamiento-de-Madrid-770904446353931"/>
+<meta property="og:type" content="article"/>
+<meta id="ogurl" property="og:url" content="<%= url %>"/>
+<meta id="ogimage" property="og:image" content="https://decide.madrid.es/social-media-icon.png"/>
+<meta property="og:site_name" content="Madrid Participación"/>
+<meta id="ogdescription" property="og:description" content="<%= description %>"/>
+<meta property="fb:app_id" content="1662598980652932"/>
\ No newline at end of file
diff --git a/public/social-media-icon.png b/public/social-media-icon.png
new file mode 100644
index 000000000..512569d48
Binary files /dev/null and b/public/social-media-icon.png differ
diff --git a/spec/features/proposals_spec.rb b/spec/features/proposals_spec.rb
index b9b43db94..5ea58d225 100644
--- a/spec/features/proposals_spec.rb
+++ b/spec/features/proposals_spec.rb
@@ -53,6 +53,14 @@ feature 'Proposals' do
     end
   end
 
+  scenario 'Social Media Cards' do
+    proposal = create(:proposal)
+
+    visit proposal_path(proposal)
+    expect(page.html).to include "<meta name=\"twitter:title\" content=\"#{proposal.title}\" />"
+    expect(page.html).to include "<meta id=\"ogtitle\" property=\"og:title\" content=\"#{proposal.title}\"/>"
+  end
+
   scenario 'Create' do
     author = create(:user)
     login_as(author)