Improve images in opengraph meta tags

diff --git a/app/views/accounts/show.html.haml b/app/views/accounts/show.html.haml
index 9390272e05dd4f48af0b4e68d159b7146e0112fd..7afeb68a97f21c930f513ca7b0cd23d73578aa2f 100644 (file)
--- a/app/views/accounts/show.html.haml
+++ b/app/views/accounts/show.html.haml
@@ -10,6 +10,8 @@
   %meta{ property: 'og:title', content: "#{@account.username} on #{Rails.configuration.x.local_domain}" }/
   %meta{ property: 'og:description', content: @account.note }/
   %meta{ property: 'og:image', content: full_asset_url(@account.avatar.url(:original)) }/
+  %meta{ property: 'og:image:width', content: '120' }/
+  %meta{ property: 'og:image:height', content: '120' }/
 
 = render partial: 'header'
 

diff --git a/app/views/stream_entries/show.html.haml b/app/views/stream_entries/show.html.haml
index a7f5653e612d075c7401a92a13b09d64eecc6f23..43935da60ff7e44f87a8a52d8da255796c2a7770 100644 (file)
--- a/app/views/stream_entries/show.html.haml
+++ b/app/views/stream_entries/show.html.haml
@@ -5,9 +5,14 @@
   %meta{ property: 'og:site_name', content: 'Mastodon' }/
   %meta{ property: 'og:type', content: 'article' }/
   %meta{ property: 'og:title', content: "#{@account.username} on #{Rails.configuration.x.local_domain}" }/
-  %meta{ property: 'og:article:author', content: @account.username }/
   %meta{ property: 'og:description', content: @stream_entry.activity.content }/
-  %meta{ property: 'og:image', content: @stream_entry.activity.is_a?(Status) && @stream_entry.activity.media_attachments.size > 0 ? full_asset_url(@stream_entry.activity.media_attachments.first.file.url( :small)) : full_asset_url(@account.avatar.url(:original)) }/
+
+  - if @stream_entry.activity.is_a?(Status) && @stream_entry.activity.media_attachments.size > 0
+    %meta{ property: 'og:image', content: full_asset_url(@stream_entry.activity.media_attachments.first.file.url(:small)) }/
+  - else
+    %meta{ property: 'og:image', content: full_asset_url(@account.avatar.url(:original)) }/
+    %meta{ property: 'og:image:width', content: '120' }/
+    %meta{ property: 'og:image:height', content: '120' }/
 
 .activity-stream.activity-stream-headless
   = render partial: @type, locals: { @type.to_sym => @stream_entry.activity, include_threads: true }