SEO: canonical/hreflang coverage, 1200×630 OG image, absolute meta URLs, lazy loading (#6)

* Initial plan

* SEO improvements: canonical/hreflang, OG image 1200x630, lazy loading

Co-authored-by: Blankll <28639911+Blankll@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Blankll <28639911+Blankll@users.noreply.github.com>

Author: Copilot

docs/.vitepress/config.mts

@@ -2,6 +2,7 @@ import {defineConfig} from 'vitepress'
 
 const icon = '/favicon.ico';
 const logo = '/geekfun.png';
+const ogImage = 'https://www.geekfun.club/og-image.png';
 const sharedThemeConfig = {
     search: {
         provider: 'local'
@@ -48,6 +49,11 @@ export default defineConfig({
     cleanUrls: true,
     outDir: '../dist',
     cacheDir: '../cache',
+    markdown: {
+        image: {
+            lazyLoading: true
+        }
+    },
     locales: {
         root: {
             label: 'English',
@@ -63,14 +69,14 @@ export default defineConfig({
                 }],
                 ['meta', {property: 'og:title', content: titleEn}],
                 ['meta', {property: 'og:description', content: descEn}],
-                ['meta', {property: 'og:image', content: logo}],
+                ['meta', {property: 'og:image', content: ogImage}],
                 ['meta', {property: 'og:url', content: 'https://www.geekfun.club/'}],
                 ['meta', {property: 'og:site_name', content: titleEn}],
                 ['meta', {property: 'og:type', content: 'website'}],
                 ['meta', {name: 'twitter:card', content: 'summary_large_image'}],
                 ['meta', {name: 'twitter:title', content: titleEn}],
                 ['meta', {name: 'twitter:description', content: descEn}],
-                ['meta', {name: 'twitter:image', content: logo}],
+                ['meta', {name: 'twitter:image', content: ogImage}],
                 ['meta', {name: 'baidu-site-verification', content: 'codeva-owQvVYl3h3'}],
                 ['meta', {name: 'msvalidate.01', content: '56AE1305771756AAB07967736F936525'}],
                 ['meta', {name: 'google-adsense-account', content: 'ca-pub-6086289782076652'}],
@@ -149,14 +155,14 @@ export default defineConfig({
                 }],
                 ['meta', {property: 'og:title', content: titleZh}],
                 ['meta', {property: 'og:description', content: descZh}],
-                ['meta', {property: 'og:image', content: logo}],
+                ['meta', {property: 'og:image', content: ogImage}],
                 ['meta', {property: 'og:url', content: 'https://www.geekfun.club/zh/'}],
                 ['meta', {property: 'og:site_name', content: titleZh}],
                 ['meta', {property: 'og:type', content: 'website'}],
                 ['meta', {name: 'twitter:card', content: 'summary_large_image'}],
                 ['meta', {name: 'twitter:title', content: titleZh}],
                 ['meta', {name: 'twitter:description', content: descZh}],
-                ['meta', {name: 'twitter:image', content: logo}],
+                ['meta', {name: 'twitter:image', content: ogImage}],
                 ['meta', {name: 'baidu-site-verification', content: 'codeva-owQvVYl3h3'}],
                 ['meta', {name: 'msvalidate.01', content: '56AE1305771756AAB07967736F936525'}],
             ],

docs/about.md

@@ -1,3 +1,26 @@
+---
+title: About GEEKFUN - Open Source Software Community
+description: Learn about GEEKFUN, an open-source software community committed to building sustainable software solutions. Our mission, values, and the team behind it.
+head:
+  - - meta
+    - name: keywords
+      content: about GEEKFUN, open source community, geekfun club, sustainable software, open source club
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/about
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/about
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/about
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/about
+---
 # About Us
 
 GEEKFUN is an Open Source Club committed to developing software that not only delivers value but also prioritizes

docs/blog.md

@@ -1,3 +1,26 @@
+---
+title: GEEKFUN Blog - Open Source Development Insights
+description: Explore the GEEKFUN blog for in-depth articles on open-source software, DynamoDB, Elasticsearch, OpenSearch, and sustainable development practices.
+head:
+  - - meta
+    - name: keywords
+      content: geekfun blog, open source blog, Elasticsearch tutorials, DynamoDB guides, OpenSearch blog, software development articles
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog
+---
 # Blog
 
 Welcome to the **GEEKFUN Blog!** :rocket::rocket::rocket:

docs/blog/best-dynamodb-gui-client.md

@@ -1,6 +1,25 @@
 ---
 title: Best DynamoDB GUI Client - Top 5 Tools Compared (2026)
 description: Comprehensive comparison of the best DynamoDB GUI clients including DocKit, Dynobase, NoSQL Workbench, and AWS Console. Features, pricing, and recommendations.
+head:
+  - - meta
+    - name: keywords
+      content: best DynamoDB GUI client, DynamoDB GUI comparison, DynamoDB management tools, Dynobase alternative, DynamoDB desktop client, free DynamoDB client, DynamoDB GUI 2026
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog/best-dynamodb-gui-client
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog/best-dynamodb-gui-client
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog/best-dynamodb-gui-client
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog/best-dynamodb-gui-client
 ---
 
 # Best DynamoDB GUI Client - Top 5 Tools Compared (2026)

docs/blog/dynamodb-gui-client.md

@@ -5,6 +5,21 @@ head:
   - - meta
     - name: keywords
       content: DynamoDB GUI client, DynamoDB desktop client, DynamoDB GUI tool, DynamoDB management tool, DynamoDB PartiQL, NoSQL GUI client, DynamoDB query tool, AWS DynamoDB client, DynamoDB data management, DynamoDB desktop, DocKit DynamoDB, DynamoDB local
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog/dynamodb-gui-client
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog/dynamodb-gui-client
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog/dynamodb-gui-client
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog/dynamodb-gui-client
 ---
 
 # Managing your DynamoDB tables with DocKit make life easier

docs/blog/elasticsearch-ai-assistant.md

@@ -5,6 +5,21 @@ head:
   - - meta
     - name: keywords
       content: Elasticsearch AI assistant, automate Elasticsearch queries, AI-powered Elasticsearch queries, Elasticsearch query assistant, AI for data search, Elasticsearch automation tools
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog/elasticsearch-ai-assistant
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog/elasticsearch-ai-assistant
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog/elasticsearch-ai-assistant
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog/elasticsearch-ai-assistant
 ---
 
 # Automate Elasticsearch Query Writing with AI Assistants

docs/blog/elasticsearch-gui-client.md

@@ -5,6 +5,21 @@ head:
   - - meta
     - name: keywords
       content: Elasticsearch GUI client, Elasticsearch desktop client, Elasticsearch GUI tool, Elasticsearch desktop tool, Elasticsearch GUI, Elasticsearch desktop, Elasticsearch client, Elasticsearch tool, Elasticsearch management tool, Elasticsearch management client, Elasticsearch management, Elasticsearch data management, Elasticsearch data analysis, Elasticsearch data visualization,Elasticsearch data query, Elasticsearch data exploration, Elasticsearch data optimization, Elasticsearch data efficiency, Elasticsearch data workflow
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog/elasticsearch-gui-client
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog/elasticsearch-gui-client
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog/elasticsearch-gui-client
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog/elasticsearch-gui-client
 ---
 
 # DocKit - Introduction to Elasticsearch GUI Client

docs/blog/elasticsearch-integration-test-jest-search.md

@@ -5,6 +5,21 @@ head:
   - - meta
     - name: keywords
       content: Elasticsearch Integration Test, Elasticsearch Integration Test with jest-search, Elasticsearch Integration Test with jest, Elasticsearch Integration Test with jest-preset
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog/elasticsearch-integration-test-jest-search
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog/elasticsearch-integration-test-jest-search
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog/elasticsearch-integration-test-jest-search
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog/elasticsearch-integration-test-jest-search
 ---
 
 # Implementing Elasticsearch Integration Test with jest-search

docs/blog/query-dynamodb-locally.md

@@ -1,6 +1,25 @@
 ---
 title: How to Query DynamoDB Locally - Complete Development Guide
 description: Learn how to query DynamoDB locally using DynamoDB Local and DocKit GUI. Step-by-step setup for offline development, testing, and CI/CD integration.
+head:
+  - - meta
+    - name: keywords
+      content: query DynamoDB locally, DynamoDB Local, DynamoDB local development, DynamoDB offline, DynamoDB local setup, DynamoDB Local GUI, test DynamoDB locally
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/blog/query-dynamodb-locally
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/blog/query-dynamodb-locally
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/blog/query-dynamodb-locally
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/blog/query-dynamodb-locally
 ---
 
 # How to Query DynamoDB Locally - Complete Development Guide

docs/docs/dockit/connect-to-server.md

@@ -5,6 +5,21 @@ head:
   - - meta
     - name: keywords
       content: DocKit, Elasticsearch GUI client, connect Elasticsearch server, Elasticsearch connection guide, Elasticsearch management tool, Elasticsearch desktop client, Elasticsearch data management, Elasticsearch data analysis, Elasticsearch data visualization, Elasticsearch query tool, Elasticsearch cross-platform client, Elasticsearch open-source client, Elasticsearch Mac client, Elasticsearch Windows client, Elasticsearch Linux client, Elasticsearch AI-powered search, Elasticsearch multiple server support
+  - - link
+    - rel: canonical
+      href: https://www.geekfun.club/docs/dockit/connect-to-server
+  - - link
+    - rel: alternate
+      hreflang: en
+      href: https://www.geekfun.club/docs/dockit/connect-to-server
+  - - link
+    - rel: alternate
+      hreflang: zh
+      href: https://www.geekfun.club/zh/docs/dockit/connect-to-server
+  - - link
+    - rel: alternate
+      hreflang: x-default
+      href: https://www.geekfun.club/docs/dockit/connect-to-server
 ---
 
 # Use DocKit GUI connect to Database Server