diff --git a/components/seo-head/index.vue b/components/seo-head/index.vue
new file mode 100644
index 0000000..48d97c7
--- /dev/null
+++ b/components/seo-head/index.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+  const props = defineProps({
+    title: {
+      type: String,
+      required: true,
+      default: '图夕夕-世界图纸 夕夕共享',
+    },
+    description: {
+      type: String,
+      default: '图夕夕是一家图纸素材分享交易平台，提供AutoCAD/ProE/Creo/CATIA/UG/inventor/CAXA/等建筑图纸的素材下载及免费教程。',
+    },
+    keywords: {
+      type: String,
+      default: '图纸,图纸下载,设计素材,图纸大全,设计图纸,,工程图纸,cad图纸',
+    },
+  })
+
+  useHead({
+    title: `${props.title}`,
+    meta: [
+      { name: 'description', content: props.description },
+      { name: 'keywords', content: props.keywords },
+    ],
+  })
+</script>