Merge branch 'master' of http://git.choozmo.com:3000/choozmo/AI_Video_LP

static/css/style.css

@@ -0,0 +1,655 @@
+.navbar {
+    box-shadow: 0 2px 10px 2px rgb(204, 204, 204);
+    background-color: white;
+    width: 100%;
+}
+
+.navbar .navbar-collapse {
+    flex-grow: 0;
+}
+
+.header {
+    margin-top: 77px;
+    padding-top: 6.5rem;
+    height: 75vh;
+    position: relative;
+    padding-bottom: 3rem;
+
+}
+
+.header__lefttop {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: -1;
+    width: 350px;
+}
+
+.header__title {
+    font-size: 4rem;
+    color: #20616D;
+    font-weight: 400;
+}
+
+.header__sub {
+    color: #38A7BB;
+    font-size: 1.5rem;
+    font-weight: 300;
+    position: relative;
+}
+
+.header__sub::before, .header__sub::after {
+    content: " ";
+    position: absolute;
+    width: 12%;
+    height: 1px;
+    background-color: #38A7BB;
+    top: 50%;
+}
+
+.header__sub::before {
+    left: 28%;
+}
+
+.header__sub::after  {
+    left: 60%;
+}
+
+.header__form {
+    margin: 1rem auto;
+    justify-content: center;
+}
+
+.header__form__input {
+    border-radius: 10rem;
+    padding: .4rem .8rem;
+    width: 60%;
+    margin-left: 4.5rem;
+}
+
+.header__form__sub {
+    border-radius: 10rem;
+    background-color: #FCA25E;
+    color: white;
+    border: none;
+    width: 5rem;
+    transform: translateX(-100%);
+    transition: all .3s;
+}
+
+.header__form__sub:hover {
+    background-color: #ff892e;
+}
+
+.header__right {
+    width: 80%;
+    height: 50vh;
+    background-image: url('../imgs/電腦2.webp');
+    background-size: contain;
+    background-repeat: no-repeat;
+    margin: 0 auto;
+    position: relative;
+}
+
+.header__right__cir {
+    width: 60%;
+    position: absolute;
+    right: 0%;
+    top: -5%;
+    z-index: -1;
+}
+
+.header__right__video {
+    position: absolute;
+    width: calc(80% - 10%);
+    height: auto;
+    left: 3.3rem;
+    top: 1.8rem;
+}
+
+.header__right__magnifier {
+    position: absolute;
+    width: 25%;
+    right: 3%;
+    bottom: 1%;
+}
+
+.header__right__bubble {
+    position: absolute;
+    width: 22%;
+    top: 0;
+    left: 0;
+    transform: translate(-60%, -50%);
+}
+
+.header__right__linecir {
+    width: 45%;
+    position: absolute;
+    left: -8%;
+    bottom: -3%;
+    z-index: -1;
+}
+
+.category {
+    padding: 2rem 0;
+}
+
+.category__btngrp {
+    padding: 0 8rem;
+}
+
+.category__btn {
+    background-color: #A7D9E2;
+    border: none;
+    border-radius: 5rem;
+    outline: none;
+    color: white;
+    font-size: 1.3rem;
+    padding: .4rem 2rem;
+}
+
+.category__btn.active {
+    background-color: #38A7BB;
+}
+
+.card__rank {
+    border: 1px solid #CECECE;
+    box-shadow: 1px 1px 5px 1px rgb(211, 211, 211);
+    position: relative;
+    padding: 1rem 1.5rem;
+}
+
+.top20 .card__rank {
+    margin-bottom: 1.5rem;
+}
+
+.top3 {
+    padding: 3rem 0rem;
+    padding-bottom: 5rem;
+    position: relative;
+}
+
+.top3 .row {
+    padding: 0rem 4rem;
+}
+
+.top3 .backfill {
+    position: absolute;
+    width: 100%;
+    height: 100px;
+    background-color: #FFEBE8;
+    left: 0;
+    right: 0;
+    top: 7rem;
+}
+
+.top3__num {
+    color: #FCA25E;
+    font-size: 5.8rem;
+    font-family: 'Trebuchet MS';
+    position: absolute;
+    left: 1rem;
+    top: -3.5rem;
+    font-weight: 300;
+}
+
+.card__rank__word {
+    color: #20616D;
+    margin-left: 3rem;
+    font-size: 1.8rem;
+    font-weight: 400;
+}
+
+.card__rank__goto {
+    text-align: right;
+}
+
+.card__rank__link {
+    color: #38A7BB;
+    text-decoration: none;
+    font-weight: 400;
+}
+.card__rank__link:hover {
+    color: #19879b;
+}
+
+.top20 {
+    padding-bottom: 5rem;
+}
+
+.top20 .row {
+    padding: 0rem 4rem;
+}
+
+.top20 .card__rank__word {
+    margin-left: 0;
+}
+.top20__num {
+    color: #FCA25E;
+    font-size: 2.5rem;
+    font-family: 'Trebuchet MS';
+    font-weight: 300;
+    display: inline-block;
+    width: 2.2rem;
+    
+}
+
+.footer {
+    background-color: #555555;
+    padding: 50px 0;
+    color: #999999;
+}
+
+.footer h4 {
+    text-transform: uppercase;
+    color: white;
+    font-size: 14px;
+    font-weight: 800;
+}
+
+.footer__btn__text {
+    font-size: 1.3rem;
+    color: white;
+}
+
+.footer .btn {
+    border: 2px solid #38a7bb;
+    color: #38a7bb;
+    text-decoration: none;
+}
+
+.followus__btn {
+    text-decoration: none;
+    color: white;
+}
+
+.followus__btn:hover {
+    color: #38a7bb;
+}
+
+.footer .btn:hover {
+    color: white;
+    background-color: #38a7bb;
+}
+
+.followus__txt {
+    display: inline-block;
+    margin-right: 1rem;
+    color: white;
+    font-weight: 600;
+}
+
+.footer_img {
+    height: 60px;
+}
+
+
+/* content page */
+
+.cntheader {
+    margin-top: 81px;
+    padding: 4rem 0;
+    position: relative;
+    padding-bottom: 2rem;
+}
+
+.cntheader__sub {
+    color: #38A7BB;
+    font-size: 1.5rem;
+    font-weight: 300;
+    position: relative;
+}
+
+.cntheader__sub::before, .cntheader__sub::after {
+    content: " ";
+    position: absolute;
+    width: 15%;
+    height: 1px;
+    background-color: #38A7BB;
+    top: 50%;
+}
+
+.cntheader__sub::before {
+    left: 18%;
+}
+
+.cntheader__sub::after  {
+    left: 67%;
+}
+
+.cntheader .category__btngrp {
+    padding: 0 4rem;
+}
+
+.card__art {
+    padding: 1rem;
+    border: 1px solid #20616D;
+    border-radius: 1rem;
+    margin-bottom: 1rem;
+}
+
+.card__title {
+    font-size: 1.8rem;
+    font-weight: 400;
+}
+
+.card__text {
+    color: #918F8F;
+}
+
+.card__link {
+    display: inline-block;
+    color: #38A7BB;
+    margin-right: 1rem;
+    text-decoration: none;
+}
+
+.card__link:hover {
+    color: #20616D;
+}
+
+.toparticle {
+    border: 1px solid #CECECE;
+    box-shadow: 1px 2px 3px 1px rgb(224, 224, 224);
+}
+
+.toparticle__title {
+    color: white;
+    background-color: #38A7BB;
+    text-align: center;
+    font-size: 1.3rem;
+    padding: .3rem 0;
+    position: relative;
+}
+
+.toparticle__title img {
+    position: absolute;
+    width: 150px;
+    right: -4rem;
+    top: -3.5rem;
+}
+
+.toparticle__list {
+    padding: 1.5rem;
+    padding-top: 0;
+    list-style: none;
+    padding-bottom: 1rem;
+}
+
+.toparticle__list-item {
+    padding: .3rem;
+    border-bottom: 1px solid #CECECE;
+    color: #38A7BB;
+    position: relative;
+}
+
+.toparticle__list-item:nth-of-type(10) {
+    border: none;
+}
+
+
+.toparticle__list-item a {
+    text-decoration: none;
+    color: #38A7BB;
+}
+
+.toparticle__num {
+    color: #FCA25E;
+    font-size: 1.8rem;
+    font-family: 'Trebuchet MS';
+    font-weight: 300;
+    margin-right: 8px;
+}
+
+.toparticle__top {
+    font-size: 2rem;
+}
+
+.toparticle__list-item small {
+    position: absolute;
+    right: 0;
+    top: 45%;
+}
+
+.cntsubscribe {
+    text-align: center;
+}
+
+.cntsubscribe__form {
+    position: relative;
+}
+
+.cntsubscribe__sub {
+    border-radius: 10rem;
+    background-color: #FCA25E;
+    color: white;
+    border: none;
+    width: 5rem;
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: .45rem .8rem;
+}
+
+.cntsubscribe__sub:hover {
+    background-color: #ff892e;
+    color: white;
+}
+
+.cntsubscribe__input {
+    border-radius: 10rem;
+    padding: .4rem .8rem;
+    width: 100%;
+}
+
+@media (max-width: 1300px) {
+    .header__right__video {
+        position: absolute;
+        width: calc(80% - 4%);
+    }
+}
+
+@media (max-width: 992px) {
+    .header__title {
+        font-size: 3rem;
+    }
+    .cntheader .header__title {
+        font-size: 2.2rem;
+    }
+    .header {
+        padding-top: 4rem;
+        height: 50vh;
+    }
+    .header__right {
+        height: 40vh;
+    }
+    .header__right__magnifier {
+        right: -2.5rem;
+        bottom: 1rem;
+    }
+    .header__sub {
+        font-size: 1.3rem;
+    }
+    .header__sub::before, .header__sub::after {
+        width: 8%;
+    }
+    .header__sub::before {
+        left: 30%;
+    }
+    .header__sub::after  {
+        left: 62%;
+    }
+    .header__form__input {
+        font-size: .9rem;
+    }
+    .category__btngrp {
+        padding: 0;
+    }
+    .category__btn {
+        padding: .3rem 1.5rem;
+        font-size: 1.2rem;
+    }
+    .ctncategory__btn {
+        padding: .2rem 1rem;
+        font-size: 1rem;
+    }
+    .top3 .row {
+        padding: 0;
+    }
+    .card__rank {
+        padding: .8rem 1rem;
+    }
+    .top3__num {
+        left: .6rem;
+        top: -2.5rem;
+        font-size: 4rem;
+    }
+    .card__rank__word {
+        margin-left: 1.5rem;
+        font-size: 1.2rem;
+    }
+    .card__rank hr {
+        margin-top: 8px;
+        margin-bottom: 8px;
+    }
+    .top20 .row {
+        padding: 0;
+    }
+    .top20__num {
+        font-size: 2.1rem;
+        width: 1.6rem;
+    }
+    .container__footer {
+        width: 95vw;
+    }
+    .header__form {
+        width: 85%;
+        position: relative;
+    }
+    .header__form__input {
+        margin-left: 0;
+        width: 100%;
+    }
+    .header__form__sub {
+        transform: none;
+        position: absolute;
+        right:0;
+        top: 0;
+    }
+    .header__right__linecir {
+        bottom: 0;
+    }
+    .cntheader__sub {
+        font-size: 1.2rem;
+    }
+    
+    .cntheader__sub::before {
+        left: 13%;
+    }
+    
+    .cntheader__sub::after  {
+        left: 72%;
+    }
+    .toparticle__title img {
+        position: absolute;
+        width: 90px;
+        right: -2rem;
+        top: -2rem;
+    }
+    .toparticle__top {
+        font-size: 1.7rem;
+    }
+    .fb__fr {
+        width: 100%;
+    }
+    .cntsubscribe__form {
+        width: 100%;
+    }
+}
+
+@media (max-width: 768px) {
+    .header {
+        height: 70vh;
+    }
+    .header .col-md-5 {
+        margin-bottom: 3rem;
+    }
+    .header__right__bubble {
+        width: 15%;
+    }
+    .header__right__magnifier {
+        right: 4rem;
+        bottom: 1rem;
+    }
+    .category {
+        padding-top: 4rem;
+    }
+    .top3 {
+        padding-bottom: 2rem;
+    }
+    .top3 .col-md-4 {
+        margin-bottom: 1.5rem;
+    }
+    .top3 .col-md-4:nth-of-type(3) {
+        margin-bottom: 0;
+    }
+    .card__rank {
+        margin-bottom: 1.5rem;
+    }
+    .row-right {
+        margin-top: 2rem;
+    }
+    .cntheader {
+        padding-bottom: 0rem;
+    }
+    .header__right__video {
+        position: absolute;
+        width: calc(80% - 10%);
+        left: 2.3rem;
+        top: 1.5rem;
+    }
+}
+
+@media (max-width: 576px) {
+    .header__title {
+        font-size: 2.5rem;
+    }
+    .header {
+        padding-top: 3rem;
+        height: 63vh;
+        padding-bottom: 0rem 
+    }
+    .header__right {
+        height: 30vh;
+    }
+    .header__right__magnifier {
+        right: 0rem;
+        bottom: 1.5rem;
+    }
+    .category__btn {
+        padding: .2rem 1rem;
+        font-size: 1rem;
+    }
+    .category {
+        padding: 1rem;
+    }
+    .footer_img {
+        height: 50px;
+    }
+    .footer {
+        font-size: .9rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .ctncategory__btn {
+        margin-top: .6rem;
+    }
+    .header__right__video {
+        position: absolute;
+        width: calc(80% - 5%);
+        left: 2.1rem;
+        top: 1.3rem;
+    }
+}
+

webSite/content/news/ai-seo.md

@@ -242,4 +242,8 @@ SEO 的一個重要部分是繁瑣的體力勞動，這使得營銷人員難以
 
 當然，對於每家企業來說，這都意味著更健康的底線。
 
-*您是否已經接受了 AI SEO 的力量？*
+##　人工智能是SEO的未來
+
+無論您準備好與否，搜索引擎優化的未來就在這裡。AI 將繼續影響搜索引擎管理結果頁面的方式，您的工作是相應地製作您的內容。 
+
+不確定人工智能是否適用於您的業務？與我們的一位 SEO 專家交談，為您找到合適的基於 AI 的解決方案。

webSite/content/news/shopee-seo.md

@@ -68,6 +68,69 @@ Lazada 和 Shopee 是東南地區最著名的兩個電子商務網站。 這就
 
 為此，賣家需要使他們的產品列表既可見又可點擊。 話雖如此，產品清單需要有針對性。
 
+
+## **什麼是 Shopee 商業洞察力？**
+
+Shopee Business Insights 是 Shopee 賣家中心的一項應用內功能，可讓賣家了解其店舖的表現。 績效儀表板將讓您大致了解您的商店在實現整體業務目標方面的表現。 還有一些關鍵指標可以幫助您確定表現最佳的產品以及如何提高銷售額。
+
+以下是您可以使用 Shopee Business Insights 執行的基本操作的簡明摘要：
+
+*   識別洞察
+*   解讀趨勢
+*   查看您的產品級別數據
+*   更好地了解您的銷售指標
+*   檢查您的實時商店表現
+
+**為什麼要使用 Shopee Business Insights？**
+
+就像您通常依靠硬數據和研究來為實體店制定未來行動的戰略一樣，您對電子商務業務也必須這樣做。 通過這樣做，您可以確保您的策略基於事實和業務邏輯。 雖然查看您的 Shopee 銷售摘要已經可以讓您很好地了解您的在線商店的表現，但使用 Shopee Business Insights 可以讓您更深入地了解您的當前情況。
+
+以下是 Shopee Business Insights 如何成為您業務成功的槓桿點的一些示例：
+
+*   與競爭對手相比，它可以幫助您了解您當前的位置
+*   您將能夠看到之前的操作如何影響流量和銷售的聯繫
+*   這些數據將幫助您預測未來可能面臨的潛在挑戰
+*   它可以幫助您創建銷售和業務預測
+*   您可以確定可能損害您企業利益的行為
+
+### **問題產品的改進要求**
+
+正如我們之前提到的，有問題的產品可以通過兩種方式影響賣家：銷售業績和運營業績。 讓我們先談談銷售業績。 這些是您在銷售方面可能遇到的特定問題：
+
+1.  減少的意見
+2.  銷售額減少
+3.  轉化率低
+4.  差評
+
+對於前三個指標，您需要特別擔心的是您商店的銷售額和訂單減少。 要解決此問題，需要執行以下操作： (1) 上傳更多圖片並完善您的產品描述 (2) 加入 Shopee 活動（例如 Beauty Bazaar 和 Home & Lifestyle）或 Shopee 提供的其他廣告工具，例如添加- 優惠、折扣促銷和免費送貨促銷。
+
+至於第四個產品指標（差評），這會影響您在線商店的整體評分。 因此，它還可以拉動您的銷售業績。 要解決此問題，您需要通過及時回複查詢和疑慮來改善客戶服務。 您也可以通過確保您銷售的所有產品質量上乘來做到這一點。
+
+這些是您應該注意的潛在產品問題：
+
+1.  高回報要求
+
+賣家是否同意退貨請求將由賣家自行決定。 退貨或退款請求的批准通常視具體情況而定。
+
+1.  高延遲發貨訂單
+
+根據 Shopee 的履行政策，賣家可以有高達 15% 的延遲發貨率。 超過則扣一分。
+
+1.  高賣家取消
+
+如果您超過 10% 的取消限制，您可能會因未完成訂單而獲得最多 2 點罰分。
+
+上面顯示的所有指標都可能導致銷售損失，但最重要的是，這些產品錯誤可能會導致您的運營和產品履行滯後。
+
+為了避免它，這裡有一些建議：
+
+1.  確保您有足夠的產品庫存
+2.  根據優先級或截止日期準備您的訂單
+3.  按時運送您的物品
+4.  當您在路上且無法完成訂單時開啟假期模式
+5.  提供準確的描述，以便客戶對您的產品有正確的期望
+
+
 #### **知道要在產品列表中包含哪些關鍵字**
 
 如 a 部分所述，關鍵字研究可幫助賣家了解產品列表中應包含哪些術語。
@@ -94,6 +157,67 @@ Lazada 和 Shopee 是東南地區最著名的兩個電子商務網站。 這就
 
 但是通過在等式中添加關鍵字研究，您可以將事情掌握在自己手中。
 
+## **了解 Shopee Business Insights 的銷售模塊**
+
+為了推動銷售，了解構成銷售概覽的三個關鍵指標至關重要：訪問者、轉化率和每位買家的銷售額。
+
+您的訪客與特定時間與您的商店或產品互動的流量或人數有關。 您的轉化率是從訪客到買家（成功購買）的人數百分比。 轉換過程分為三個步驟：（1）訪問（2）下訂單（3）付費訂單。 了解此過程的每個步驟對您來說很重要，因為它可以讓您確定對您完成的銷售產生影響的強鏈接和弱鏈接。
+
+那麼，您如何嘗試利用 Shopee Business Insights 銷售模塊來提高銷售額？
+
+這是 Shopee 提供的關於我們如何得出總銷售額的公式：
+
+**銷售額 = 流量（訪客數量）x 轉化率（買家數量/訪客數量）x 每位買家的銷售額（總銷售額/買家數量）**
+
+Shopee Business Insights 中的聊天模塊為您提供過去 30 天內的以下數據：
+
+1.  訪客
+2.  聊天查詢
+3.  訪客查詢
+4.  回复的聊天記錄
+5.  未回复的聊天
+6.  響應時間
+7.  買家
+8.  命令
+9.  單位
+10.  銷售量
+
+聊天模塊也自帶轉化率流程，如下：
+
+*   訪問
+*   查詢
+*   圖表響應
+*   已下訂單
+
+通過響應查詢並提供對買家和訪客有用的信息，您將能夠瞄準更大的銷售量。
+
+## **使用歷史數據**
+
+如果您想解釋趨勢或識別洞察力，您需要做的是設置一個流程來經常檢查和查看您的歷史數據。
+
+查看您的歷史數據只是意味著轉到日曆功能並指示您要查看的數據的時間段。
+
+暢銷產品和類別排名部分也被視為歷史數據，因為此信息是相對於以前的數據獲取的。
+
+暢銷產品部分可讓您確定獲獎產品。 反過來，您可以通過為特殊交易或活動做廣告來最大限度地發揮這些產品的潛力。
+
+同時，類別排名部分可讓您通過專注於您最擅長的類別來發展強大的品牌。
+
+## **Shopee 銷售教練的用途是什麼？**
+
+Shopee 銷售教練是 Business Insights 模塊中的一項新功能。 在功能方面沒有什麼特別之處。 但是，它被認為是該模塊最重要的功能之一，因為它可以幫助賣家確定對產品不斷增長的需求領域。
+
+話雖如此，如果您打算擴大您的 Shopee 商店，或者如果您是新手賣家，Shopee Selling Coach 是您的絕佳首選功能。
+
+它會分析您的賣家資料以及您的產品列表。 根據獲得的信息，Shopee Selling Coach 將創建與您的業務最相關的個性化洞察數據。
+
+這些見解分為四類：
+
+*   同類產品
+*   暢銷產品
+*   熱門關鍵詞
+*   熱門產品
+
 ## **如何為 Lazada + 示例找到最佳關鍵字**
 
 Split Dragon 是一款適用於在線賣家的便捷工具，它不僅可以幫助您跟踪競爭對手並對您的產品進行全面分析，還可以為您的產品列表提供最佳關鍵字建議。