Merge pull request #48 from Mayandev/chore/misc

chore: seo optimize, add keywords and sitemap
Mayandev · Mar 2, 2025 · 4d06144 · 4d06144
2 parents 850c0cb + ce0e655
commit 4d06144
Show file tree

Hide file tree

Showing 15 changed files with 156 additions and 12 deletions.
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
@@ -1,2 +1,19 @@
 <?xml version="1.0" encoding="utf-8"?>
-<browserconfig><msapplication><tile><square70x70logo src="favicon/ms-icon-70x70.png"/><square150x150logo src="favicon/ms-icon-150x150.png"/><square310x310logo src="favicon/ms-icon-310x310.png"/><TileColor>#fffefc</TileColor></tile></msapplication></browserconfig>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="favicon/ms-icon-70x70.png"/>
+            <square150x150logo src="favicon/ms-icon-150x150.png"/>
+            <square310x310logo src="favicon/ms-icon-310x310.png"/>
+            <TileColor>#fffefc</TileColor>
+            <TileImage src="favicon/ms-icon-144x144.png"/>
+        </tile>
+        <notification>
+            <polling-uri src="favicon/ms-icon-70x70.png"/>
+            <frequency>30</frequency>
+            <cycle>1</cycle>
+        </notification>
+        <meta name="application-name" content="Notion Avatar Maker"/>
+        <meta name="msapplication-tooltip" content="Create your own Notion-style avatar"/>
+    </msapplication>
+</browserconfig>
diff --git a/public/locales/de/common.json b/public/locales/de/common.json
@@ -44,5 +44,7 @@
   "christmas": "Weihnachten",
   "downloadSuccess": "Download erfolgreich",
   "shareModalHint": "Teile es in deinen sozialen Medien!",
-  "shareContent": "Ich habe gerade einen Avatar mit Notion Avatar Maker erstellt, schau mal!"
+  "shareContent": "Ich habe gerade einen Avatar mit Notion Avatar Maker erstellt, schau mal!",
+  "avatarMaker": "Avatar Ersteller",
+  "siteKeywords": "Notion Avatar,Avatar Ersteller,Notion Stil,Individueller Avatar,Profilbild"
 }
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -44,5 +44,7 @@
   "christmas": "Christmas",
   "downloadSuccess": "Download Success",
   "shareModalHint": "Share to your favorite social media!",
-  "shareContent": "I just created an avatar with Notion Avatar Maker, check it out!"
+  "shareContent": "I just created an avatar with Notion Avatar Maker, check it out!",
+  "avatarMaker": "Avatar Maker",
+  "siteKeywords": "Notion Avatar,Avatar Maker,Notion Style,Custom Avatar,Profile Picture"
 }
diff --git a/public/locales/es/common.json b/public/locales/es/common.json
@@ -44,5 +44,7 @@
   "christmas": "Navidad",
   "downloadSuccess": "¡Descarga exitosa!",
   "shareModalHint": "¡Comparte en tus redes sociales favoritas!",
-  "shareContent": "¡Acabo de crear un avatar con Notion Avatar Maker, échale un vistazo!"
+  "shareContent": "¡Acabo de crear un avatar con Notion Avatar Maker, échale un vistazo!",
+  "avatarMaker": "Creador de Avatar",
+  "siteKeywords": "Avatar Notion,Creador de Avatar,Estilo Notion,Avatar Personalizado,Foto de Perfil"
 }
diff --git a/public/locales/fr/common.json b/public/locales/fr/common.json
@@ -44,5 +44,7 @@
   "christmas": "Noël",
   "downloadSuccess": "Téléchargement réussi",
   "shareModalHint": "Partagez sur vos réseaux sociaux préférés !",
-  "shareContent": "Je viens de créer un avatar avec Notion Avatar Maker, regardez ça !"
+  "shareContent": "Je viens de créer un avatar avec Notion Avatar Maker, regardez ça !",
+  "avatarMaker": "Créateur d'Avatar",
+  "siteKeywords": "Avatar Notion,Créateur d'Avatar,Style Notion,Avatar Personnalisé,Photo de Profil"
 }
diff --git a/public/locales/ja/common.json b/public/locales/ja/common.json
@@ -44,5 +44,7 @@
   "christmas": "クリスマス",
   "downloadSuccess": "ダウンロード完了",
   "shareModalHint": "お気に入りのSNSでシェアしましょう！",
-  "shareContent": "Notion Avatar Makerで可愛いアバターを作りました！見てください！"
+  "shareContent": "Notion Avatar Makerで可愛いアバターを作りました！見てください！",
+  "avatarMaker": "アバターメーカー",
+  "siteKeywords": "Notionアバター,アバターメーカー,Notion風,カスタムアバター,プロフィール画像"
 }
diff --git a/public/locales/ko/common.json b/public/locales/ko/common.json
@@ -44,5 +44,7 @@
   "christmas": "크리스마스",
   "downloadSuccess": "다운로드 성공",
   "shareModalHint": "좋아하는 SNS에 공유해보세요!",
-  "shareContent": "Notion Avatar Maker로 귀여운 아바타를 만들었어요! 확인해보세요!"
+  "shareContent": "Notion Avatar Maker로 귀여운 아바타를 만들었어요! 확인해보세요!",
+  "avatarMaker": "아바타 메이커",
+  "siteKeywords": "노션 아바타,아바타 메이커,노션 스타일,커스텀 아바타,프로필 사진"
 }
diff --git a/public/locales/pt/common.json b/public/locales/pt/common.json
@@ -41,5 +41,7 @@
   "choosePart": "Escolher",
   "Choose item": "{{choose}} {{item}}",
   "halloween": "Halloween",
-  "christmas": "Natal"
+  "christmas": "Natal",
+  "avatarMaker": "Criador de Avatar",
+  "siteKeywords": "Avatar Notion,Criador de Avatar,Estilo Notion,Avatar Personalizado,Foto de Perfil"
 }
diff --git a/public/locales/ru/common.json b/public/locales/ru/common.json
@@ -35,5 +35,7 @@
   "downloadTip": "В настоящее время поддерживаются форматы svg и png, попробуйте изменить формат в кнопке загрузки",
   "downloadSuccess": "Загрузка завершена",
   "shareModalHint": "Поделитесь в любимых соцсетях!",
-  "shareContent": "Я только что создал аватар с помощью Notion Avatar Maker, посмотрите!"
+  "shareContent": "Я только что создал аватар с помощью Notion Avatar Maker, посмотрите!",
+  "avatarMaker": "Создатель Аватаров",
+  "siteKeywords": "Аватар Notion,Создатель Аватаров,Стиль Notion,Пользовательский Аватар,Фото Профиля"
 }
diff --git a/public/locales/zh/common.json b/public/locales/zh/common.json
@@ -44,5 +44,7 @@
   "christmas": "圣诞节装饰",
   "downloadSuccess": "下载成功",
   "shareModalHint": "分享到你喜欢的社交媒体吧！",
-  "shareContent": "我用 Notion 风格头像制作器生成了一个头像，快来看看吧！"
+  "shareContent": "我用 Notion 风格头像制作器生成了一个头像，快来看看吧！",
+  "avatarMaker": "头像制作",
+  "siteKeywords": "Notion 头像,头像生成器,Notion Avatar,个性化头像,自定义头像"
 }
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Allow: /
+Sitemap: https://notion-avatar.app/sitemap.xml
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+        xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>https://notion-avatar.app</loc>
+    <lastmod>2025-01-01</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>1.0</priority>
+    <xhtml:link rel="alternate" hreflang="en" href="https://notion-avatar.app/en"/>
+    <xhtml:link rel="alternate" hreflang="zh" href="https://notion-avatar.app/zh"/>
+    <xhtml:link rel="alternate" hreflang="ja" href="https://notion-avatar.app/ja"/>
+    <xhtml:link rel="alternate" hreflang="ko" href="https://notion-avatar.app/ko"/>
+    <xhtml:link rel="alternate" hreflang="es" href="https://notion-avatar.app/es"/>
+    <xhtml:link rel="alternate" hreflang="fr" href="https://notion-avatar.app/fr"/>
+    <xhtml:link rel="alternate" hreflang="de" href="https://notion-avatar.app/de"/>
+    <xhtml:link rel="alternate" hreflang="pt" href="https://notion-avatar.app/pt"/>
+    <xhtml:link rel="alternate" hreflang="ru" href="https://notion-avatar.app/ru"/>
+    <xhtml:link rel="alternate" hreflang="x-default" href="https://notion-avatar.app"/>
+  </url>
+</urlset>
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -6,7 +6,6 @@ class Document extends NextDocument {
     return (
       <Html>
         <Head>
-          <link href="/fonts/Quicksand.tff" as="font" crossOrigin="anonymous" />
           {/* Google Analytics */}
           <script
             async

diff --git a/src/pages/components/Header/index.tsx b/src/pages/components/Header/index.tsx
@@ -1,7 +1,10 @@
 import Image from 'next/legacy/image';
+import { useTranslation } from 'next-i18next';
 import Decoration from './decoration';
 
 export default function Header() {
+  const { t } = useTranslation('common');
+
   return (
     <header className="relative">
       <div className="flex py-5 px-5 sm:px-16 md:px-32">
@@ -14,7 +17,7 @@ export default function Header() {
         <span className="text-lg">
           Notion
           <br />
-          Avatar Maker
+          {t('avatarMaker')}
         </span>
       </div>
       <Decoration className="absolute top-0 right-0 w-24 sm:w-28 md:w-36" />

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -92,6 +92,12 @@ const Home: NextPage = () => {
           content="/favicon/ms-icon-144x144.png"
         />
         <meta name="theme-color" content="#fffefc" />
+        <meta name="keywords" content={t('siteKeywords')} />
+        <meta name="author" content="Notion Avatar" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
         <meta content={t(`siteDescription`)} name="description" />
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content={t(`siteTitle`)} />
@@ -104,6 +110,84 @@ const Home: NextPage = () => {
         <meta name="twitter:site" content="@phillzou" />
         <meta name="twitter:title" content={t(`siteTitle`)} />
         <meta name="twitter:description" content={t(`siteDescription`)} />
+        <meta charSet="utf-8" />
+        <meta name="theme-color" content="#fffefc" />
+        <meta name="robots" content="index, follow" />
+        <meta name="googlebot" content="index, follow" />
+        <meta name="google" content="notranslate" />
+        <link rel="canonical" href="https://notion-avatar.app" />
+        {/* 添加所有语言的备用链接 */}
+        <link
+          rel="alternate"
+          hrefLang="en"
+          href="https://notion-avatar.app/en"
+        />
+        <link
+          rel="alternate"
+          hrefLang="zh"
+          href="https://notion-avatar.app/zh"
+        />
+        <link
+          rel="alternate"
+          hrefLang="ja"
+          href="https://notion-avatar.app/ja"
+        />
+        <link
+          rel="alternate"
+          hrefLang="ko"
+          href="https://notion-avatar.app/ko"
+        />
+        <link
+          rel="alternate"
+          hrefLang="es"
+          href="https://notion-avatar.app/es"
+        />
+        <link
+          rel="alternate"
+          hrefLang="fr"
+          href="https://notion-avatar.app/fr"
+        />
+        <link
+          rel="alternate"
+          hrefLang="de"
+          href="https://notion-avatar.app/de"
+        />
+        <link
+          rel="alternate"
+          hrefLang="ru"
+          href="https://notion-avatar.app/ru"
+        />
+        <link
+          rel="alternate"
+          hrefLang="pt"
+          href="https://notion-avatar.app/pt"
+        />
+        <link
+          rel="alternate"
+          hrefLang="x-default"
+          href="https://notion-avatar.app"
+        />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link
+          rel="preconnect"
+          href="https://fonts.gstatic.com"
+          crossOrigin="anonymous"
+        />
+        <link href="/fonts/Quicksand.tff" as="font" crossOrigin="anonymous" />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify({
+              '@context': 'https://schema.org',
+              '@type': 'WebApplication',
+              name: t('siteTitle'),
+              description: t('siteDescription'),
+              url: URL,
+              applicationCategory: 'DesignApplication',
+              operatingSystem: 'Web',
+            }),
+          }}
+        />
       </Head>
 
       <Header />
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,6 @@ class Document extends NextDocument { @@
         return (
           <Html>
             <Head>
-              <link href="/fonts/Quicksand.tff" as="font" crossOrigin="anonymous" />
               {/* Google Analytics */}
               <script
                 async
@@ Expand Down @@