Merge pull request #9 from upmaru/feature/seo-meta-tags

Feature/seo meta tags
upmaru · Jan 3, 2025 · f6ea8a0 · f6ea8a0
2 parents 6def6f6 + cc5b092
commit f6ea8a0
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 3 deletions.
diff --git a/lib/opsmaru_web.ex b/lib/opsmaru_web.ex
@@ -99,6 +99,7 @@ defmodule OpsmaruWeb do
       # Shortcut for generating JS commands
       alias Phoenix.LiveView.JS
 
+      alias OpsmaruWeb.Robot
       # Routes generation with the ~p sigil
       unquote(verified_routes())
     end

diff --git a/lib/opsmaru_web/components/layouts/root.html.heex b/lib/opsmaru_web/components/layouts/root.html.heex
@@ -6,10 +6,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="csrf-token" content={get_csrf_token()} />
     <meta name="theme-color" content="#0f172a" />
+    <%= if assigns[:canonical_url] && Robot.enable_indexing?(@conn) do %>
+      <meta property="og:url" content={@canonical_url} />
+      <link rel="canonical" href={@canonical_url} />
+    <% end %>
     <meta
-      name="robots"
-      content={if Opsmaru.Robot.enable_indexing?(@conn), do: "index", else: "noindex"}
+      property="og:description"
+      content={assigns[:page_description] || "Deploy and monetize your web application."}
     />
+    <meta
+      name="description"
+      content={assigns[:page_description] || "Deploy and monetize your web application."}
+    />
+    <meta property="og:type" content={assigns[:page_type] || "website"} />
+    <meta name="robots" content={if Robot.enable_indexing?(@conn), do: "index", else: "noindex"} />
     <link rel="apple-touch-icon" sizes="180x180" href={~p"/site/images/apple-touch-icon.png"} />
     <link rel="icon" type="image/png" sizes="32x32" href={~p"/site/images/favicon-32x32.png"} />
     <link rel="icon" type="image/png" sizes="16x16" href={~p"/site/images/favicon-16x16.png"} />
@@ -19,6 +29,8 @@
     <.live_title>
       {assigns[:page_title] || "Opsmaru"}
     </.live_title>
+    <meta property="og:title" content={assigns[:page_title] || "Opsmaru"} />
+    <meta property="og:image" content={assigns[:page_cover] || ~p"/site/images/default-shot.png"} />
     <link
       rel="stylesheet"
       href="https://api.fontshare.com/css?f%5B%5D=switzer@400,500,600,700&amp;display=swap"

diff --git a/lib/opsmaru/robot.ex → lib/opsmaru_web/robot.ex b/lib/opsmaru/robot.ex → lib/opsmaru_web/robot.ex
@@ -1,4 +1,4 @@
-defmodule Opsmaru.Robot do
+defmodule OpsmaruWeb.Robot do
   def enable_indexing?(conn) do
     not String.contains?(conn.host, "preview") && config(:indexing)
   end

diff --git a/priv/static/images/default-shot.png b/priv/static/images/default-shot.png