diff --git a/app/views/layouts/_opengraph.html.erb b/app/views/layouts/_opengraph.html.erb
new file mode 100644
index 00000000..0364707f
--- /dev/null
+++ b/app/views/layouts/_opengraph.html.erb
@@ -0,0 +1,5 @@
+<meta property="og:title" content="<%= @photo.name %>"/>
+<meta property="og:description" content="<%= @photo.description %>"/>
+<meta property="og:image" content="<%= @photo.image_url(:large) %>"/>
+<meta property="og:image:width" content="<%= @photo.image_derivatives[:large].width %>"/>
+<meta property="og:image:height" content="<%= @photo.image_derivatives[:large].height %>"/>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 77b93525..8e400a6e 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -3,6 +3,8 @@
   <head>
     <title><%= (yield(:page_title) + " - " unless yield(:page_title).blank?).to_s + "Photonia" %></title>
 
+    <%= render partial: 'layouts/opengraph' if @photo %>
+
     <%= vite_client_tag %>
     <%= vite_javascript_tag 'application' %>
 
