From e47383024fa7a6a8031fa1832444b5936073dad4 Mon Sep 17 00:00:00 2001 From: hookor Date: Tue, 4 Jun 2024 17:42:38 +0900 Subject: [PATCH] Fix: SEO metadata && mainimg to webp --- index.html | 8 ++++++-- package.json | 1 - public/png/coffee_mainimg.webp | Bin 0 -> 6162 bytes public/pwabuilder-sw.js | 4 ++-- src/components/common/SEOMeta.tsx | 2 +- src/components/home/TodayCaffeineText.tsx | 4 ++-- src/constants/SEOData.ts | 24 +++++++++++----------- vite.config.ts | 5 ----- 8 files changed, 23 insertions(+), 25 deletions(-) create mode 100644 public/png/coffee_mainimg.webp diff --git a/index.html b/index.html index 32b0b44..967cbf9 100644 --- a/index.html +++ b/index.html @@ -32,9 +32,13 @@ + diff --git a/package.json b/package.json index 6675bec..236f4ec 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,6 @@ "rollup-plugin-visualizer": "^5.10.0", "typescript": "^5.3.2", "vite": "^5.0.6", - "vite-plugin-compression2": "^1.1.1", "vite-plugin-remove-console": "^2.2.0", "vite-tsconfig-paths": "^4.2.1" } diff --git a/public/png/coffee_mainimg.webp b/public/png/coffee_mainimg.webp new file mode 100644 index 0000000000000000000000000000000000000000..2857d08faddb3d3a6cb17fadb02aad5475606452 GIT binary patch literal 6162 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 literal 0 HcmV?d00001 diff --git a/public/pwabuilder-sw.js b/public/pwabuilder-sw.js index 34b686b..4ae8373 100644 --- a/public/pwabuilder-sw.js +++ b/public/pwabuilder-sw.js @@ -1,4 +1,4 @@ -const STATIC_CACHE_NAME = 'ddocker-static-v6'; +const STATIC_CACHE_NAME = 'ddocker-static-v7'; const DYNAMIC_CACHE_NAME = 'ddocker-dynamic-v1'; const ASSETS = [ @@ -25,7 +25,7 @@ const ASSETS = [ '/png/angelinus.png', '/png/banapresso.png', '/png/bbak.png', - '/png/coffee_mainimg.png', + '/png/coffee_mainimg.webp', '/png/coffeebean.png', '/png/compose.png', '/png/ediya.png', diff --git a/src/components/common/SEOMeta.tsx b/src/components/common/SEOMeta.tsx index d800b64..55581bf 100644 --- a/src/components/common/SEOMeta.tsx +++ b/src/components/common/SEOMeta.tsx @@ -11,7 +11,7 @@ type Props = { const SEOMeta = ({ pageData }: Props) => { const { title, pageUrl, description } = pageData; const baseTitle = 'DDocker - '; - const keywords = 'ddocker, coffee, caffeine, 또커, 커피, 카페인, 커피사진'; + const keywords = 'ddocker, coffee, caffeine, 똑커, 커피, 카페인, 커피사진'; const siteUrl = 'https://ddocker.kro.kr/'; const ogImage = ''; diff --git a/src/components/home/TodayCaffeineText.tsx b/src/components/home/TodayCaffeineText.tsx index 939c3f8..d847f63 100644 --- a/src/components/home/TodayCaffeineText.tsx +++ b/src/components/home/TodayCaffeineText.tsx @@ -42,9 +42,9 @@ const TodayCaffeineText = () => { )} diff --git a/src/constants/SEOData.ts b/src/constants/SEOData.ts index cecaec1..cfddf11 100644 --- a/src/constants/SEOData.ts +++ b/src/constants/SEOData.ts @@ -13,48 +13,48 @@ const SEO_DATA = { 'DDocker 서비스에 가입하고 건강하고 즐거운 똑똑한 커피 생활을 시작해보세요.' }, home: { - title: '또커, 똑똑한 커피 생활', + title: '똑커, 똑똑한 커피 생활', pageUrl: '', description: '모임, 일상, 취미가 된 커피를 건강하고 똑똑하게 즐겨보세요.' }, follow: { title: '팔로워', pageUrl: routes[2], - description: '나를 팔로우하는 또커들을 확인하고 방문해보세요.' + description: '나를 팔로우하는 똑커들을 확인하고 방문해보세요.' }, following: { title: '팔로잉', pageUrl: routes[2], - description: '내가 팔로우하는 또커들의 프로필을 확인하고 방문해보세요.' + description: '내가 팔로우하는 똑커들의 프로필을 확인하고 방문해보세요.' }, myPage: { title: '프로필 수정', pageUrl: routes[3], description: - '또커 계정의 프로필을 변경해보세요. 닉네임 변경, 프로필 사진 업로드, 한 줄 소개 등을 통해 나만의 프로필을 만들 수 있습니다.' + '똑커 계정의 프로필을 변경해보세요. 닉네임 변경, 프로필 사진 업로드, 한 줄 소개 등을 통해 나만의 프로필을 만들 수 있습니다.' }, notification: { title: '알림', pageUrl: routes[4], - description: '또커 계정의 새로운 팔로우, 댓글, 종아요를 확인해보세요.' + description: '똑커 계정의 새로운 팔로우, 댓글, 종아요를 확인해보세요.' }, post: { title: '게시물', pageUrl: `${routes[5]}`, description: - '또커 게시물의 브랜드, 메뉴, 카페인을 확인하고 좋아요, 댓글을 통해 소통해보세요. 또커의 커피 사진과 게시글을 공유하기 버튼을 통해 공유해보세요.' + '똑커 게시물의 브랜드, 메뉴, 카페인을 확인하고 좋아요, 댓글을 통해 소통해보세요. 똑커의 커피 사진과 게시글을 공유하기 버튼을 통해 공유해보세요.' }, register: { title: '게시물 등록', pageUrl: `${routes[5]}/register`, description: - '또커 게시물을 등록해보세요. 브랜드, 메뉴, 샷 이나 사이즈 등의 추가정보를 입력해 보다 더 정확하게 내가 마신 카페인을 기록 할 수 있습니다.' + '똑커 게시물을 등록해보세요. 브랜드, 메뉴, 샷 이나 사이즈 등의 추가정보를 입력해 보다 더 정확하게 내가 마신 카페인을 기록 할 수 있습니다.' }, update: { title: '게시물 수정', pageUrl: routes[5], description: - '또커 게시물의 정보를 잘못 입력하거나 수정하고 싶을 때 언제든지 게시물 정보를 변경 할 수 있습니다.' + '똑커 게시물의 정보를 잘못 입력하거나 수정하고 싶을 때 언제든지 게시물 정보를 변경 할 수 있습니다.' }, postsTrend: { title: '트렌드 피드', @@ -66,18 +66,18 @@ const SEO_DATA = { title: '팔로잉 피드', pageUrl: routes[6], description: - '내가 팔로잉 하는 또커 유저들의 촤신 게시물들을 확인하고 좋아요와 댓글을 남겨보세요.' + '내가 팔로잉 하는 똑커 유저들의 촤신 게시물들을 확인하고 좋아요와 댓글을 남겨보세요.' }, search: { title: '검색', pageUrl: routes[7], description: - '검색을 통해 다른 또커 유저를 검색헤보세요. 또커 유저의 프로필에 방문해 게시물, 팔로우, 팔로잉 목록을 살펴 볼 수 있습니다.' + '검색을 통해 다른 똑커 유저를 검색헤보세요. 똑커 유저의 프로필에 방문해 게시물, 팔로우, 팔로잉 목록을 살펴 볼 수 있습니다.' }, profile: { title: '프로필', pageUrl: routes[8], - description: '또커의 프로필을 확인하고 게시물을 둘러보세요' + description: '똑커의 프로필을 확인하고 게시물을 둘러보세요' }, coffee: { title: '나의 커피', @@ -109,7 +109,7 @@ const SEO_DATA = { title: '신고하기', pageUrl: routes[11], description: - '신고 내용을 제출해주세요. 또커 팀이 최대한 빠르게 검토하여 대응하겠습니다.' + '신고 내용을 제출해주세요. 똑커 팀이 최대한 빠르게 검토하여 대응하겠습니다.' } }; export default SEO_DATA; diff --git a/vite.config.ts b/vite.config.ts index fd663f1..34b2c6a 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -8,16 +8,11 @@ import imageminPngQuant from 'imagemin-pngquant'; import viteImagemin from '@vheemstra/vite-plugin-imagemin'; import imageminSvgo from 'imagemin-svgo'; import prerender from '@prerenderer/rollup-plugin'; -import compression from 'vite-plugin-compression2'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [ react(), - compression({ - include: [/\.js/, /\.css/], - threshold: 1400 - }), prerender({ routes: [ '/',