diff --git a/.env.example b/.env.example
index 8f0079ca..3b3e9303 100644
--- a/.env.example
+++ b/.env.example
@@ -1,5 +1,2 @@
 # Production license for @nuxt/ui-pro, get one at https://ui.nuxt.com/pro/purchase
 NUXT_UI_PRO_LICENSE=
-
-# Public URL, used for OG Image when running nuxt generate
-NUXT_PUBLIC_SITE_URL=
diff --git a/.github/workflows/checks.yaml b/.github/workflows/checks.yaml
index 926f2429..c9eefa8c 100644
--- a/.github/workflows/checks.yaml
+++ b/.github/workflows/checks.yaml
@@ -53,7 +53,6 @@ jobs:
   link-check:
     env:
       NUXT_UI_PRO_LICENSE: ${{ secrets.NUXT_UI_PRO_LICENSE }}
-      NUXT_PUBLIC_SITE_URL: ${{ secrets.NUXT_PUBLIC_SITE_URL }}
     name: link_check
     runs-on: ubuntu-latest
     steps:
diff --git a/.github/workflows/deploy-preview.yml b/.github/workflows/deploy-preview.yml
index be4e8750..fd8f1757 100644
--- a/.github/workflows/deploy-preview.yml
+++ b/.github/workflows/deploy-preview.yml
@@ -15,7 +15,6 @@ jobs:
   build_and_preview:
     env:
       NUXT_UI_PRO_LICENSE: ${{ secrets.NUXT_UI_PRO_LICENSE }}
-      NUXT_PUBLIC_SITE_URL: ${{ secrets.NUXT_PUBLIC_SITE_URL }}
     if: ${{ github.event_name == 'workflow_dispatch' || github.event.pull_request.head.repo.full_name == github.repository }}
     runs-on: ubuntu-latest
     outputs:
diff --git a/.github/workflows/deploy-staging.yml b/.github/workflows/deploy-staging.yml
index c830d6bf..4a179072 100644
--- a/.github/workflows/deploy-staging.yml
+++ b/.github/workflows/deploy-staging.yml
@@ -10,7 +10,6 @@ jobs:
   build_and_deploy:
     env:
       NUXT_UI_PRO_LICENSE: ${{ secrets.NUXT_UI_PRO_LICENSE }}
-      NUXT_PUBLIC_SITE_URL: ${{ secrets.NUXT_PUBLIC_SITE_URL }}
     if: ${{ github.event.repository.full_name == github.repository }}
     runs-on: ubuntu-latest
     steps:
diff --git a/app.vue b/app.vue
index 2865946e..b0a6cbf1 100644
--- a/app.vue
+++ b/app.vue
@@ -28,21 +28,16 @@ useHead({
 useSeoMeta({
   titleTemplate: `%s - ${seo?.siteName}`,
   ogSiteName: seo?.siteName,
-  ogUrl: 'https://docs.zksync.io/',
-  ogImage: '/social-card.png',
-  ogImageAlt: 'zkSync — Accelerating the mass adoption of crypto for personal sovereignty.',
+  ogUrl: 'https://code.zksync.io/',
   ogDescription:
     'zkSync Docs bring you all information you need about our protocol, APIs, SDKs, ZK Stack, and hyperchains. Start with our guides and tutorials, or go deep into our architecture and protocol specification.',
-  twitterImage: 'https://docs.zksync.io/social-card.png',
   twitterCard: 'summary_large_image',
   twitterSite: '@zksync',
   twitterCreator: '@the_matter_labs',
   twitterImageAlt: 'zkSync — Accelerating the mass adoption of crypto for personal sovereignty.',
 });
 
-defineOgImage({
-  component: 'OgImageZK',
-});
+defineOgImageComponent('OgImageZK');
 
 provide('navigation', navigation);
 </script>
diff --git a/bun.lockb b/bun.lockb
index 35c482c2..cbb72de5 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/nuxt.config.ts b/nuxt.config.ts
index b7fd030e..060692bc 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,7 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   extends: [['github:matter-labs/docs-nuxt-template', { install: true }]],
-  modules: ['@nuxt/content', '@nuxt/ui', '@nuxt/eslint'],
+  modules: ['@nuxt/content', '@nuxt/ui', '@nuxt/eslint', '@nuxtjs/seo'],
+  site: {
+    name: 'Community Code',
+    url: process.env.NUXT_SITE_ENV ? 'https://staging-code.zksync.io' : 'https://code.zksync.io',
+  },
   runtimeConfig: {
     public: {
       app: 'code',
diff --git a/package.json b/package.json
index 07a778ec..8ee0b1ad 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "@nuxt/image": "^1.7.0",
     "@nuxt/ui": "^2.16.0",
     "@nuxt/ui-pro": "^1.1.0",
+    "@nuxtjs/seo": "^2.0.0-rc.10",
     "dayjs": "^1.11.10",
     "nuxt": "^3.11.2",
     "nuxt-og-image": "^3.0.0-rc.53",