Fix seo (#768)

* SEO:页面内容链接优化 * SEO:增加页面自适应标签 * SEO:注释代码优化 * SEO * SEO
nacos-group · Aug 19, 2024 · dc274b2 · dc274b2
1 parent 19e8d19
commit dc274b2
Show file tree

Hide file tree

Showing 18 changed files with 89 additions and 99 deletions.
diff --git a/src/components/cloud/CloudIntroduce.astro b/src/components/cloud/CloudIntroduce.astro
@@ -62,9 +62,9 @@ const introduceData = [
   >
     <BaseContainer class="top-introduce flex">
       <div class="left-section flex-1 flex flex-col">
-        <div class="pt-[1.375rem] pb-4 text-gray-08 text-xs">
+        <h1 class="font-light pt-6 pb-4 text-gray-08 text-xs mt-[0]">
           {t("cloud.introduce.about")}
-        </div>
+        </h1>
         <div
           class="title leading-[5rem] text-gray-03 mb-[1.1875rem] text-[4rem]"
         >

diff --git a/src/components/cloud/CompaniesFeedback.astro b/src/components/cloud/CompaniesFeedback.astro
@@ -30,14 +30,14 @@ const companyCustomers = [
     name: t("cloud.feedback.ykc.name"),
     theme: "blue",
     logo: "https://img.alicdn.com/imgextra/i1/O1CN01LWMfwx1Ggf9VGmXBF_!!6000000000652-2-tps-160-130.png",
-    href: "https://developer.aliyun.com/article/1172572?groupCode=mse",
+    href: "https://developer.aliyun.com/article/1172572",
     description: t("cloud.feedback.ykc.description"),
   },
   {
     name: t("cloud.feedback.bosideng.name"),
     theme: "black",
     logo: "https://img.alicdn.com/imgextra/i2/O1CN01d7EDXs1HLsnXSTgGG_!!6000000000742-2-tps-160-130.png",
-    href: "https://developer.aliyun.com/article/1147221?groupCode=mse",
+    href: "https://developer.aliyun.com/article/1147221",
     description: t("cloud.feedback.bosideng.description"),
   },
   {

diff --git a/src/components/common/EbookLock.astro b/src/components/common/EbookLock.astro
@@ -11,6 +11,7 @@ const t = useTranslations(Astro);
         <meta charset="utf-8" />
         <meta name="referrer" content="no-referrer" />
         <meta name="generator" content={Astro.generator} />
+        <meta name="applicable-device" content="pc,mobile">
         <title>lock</title>
         <link
             data-rh="true"
@@ -29,7 +30,7 @@ const t = useTranslations(Astro);
                     </p>
                     <Button
                         title={t("commmon.ebook.click.download")}
-                        href="https://developer.aliyun.com/ebook/36?spm=a2c6h.20345107.ebook-index.18.152c2984fsi5ST"
+                        href="https://developer.aliyun.com/ebook/36"
                     />
                 </div>
             </div>

diff --git a/src/components/common/Footer.astro b/src/components/common/Footer.astro
@@ -12,11 +12,9 @@ import Button from "@components/common/Button.astro";
     class="footer-top flex-col flex bg-gray-13 rounded-2xl text-center lg:flex-row"
   >
     <div class="footer-left flex flex-col gap-0 text-left my-9 ml-10 max-w-2xl">
-      <p
-        class="footer-left-title text-gray-02 text-[1.75rem] leading-9 lg:w-[25.9375rem] lg:h-10"
-      >
+      <h2 class="font-light footer-left-title text-gray-02 text-[1.75rem] leading-9 lg:w-[25.9375rem] lg:h-10">
         {t("commmon.footer.title")}
-      </p>
+      </h2>
       <p
         class="footer_left_des flex-1 text-gray-09 text-[0.875rem] w-[42rem] h-[4.5rem] mt-4 mb-[3rem]"
       >

diff --git a/src/components/home/ChooseReason.astro b/src/components/home/ChooseReason.astro
@@ -31,21 +31,20 @@ const dataSource = [
     class="choose-reason block bg-gary-01 py-10 flex flex-col justify-center items-center"
   >
     <div class="top-title flex flex-col items-center my-20">
-      <span class="text-gray-10 text-xs mb-6 tracking-[0.15em]"
-        >{t("home.nacos.edge.about")}</span
-      >
-      <span
-        class="title text-gray-14 text-[2.5rem] leading-[3.5rem] font-medium"
-        >{t("home.nacos.edge.title")}</span
-      >
+      <h2 class="font-light text-gray-10 text-xs mb-6 tracking-[0.15em]">
+        {t("home.nacos.edge.about")}
+      </h2>
+      <b class="title text-gray-14 text-[2.5rem] leading-[3.5rem] font-medium">
+        {t("home.nacos.edge.title")}
+      </b>
     </div>
 
-    <div class="bottom-card flex flex-wrap">
+    <ul class="p-0 bottom-card flex flex-wrap">
       {
         dataSource.map((reason) => {
           const { title, svgKey, description } = reason;
           return (
-            <div class="item px-5">
+            <li class="item px-5">
               <div class="transfrom-header block">
                 <div class="w-12 h-12 bg-blue-02 rounded-md flex justify-center items-center mb-5">
                   {svgKey === "easy" ? (
@@ -130,11 +129,11 @@ const dataSource = [
               </div>
 
               <div class="text-gray-08 text-sm" set:html={description} />
-            </div>
+            </li>
           );
         })
       }
-    </div>
+    </ul>
   </choose-reason>
 </span>
 

diff --git a/src/components/home/Contributors.astro b/src/components/home/Contributors.astro
@@ -13,10 +13,10 @@ const getBackgroundRandomColor = () =>  colorList[Math.floor(Math.random() * col
   <div class="contributors-container-wrapper md:flex block w-full bg-gray-13 p-9 mt-10 rounded-2xl">
     <div class="left-container flex-1 h-full flex flex-col justify-around md:pl-[8.5rem]">
       <div class="flex flex-col">
-        <div class="text-blue-02 text-xs text-center tracking-[0.15em] md:text-left">{t('home.contributors.members')}</div>
-        <div class="title text-blue-01 font-medium text-center text-lg leading-[3.5rem] md:mt-6 md:text-left md:text-[2.4rem] lg:text-[2.75rem] ">
+        <p class="text-blue-02 text-xs text-center tracking-[0.15em] md:text-left">{t('home.contributors.members')}</p>
+        <b class="title text-blue-01 font-medium text-center text-lg leading-[3.5rem] md:mt-6 md:text-left md:text-[2.4rem] lg:text-[2.75rem] ">
           {t('home.contributors.our')}<br class="hidden md:block" />{t('home.contributors.community.stars')}
-        </div>
+        </b>
       </div>
       <Button 
         size="large"

diff --git a/src/components/home/ExploreFeatures.astro b/src/components/home/ExploreFeatures.astro
@@ -6,49 +6,51 @@ const t = useTranslations(Astro);
 <span class="explore-feature-wrapper">
   <explore-features class="explore-features block bg-gary-02 p-10">
     <div class="top-title w-full flex flex-col items-center mb-20 mt-16">
-      <span class="text-gray-10 text-xs mb-6">{t("home.features.about")}</span>
-      <span class="title text-gray-14 text-4xl font-medium"
-        >{t("home.features.title")}</span
-      >
+      <h2 class="font-light text-gray-10 text-xs mb-6">
+        {t("home.features.about")}
+      </h2>
+      <b class="title text-gray-14 text-4xl font-medium">
+        {t("home.features.title")}
+      </b>
     </div>
 
     <div class="bottom-features w-full">
-      <div class="w-full flex flex-wrap justify-center">
-        <div
+      <ul class="p-0 w-full flex flex-wrap justify-center">
+        <li
           class="dynamic relative item flex flex-col items-center cursor-pointer bg-gray-03 rounded-3xl p-6"
         >
-          <div class="w-full title text-gray-15 text-2xl">
+          <p class="w-full title text-gray-15 text-2xl">
             {t("home.features.1.summary")}
-          </div>
+          </p>
           <img class="mt-6" src="/features1.svg" alt="" />
           <div class="hover-title text-gray-08 text-sm mt-10">
-            <div class="hover-explain-one">
+            <p class="hover-explain-one">
               {t("home.features.1.explain.one")}
-            </div>
-            <div class="hover-explain">
+            </p>
+            <p class="hover-explain">
               {t("home.features.1.explain")}
-            </div>
+            </p>
           </div>
-        </div>
+        </li>
 
-        <div class="transfrom-split w-4"></div>
-        <div
+        <li class="transfrom-split w-4"></li>
+        <li
           class="discovery relative item flex flex-col items-center cursor-pointer bg-blue-08 rounded-3xl p-6"
         >
-          <div class="w-full title text-blue-01 text-2xl">
+          <p class="w-full title text-blue-01 text-2xl">
             {t("home.features.2.summary")}
-          </div>
+          </p>
           <img class="mt-4" src="/features2.svg" alt="" />
           <div class="hover-title text-blue-05 text-sm mt-10">
-            <div class="hover-explain-one">
+            <p class="hover-explain-one">
               {t("home.features.2.explain.one")}
-            </div>
-            <div class="hover-explain">
+            </p>
+            <p class="hover-explain">
               {t("home.features.2.explain")}
-            </div>
+            </p>
           </div>
-        </div>
-      </div>
+        </li>
+      </ul>
 
       <div class="flex justify-center mt-4">
         <div

diff --git a/src/components/home/HomeCardPlayer.astro b/src/components/home/HomeCardPlayer.astro
@@ -8,8 +8,8 @@ const t = useTranslations(Astro);
 
 <card-player class="card-player block bg-gray-02 p-10">
   <div class="top-title w-full flex flex-col items-center mb-20 mt-16">
-    <span class="text-gray-10 text-xs mb-6">{t('home.card.player.voice')}</span>
-    <span class="title text-gray-14 text-4xl font-medium">{t('home.card.player.tutorials')}</span>
+    <h2 class="font-light text-gray-10 text-xs mb-6">{t('home.card.player.voice')}</h2>
+    <b class="title text-gray-14 text-4xl font-medium">{t('home.card.player.tutorials')}</b>
   </div>
 
   <div

diff --git a/src/components/home/HomeIntroduce.astro b/src/components/home/HomeIntroduce.astro
@@ -19,14 +19,12 @@ const { stargazers_count=0, forks_count=0 }:StarAndForkT = await sendFetch("http
   >
     <div class="top-section flex flex-col relative">
       <HomeBackground />
-      <div class="introduce_about pt-6 pb-4 text-gray-08 text-xs mt-[2.375rem]">
+      <h1 class="font-light pt-6 pb-4 text-gray-08 text-xs mt-[2.375rem]">
         {t("home.introduce.about")}
-      </div>
-      <div
-        class=`title leading-[5rem] text-gray-03 mb-8 ${ifzh ? 'text-[3.75rem]' : 'text-[4rem]'}`
-      >
+      </h1>
+      <p class=`title leading-[5rem] text-gray-03 mb-8 ${ifzh ? 'text-[3.75rem]' : 'text-[4rem]'}`>
         {t("home.introduce.title")}
-      </div>
+      </p>
       <StarAndForkV2 client:load stargazers_count={stargazers_count} forks_count={forks_count} />
       <div class="notes mt-16 text-gray-07 text-xs flex justify-between">
         <div>
@@ -70,11 +68,9 @@ const { stargazers_count=0, forks_count=0 }:StarAndForkT = await sendFetch("http
           <div>{t("home.introduce.nacos.define")}</div>
           <div class="mt-4">{t("home.introduce.nacos.aim")}</div>
         </div>
-        <div
-          class="text-gray-02 text-xs tracking-[0.15em] absolute bottom-6 left-6"
-        >
+        <h1 class="font-light text-gray-02 text-xs tracking-[0.15em] absolute bottom-6 left-6">
           {t("home.introduce.about")}
-        </div>
+        </h1>
       </div>
 
       <div class="log relative rounded-2xl">

diff --git a/src/components/home/HomeSolutionsCard.astro b/src/components/home/HomeSolutionsCard.astro
@@ -5,7 +5,7 @@ import Button from "@components/common/Button.astro";
 const solutionList = [
   {
     checked: true,
-    src: "https://help.aliyun.com/zh/mse/use-cases/implement-high-availability-capabilities-of-mse-microservices-registry/?spm=a2c4g.11186623.0.0.102a27e0juv8vG",
+    src: "https://help.aliyun.com/zh/mse/use-cases/implement-high-availability-capabilities-of-mse-microservices-registry/",
     title: t("home.solutions.card.1"),
     keyword: [
       t("home.solutions.card.keyword.high_availability"),
@@ -16,7 +16,7 @@ const solutionList = [
   },
   {
     checked: false,
-    src: "https://help.aliyun.com/zh/mse/use-cases/migration-solution-based-on-mse-sync/?spm=a2c4g.11186623.0.0.13f12318fSap49",
+    src: "https://help.aliyun.com/zh/mse/use-cases/migration-solution-based-on-mse-sync/",
     title: t("home.solutions.card.2"),
     keyword: [
       t("home.solutions.card.keyword.data_synchronization_migration"),
@@ -27,7 +27,7 @@ const solutionList = [
   },
   {
     checked: false,
-    src: "https://developer.aliyun.com/article/1265016?spm=5176.21213303.J_qCOwPWspKEuWcmp8qiZNQ.10.c89e2f3dQa2WtF&scm=20140722.S_community@@%E6%96%87%E7%AB%A0@@1265016._.ID_community@@%E6%96%87%E7%AB%A0@@1265016-RL_%E4%BA%91%E5%8E%9F%E7%94%9F%E7%BD%91%E5%85%B3%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E5%AE%89%E5%85%A8%E9%98%B2%E6%8A%A4%E8%83%BD%E5%8A%9B-LOC_llm-OR_ser-V_3-RK_rerank-P0_2",
+    src: "https://developer.aliyun.com/article/1265016",
     title: t("home.solutions.card.3"),
     keyword: [
       t("home.solutions.card.keyword.three_in_one"),
@@ -38,7 +38,7 @@ const solutionList = [
   },
   {
     checked: false,
-    src: "https://help.aliyun.com/zh/mse/use-cases/implement-graceful-start-and-shutdown-of-microservice-applications-by-using-mse/?spm=a2c4g.11186623.0.0.385116bftBJhAY",
+    src: "https://help.aliyun.com/zh/mse/use-cases/implement-graceful-start-and-shutdown-of-microservice-applications-by-using-mse/",
     title: t("home.solutions.card.4"),
     keyword: [
       t("home.solutions.card.keyword.lossless"),
@@ -73,19 +73,23 @@ const solutionList = [
                   class="solutions-card overflow-hidden flex flex-col justify-between cursor-pointer rounded-2xl mx-2"
                 >
                   <div class="mx-16 ">
-                    <div class="main-title text-xs text-blue-03 mt-[1.25rem] tracking-[0.15em] text-center opacity-0 tracking-wider">
+                    <h2 class="font-light main-title text-xs text-blue-03 mt-[1.25rem] tracking-[0.15em] text-center opacity-0 tracking-wider">
                       {t("home.solutions.about")}
-                    </div>
-                    <div class="item-title text-blue-01 text-[2.5rem] leading-[3rem] mt-[3.125rem] opacity-0 mb-7">
+                    </h2>
+                    <h3 class="font-light item-title text-blue-01 text-[2.5rem] leading-[3rem] mt-[3.125rem] opacity-0 mb-7">
                       {item.title}
-                    </div>
-                    {item.keyword.map((it) => {
-                      return (
-                        <span class="item-keyword opacity-0 border border-blue-04 rounded-[2.25rem] h-8 px-6 py-2 text-xs text-blue-02 mr-3 inline-block mb-4">
-                          {it}
-                        </span>
-                      );
-                    })}
+                    </h3>
+                    <ul class="p-0">
+                      {item.keyword.map((it) => {
+                        return (
+                          <li class="list-none inline-block">
+                            <span class="item-keyword opacity-0 border border-blue-04 rounded-[2.25rem] h-8 px-6 py-2 text-xs text-blue-02 mr-3 inline-block mb-4">
+                              {it}
+                            </span>
+                          </li>
+                        );
+                      })}
+                    </ul>
                   </div>
                   <div class="button opacity-0 mx-auto mb-[3.75rem]">
                     <Button size="large" class="rounded-3xl" href={src}>

diff --git a/src/components/home/NacosEBook.astro b/src/components/home/NacosEBook.astro
@@ -15,14 +15,12 @@ const t = useTranslations(Astro);
     >
       <div class="left-container h-full flex flex-col justify-around">
         <div class="flex flex-col">
-          <div class="text-blue-02 text-xs tracking-[0.15em]">
+          <h2 class="font-light text-blue-02 text-xs tracking-[0.15em]">
             {t("home.ebook.resource")}
-          </div>
-          <div
-            class="text-blue-01 font-medium text-[2.75rem] leading-[3.5rem] mt-6"
-          >
+          </h2>
+          <h3 class=" text-blue-01 font-medium text-[2.75rem] leading-[3.5rem] mt-6">
             {t("home.ebook.nacos")}
-          </div>
+          </h3>
         </div>
         <Button size="large" class="rounded-3xl" href="/docs/ebook/kbyo6n/">
           {t("commmon.actions.download")}

diff --git a/src/components/home/OverViewImage/index.astro b/src/components/home/OverViewImage/index.astro
@@ -6,12 +6,12 @@ const t = useTranslations(Astro);
 
 <div class="overview-image-wrapper">
     <div class="top-title w-full flex flex-col items-center mb-[10px] pt-16">
-        <span class="text-gray-10 text-xs mb-6"
-            >{t("home.overviewcard.about")}</span
-        >
-        <span class="title text-gray-14 text-4xl font-medium"
-            >{t("home.overviewcard.title")}</span
-        >
+        <h2 class="font-light text-gray-10 text-xs mb-6">
+            {t("home.overviewcard.about")}
+        </h2>
+        <b class="title text-gray-14 text-4xl font-medium">
+            {t("home.overviewcard.title")}
+        </b>
     </div>
     <OverviewImage
         client:load

diff --git a/src/components/starlight/Head.astro b/src/components/starlight/Head.astro
@@ -191,15 +191,6 @@ const head = createHead(headDefaults, config.head, data.head);
   })(document);
 </script>
 
-<!--初始化Clarity SDK-->
-<!-- <script type="text/javascript">
-	(function(c,l,a,r,i,t,y){
-			c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
-			t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
-			y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
-	})(window, document, "clarity", "script", "l4jzj6wbhh");
-</script> -->
-
 <script>
   var _hmt = _hmt || [];
   (function () {

diff --git a/src/consts.ts b/src/consts.ts
@@ -8,7 +8,7 @@ export const SITE_DESCRIPTION = 'Welcome to my website!';
 export const TOPBAR = {
     "text": "8月2日（周五）开源沙龙首个AI原生应用架构专场 | 上海站 ，欢迎报名！",
     "mobileText": "8月2日（周五）开源沙龙首个AI原生应用架构专场 | 上海站 ，欢迎报名！",
-    "link": "https://summit.aliyun.com/cloudnative2024_developer_shanghai?spm=5176.20960838.0.0.7802305eyqMQf8",
+    "link": "https://summit.aliyun.com/cloudnative2024_developer_shanghai",
     "target": "_blank",
     "display": false
 }

diff --git a/src/content/blog/Nacos-gvr7dx_awbbpb_tp0pgbnsg4bef0x1.mdx b/src/content/blog/Nacos-gvr7dx_awbbpb_tp0pgbnsg4bef0x1.mdx
@@ -19,7 +19,7 @@ OpenAI 国内停服，除了各个大模型厂商提供的迁移方案外，是
 </video>
 <a name="XgotM"></a>
 ## 步骤介绍
-> 准备工作：需要登陆阿里云[申请通义千问 API Key](https://help.aliyun.com/zh/dashscope/opening-service?spm=a2c4g.11186623.0.0.72c2369dLprd45)
+> 准备工作：需要登陆阿里云[申请通义千问 API Key](https://help.aliyun.com/zh/dashscope/opening-service)
 
 <a name="ew4c2"></a>
 ### 第一步：启动 Higress AI 网关
@@ -84,7 +84,7 @@ provider:
 然后使用 LobeChat 进行测试（这里查看：[LobeChat 对接方式](https://github.com/alibaba/higress/issues/1023)）：<br />![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2024/png/22499/1719386509759-dc19cfeb-9222-4177-9d8f-4c4e84903f29.png#clientId=u02eca281-8b6f-4&from=paste&height=762&id=ub923b6b6&originHeight=762&originWidth=856&originalType=binary&ratio=1&rotation=0&showTitle=false&size=396161&status=done&style=none&taskId=u5f7db87e-474b-4043-b4d8-6efac20cf1c&title=&width=856)
 <a name="ipC2A"></a>
 ### 实现最简单的 RAG 
-上传一份文件用于 RAG (详细可以查看这里的[文档](https://help.aliyun.com/zh/dashscope/developer-reference/openai-file-interface?spm=a2c4g.11186623.0.0.4f5e4ad0clKblp)):
+上传一份文件用于 RAG (详细可以查看这里的[文档](https://help.aliyun.com/zh/dashscope/developer-reference/openai-file-interface)):
 ```bash
 curl --location --request POST 'https://dashscope.aliyuncs.com/compatible-mode/v1/files' \
   --header 'Authorization: Bearer 这里填APIKey' \

diff --git a/src/content/blog/article-nacos-is-coming.md b/src/content/blog/article-nacos-is-coming.md
@@ -149,7 +149,7 @@ Nacos初步计划，在第一年就吸收至少超过5名来自其它公司的PM
 ## References
 
 * [阿里巴巴为什么不用 ZooKeeper 做服务发现？](https://yq.aliyun.com/articles/601745)
-* [现代应用架构中的配置管理面临的挑战和应对之道](https://yq.aliyun.com/articles/226238?spm=5176.163362.847322.3.5a8925397in790)
+* [现代应用架构中的配置管理面临的挑战和应对之道](https://yq.aliyun.com/articles/226238)
 * [章文嵩博士和他背后的负载均衡帝国](http://jm.taobao.org/2016/06/02/zhangwensong-and-load-balance/)
 * [VIPServer：阿里智能地址映射及环境管理系统详解](https://blog.csdn.net/heyc861221/article/details/80126013)