fcatuhe · fcatuhe · Aug 1, 2025 · Aug 1, 2025 · Aug 1, 2025
diff --git a/app/assets/images/apple-touch-icon.png b/app/assets/images/apple-touch-icon.png
diff --git a/app/assets/images/favicon.ico b/app/assets/images/favicon.ico
diff --git a/app/assets/images/icon.svg b/app/assets/images/icon.svg
diff --git a/app/assets/images/og-image.jpg b/app/assets/images/og-image.jpg
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
@@ -3,4 +3,39 @@ def render_content_from(page)
     erb_processed_content = render(inline: page.content, layout: false)
     Kramdown::Document.new(erb_processed_content, input: "GFM", syntax_highlighter: :rouge).to_html.html_safe
   end
+
+  def site_name
+    "Rails Static"
+  end
+
+  def title
+    [ @page.title.presence, site_name ].uniq.compact.join(" · ")
+  end
+
+  def description
+    @page.frontmatter&.dig(:description)
+  end
+
+  def author
+    "François Catuhe"
+  end
+
+  def canonical_url
+    url_for(only_path: false)
+  end
+
+  def robots_content
+    Rails.env.production? ? "index, follow" : "noindex, nofollow"
+  end
+
+  def og_meta_tag(key, content)
+    case key
+    when :title, :description, :image
+      tag(:meta, name: key, property: "og:#{key}", content: content)
+    when :author
+      tag(:meta, name: key, content: content)
+    else
+      tag(:meta, property: "og:#{key}", content: content)
+    end
+  end
 end
diff --git a/app/views/layouts/_og_meta_tags.html.erb b/app/views/layouts/_og_meta_tags.html.erb
@@ -0,0 +1,3 @@
+<%- tags.reject { |_key, content| content.blank? }.each do |key, content| %>
+  <%= og_meta_tag(key, content) %>
+<%- end %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -1,22 +1,36 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title><%= content_for(:title) || "Rails Static" %></title>
+    <title><%= title %></title>
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="mobile-web-app-capable" content="yes">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 
+    <%= render 'layouts/og_meta_tags', tags: {
+      title: title,
+      description: description,
+      image: image_url('og-image.jpg'),
+      author: author,
+      type: "website",
+      site_name: site_name,
+      url: canonical_url,
+    } %>
+
+    <%= tag :link, rel: "canonical", href: canonical_url %>
+
+    <%= favicon_link_tag 'favicon.ico', sizes: '32x32' %>
+    <%= favicon_link_tag 'icon.svg', type: 'image/svg+xml' %>
+    <%= favicon_link_tag 'apple-touch-icon.png', rel: 'apple-touch-icon' %>
+
+    <%= tag :meta, name: "robots", content: robots_content %>
+
     <%= yield :head %>
 
     <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
     <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
 
-    <link rel="icon" href="/icon.png" type="image/png">
-    <link rel="icon" href="/icon.svg" type="image/svg+xml">
-    <link rel="apple-touch-icon" href="/icon.png">
-
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
 
     <%# Includes all stylesheet files in app/assets/stylesheets %>

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icon.png b/public/icon.png
diff --git a/public/icon.svg b/public/icon.svg