seo优化

2026-06-04 09:39:31 +08:00
parent 81a0a060ee
commit b020ce0755
10 changed files with 50 additions and 57 deletions
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -129,6 +129,7 @@ export default {
 	},
 	aboutUs: {
 		Title: 'ABOUT US',
+		meta: 'About Us: Transforming the Fashion Ecosystem through Artificial Intelligence (AI) https://code-create.com.hk',
 		ecosystem: {
 			Title: 'REVITALISE THE FASHION ECOSYSTEM',
 			Desc: 'through Artificial Intelligence (AI)'
@@ -166,6 +167,7 @@ export default {
 	},
 	userStories: {
 		Title: 'User Stories',
+		meta: 'User Stories - Code-Create',
 		XULULUInfo1:
 			'AiDA is a very interesting and creatively inspiring system that showcases limitless potential in fashion design. Traditional designers can typically create only a handful of styles in a day, whereas AiDA can generate multiple designs in an instant, making its efficiency incomparable to that of humans.',
 		XULULUInfo2:
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -125,6 +125,7 @@ export default {
 	},
 	aboutUs: {
 		Title: '关于我们',
+		meta: '关于我们 通过人工智能(AI) 重塑时尚生态系统 https://code-create.com.hk/wp-',
 		ecosystem: {
 			Title: '通过人工智能(AI)',
 			Desc: '重塑时尚生态系统'
@@ -159,6 +160,7 @@ export default {
 	},
 	userStories: {
 		Title: '使用者故事',
+		meta: '使用者故事 - Code-Create',
 		XULULUInfo1:
 			'AiDA 是一个有趣且富有创意灵感的系统，在时尚设计领域展现出无限潜力。与传统设计师一天只能设计出几款服装相比，AiDA 能瞬间生成多款设计，效率远超人类。',
 		XULULUInfo2:
--- a/src/lang/zh-tw.ts
+++ b/src/lang/zh-tw.ts
@@ -62,48 +62,6 @@ export default {
 		EmailInputTitle: '有興趣使用精準時裝屬性及顏色辨識系統 (Mixi)？',
 		EmailInputTip: '請留下電郵地址，以獲取度身訂造的計劃'
 	},
-	Aida: {
-		description:
-			'AiDA 3.1 基於人工智能的時尚互動設計助手 AiDA 3.1 是一項開創性的技術，它賦能時尚設計師，使其能夠基於創意靈感，藉助人工智能創作原創設計。設計師隻需點擊幾下，即可選擇或優化方案來開髮時尚繫列，爲傳統且工作強度大的工作室帶來敏捷性、高效性和靈活性。',
-		slogan: '互動性人工智能時裝設計助理',
-		desc: 'AiDA 3.1 是一項開創性的技術，它使時裝設計師能夠基於自己的創意靈感，藉助人工智能創作原創設計。設計師隻需點擊幾下，即可選擇或調整方案來開髮時裝繫列，爲傳統且耗時的設計工作室流程注入敏捷性、高效性和靈活性。',
-		annual: '年費: $5,000 HKD / 年(50000積分)',
-		monthly: '月費: $500 HKD / 月 (3500 積分)',
-		monthlyCheaper: '月費: $100 HKD / 月 (500 積分)',
-		tips: '可提供專屬教育優惠，詳情請聯繫我們',
-		subscribe: '立即訂閱',
-		userManual: '用戶手冊',
-		keyFeatures: '技術特點',
-		feature1:
-			'世界上第一個服裝設計領域的人工智能繫統，強調用戶控製，確保人工智能生成的設計與設計師的獨特願景和品牌身份無縫結合。',
-		feature2:
-			'擅長綜合不同的輸入，如情緒闆，織物印花，顏色選擇和草圖，成爲一個有凝聚力的集合，快速，和諧，高效。',
-		feature3: '設計過程顯著加快超過60%，根據用戶輸入快速生成無限的設計。',
-		feature4: '採用尖端的AIGC技術，生成創新設計，並在創作過程中提供全麵的協助。',
-		benefits: '對行業的好處',
-		benefits1:
-			'加快設計流程: AiDA為個人設計師和時尚品牌提供快速創意構思，革新了時裝設計過程，讓設計師以靈活、高效及別具彈性的方式提升傳統而密集的工作室設計流程。',
-		benefits2: '加快產品上市速度: 同時又能確保品牌的標誌性設計元素在新設計中得以體現。',
-		benefits3:
-			'更有彈性: 讓沒有繪畫基礎的時裝設計初學者也可以簡易的創作自己的設計。設計師們通過和 AI一起合作，可以迅速創作多樣化的原創設計產品，並快速把這些產品推向市場。',
-		demo: '示範影片',
-		play: '點擊播放',
-		choosePlan: '選擇你的訂閱方案',
-		plan1: '根據你的創意靈感及品牌DNA，只需要10秒時間去設計一個時裝系列',
-		plan2: '上載靈感板、顏色、布料印花圖案及草圖等，生成無限設計建議',
-		plan3: '只需點擊幾下，儲存及取回你的設計',
-		plan4: '訂閱後只需通過雲端系統就能隨時隨地存取',
-		plan5: '操作精簡，只需大概十分鐘就能學習使用方法',
-		plan6: '通過 info\\@code-create.com.hk 聯繫我們了解更多',
-		trial: '試用',
-		days: '7 天免費試用',
-		start: '開始使用',
-		corporate: '公司賬戶',
-		customised: '客製方案',
-		contactUs: '聯繫我們',
-		termsAndConditions: '條款及細則',
-		agreement: '訂閱協議'
-	},
 	helpCentre: {
 		Title: '支援中心',
 		FAQ: '常見問題',
@@ -125,6 +83,7 @@ export default {
 	},
 	aboutUs: {
 		Title: '關於我們',
+		meta: '關於我們 通過人工智能(AI) 重塑時尚生態系統 https://code-create.com.hk',
 		ecosystem: {
 			Title: '通過人工智能(AI)',
 			Desc: '重塑時尚生態系統'
@@ -159,6 +118,7 @@ export default {
 	},
 	userStories: {
 		Title: '使用者故事',
+		meta: '使用者故事 - Code-Create',
 		XULULUInfo1:
 			'AiDA 是一個有趣且富有創意靈感的繫統，在時尚設計領域展現出無限潛力。與傳統設計師一天隻能設計出幾款服裝相比，AiDA 能瞬間生成多款設計，效率遠超人類。',
 		XULULUInfo2:
--- a/src/pages/about-us/ecosystem.vue
+++ b/src/pages/about-us/ecosystem.vue
@@ -1,9 +1,13 @@
 <script setup lang="ts">
 	import { ref } from "vue";
+	import { useI18n } from 'vue-i18n'
 	import MyEvent from "@/tools/myEvents";
+	const { t, locale } = useI18n()
 	let videoUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_vid_16x9_ENG.mp4'
 	let videoPosterUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg'
 	const playVideo = ()=>{
+		console.log(locale.value)
+		return
 		MyEvent.emit("playVideo",{
 			url: videoUrl,
 			poster: videoPosterUrl,
--- a/src/pages/about-us/index.vue
+++ b/src/pages/about-us/index.vue
@@ -6,9 +6,22 @@ import Mission from './mission.vue'
 import OurTeam from './our-team.vue'
 import StrategicPartners from './strategic-partners.vue'
 import { useGlobalStore } from '@/stores/global'
+import { useHead } from '@unhead/vue'
+import { useI18n } from 'vue-i18n'
 const globalStore = useGlobalStore()
 const windowWidth = computed(() => globalStore.state.windowWidth)
+const { t } = useI18n()
+useHead({
+	title: t('aboutUs.Title'),
+	meta: [
+		{
+			name: 'description',
+			content: t('aboutUs.meta')
+		}
+	]
+})
 defineExpose({})
+
 </script>
 <template>
 	<div class="about-us">
--- a/src/pages/aida/index.vue
+++ b/src/pages/aida/index.vue
@@ -14,9 +14,9 @@

 	const demoVideo = computed(() => {
 		if (locale.value === 'en') {
-			return `${IMAGE_BASE_URL}/wp-content/uploads/2026/02/Demo-video-26-2-27-EN.mp4`
+			return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-EN.mp4`
 		}
-		return `${IMAGE_BASE_URL}/wp-content/uploads/2026/02/Demo-video-26-2-27-CN.mp4`
+		return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-CN.mp4`
 	})

 	const keyFeatures = computed(() => {
@@ -26,17 +26,17 @@
 	const benefits = computed(() => {
 		return [
 			{
-				image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_01.png`,
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_01.png`,
 				alt: 'Light bulb icon',
 				text: t('Aida.benefits1')
 			},
 			{
-				image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_02.png`,
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_02.png`,
 				alt: 'Stopwatch icon',
 				text: t('Aida.benefits2')
 			},
 			{
-				image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_03-1.png`,
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_03-1.png`,
 				alt: 'Drawing brush icon',
 				text: t('Aida.benefits3')
 			}
@@ -310,7 +310,7 @@
 		<section class="aida-hero" aria-labelledby="aida-title">
 			<img
 				class="aida-hero-image"
-				:src="`${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_banner-1.jpg`"
+				:src="`${IMAGE_BASE_URL}/2022/11/aida_banner-1.jpg`"
 				alt="AiDA 3.1 banner"
 			/>
 			<h1 id="aida-title" class="aida-hero-title">AiDA 3.1</h1>
@@ -347,13 +347,13 @@
 				<div class="feature-art">
 					<img
 						class="feature-bg"
-						:src="`${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_intro_01_bg.png`"
+						:src="`${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`"
 						alt="Fashion design sketches on paper"
 						loading="lazy"
 					/>
 					<img
 						class="feature-panel"
-						:src="`${IMAGE_BASE_URL}/wp-content/uploads/2024/01/new-layout-1.png`"
+						:src="`${IMAGE_BASE_URL}/2024/01/new-layout-1.png`"
 						alt="AiDA design workspace preview"
 						loading="lazy"
 					/>
--- a/src/pages/home/components/Carousel.vue
+++ b/src/pages/home/components/Carousel.vue
@@ -134,7 +134,7 @@
 	const slides = computed<HomeSlide[]>(() => [
 		{
 			id: 'aida',
-			image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mainbanner01-2.jpg`,
+			image: `${IMAGE_BASE_URL}/2022/11/mainbanner01-2.jpg`,
 			video: '',
 			alt: t('Home.banner1slogan'),
 			title: t('Home.banner1slogan'),
@@ -143,7 +143,7 @@
 		},
 		{
 			id: 'mixi',
-			image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mainbanner02-3.jpg`,
+			image: `${IMAGE_BASE_URL}/2022/11/mainbanner02-3.jpg`,
 			video: '',
 			alt: 'Code Create product banner',
 			title: t('Home.banner2slogan'),
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -18,18 +18,18 @@
 			{
 				name: 'AiDA 3.1',
 				title: t('Home.aidaDesc'),
-				backgroundImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_intro_01_bg.png`,
+				backgroundImage: `${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`,
 				backgroundAlt: 'Fashion design sketches on paper',
-				panelImage: `${IMAGE_BASE_URL}/wp-content/uploads/2024/01/new-layout-1.png`,
+				panelImage: `${IMAGE_BASE_URL}/2024/01/new-layout-1.png`,
 				panelAlt: 'AiDA design workspace preview',
 				reversed: false
 			},
 			{
 				name: 'Mixi',
 				title: t('Home.mixiSlogan'),
-				backgroundImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mixi_intro_01_bg.png`,
+				backgroundImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_bg.png`,
 				backgroundAlt: 'Layered fabric texture',
-				panelImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mixi_intro_01_panel.png`,
+				panelImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_panel.png`,
 				panelAlt: 'Mixi visual search interface preview',
 				reversed: true
 			}
--- a/src/pages/user-stories/index.vue
+++ b/src/pages/user-stories/index.vue
@@ -1,5 +1,17 @@
 <script setup lang="ts">
 import UserList from './user-list.vue'
+import { useHead } from '@unhead/vue'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+useHead({
+	title: t('userStories.Title'),
+	meta: [
+		{
+			name: 'description',
+			content: t('userStories.meta')
+		}
+	]
+})
 defineExpose({})
 </script>
 <template>
--- a/src/tools/config.ts
+++ b/src/tools/config.ts
@@ -1 +1 @@
-export const IMAGE_BASE_URL = 'https://code-create.com.hk'
+export const IMAGE_BASE_URL = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk'