<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>成長駭客交流第一站 &#8211; HyperGrowths™</title>
	<atom:link href="https://hypergrowths.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://hypergrowths.com/</link>
	<description>用SEO內容行銷加速增長? 企業發展遇到增長瓶頸？加入 HyperGrowths，學習突破性增長策略，優化行銷方案，助力企業飛躍式發展</description>
	<lastBuildDate>Fri, 29 Sep 2023 05:30:51 +0000</lastBuildDate>
	<language>zh-TW</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.5</generator>

<image>
	<url>https://hypergrowths.com/wp-content/uploads/2020/11/cropped-?.png</url>
	<title>成長駭客交流第一站 &#8211; HyperGrowths™</title>
	<link>https://hypergrowths.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Google 最強 SEO入門：70個優化技巧</title>
		<link>https://hypergrowths.com/entrepreneur/38302/google-seo-optimization/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Wed, 27 Sep 2023 16:18:07 +0000</pubDate>
				<category><![CDATA[內容變現]]></category>
		<category><![CDATA[創業者思維]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38302</guid>

					<description><![CDATA[<p>在此之前，我寫過另外一篇介紹GoogleSEO的文章，用以闡述Google SEO的基礎知識。之前我認為，那篇 [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/entrepreneur/38302/google-seo-optimization/" data-wpel-link="internal">Google 最強 SEO入門：70個優化技巧</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>在此之前，我寫過另外一篇<strong>介紹GoogleSEO的文章</strong>，用以闡述Google SEO的基礎知識。之前我認為，那篇文章已經把GoogleSEO優化的基礎部分進行了清楚地解說。但，後來有讀者反映，看完那篇文章后，對於SEO的概念仍然不是非常清晰。</p>
<p>於是，我又回頭研究了一下，發現確實有些問題。那篇文章的重點主要集中在了Google SEO的策略以及Google優化的做法方面，對於SEO本身的概念沒有進行很詳細地解釋，而這是很多新手想要入門必須先了解的知識。綜上原因，這篇文章將把之前忽略的GoogleSEO概念補充完整，並全面解說SEO的基礎內容，以作為SEO新手的入門教程。</p>
<h3><a id="google-seo%E7%9A%84%E5%AE%9A%E7%BE%A9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>GOOGLE SEO的定義</h3>
<p>說起Google SEO，可能許多做外貿的朋友不是太了解SEO具體是什麼，我們這裡就來講一下它的定義。</p>
<p>SEO本身是一個簡稱，它的全稱是Search Engine Optimization，翻譯過來就是搜索引擎優化的意思。</p>
<p>所以，我們平時說的Google SEO，就是Google搜索引擎優化的意思，也被簡稱為Google優化。</p>
<h3><a id="google-seo%E7%9A%84%E4%BD%9C%E7%94%A8" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>GOOGLE SEO的作用</h3>
<p>Google搜索引擎相信很多人都使用過，大家可以通過Google來搜索自己想要的資訊。比如，在Google里搜索「women bags」這個詞，Google就會回饋給我們相關的搜索結果，搜索結果頁面如下圖所示：</p>
<p><img decoding="async" src="https://i.imgur.com/avv6ZGE.jpg" alt="" /></p>
<p>Google搜索「women bags」這個詞的結果</p>
<p>大家可以看到，圖中被框起來的頂部和底部區域，這兩處顯示的結果是Google的廣告推廣，也就是原來的Adwords推廣，現在已經改名叫做GoogleAds。Google的廣告推廣，也被稱為PPC競價推廣，按照競價點擊付費，用戶每點擊一次就會從你已經充值的帳戶中扣除相應的競價費用。同等情況下，你出的競價費用越高，你的廣告更容易靠前。關於Google Ads推廣的相關知識，大家如果有興趣可以看這篇教程：<strong>Google競價廣告推廣使用教程</strong>。</p>
<p>接下來，我們看下搜索結果頁面的中間區域。這塊區域就是自然搜索結果展示的地方。什麼是自然搜索結果？不同於Google廣告需要投錢才能獲得展示，自然搜索結果是Google根據自身排名演算法展示出的相關網頁資訊，這些被展示出來的網站無需向Google支付任何費用。</p>
<p>對於每個關鍵詞的搜索，自然搜索結果每頁總共只有10個位置，能夠收穫最多流量（可以理解為訪問人數）的首頁也是如此。GoogleSEO的作用就是發揮在這裡，幫助網站盡可能地爭取到首頁的那10個位置獲得更多的流量；流量越多、詢盤越多、訂單越多。<strong>如果你對於Google能夠帶來的流量效果存在懷疑，不妨看下我方官網已經取得的成效</strong>：</p>
<p>GoogleSEO效果</p>
<p>綜上，Google SEO或者說Google優化的作用就是通過優化網站，讓網站在自然搜索結果中獲取更好的排名。</p>
<h3><a id="%E7%90%86%E8%A7%A3%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E7%9A%84%E5%9F%BA%E6%9C%AC%E9%81%8B%E8%A1%8C%E5%8E%9F%E7%90%86" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>理解搜索引擎的基本運行原理</h3>
<p>搜索引擎的運行原理也是SEO新手入門需要了解的知識，能夠幫助你對搜索引擎這個工具有個整體的認知。對於所有的搜索引擎來說，他們基本的工作流程都是相同的。</p>
<ol>
<li>首先是抓取，搜索引擎通過蜘蛛（搜索引擎的抓取 程式），抓取互聯網上的眾多網站資訊；</li>
<li>然後是收錄，搜索引擎會把抓取到的網頁資訊，收錄到自己的資料庫中；</li>
<li>最後是排名，搜索引擎根據用戶使用的搜尋關鍵字通過它的特定演算法在資料庫中找到匹配的相關頁面，通過搜索結果的形式展示給用戶。</li>
</ol>
<h3><a id="%E6%8A%93%E5%8F%96%E8%A6%8F%E5%89%87%EF%BC%88crawling%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>抓取規則（Crawling）</strong></h3>
<p>搜索引擎會利用蜘蛛工具抓取互聯網上可以抓取到的所有網頁資訊。可能有人會問蜘蛛工具是什麼？互聯網上的網站是相互連結的，網站內部的叫做內鏈，對外的連結叫做外鏈。這些連結就像一張大網一樣，把幾乎所有的網站都連接到了一起，從而組合成了整個互聯網。</p>
<p>而搜索引擎的抓取工具，就像蜘蛛一樣，可以順著這個網路對網頁資訊一個個地進行抓取。所以，我們把搜索引擎的抓取工具稱之為蜘蛛。Google的抓取工具就叫做Google蜘蛛，百度的抓取工具就叫做百度蜘蛛，有些人也把蜘蛛叫做機器人，都是同一個意思。</p>
<p><strong>技巧1：檢查網站是否可以被抓取</strong></p>
<p>蜘蛛到你的網站上第一步會檢測你的網站是否處於可以抓取的狀態，因為不是所有的網站都願意讓搜索引擎抓取。</p>
<p>比如，一個網站剛剛搭建，還沒有什麼實質性的內容，不想立刻對外開放，也不想給搜索引擎留下不好的第一印象，於是可以選擇不讓蜘蛛抓取。這一步實現起來也很簡單，主要是利用網站中的一個叫做<strong>robots.txt的協議文件</strong>告訴蜘蛛是否可以抓取本網站，甚至進一步規定哪些頁面可以抓取，哪些頁面不可以抓取。</p>
<p>想要查看一個網站的robots文件也很簡單，比如查看雲點SEO網的robots文件，可以在瀏覽器中輸入下述地址訪問即可：</p>
<p><img decoding="async" src="https://i.imgur.com/jI5No46.png" alt="" /></p>
<p>robots文件</p>
<p>通過訪問查看到的robots協議主要內容如下：</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16959653482479.png" alt="" /></p>
<p>robots協議主要內容</p>
<p>除了robots規則，如果網頁程式碼中包含nofollow、noindex這兩個meta標籤，也會禁止搜索引擎抓取、收錄此網頁。</p>
<p><strong>技巧2：抓取的路徑（概念）</strong></p>
<p><img decoding="async" src="https://i.imgur.com/I9T3W4B.jpg" alt="" /></p>
<p>Google爬蟲抓取網頁</p>
<p>在獲得網站內容抓取許可權后，蜘蛛就會開始自己的抓取工作，搜集網站中各個網頁的資訊。前面提到過，蜘蛛是順著連結爬行的，所以你的網站中的各個頁面需要有連結聯繫起來，這樣才能方便蜘蛛爬行抓取，這些連結也就是我們說的內鏈。</p>
<p>內鏈的一般形式有：各類導航連結、文中連結、圖片連結等。如果你的某一個網頁，其他頁面上均無法跳轉到，<strong>sitemap 網站地圖</strong>里也沒有，外部也沒有任何連結指向它，那麼這個頁面蜘蛛也就無法到達了，除非你單獨提交給搜索引擎，但這種頁面也就沒什麼意義了。</p>
<p>另外，蜘蛛的抓取工作不一定都是通過首頁開始的，可能蜘蛛是順著別的網站指向你網站中的某個頁面的連結爬進來的，也就是通過外鏈來到了你的網站。所以，外鏈也能起到幫助網站被抓取的作用。</p>
<p><strong>技巧3：可以抓取到的內容（概念）</strong></p>
<p>即便robots規則沒有阻止抓取，搜索引擎的蜘蛛抓取工具也不是任何內容都可以抓取到的。和我們肉眼查看網站的方式不一樣，搜索引擎看的是網站被抓取到的源程式碼。</p>
<p><img decoding="async" src="https://i.imgur.com/KD0W7jn.jpg" alt="" /></p>
<p>肉眼查看到的頁面</p>
<p>而，搜索引擎看的是蜘蛛抓取到的網頁程式碼，不含任何設計樣式：</p>
<p><img decoding="async" src="https://i.imgur.com/3jlng92.jpg" alt="" /></p>
<p>蜘蛛抓取到的網頁程式碼</p>
<p>任何內容都是以程式碼的方式呈現在搜索引擎眼中：</p>
<p><img decoding="async" src="https://i.imgur.com/G1oCTuK.jpg" alt="" /></p>
<p>搜索引擎眼中的頁面內容</p>
<p>所以，即便有些內容我們可以觀察到，但如果不能很好地顯示在程式碼中，那對於搜索引擎來說就是無法識別的。</p>
<p>在所有的網站編程語言中，Html是搜索引擎最容易識別抓取的程式碼，這也是為什麼做SEO時要求網站必須有靜態化的Html程式碼的原因，動態的程式碼 程式會導致搜索引擎無法識別抓取或者抓取不完全。</p>
<p>我看到過不少外貿網站，首頁就是一個動態的Flash動畫，視覺效果確實很不錯，但對於搜索引擎來說，你的首頁基本上就是個空白的頁面，因為搜索引擎理解不了你的Flash內容。永遠不要把一個Flash動畫作為網站首頁，這對於SEO非常不利。</p>
<p><strong>技巧4：查看Google快照</strong></p>
<p>如果一個頁面已經被Google抓取並收錄，那麼這個頁面就會有個Google快照。通過輸入「cache:網址」的指令，即可查看該網頁的Google快照，例如：</p>
<p><img decoding="async" src="https://i.imgur.com/Efc01kA.png" alt="" /></p>
<p>網頁的Google快照</p>
<p>該頁面的快照（為了方便人們查看，快照不是純程式碼形式，也是會應用設計樣式的）：</p>
<p><img decoding="async" src="https://i.imgur.com/bfo3bur.jpg" alt="" /></p>
<p>快照樣式</p>
<p>通過對比網頁和Google快照，你可以查看網頁內容被抓取的情況。如果很多內容都無法顯示在Google快照里，那麼就該想辦法調整了。如果你想看下網頁在Google眼中的內容情況，可以點擊上圖中的「純文字版本」，這就是Google過濾掉很多程式碼后查看到的網站內容。</p>
<h3><a id="%E6%94%B6%E9%8C%84%E8%A6%8F%E5%89%87%EF%BC%88indexing%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>收錄規則（Indexing）</strong></h3>
<p>搜索引擎在對網站進行抓取后，會判斷抓取到的網頁是否值得收錄到自己的資料庫中。要知道，互聯網上的網站不計其數，每個網站又有數量不一的網頁，這是個非常龐大的數據量，搜索引擎不可能對所有網頁都進行無差別收錄，即便是Google這樣擁有全球最大資料庫容量的公司也無法做到。</p>
<p>所以，搜索引擎在收錄網頁時是會進行挑選的，不是所有網頁均有機會被收錄。這也是我們給客戶做SEO時，一直強調網站內容不要抄襲、網頁內容盡量做得豐富的原因。網頁擁有高質量的內容，才是保障收錄的最好方法。只有被收錄了，才有參與到排名的機會。</p>
<p><strong>技巧5：如何快速查看網站的Google收錄情況</strong></p>
<p>想要確認自己的網站是否已經被Google收錄其實很簡單，只需使用Google搜索指令site:即可。比如，我方雲點SEO網的Google收錄情況，在Google搜索中輸入：site:<a href="https://link.zhihu.com/?target=http%3A//yundianseo.com" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://yundianseo.com</a>，就可以看到如下結果：</p>
<p><img decoding="async" src="https://i.imgur.com/akBoesq.jpg" alt="" /></p>
<p>Google收錄數量</p>
<p>如圖所示，一共找到了92條結果，代表著本站共有92個網頁被Google收錄。注意：這個查詢數量不可以當做網站的頁面數量，因為你的網站頁面不一定已被收錄。翻到搜索結果最後一頁，再次查看一下，你會發現顯示的結果數往往會少一些：</p>
<p><img decoding="async" src="https://i.imgur.com/TNlfoIf.jpg" alt="" /></p>
<p>有效頁面數量</p>
<p>這是因為，開始顯示的收錄數量是Google索引庫中已經收錄的頁面數量，點到最後一頁顯示的數量是不僅被收錄而且會展示出來的頁面數量，也叫做有效頁面，只有這些頁面才有機會參與到排名中。</p>
<p>網頁收錄有快有慢，一開始沒被收錄不代表就一定有問題，我遇到過有的客戶網站部分頁面是在網站上線幾個月后才陸續被收錄、展示出來。</p>
<p>現在的Google收錄網站速度比兩年前慢了許多，要求也更加的嚴格。一般情況下，網站如果沒有什麼問題，它的大部分頁面應該能夠在1個月的時間內被Google逐步收錄。如果超過了這個時間，網站一直都還是0收錄，或者收錄比率很小，你就該找找原因了，解決方法可以參考此篇文章：<strong>如何讓Google收錄網站</strong></p>
<p>同理，site:指令可以用來查詢具體某個頁面是否已經被Google收錄，:號後面接著網頁的網址即可（不需要加http形式的開頭），以本頁面舉例：site:<a href="https://link.zhihu.com/?target=http%3A//yundianseo.com/seo-guide/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://yundianseo.com/seo-guide/</a></p>
<h3><a id="%E6%8E%92%E5%90%8D%E8%A6%8F%E5%89%87%EF%BC%88ranking%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>排名規則（Ranking）</strong></h3>
<p>排名是搜索引擎工作機制的最後一步。當收到用戶的查詢時，搜索引擎會根據自身複雜的演算法來匹配已經收錄到資料庫中的網頁，按照評分排序，決定出這些網頁在搜索結果中出現的位置。</p>
<p>所以說，搜索演算法是搜索引擎的核心技術。如果誰能夠掌握Google的具體演算法，那麼他就能夠操控Google排名。顯然，這是不可能發生的事情。演算法是搜索引擎的核心機密，而且在不斷地升級更新中，根本不可能泄露或者被測試出來。</p>
<p><strong>因此，很多拿著「保證排名」做口號的SEO公司都只是在搞噱頭套路罷了</strong>。</p>
<p><strong>技巧6：Google演算法與排名因素（概念）</strong></p>
<p>搜索引擎的演算法也不是毫無痕跡的。比如，Google就曾多次公布其演算法里包含的某個排名因素。國外有些SEO大牛也做過相關總結，整理出了<strong>200多個Google排名因素</strong>，這些排名因素有些被證實過，有些也只是猜測。</p>
<p>事實上，就算知道了確切的排名因素也無法完全操控排名，因為你不清楚這些排名因素在Google演算法里的具體比重是多少。只能說，有利於排名的因素盡量都做好，不利於排名的因素盡量都避免。</p>
<p>具體如何做好以及避免，就需要長時間的經驗積累了。其中有些排名因素是大家公認比較重要的，比如：</p>
<ol>
<li>網站內容</li>
<li>網站質量</li>
<li>用戶體驗</li>
<li>網站速度</li>
<li>等等</li>
</ol>
<p>Google排名的目的是為用戶提供最符合對方需求的資訊；所以，Google關鍵詞排名不是一個不變的結果，Google總是會把更好的網頁排到更高的位置。因此，即便你的網站排入了Google首頁，那也不是意味著SEO的結束。</p>
<p>後期，你仍然需要保持網站內容的更新，創造出更多有價值的內容出來，對於新產生的大量頁面也需要通過合理優化讓它們能夠為網站提供更多的Google權重，以維持排名的穩定，並獲得進一步提升的機會。</p>
<p>SEO是一個長期性的工程。即便你的網站排到了Google首頁，也不代表就可以放手不管了，想要穩定排名和進一步提高，你就得創造更多有價值的內容，獲取更多的Google權重，保持網站的競爭力。</p>
<h2><a id="seo%E5%88%9D%E5%A7%8B%EF%BC%9A%E9%97%9C%E9%8D%B5%E8%A9%9E%E6%8C%96%E6%8E%98" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>SEO初始：關鍵詞挖掘</h2>
<p>中國有句古話叫做：「知己知彼、百戰不殆」。放在SEO行業當中，其實就是了解你的用戶，才能更好的提供出有價值的內容。最開始的我們要做的關鍵詞研究，其實就是在了解客戶。</p>
<p>我們會通過各種各樣的關鍵詞工具去獲取用戶可能會搜索的關鍵詞。並且盡可能詳盡的分類這些關鍵詞，將這些詞製作成一個表格，這個表格就是SEO中經常說的——關鍵詞詞庫。</p>
<p>同時，我們會去研究這些關鍵詞所隸屬的主題、搜索量、難易度等資訊。目的就是為了能夠找到最合適自己網站的優化思路。</p>
<h3><a id="%E6%8A%80%E5%B7%A77%EF%BC%9A%E9%95%B7%E5%B0%BE%E8%A9%9E%EF%BC%88%E6%80%9D%E8%B7%AF%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧7：長尾詞（思路）</strong></h3>
<p>長尾詞指的是圍繞一個主題，搜索量較少的那部分關鍵詞。因為相比與一些熱門關鍵詞，長尾關鍵詞除了搜索量小之外，它們的數量非常之多。同時，相對而言，大部分長尾詞相比核心詞更容易獲得排名。</p>
<p><img decoding="async" src="https://i.imgur.com/1WAKwSV.jpg" alt="" /></p>
<p>關鍵詞長度與競爭度</p>
<p>所以，如果是新建立的網站，最開始應該針對長尾詞。個人比較喜歡針對和產品相關的問題類詞彙。原因一是可以解決實際的用戶問題；二是問題類長尾詞內容更容易製作。後續我會詳細講述這塊的知識，不妨接著閱讀。</p>
<p>人們經常對長尾詞和核心詞會有些誤解，下面我梳理了一些常見的問題：</p>
<ul>
<li>我只需要做長尾詞，不需要做核心詞。</li>
<li>我的主要是出售產品的，所以我只做的自己的產品詞（核心詞）</li>
</ul>
<p>首先，這兩個觀點都是錯誤的。第一點，核心詞你需要做，長尾詞你也需要做，只是先做后做的問題；第二點，出售產品不代表你只能做產品詞，周邊的詞你也應該涉及。</p>
<p>我舉個栗子，幫助你理解長尾詞和核心詞之間的概念。</p>
<p>比如，你現在要做100個俯卧撐。你有兩個選擇：</p>
<ol>
<li>一口氣做完100個俯卧撐。這個需要你有足夠強健的身體質素。</li>
<li>或者，你可以將100個俯卧撐拆分成10組，一組10個。相信是個人都能夠做到吧？</li>
</ol>
<p>一口氣做完100個（相當於核心詞）需要你的網站有足夠高的權重（權威性）才可以。但是如果你把這個100個進行拆分成10組進行（相當於是長尾詞），每個只需要消耗很少的力氣，就能各個擊破。經過不斷的10個/組的訓練，當你可以一口氣做100個的時候，你就可以大膽的去做核心詞了。</p>
<h3><a id="%E6%8A%80%E5%B7%A78%EF%BC%9A%E5%95%8F%E9%A1%8C%E9%97%9C%E9%8D%B5%E8%A9%9E%EF%BC%88%E6%80%9D%E8%B7%AF%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧8：問題關鍵詞（思路）</strong></h3>
<p>問題類關鍵詞大部分是屬於長尾詞的。為了便於說明，我將長尾詞和問題類詞彙分開敘述。問題類詞即我們常見的帶有「how」 「what」 「when」 「where」 「which」等（部分情況特殊）等詞彙。</p>
<p>就像我剛才所說，我個人是非常喜歡做這類型的詞彙。原因有四點：</p>
<ol>
<li>第一點：因為這部分詞彙往往關注的人非常少，競爭力度不會太高。</li>
<li>第二點：它是用戶真實的需求。</li>
<li>第三點：製作此類型頁面內容不需要太多技巧。</li>
<li>第四點：這些問題類詞彙數量非常多，並且非常容易找。</li>
</ol>
<p>為什麼這麼說呢？</p>
<ul>
<li>真實需求：請大家試想，用戶已經在搜索引擎中搜索完整的問題了，而你要做的就是把答案提供給用戶而以。</li>
<li>競爭力度不高：這些問題詞往往無法直接轉化成交， 所以很多SEO人員會選擇忽略這些詞，所以直接導致，這些詞彙的競爭力往往不大。</li>
<li>內容好製作：同時，一般的問題類詞彙，你只需要一段話，或者是小篇幅的文字 圖片敘述就可以解決。不需要你通篇的進行敘述。</li>
<li>數量多：這個不用想，任何核心詞都能整理出一大堆問題來（後面我會詳細說明如何找到這些詞）</li>
</ul>
<p>下圖案例中，它的4個大流量入口頁，就是4個用Blog分類承載的針對問題類關鍵詞製作的頁面，它們的流量佔據了整體網站搜索流量的89%。</p>
<p><img decoding="async" src="https://i.imgur.com/Xf6FFkE.jpg" alt="" /></p>
<p>網站搜索流量</p>
<p>換一個角度去思考，如果你能夠將問題詞布局到自己的網站中，那麼你也可以通過這些頁面獲得海量的流量。</p>
<h3><a id="%E6%8A%80%E5%B7%A79%EF%BC%9A%E4%B8%BB%E9%A1%8C%E8%A9%9E%E4%B8%AD%E9%83%A8%E8%A9%9E%E5%BD%99%EF%BC%88%E6%80%9D%E8%B7%AF%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧9：主題詞 / 中部詞彙 （思路）</strong></h3>
<p>關於主題詞，我覺得用一個例子來解釋會更適合大家理解。下方有三個關鍵詞：</p>
<ul>
<li>losing weight fast （快速減肥）</li>
<li>how to losing weight fast （如何快速減肥）</li>
<li>losing weight in 7 days（7天快速減肥）</li>
</ul>
<p>這是三個不同的詞，平均每個月的搜索量也是不一樣的。但是這三個詞有一個共性，就是它們的主題是一樣的：都是關於 「losing weight fast（快速減肥）」的。</p>
<p>如果這時你製作了一個頁面題目是 「快速減肥的7種方法」或者是「13個技巧讓你7天迅速減肥」等、圍繞「快速減肥」來進行內容製作的話，那麼就可以覆蓋上方的這些詞彙。</p>
<p>所以，如果你能夠找到這些主題詞，那麼你就可以就算出，你圍繞一個產品/服務，最少需要做多少個頁面。得出了頁面總數量，你就可以將自己的工作量化，計算出前期布局內容需要消耗你多長時間。</p>
<p>為什麼我在第3條中，把主題詞也叫做中部詞呢？一般主題詞出現在詞彙分佈的中部位置（也有很多情況長尾詞本身就是一個主題詞）。剛才那張老鼠的尾巴的圖大家都看到了吧，我再把主題詞的位置用同一張圖給大家標注一下。</p>
<p>中部詞</p>
<p>沒錯，大約就是在核心詞和長尾詞之間的這個位置。如果你想知道怎麼找到這些主題詞的話，別急，下面我會詳細說明。</p>
<h3><a id="%E6%8A%80%E5%B7%A710%EF%BC%9A%E5%88%A9%E7%94%A8%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E8%87%AA%E5%8B%95%E5%A1%AB%E5%85%85%E6%8C%96%E6%8E%98%E5%90%84%E9%A1%9E%E9%97%9C%E9%8D%B5%E8%A9%9E%EF%BC%88%E9%80%9A%E7%94%A8%E6%96%B9%E6%B3%95%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧10：利用搜索引擎自動填充挖掘各類關鍵詞（通用方法）</strong></h3>
<p>搜索引擎的自動填充功能其實是最為直接、也是最為有效的挖掘關鍵詞的管道。通過它你可以挖掘到剛才提及的長尾詞、問題詞、主題詞等。</p>
<p>為什麼這麼說呢？</p>
<p>請試想，當你在搜索一個詞彙時，出現了Google的自動填充建議：</p>
<ul>
<li>這些關鍵詞建議會是一些不相關的詞彙麼？肯定不會，Google給出的建議都是和你所搜索的關鍵詞有著極強的相關性（除非你搜索的太過於長了）</li>
<li>這些關鍵詞會有人搜索嗎？肯定是有人搜索的，要不然也不會提示在搜索下拉框中，不是嗎？</li>
</ul>
<p>這個時候你不僅要問：「我搜索一個詞，Google才給出10個關鍵詞建議，量太少了」。</p>
<p>我來教給你一個屢試不爽的挖詞絕招。當你在搜索一個關鍵詞，空格后，可以在後面加上任意的英文字母（a-z）或者是數字（0-9）每次加上不同的后綴時，搜索引擎會給出不同的下拉框結果。詳細操作可以看下方的GIF動圖：</p>
<p>Google搜索下拉框結果</p>
<p>這樣，你可以把所有的英文單詞匹配一遍。你就能夠找到海量的關鍵詞建議。</p>
<p>這個時候大家肯定想問，如何將這些詞彙一次性的給擼下來呢？別急，下面我會講，耐心看完。</p>
<h3><a id="%E6%8A%80%E5%B7%A711%EF%BC%9A%E5%88%A9%E7%94%A8%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E8%87%AA%E5%8B%95%E5%A1%AB%E5%85%85%E6%8C%96%E6%8E%98%E5%95%8F%E9%A1%8C%E9%A1%9E%E8%A9%9E%E5%BD%99%EF%BC%88%E9%80%9A%E7%94%A8%E6%96%B9%E6%B3%95%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧11：利用搜索引擎自動填充挖掘問題類詞彙（通用方法）</strong></h3>
<p>使用搜索引擎的方法不僅僅只有在搜索框中輸入關鍵詞那麼簡單。我們可以通過一些搜索引擎的小技巧來挖掘指定類型的關鍵詞。</p>
<p>比如在這個小技巧中，我們會用到通配符 「*」 來挖掘問題類的詞。由於大多數問題類的關鍵詞通常都以「how」 「what」 「when」 「where」 「which」等開頭，我們正好可以利用這一點。</p>
<p>在搜索引擎中輸入：</p>
<p>how * 關鍵詞</p>
<p>你就可以在搜索引擎自動填充的關鍵詞中找到：和當前關鍵詞相關、並以 「how」 開頭的問題。同時你依然可以參考第4條，在后綴加上英文字母、或者是數字來拓展更多關鍵詞建議。</p>
<p>舉一個例子來說明：比如我在Google中輸入： how * bike 你就可以從下拉框中獲得類似下圖這樣的關鍵詞建議。這裡有一部分是符合搜索的問題詞。</p>
<p><img decoding="async" src="https://i.imgur.com/gAmt4cG.jpg" alt="" /></p>
<p>聯想詞</p>
<p>同時，你可以在</p>
<p>how * bike</p>
<p>後方加上英文字母，比如：</p>
<p>how * bike a</p>
<p>即可獲得更多的關鍵詞建議。</p>
<p><img decoding="async" src="https://i.imgur.com/TNnJiGJ.jpg" alt="" /></p>
<p>關鍵詞建議</p>
<p>細心的人可能會發現，Google自動填充的建議並不是100%按照通配符的規則進行匹配的。那是因為Google正在嘗試理解你想搜索的內容，並且Google會給出自己的建議（類似猜你喜歡）所以下拉框中會出現不符合匹配的結果。</p>
<p><img decoding="async" src="https://i.imgur.com/PhSaaaO.jpg" alt="" /></p>
<p>不符合匹配的結果</p>
<p>那麼就還剩下最重要的一個問題了，如何批量把這些找到的詞彙統統都擼下來呢？下面的這個技巧就會說到這樣的做法。</p>
<h3><a id="%E6%8A%80%E5%B7%A712%EF%BC%9A%E6%89%B9%E9%87%8F%E6%93%BC%E5%90%84%E9%A1%9E%E9%97%9C%E9%8D%B5%E8%A9%9E%EF%BC%88%E6%96%B9%E6%B3%95%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧12：批量擼各類關鍵詞（方法）</strong></h3>
<p>終於說到大家都想要的核心部分了。前5條已經幫大家把思路和基礎方法都梳理了一遍。這裡就介紹一個快速挖掘各類關鍵詞的手法。</p>
<p>這裡我們會用到一個工具 Keyword Sheeter（原名 Keyword Shitter）。</p>
<p>這個工具的關鍵詞來源就是Google的搜索自動填充（下拉框）。我們可以將核心詞（比如你的產品名稱、業務名稱等）直接放入工具中，讓其自動運行。</p>
<p><img decoding="async" src="https://i.imgur.com/Mh78Txu.jpg" alt="" /></p>
<p>Keyword Sheeter</p>
<p>就像上圖這樣，你只需要讓工具自運行一段時間，他就會給出大量的關鍵詞建議。同時你可以點擊下方的 「Export」 按鈕導出這些關鍵詞。</p>
<p>「Export」 按鈕</p>
<h3><a id="%E6%8A%80%E5%B7%A713%EF%BC%9A%E6%89%B9%E9%87%8F%E6%93%BC%E5%95%8F%E9%A1%8C%E9%A1%9E%E8%A9%9E%E5%BD%99%EF%BC%88%E6%96%B9%E6%B3%95%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧13：批量擼問題類詞彙（方法）</strong></h3>
<p>和上述方法相似，原理和第5條一樣。你只需要把帶有通配符的搜索（Search Query）放入框中點擊開始即可。</p>
<p><img decoding="async" src="https://i.imgur.com/H9YDbXa.gif" alt="" /></p>
<p><img decoding="async" src="https://i.imgur.com/0bTEXFL.jpg" alt="動圖封面" /></p>
<p>帶有通配符的搜索</p>
<p>等待一段時間后，Keyword Sheeter工具會自動匹配出海量的關鍵詞建議。當然，和我們手動輸入的結果一樣，依然有很多結果並不匹配。</p>
<p>這時你只需要用下方的 「Positive」 和 「Negative」 功能進行篩選即可。具體做法我就不再贅述，詳細看這個教程。</p>
<h2><a id="%E5%BE%97%E5%88%B0%E6%B5%B7%E9%87%8F%E9%97%9C%E9%8D%B5%E8%A9%9E%E5%90%8E%E4%BD%A0%E9%9C%80%E8%A6%81%EF%BC%9A%E9%97%9C%E9%8D%B5%E8%A9%9E%E5%88%86%E7%B5%84" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>得到海量關鍵詞后你需要：關鍵詞分組</strong></h2>
<p>關鍵詞分組，顧名思義，就是將挖掘出的關鍵詞進行歸類，將內容製作的工作量化：因為我們針對內容進行詳細的分組，其實我們就可以確認我們一共需要做多少的內容頁面去承載這些關鍵詞。</p>
<h3><a id="%E6%8A%80%E5%B7%A714%EF%BC%9A%E5%88%A9%E7%94%A8keyword-grouper%E9%80%B2%E8%A1%8C%E9%97%9C%E9%8D%B5%E8%A9%9E%E5%88%86%E7%B5%84" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧14：利用Keyword Grouper進行關鍵詞分組</strong></h3>
<p>這裡用到的就是 Keyword Grouper工具。</p>
<p>使用方法也非常簡單，你只需要將挖掘好的關鍵詞列表放入工具中。</p>
<p>我這裡就找了一組和 「keyword research（關鍵詞研究）」 相關的詞庫放入工具中。</p>
<p>Keyword Grouper工具</p>
<p>在右側上方的 「Minimum group length（最小組合長度）」中我們填寫2（因為案例中的使用的核心詞 「keyword research（關鍵詞研究）」是由2個單片語成，所以這裡填寫2）。</p>
<p>點擊下方的 」Process Keywords（運行）「就可以得到下方 截圖這樣的結果：</p>
<p><img decoding="async" src="https://i.imgur.com/k2H0X2b.jpg" alt="" /></p>
<p>Process Keywords（運行）</p>
<p>在剛才我輸入的 1336個關鍵詞中，工具幫我們分類成66個組合。</p>
<p>但是這個又有什麼用呢？</p>
<p>一般來說，一個分組有可能就意味著你需要製作一個頁面。66個分組，可能意味著你至少需要需要66個頁面。下面我用幾個例子來給大家做Demo：</p>
<p>剛才Demo的分類中有一個叫做 」keyword research ninja「的分組</p>
<p><img decoding="async" src="https://i.imgur.com/rj8fA5C.jpg" alt="" /></p>
<p>」keyword research ninja「的分組</p>
<p>看到這個結果，你應該就明白這個分組描述的應該是一個工具的品牌詞。你可以製作一個指南頁面比如 「Ultimate Guide of keyword research ninja 2019」 又或者是 「keyword research ninja 2.0 tool reviews」 這樣的工具評測類頁面參與排名。</p>
<p>雖然大多情況你很難超越官網的排名。但是，如果你能夠獲得第二位的排名，你依然可以獲得不少的流量。</p>
<h2><a id="%E8%A3%BD%E4%BD%9C%E9%A0%81%E9%9D%A2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>製作頁面</strong></h2>
<p>由於製作頁面的時候，需要注意的事項非常之多，所以這裡我分成幾個階段進行。不同階段會運用到不同的操作思路以及手法。</p>
<p>新網站切記開始不要指望熱門關鍵詞上排名，因為即使你使勁推了，排名也不一定能上去。原因很簡單，一個新網站，沒有外部連結的支撐、內容不權威，搜索引擎憑借什麼給你的頁面排名呢？</p>
<p>所以，我建議新站應該從長尾詞以及問題類詞入手。往往這類詞彙搜索量不高，競爭力也不會太高（大多數情況）。同時相比與熱門詞彙，它們更容易快速獲得排名及流量。</p>
<p>如果你無法理解，請看下方兩句話，幫助你理解：</p>
<ul>
<li>星星之火，可以燎原。</li>
<li>以鄉村為中心，農村包圍城市。</li>
</ul>
<h3><a id="%E6%8A%80%E5%B7%A715%EF%BC%9A%E5%84%AA%E5%85%88%E5%84%AA%E5%8C%96%E3%80%8C%E4%BD%8E%E7%86%B1%E5%BA%A6%E3%80%8D%E9%97%9C%E9%8D%B5%E8%A9%9E%EF%BC%88%E6%96%B9%E6%B3%95%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧15：優先優化「低熱度」關鍵詞（方法）</strong></h3>
<p>尋找這些「低熱度」的詞彙，前提需要你檢測關鍵詞的搜索量。這裡我們可以借助多個關鍵詞搜索量檢測工具。個人推薦大家使用Ahrefs Keyword Explorer（關鍵詞分析）工具。它可以快速的幫我們檢測關鍵詞的各項數據。<strong>Ahrefs使用教程</strong></p>
<p><img decoding="async" src="https://i.imgur.com/9fyBt3p.jpg" alt="" /></p>
<p>檢測關鍵詞</p>
<p>你只需要把關鍵詞放入工具的輸入框中，點擊開始，就可以得到類似下方 截圖這樣的數據。</p>
<p><img decoding="async" src="https://i.imgur.com/0uPnW97.jpg" alt="" /></p>
<p>關鍵詞的月搜索量</p>
<p>其中 」Volume「一欄的數據就是關鍵詞的月搜索量。你可以點擊」Volume「欄目表頭，讓表格從小到大進行排列。你大概會得到下方 截圖這樣的結果：</p>
<p><img decoding="async" src="https://i.imgur.com/Qt91k03.jpg" alt="" /></p>
<p>從小到大進行排列</p>
<p>給出的這些詞搜索量都很低，其中更有一些不錯的關鍵詞可以直接拿來做頁面，比如 」keyword research on google adwords「。我把這個詞直在第9條中使用的分組工具中搜索一下，就能找到下方這樣的一個分組：</p>
<p><img decoding="async" src="https://i.imgur.com/EoemNlu.jpg" alt="" /></p>
<p>關鍵詞分組</p>
<p>相信其它的這些詞彙搜索量都不會太高，於是你就可以針對這些關鍵詞這個做出一個頁面。比如：「5 Steps dominant Adwords Keywords Research」 或者是 「How to do keywords research on Google Adwords」。</p>
<h3><a id="%E6%8A%80%E5%B7%A716%EF%BC%9A%E5%B0%8B%E6%89%BE%E7%9B%B8%E9%97%9C%E8%AB%96%E5%A3%87%E7%9A%84%E9%AB%98%E6%8E%92%E5%90%8D%E8%A9%9E%E4%B8%A6%E8%B6%85%E8%B6%8A%E5%AE%83%E5%80%91" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧16：尋找相關論壇的高排名詞並超越它們</strong></h3>
<p>如果你的行業中有一些知名的論壇存在，你可以嘗試用工具檢測出這些論壇中的帖子參與了什麼樣的關鍵詞排名。你可以把這些關鍵詞作為目標詞彙去製作頁面，通常論壇參與的關鍵詞排名是非常好超越的。</p>
<p>為什麼論壇的帖子排名好超越？因為大多數論壇的帖子中充斥有很多廣告連結，以及不相關的灌水資訊。這樣的帖子頁面都能參與某些關鍵詞的首頁排名的話，你完全可以製作一個更專業的頁面，通過內容質量超越它的排名。</p>
<p>為了找到這些關鍵詞，我門會使用到Ahrefs Site Explorer（網站分析）工具。這裡我找了一個和 「dirt bike（越野車）」 相關的論壇 「 。將對應的論壇目錄或網址輸入到工具中，按照下圖的順序進行操作。</p>
<p><img decoding="async" src="https://i.imgur.com/rTIpehG.jpg" alt="" /></p>
<p>操作流程</p>
<ol>
<li>輸入論壇網址 / 論壇所在目錄</li>
<li>左側選擇 Organic Keywords（自然關鍵詞）</li>
<li>篩選器中的Position（排名）選擇1-20名的範圍</li>
</ol>
<p>並通過肉眼逐個查看，你就發現一些不錯的關鍵詞。比如，這裡我發現了一個「motorcycle rear shock spring rate calculator（減震彈簧剛度計算）」 這樣的一個詞。這個論壇排名第一：</p>
<p><img decoding="async" src="https://i.imgur.com/ZB232SM.png" alt="" /></p>
<p>目標關鍵詞</p>
<p>對於你來說，你完全可以做一個內容更加優質的頁面參與此類關鍵詞的排名。比如說 「How to calculate motorcycle rear shock spring rate」 這樣的文章，用來超越之前論壇的排名。</p>
<h3><a id="%E6%8A%80%E5%B7%A717%EF%BC%9A%E5%B0%8B%E6%89%BEquora%E5%8F%83%E8%88%87%E6%8E%92%E5%90%8D%E7%9A%84%E9%97%9C%E9%8D%B5%E8%A9%9E%E4%B8%A6%E8%B6%85%E8%B6%8A%E5%AE%83" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧17：尋找Quora參與排名的關鍵詞並超越它</strong></h3>
<p>Quora是一個問答平台，其中收錄了非常多的用戶問題，類似於國內的百度知道。如果你在某個關鍵詞的搜索結果中看到有很多Quora的排名，那麼恭喜你，這個關鍵詞應該非常好做。</p>
<p>你只需要篩選出Quora網站參與排名的關鍵詞，並且快速篩選出和你網站相關的詞彙。並且判斷你是否可以針對這些篩選出的詞製作頁面。方法和從論壇中找可排名的關鍵詞的很像，略微不同的是你需要在Ahrefs Site Explorer（網站分析）工具中做二次篩選。</p>
<p><img decoding="async" src="https://i.imgur.com/gLLVJGm.jpg" alt="" /></p>
<p>二次篩選</p>
<p>多出的就是上圖的④的位置，你需要在篩選框中輸入核心關鍵詞（比如你的核心產品名）等。這樣你就能匹配出和自己網站相關的關鍵詞。</p>
<p>接下來，你只需要針對篩選出的關鍵詞做出更加優質的內容頁面，就可以輕鬆超越這些關鍵詞的排名。</p>
<h3><a id="%E6%8A%80%E5%B7%A718%EF%BC%9A%E6%99%82%E5%88%BB%E6%B3%A8%E6%84%8Furl%E7%B5%90%E6%A7%8B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧18：時刻注意URL結構</strong></h3>
<p>URL會直接體現在搜索引擎的結果中，並且被綠色高亮出來。這就會導致你在URL中的內容會影響用戶是否點擊你的網站（點擊率），從而間接的影響到你的排名。</p>
<p>舉個例子說明，下方有兩個不同的URL：</p>
<ul>
<li><a href="http://www.example.com/wiki/seo" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://www.example.com/wiki/seo</a></li>
<li><a href="http://www.example.com/index.php?id%5C_sezione=360&amp;sid=3a5ebc944f41daa6f849f730f1" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://www.example.com/index.php?id\_sezione=360&amp;sid=3a5ebc944f41daa6f849f730f1</a></li>
</ul>
<p>你覺得用戶更喜歡那種類型的URL呢？很顯然是第一個。因為第一個結構分明，即使不需要點擊進入網站，用戶就能夠知道，這個頁面應該是一個和 「seo」相關的百科（wiki）頁面。</p>
<p>你可以使用網站掃描工具（比如 Ahrefs的 Site audit工具）、或者是Google Search console工具，檢查網站中的各個頁面網址，看看是否有坑長的URL存在。如果存在，及時聯繫你的技術人員更改URL的結構。</p>
<p>在Google Search Console的指南中，針對URL結構也有相關的說明：</p>
<p>…網站的網址結構應盡可能簡單些。建議您組織一下您的內容，讓網址的結構合乎邏輯並易於人們理解（盡可能採用易讀的字詞而非冗長的ID編號）…</p>
<h3><a id="%E6%8A%80%E5%B7%A719%EF%BC%9A%E7%9B%B4%E6%8E%A5%E5%9C%A8url%E4%B8%AD%E4%BD%BF%E7%94%A8%E9%97%9C%E9%8D%B5%E8%A9%9E" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧19：直接在URL中使用關鍵詞</strong></h3>
<p>URL會直接顯示在搜索結果中，所以最好在URL中添加入關鍵詞，以便於用戶更好的理解當前頁面的內容。通常添加的關鍵詞會控制在2-3個單詞。像下方這些URL這樣：</p>
<ul>
<li><a href="http://example.com/blog/meta-robots/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://example.com/blog/meta-robots/</a></li>
<li><a href="http://example.com/blog/keyword-research/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://example.com/blog/keyword-research/</a></li>
<li><a href="http://example.com/blog/free-seo-tools/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://example.com/blog/free-seo-tools/</a></li>
</ul>
<p>當然如果使一些特殊情況，比如問題頁面（Q&amp;A），你可以參考下方這些例子：</p>
<ul>
<li><a href="http://example.com/blog/why-is-my-website-not-showing-up-on-google/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://example.com/blog/why-is-my-website-not-showing-up-on-google/</a></li>
<li><a href="http://example.com/blog/how-to-create-a-sitemap/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://example.com/blog/how-to-create-a-sitemap/</a></li>
</ul>
<p>同時，如果你需要在URL中使用符號，一般建議使用英文破折號/連字元（-）而不是下劃線（_）。</p>
<h3><a id="%E6%8A%80%E5%B7%A720%EF%BC%9A%E5%9C%A8%E6%A8%99%E9%A1%8C%E4%B8%AD%E5%8A%A0%E5%85%A5%E6%A0%B8%E5%BF%83%E8%A9%9E" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧20：在標題中加入核心詞</strong></h3>
<p>由於標題直接顯示在搜索引擎結果當中，並且相比于URL、描述的位置更加顯眼，所以它會更影響用戶的點擊率。同時作為一個頁面的主題，它也是非常重要的排名指標之一。</p>
<p>但是由於頁面的類型很多，所以標題的書寫方式並不是千篇一律的。 我們在書寫標題時，盡量能夠在標題中加入你當前頁面的核心關鍵詞。</p>
<p>下面給出兩種標題的標準書寫方式：</p>
<ol>
<li>[產品/服務詞] [修飾詞] – [品牌詞]</li>
<li>[包含核心詞並吸引用戶的短句] – [品牌詞]</li>
</ol>
<ul>
<li>第一種、適用於產品/服務詳情頁面、或者是列表頁面。一般企業 網站用的相對比較多。</li>
<li>第二種、適用於部落格、新聞、Q&amp;A等類型頁面、使用相對廣泛。我習慣把這種類型的標題叫做的創意標題。</li>
</ul>
<p>如果你實在想不到什麼好的創意標題，其實有很多工具可以幫助你找到靈感，比如像 blog title generator 這樣的工具，可以幫助你生成海量的創意標題。</p>
<p>比如這裡我想找一些關於「Dog Bites」的創意標題：</p>
<p><img decoding="async" src="https://i.imgur.com/UJBAAWP.jpg" alt="" /></p>
<p>創意標題</p>
<p>這裡就有一個感覺非常不錯的標題 「10 Things To Avoid In Dog Bites」 。如果產生的標題你不喜歡的話，還可以點擊下方的 「Generate More Titles（生成更多標題）」 按鈕，獲取更多的創意。</p>
<p>無論你書寫哪種類型的標題，請記住一點:</p>
<p>…網頁標題應具有描述性並且簡明扼要。要避免不明確的描述….要避免無謂地冗長/羅嗦的標題，因為這種標題顯示在搜索結果中時可能會被截斷。</p>
<h3><a id="%E6%8A%80%E5%B7%A721%EF%BC%9A%E6%8F%8F%E8%BF%B0%E4%BE%9D%E7%84%B6%E5%BD%B1%E9%9F%BF%E6%8E%92%E5%90%8D" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧21：描述依然影響排名</strong></h3>
<p>其實很早之前（2009年）Google針對描述做過如下的說明：</p>
<p>我來簡單的翻譯一下，意思就是 Meta Description（描述標籤）並不直接作為排名要素之一。</p>
<p>但是，因為描述會直接顯示在搜索引擎的結果中，所以它依然會影響到用戶的點擊率（CTR）。而點擊率會直接影響頁面的排名（尤其是針對排名首頁的頁面）。</p>
<p>依然有很多網站例如維基百科，包括我個人是不喜歡給頁面設置描述的。</p>
<p>理由如下</p>
<h3><a id="%E6%8A%80%E5%B7%A722%EF%BC%9A%E8%A8%AD%E7%BD%AE%E4%B8%80%E5%80%8B%E9%A9%9A%E8%89%B7%E7%9A%84%E9%A6%96%E6%AE%B5%E5%85%A7%E5%AE%B9%E6%AF%94%E6%8F%8F%E8%BF%B0%E6%9B%B4%E7%82%BA%E9%87%8D%E8%A6%81" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧22：設置一個驚艷的首段內容比描述更為重要</strong></h3>
<p>接著上面，很多網站並不會設置描述，第一點原因：Google並不會100%使用你設置的描述作「展示的描述」。相反，Google會根據用戶搜索的關鍵詞並和網站的內容進行匹配，將最為匹配的那段文字設置為「展示的描述」。</p>
<p>第二點原因：對於大部分的 程式（比如wordpress），當你不設置描述時， 程式會自動調用首段的前150~個字元作為默認的描述出現。</p>
<p>綜合上方2個原因，同時考慮到工作效率問題，所以我建議大家：直接在首段中體現出原有描述該有的內容。無論搜索引擎是否使用你設置的描述內容都沒有關係，因為大部分都會匹配到你的首段文字上。</p>
<p>如果你要做到這點，那麼你就需要製作一個驚艷的首段內容。這裡我給出如下幾個建議：</p>
<ul>
<li>直接闡述自己的觀點：不論觀點如何，直接提出。如果你做的是問題類的詞彙，直接給出明確的答案。你不需要在最開始就講述其原理，因為對於大部分用戶來說，它們最需要的是簡單明了的回答。</li>
<li>首段中必包含核心詞：這是增加相關性的一個手段。同時你可以給包含核心關鍵詞的短語進行著重處理（strong標籤）</li>
<li>控制首段長度：我習慣性的把首段內容控制在2個段落，共200字元左右。當然這個不是絕對的，主要目的就是能夠讓用戶產生興趣，並繼續閱讀。</li>
<li>使用LSI關鍵詞：盡量在首段中使用LSI關鍵詞，加強相關性。針對LSI關鍵詞我在後面會詳細說明。</li>
</ul>
<h3><a id="%E6%8A%80%E5%B7%A723%EF%BC%9A%E5%85%A7%E5%AE%B9%E9%95%B7%E5%BA%A6%E8%87%B3%E9%97%9C%E9%87%8D%E8%A6%81" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧23：內容長度至關重要</strong></h3>
<p>很多數據都表明，越長的內容越容易參與更好的排名。</p>
<p>我在這裡只提幾個核心點：往往越長的內容，包含的相關資訊也會越多，更容易獲得長尾詞的排名。但是，這並不意味著你需要「無腦」的去堆砌文字。準確來說，你應該注意的是「有效內容」的長度。</p>
<h3><a id="%E6%8A%80%E5%B7%A724%EF%BC%9A%E4%BD%BF%E7%94%A8-h2%E5%90%88%E7%90%86%E7%9A%84%E5%88%86%E5%89%B2%E5%85%A7%E5%AE%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧24：使用</p>
<h2>合理的分割內容</strong></h3>
<p>如果讓你用英文寫一個3000字的文章，很多人可能會感覺非常的困難。但是如果讓你寫一個300字的段落就要簡單很多。</p>
<p>知道下面我要說什麼嗎？是的，把300字的段落的做法重複10遍，就是一個3000字的文章。</p>
<p>這個時候，我們會使用</p>
<h2>標籤，將內容分成各個小板塊。每一個板塊都不會脫離大的主題（核心詞），但是每一個都擁有不同的角度。</p>
<p>比如說這裡有這樣的一個主題：How to get your dog to stop barking （如何不讓你的狗叫）。你可以將這個主題分割成如下幾個內容：</p>
<ul>
<li>Remove the motivation</li>
<li>Ignore the barking</li>
<li>Desensitize your dog to the stimulus</li>
<li>Teach your dog the 「quiet」 command</li>
<li>Ask your dog for an incompatible behavior</li>
<li>Keep your dog tired</li>
</ul>
<p>分開后是否感覺內容更容易製作了呢？</p>
<p>大家可能會問：「我如何找到這些可以製作的小主題呢？」</p>
<p>我教你們一個萬金油的方法——分析競爭對手。</p>
<p>你要圍繞一個核心關鍵詞製作內容時，只需要將這個關鍵詞放入Google中，打開排名靠前的幾個頁面。並分別使用 seoquake外掛 進行頁面檢測（Diagnosis），你就可以輕鬆的獲取對手網站的<h>標籤結構。多分析幾個競爭對手的頁面，一定可以給你一些製作內容的靈感，就像下方這樣：</p>
<p><img decoding="async" src="https://i.imgur.com/KaW9kLQ.jpg" alt="" /></p>
<p>獲取對手網站的&lt;h&gt;標籤結構</p>
<h3><a id="%E6%8A%80%E5%B7%A725%EF%BC%9A%E5%9C%96%E7%89%87%E7%9B%B8%E9%97%9C%E6%80%A7%E5%84%AA%E5%8C%96" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧25：圖片相關性優化</strong></h3>
<p>Google十分的智能，它是有識別圖片的能力。所以在放置圖片時我建議大家檢測一下圖片的相關性。</p>
<p>這裡給大家做個小實驗：我用畫圖工具畫出下面的這樣的一個草圖（請原諒我粗獷的畫風）：</p>
<p><img decoding="async" src="https://i.imgur.com/ktszQ2u.jpg" alt="" /></p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16959653482746.webp" alt="" /></p>
<p>草圖</p>
<p>這個圖是我隨手畫的，在互聯網上肯定不存在一模一樣的內容。將此圖通過Google圖片搜索的識圖功能進行識別後，這個是它給出的結果：</p>
<p><img decoding="async" src="https://i.imgur.com/XdeEwWU.jpg" alt="" /></p>
<p>Sketch（素描）</p>
<p>Google猜測它是一個「Sketch（素描）」。沒錯，它就是一個 Sketch（雖然很粗獷）</p>
<p>我想表達的是，通過這個實驗可以看出，Google可以檢測出圖片的內容（雖然不會特別準確）。所以請保證你的圖片和你當前的頁面的主題是有一定相關性的。</p>
<p>你想知道怎麼進行Google識圖檢測？進入Google圖片搜索，然後點擊搜索框後面的照相機圖標，上傳圖片，或者粘貼圖片地址即可！</p>
<h3><a id="%E6%8A%80%E5%B7%A726%EF%BC%9A%E5%9C%96%E7%89%87%E5%8E%9F%E5%89%B5%E5%BE%88%E9%87%8D%E8%A6%81" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧26：圖片原創很重要</strong></h3>
<p>對於SEO來說，直接使用別人的圖片會影響你的網站權重（和抄襲文字一個道理）。</p>
<h3><a id="%E6%8A%80%E5%B7%A727%EF%BC%9A%E5%9C%A8%E4%BD%A0%E7%9A%84%E5%85%A7%E5%AE%B9%E4%B8%AD%E5%8A%A0%E5%85%A5info-graphics%E6%95%B8%E6%93%9A%E5%9C%96" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧27：在你的內容中加入Info Graphics 數據圖</strong></h3>
<p>所謂數據圖就是將數據、資訊通過圖片的形式表示出來。在可能的情況下，為你的文章配置數據圖。這樣的內容會更加吸引用戶觀看和分享。如果用戶分享了你的圖片，你不僅僅可以獲得額外的圖片外鏈，還可以通過分享過的更多的訪問量。</p>
<p>在pinterest當中，很多都是這類型的數據圖，比如下方這樣的：</p>
<p><img decoding="async" src="https://i.imgur.com/lwMdlHe.jpg" alt="" /></p>
<p>數據圖</p>
<h3><a id="%E6%8A%80%E5%B7%A728%EF%BC%9A%E7%82%BA%E4%BD%A0%E7%9A%84%E9%A0%81%E9%9D%A2%E6%B7%BB%E5%8A%A0%E5%A4%9A%E5%AA%92%E9%AB%94%E6%96%87%E4%BB%B6%EF%BC%88-pdf-doc-xls%E7%AD%89%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧28：為你的頁面添加多媒體文件（.pdf .doc .xls等）</strong></h3>
<p>這裡的多媒體文件，我指的不是圖片、影片。我指的是不同類型的附件，比如：txt文本、pdf文檔、doc文檔、xls表格、pptDemo文件等。</p>
<p>為什麼需要添加這些文件呢？因為Google搜索引擎是索引這些資源的，同時它可以單獨的參與長尾詞的排名。</p>
<p>你可以在搜索引擎中使用高級搜索：filetype:格式名</p>
<p>找到這些資源。</p>
<p>舉個例子來說明：在Google中輸入：filetype:pdf pcb price</p>
<p>就可以得到下方的結果：</p>
<p><img decoding="async" src="https://i.imgur.com/r8xo9L7.jpg" alt="" /></p>
<p>多媒體文件</p>
<p>這些格式的內容是可以直接參与關鍵詞的排名的。將這些內容加入到頁面中不僅可以豐富你的內容，同時它自身就可以產生長尾詞的流量，一石二鳥。</p>
<p>如果你一時半會兒無法自己製作這些格式的資料，可以使用一些政府、教育等權威性網站的資料。畢竟來自於政府和教育網站的這些資料相比於你的會更有說服力。詳細做法如下：</p>
<p>filetype:格式名 site:gov或edu后綴 關鍵詞</p>
<p>用一個例子來說明：filetype:pdf site:.gov pcb price</p>
<p><img decoding="async" src="https://i.imgur.com/hEgo31F.jpg" alt="" /></p>
<p>組合搜索</p>
<p>如果你的內容中有涉及資料中的任何內容，就可以添加一個連結，指向這些外部的資料地址。</p>
<h3><a id="%E6%8A%80%E5%B7%A729%EF%BC%9A%E5%96%84%E7%94%A8%E5%85%A7%E9%8F%88" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧29：善用內鏈</strong></h3>
<p>在製作內容時，以及製作內容后都可以進行內部連結的製作。內鏈不僅可以增加當前內容的和關鍵詞之間的相關性，它還可以提升頁面的權重。</p>
<ul>
<li>在製作內容時：你可以在你的頁面中給過去的頁面一些內部的連結。一來可以讓用戶深度訪問你的網站增加它們停留時間。二來，可以提高內容的相關性</li>
<li>製作內容后：可以在以往的頁面中找到和當前頁面相關的段落添加連結。</li>
</ul>
<p>如果你依然對內鏈沒什麼好的想法，建議你參考維基百科。每個詞條中幾乎都是內鏈。</p>
<h3><a id="%E6%8A%80%E5%B7%A730%EF%BC%9A%E5%A4%9A%E7%A8%AE%E5%BD%A2%E5%BC%8F%E8%A1%A8%E7%8F%BE%E4%BD%A0%E7%9A%84%E5%85%A7%E5%AE%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧30：多種形式表現你的內容</strong></h3>
<p>在書寫內容的時候，可以不需要千篇一律的使用 Paragraphs（段落）的形式呈現。善用</p>
<table>表格以及</p>
<ul>
<ol>列表。注意搜索引擎是可以明確的判斷出你的內容的表現形式，不同形式的內容給用戶的體驗是截然不同的。</p>
<p>比如，你在描述一個產品參數時，最佳的表現方式是表格，而不是文欄位落。表格更能夠體現各個參數之間的區別。又或者是不同版本產品的報價方案時，表格也是最好的選擇。</p>
<p>在很多時候，一些表格&amp;列表的內容更有可能出現在」0位「的排名（特殊展現位），可以讓你的頁面獲得更多的點擊，針對這一點我門稍後再介紹。</p>
<h3><a id="%E6%8A%80%E5%B7%A731%EF%BC%9A%E5%96%84%E7%94%A8lsi%E9%97%9C%E9%8D%B5%E8%A9%9E" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧31：善用LSI關鍵詞</strong></h3>
<p>LSI關鍵詞指的是核心詞的潛在語義詞彙，我喜歡把它叫做聯想詞。即通過一個關鍵詞聯想到的詞彙。比如」coffee（咖啡）「和」starbucks（星巴克）「兩個並不匹配的詞彙，背後卻是緊密相關的。</p>
<h3><a id="%E6%8A%80%E5%B7%A732%EF%BC%9A%E5%85%85%E5%88%86%E5%88%A9%E7%94%A8serp%E5%81%9A%E5%A5%BD%E5%85%A7%E5%AE%B9%E5%A2%9E%E5%80%BC" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧32：充分利用SERP做好內容增值</strong></h3>
<p>當你做好內容后，你可能在短時間內無法看到非常好的數據，但是可以通過內容增值的手段來獲得Google的青睞。其中的一個做法就是利用SERP的資訊來豐富你的網站內容。</p>
<p>所謂SERP就是搜索結果頁面，你在Google中搜索關鍵詞后出現的那個頁面就是。</p>
<p>當搜索引擎結果首頁中出現了 」People also ask（大家經常問）「板塊、或者是 」Videos（影片）「板塊，這時候你就需要注意了。這意味著用戶有疑問、或有看影片等需求。最好的增值方案就是在當前的頁面中同樣加入這些板塊。</p>
<p><img decoding="async" src="https://i.imgur.com/j5aMf3i.jpg" alt="" /></p>
<p>People also ask（大家經常問）</p>
<p>比如在內容里，加入用戶可能會問的問題列表，並連結至自己的Q&amp;A頁面中。或者是在頁面的文字間加入可以給用戶提供幫助的Youtube影片，就可以起到內容增值的作用。</p>
<p>這麼做的理由也十分的簡單。過去用戶需要打開若干頁面才能找到所要的資訊，而現在，你整合了這些資訊，讓用戶不用費力的就能找到，Google自然會更加青睞你的頁面，因為你是真正在做」用戶體驗「。</p>
<h3><a id="%E6%8A%80%E5%B7%A733%EF%BC%9A%E5%9C%A8%E9%A0%81%E9%9D%A2%E4%B8%8A%E6%98%8E%E7%A2%BA%E6%97%A5%E6%9C%9F%E8%B3%87%E8%A8%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧33：在頁面上明確日期資訊</strong></h3>
<p>尤其是針對文字較多的頁面時（比如部落格），這點尤為重要。你需要清晰的告訴Google，文章是什麼時候發布的，什麼時候更新的，這樣可以輔助Google更好的理解網站的更新頻率，制定合理的抓取計劃。同時你的日期會出現在搜索結果當中，能夠給用戶提供額外的資訊，輔助用戶更好的選擇結果。</p>
<p><img decoding="async" src="https://i.imgur.com/XFjG61h.jpg" alt="" /></p>
<p>日期資訊</p>
<p>如果你不精通程式碼，你只需要在頁面中用文字體現出如下資訊即可：</p>
<ul>
<li>發布時間：×××× 年 × 月 × 日</li>
<li>上次更新時間：×××× 年 × 月 × 日晚上 × 點（美國東部時間）</li>
</ul>
<p>根據Google官方的說明，你可以不用精確到某個時間點（時分秒），但是如果你精確了，最好標注出時區資訊。當然每個頁面手動去操作的話可能會比較麻煩。</p>
<h3><a id="%E6%8A%80%E5%B7%A734%EF%BC%9A%E5%88%A9%E7%94%A8%E7%89%B9%E6%AE%8A%E5%B1%95%E7%A4%BA%E4%BD%8D%E7%8D%B2%E5%8F%96%E6%B5%B7%E9%87%8F%E6%B5%81%E9%87%8F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧34：利用特殊展示位獲取海量流量</strong></h3>
<p>上文中我曾經提到了「0位」排名，這個就是在搜索結果中的特殊展示位（Featured Snippets）。相信大家在通過Google搜索關鍵詞時經常會看到類似下方這樣的結果結果，這種就是特殊展示位：</p>
<p><img decoding="async" src="https://i.imgur.com/GHh49Lj.jpg" alt="" /></p>
<p>特殊展示位</p>
<p>由於這些位置相比于正常的搜索結果面積占比較大，並且配有圖片，可以獲得超過通常排名第一的點擊率（目前我觀察到的最高點擊率是56%，而通常首頁第一位點擊率在30%左右）。</p>
<p>意思就是，如果你的部分頁面也能夠產生這樣的特殊展示位的話，就可以額外獲得20%以上的流量。</p>
<p>當然，這個位置不是隨隨便便都可以上的。目前觀測有如下幾種類型的內容容易出現特殊展示位：</p>
<p>定義類：剛才展示的案例就是定義類型。你只需要在當前網站中添加一段關鍵詞的定義（例如 what is ××××）就有可能獲得這樣的暫時位。通常這段文字會控制在100-150字元長度。（問題類頁面直接給出完整的回答的，我也歸類到定義類中）</p>
<p>列表類：通常會使用在步驟的介紹中，類似教程類（Guide）的文字內容。切記需要利用</p>
<ul>
<ol>標注出順序。當你無法使用列表標籤時，需要用文字標注出順序（例如：step1: ×× step2: ×× 這樣）</p>
<p><img decoding="async" src="https://i.imgur.com/ZlXuYBg.jpg" alt="" /></p>
<p>列表</p>
<p>報表類：產品報價表、產品參數表、數據對比等類型的內容容易產生這樣的特殊展示位。此類型的製作要點就是保證表格至少在 「2×2」 範圍以上，同時必需具備表頭（</p>
<th>標籤）標注出列/行的屬性。</p>
<p><img decoding="async" src="https://i.imgur.com/cZLAGZj.jpg" alt="" /></p>
<p>報表</p>
<h3><a id="%E6%8A%80%E5%B7%A735%EF%BC%9A%E9%80%9A%E9%81%8Ebreadcrumb%EF%BC%88%E9%BA%B5%E5%8C%85%E5%B1%91%E5%B0%8E%E8%88%AA%EF%BC%89%E6%8F%90%E5%8D%87%E9%BB%9E%E6%93%8A%E7%8E%87%EF%BC%88%E9%81%A9%E5%90%88%E6%89%80%E6%9C%89%E9%A0%81%E9%9D%A2%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧35：通過Breadcrumb（麵包屑導航）提升點擊率（適合所有頁面）</strong></h3>
<p>不知道大家是否在搜索結果中看到這種類型的URL：</p>
<p><img decoding="async" src="https://i.imgur.com/oh4shTv.jpg" alt="" /></p>
<p>URL形式</p>
<p>區別于普通的URL形式，它多了一種層次結構。大家可以看到上圖種，URL變成了以（&gt;）符號分割的形式。這樣的形式相比于傳統的URL，更加利於用戶理解你的內容。</p>
<p>就拿上方的例子來說吧。即使你不需要看標題或者是描述，你就清晰的了解到，這個頁面是面向SEO小白教程中關於「keyoword research（關鍵詞研究）」的教程。</p>
<p>這麼做可以讓搜索引擎更好的理解你的網站結構，以及各個頁面之間的關係。如果你也希望自己能夠展現這樣的URL形式，你需要在頁面當中添加一個Breadcrumb（麵包屑導航）功能。</p>
<p>2020年10月補充：目前Google搜索結果已不再顯示完整的URL；作為替代會已結構分明的格式展示URL（URL的優化更為重要了）</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16959653482906.jpg" alt="" /></p>
<p>URL展示格式</p>
<h3><a id="%E6%8A%80%E5%B7%A736%EF%BC%9A%E6%8F%90%E9%AB%98%E4%BD%A0%E7%9A%84%E6%96%87%E5%AD%97%E5%92%8C%E8%83%8C%E6%99%AF%E9%A1%8F%E8%89%B2%E7%9A%84%E5%B0%8D%E6%AF%94%E5%BA%A6" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧36：提高你的文字和背景顏色的對比度</strong></h3>
<p>如果你發現頁面有一段文字的顏色和背景色過於相近，建議你趕緊修改這些顏色。因為這些內容在部分顯示器上可能會導致用戶無法正常閱讀。</p>
<p>甚至，Google會把這些內容當作隱藏文字，觸碰Google的規則、網頁會被降低權重。（隱藏文字曾經是一種黑帽手法，Google能夠識別這種做法，並加以懲罰）</p>
<p>同時，圖片遮擋文字、文字大小設置為0、CSS隱藏等做法這些都屬於隱藏文字，即使無心而為之，都可能受到Google的懲罰。</p>
<p>所以，記得做好內容后，詳細檢查你的頁面以保證不會出現上述的情況。</p>
<h3><a id="%E6%8A%80%E5%B7%A737%EF%BC%9A%E9%81%BF%E5%85%8D%E9%97%9C%E9%8D%B5%E8%A9%9E%E5%A0%86%E7%A0%8C" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧37：避免關鍵詞堆砌</strong></h3>
<p>關鍵詞堆砌，指的就是將所有的關鍵詞搜索全部堆在一個板塊中，以用來欺騙Google，獲得長尾詞的流量。通常這些板塊會出現在一些「不重要」的地方（比如：文章末尾、側邊欄、底部等）。</p>
<p>經常出現的關鍵詞堆砌有這幾種類型：大量的無意義的產品型號堆砌、沒有辦法給給用戶提供幫助的地域詞堆砌、電話號碼堆砌、同義詞堆砌等。</p>
<p>同時，不光是頁面上，在頁面的標題中也切記避免堆砌的情況。往往很多人在書寫標題時喜歡把產品相關的詞彙全部加入標題中，這樣也會導致Google懲罰你的頁面。</p>
<h3><a id="%E6%8A%80%E5%B7%A738%EF%BC%9A%E6%8A%84%E8%A5%B2%E3%80%81%E6%94%B9%E5%AF%AB%E3%80%81%E8%87%AA%E5%8B%95%E7%BF%BB%E8%AD%AF%E3%80%81%E8%87%AA%E5%8B%95%E7%94%9F%E6%88%90%E5%85%A7%E5%AE%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧38：抄襲、改寫、自動翻譯、自動生成內容</strong></h3>
<p>別把客戶當傻子，別把Google當傻子。你可以通過閱讀理解並提煉其它網站的內容，用來做內容的增值。但是不能直接抄襲或者粗暴的改寫別人的內容。</p>
<p>小技巧：如果你需要引用別人的文字，推薦使用</p>
<blockquote><p>標籤，並標注來源：</p>
<p><img decoding="async" src="https://i.imgur.com/NKxEizQ.jpg" alt="" /></p>
<p>標注來源</p>
<h3><a id="%E6%8A%80%E5%B7%A739%EF%BC%9A%E4%BD%A0%E9%9C%80%E8%A6%81%E5%AE%9A%E6%9C%9F%E6%AA%A2%E6%9F%A5ugc%E5%85%A7%E5%AE%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧39：你需要定期檢查UGC內容</strong></h3>
<p>UGC指的是 「User Generate Content（用戶產生內容）」，很多網站中都會有UGC的內容存在，比如我的部落格中就有用戶產生的評論。同時一些社區類 網站（例如論壇）會產生大量的UGC內容，而這些內容可能會導致降權。</p>
<p>UGC像一把雙刃劍，一方面他可以幫助站長拓寬網站的關鍵詞主題；另一方面，它會產生很多「沒有意義」的內容（「灌水、水貼」等），而這些「沒有意義「的內容有可能會導致網站降權。</p>
<p>甚至一部分Spammer喜歡使用機器/工具，發布大量的垃圾資訊/外鏈。這是作為任何一個站長都不願意看到的：</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16959653482942.png" alt="" /></p>
<p>垃圾資訊示例</p>
<p>針對論壇類網站，你就需要有一個版主時刻幫助你來審核新發布的帖子。如有遇到刻意灌水或垃圾貼就可以主動刪除，以防止降權。</p>
<h3><a id="%E6%8A%80%E5%B7%A740%EF%BC%9A%E5%88%A9%E7%94%A8%E8%81%9A%E5%90%88%E9%A0%81%E9%9D%A2%E5%8F%83%E8%88%87%E6%9B%B4%E5%A4%9A%E9%97%9C%E9%8D%B5%E8%A9%9E%E7%9A%84%E6%8E%92%E5%90%8D" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧40：利用聚合頁面參與更多關鍵詞的排名</strong></h3>
<p>聚合頁，就是分類頁、列表頁。平時大家看到的產品分類，文章分類頁面就是聚合頁的一種。</p>
<p>說到聚合頁我不得不說到阿里巴巴國際站（下面簡稱阿里國際站）。如果你問哪個網站聚合頁做的很牛掰，肯定非阿里國際站莫屬。</p>
<p>在國際站中有下方這樣一種類型的頁面：<a href="https://link.zhihu.com/?target=http%3A//www.alibaba.com/showroom/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://www.alibaba.com/showroom/</a>×××××××</p>
<p>這個就是阿里國際站眾多聚合頁類型中的一種最主要的類型。使用的是搜索聚合的手法。對於大家來說，你不必了解這個手法是怎麼實現的，你只需要知道，通過對內容頁進行整合/分組的處理，生成的新的頁面就可以參與更多的關鍵詞的排名。</p>
<p><img decoding="async" src="https://i.imgur.com/4vrrI7K.png" alt="" /></p>
<p>Ahrefs的數據</p>
<p>根據Ahrefs的數據來看，showroom類型的頁面參與了620萬關鍵詞的排名，預估可以獲得510萬的自然搜索流量。反觀阿里國際站的主 網站（<a href="https://link.zhihu.com/?target=http%3A//www.alibaba.com" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://www.alibaba.com</a>）的數據：</p>
<p><img decoding="async" src="https://i.imgur.com/22dyi6S.png" alt="" /></p>
<p>阿里國際站的數據</p>
<p>主 網站有890萬的關鍵詞，740萬的自然搜索流量。如果從流量角度來看，此類型的聚合頁流量佔了主站整體流量的：5.1 / 7.4 ≈ 68.9%！驚喜不驚喜，意外不意外？</p>
<p>ok，這個時候你肯定在想，如果你的網站也添加非常多的聚合頁，是不是也能夠實現這樣的效果呢？</p>
<p>非也，聚合頁的實現，是建立在網站擁有充足的詳情頁/內容頁才可以實現的。如果你只有那麼幾個內容頁，卻生成了大量的聚合頁，勢必會產生大量的重複內容。而重複內容過多，就會導致Google懲罰你的網站。</p>
<h2><a id="%E8%A3%BD%E4%BD%9C%E5%85%A7%E5%AE%B9%E6%99%82%EF%BC%8C%E4%BF%AE%E5%BE%A9%E5%8F%AF%E8%83%BD%E5%AD%98%E5%9C%A8%E7%9A%84%E3%80%8C%E9%8C%AF%E8%AA%A4%E3%80%8D" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>製作內容時，修復可能存在的「錯誤」</strong></h2>
<p>對頁面中可能存在的失效連結、圖片需要及時做出處理。</p>
<p>同時隨著內容越來越多時，可能會因為 程式、或者誤操作原因導致網站出現重複頁面、孤島頁面等問題。這些也會導致Google降權。所以作為站長不僅需要對頁面進行檢測，還需要定期對整個 網站做整體的檢測。</p>
<h3><a id="%E6%8A%80%E5%B7%A741%EF%BC%9A%E7%99%BC%E5%B8%83%E5%85%A7%E5%AE%B9%E5%90%8E%E9%9C%80%E8%A6%81%E6%AA%A2%E6%B8%AC%E9%A0%81%E9%9D%A2%E4%B8%AD%E7%9A%84%E5%A4%B1%E6%95%88%E9%80%A3%E7%B5%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧41：發布內容后需要檢測頁面中的失效連結</strong></h3>
<p>很多人在製作完頁面併發布后，就雙手合十，期盼Google會給予好的排名。但是有些時候，你會在非常明顯的地方犯錯誤，比如在製作內鏈時，給連結多加了一個」空格「；又或者是添加了一張地址錯誤的圖片。這些都會影響Google的判斷。</p>
<p>所以，祈禱是沒有用的，你需要手動的確保你的頁面萬無一失。檢測方法也很簡單，使用Chrome瀏覽器的外掛—— Broken Link Checker。你只需要安裝此外掛后，在打開頁面時開通該外掛，它就會將當前頁面中失效的連結高亮出來。</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16959653482965.jpg" alt="" /></p>
<p>Broken Link Checker</p>
<h3><a id="%E6%8A%80%E5%B7%A742%EF%BC%9A%E8%AB%8B%E5%81%9A%E5%A5%BD%E6%96%87%E5%AD%97%E6%AA%A2%E6%B8%AC" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧42：請做好文字檢測</strong></h3>
<p>做英文內容，不需要你有華麗的辭藻。用語清晰，能夠簡明扼要的表述觀點即可。但是非英語母語的人員在處理文字時往往會出現這樣一些錯誤：拼寫問題、語句坑長、語句邏輯混亂等情況。</p>
<p>我推薦大家使用 Grammarly工具輔助進行內容的製作。它可以在製作內容的同時，即時修復文字中的錯誤。同時你還可以通過它選擇更簡單明了的表達方式。（對於語文不及格的我來說，真希望中文也有這樣的工具）</p>
<p><img decoding="async" src="https://i.imgur.com/AkUX2xP.jpg" alt="" /></p>
<p>文字檢測</p>
<p>當然 Grammarly的高級功能是需要付費才能夠使用的，如果你囊中羞澀可以考慮使用這款工具——Hemingway App，你可以將寫好的內容複製進入這個工具進行檢測。</p>
<p><img decoding="async" src="https://i.imgur.com/FUzSqwp.jpg" alt="" /></p>
<p>把內容複製進入這個工具進行檢測</p>
<h3><a id="%E6%8A%80%E5%B7%A743%EF%BC%9A%E8%87%AA%E7%84%B6%E8%AA%9E%E7%BE%A9%E5%88%86%E6%9E%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧43：自然語義分析</strong></h3>
<p>通常在製作完內容后，我會嘗試使用自然語義分析工具去檢測內容。看看站在機器的角度是否能夠理解所寫的文章。這裡我選擇使用的是—— Natural Language Understanding。</p>
<p>你只需要將發布后的頁面放入提示框中，讓工具自動進行檢測即可。</p>
<p><img decoding="async" src="https://i.imgur.com/hvg70k8.jpg" alt="" /></p>
<p>自然語義分析</p>
<p>結果出來后，我會主要觀察Keywords選項，看看工具給出的最為相關的關鍵詞是否符合當前內容主題。</p>
<p><img decoding="async" src="https://i.imgur.com/CZ4BQR5.jpg" alt="" /></p>
<p>查看關鍵詞是否符合當前內容主題</p>
<h3><a id="%E6%8A%80%E5%B7%A744%EF%BC%9A%E7%B5%90%E5%90%88%E5%92%8C%E4%B8%BB%E9%A1%8C%E7%9B%B8%E9%97%9C%E7%9A%84%E6%99%82%E6%95%88%E6%80%A7%E5%85%A7%E5%AE%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧44：結合和主題相關的時效性內容</strong></h3>
<p>在網站中添加最具時效性的內容是非常常見的一種SEO手段。畢竟Google搜索引擎就是給用戶提供最新、最有效的資訊的地方，如果你的內容可以結合時效資訊進行製作的話，質量、索引速度、排名速度也會比其它頁面快很多。</p>
<p>比如dog bites，我將這個詞同樣的放到content explorer中，並按照最新發布的時間進行排序，就得到了如下的結果：</p>
<p><img decoding="async" src="https://i.imgur.com/DeLY0fj.jpg" alt="" /></p>
<p>content explorer</p>
<p>其中一個新聞文章內容似乎收穫到了非常多的連結，併產生了不錯的自然搜索流量：</p>
<p><img decoding="async" src="https://i.imgur.com/bbHJDlx.png" alt="" /></p>
<p>其中一個新聞文章內容</p>
<p>可以將這樣的資訊加入到內容當中。寫」dog bites infection「主題的時候，就可以很好的結合這個具有時效性的新聞（Dog bite sends young boy to the hospital），提高內容質量。</p>
<h3><a id="%E6%8A%80%E5%B7%A745%EF%BC%9A%E6%AA%A2%E6%B8%AC%E5%87%BA%E9%87%8D%E8%A4%87%E6%A8%99%E9%A1%8C%E4%B8%A6%E4%BF%AE%E5%BE%A9%E5%AE%83%E5%80%91" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧45：檢測出重複標題並修復它們</strong></h3>
<p>重複標題，指的是2個或2個以上的頁面擁有同樣的標題。Google的建議是每一個不同的頁面都應該擁有獨一無二的標題。相同的標題會導致用戶無法分區這些頁面，也會讓搜索引擎無法很好的識別頁面的內容。</p>
<p>…避免重複或樣板標題。您網站上的每一個網頁都應該有獨特的描述性標題….</p>
<p><a href="https://link.zhihu.com/?target=https%3A//support.google.com/webmasters/answer/35624%3Fhl%3Dzh-Hans%26ref_topic%3D9456381" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://support.google.com/webmasters/answer/35624?hl=zh-Hans&amp;ref_topic=9456381</a></p>
<p>我門需要定期的對網站進行整理的掃描，將相同標題的頁面給找出來並加以修改。這裡我門會用到的就是ScreamingFrog工具。你只需要將自己的網址放入工具，讓工具自行檢測。然後讓各個頁面的標題按照字母順序進行排列，你就能輕鬆的找到相同標題的頁面，就像下圖這樣：</p>
<p><img decoding="async" src="https://i.imgur.com/uJjs0tE.jpg" alt="" /></p>
<p>相同標題的頁面</p>
<h3><a id="%E6%8A%80%E5%B7%A746%EF%BC%9A%E9%87%8D%E8%A4%87%E9%A0%81%E9%9D%A2%E8%99%95%E7%90%86" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧46：重複頁面處理</strong></h3>
<p>重複頁面區別于單一的標題重複，指的是相同的頁面存在多個URL地址，並且Google也抓取了這些URL。那麼到底應該給哪一個URL排名呢？如果我們不主動處理這些頁面的話，就會導致Google也無法判斷。</p>
<p>通常情況，我門會保持一個頁面有且只有一個外顯的URL。如果出現了多個URL，我們會使用301跳轉或者是Canonical標籤進行處理，但是這兩個方法在應用上是有區分的。籠統的來說：</p>
<ul>
<li>301跳轉：適用於你不需要保留舊URL，完全使用新URL。</li>
<li><strong>Caonical標籤</strong>：適用於你需要保留舊URL，但是希望Google以新URL參與排名。</li>
</ul>
<p><strong>技巧47：孤島頁面處理</strong></p>
<p>孤島頁面指的是，沒有任何反向連結（注意：反鏈，不是外鏈）的頁面。具體就是，一個頁面除了通過URL訪問之外，你找不到任何其它的入口。這些頁面雖然可能會被Google加入索引，但是它並不會提高網站的整體權重，相反由於缺少入口，用戶無法抵達，導致拉低了網站的平均水平。</p>
<p>雖然Google並不會懲罰這樣的頁面…但是也不會提升它，從網站整體來看，百害而無一利。這個時候你就需要找出這些孤島頁面，並及時做出處理。這裡我們會用Ahrefs的 Site Audit（網站檢測）功能進行孤島頁面的檢測：</p>
<p><img decoding="async" src="https://i.imgur.com/Vsn36U2.jpg" alt="" /></p>
<p>Site Audit（網站檢測）</p>
<p>檢測出的孤島頁面，如果需要保留，建議針對這些頁面適當的去製作一些內鏈。如果不需要，直接刪除，並且將URL跳轉至其它對應主題的頁面上。</p>
<h3><a id="%E6%8A%80%E5%B7%A748%EF%BC%9A%E5%9E%83%E5%9C%BE%E9%A0%81%E9%9D%A2%E8%99%95%E7%90%86" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧48：垃圾頁面處理</strong></h3>
<p>垃圾頁面，這裡我指的是無曝光、低曝光的頁面（特殊頁面除外）。請大家試想這樣一個問題，你寫了篇文章，而這篇文章沒有產生任何的價值（無詞無曝光更無點擊），那和「鹹魚」有什麼區別呢？相反，這樣的頁面過多，就會導致Google認為你的整個網站就是「一條鹹魚」，更不可能獲得搜索引擎優的青睞。</p>
<p>所以，你需要找到這些頁面逐一處理。方法也很簡單，使用<strong>Google Search Console（Google站長工具</strong>，以下簡稱GSC，沒有驗證的看這裡）進行檢測。</p>
<p>在GSC工具左側有一個效果報告，其中會展示當前網站中索引頁面的曝光&amp;點擊數據。你只要將曝光從大到小進行排列，找出那些時間長，但是曝光過低的那些頁面。（特殊頁面可以排除，比如聯繫我們、隱私條例頁面等、有存在必要卻無需排名的頁面）像下方這樣：</p>
<p><img decoding="async" src="https://i.imgur.com/9UxEEkK.jpg" alt="" /></p>
<p>查看3個月的時間，網站曝光（展示）情況</p>
<p>3個月的時間，曝光（展示）只有個位數，這樣的頁面勢必存在各種問題。比如：關鍵詞選擇錯誤、內容短空、重複頁面、孤島頁面等等。這些頁面直接「拉低了整條街的智商」。</p>
<p>值得注意的是，GSC工具檢測出的至少是有曝光的頁面，但是你的網站中可能會存在壓根就沒有曝光的頁面。這頁面是不會顯示在GSC工具中，所以你需要通過掃描工具（比如Screamingfrog這樣的）掃描出所有的頁面，並結合GSC給出的網址逐個進行排查。</p>
<h3><a id="%E6%8A%80%E5%B7%A749%EF%BC%9A%E7%94%A8google%E6%A8%A1%E6%93%AC%E6%8A%93%E5%8F%96%E9%A0%81%E9%9D%A2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧49：用Google模擬抓取頁面</strong></h3>
<p>這一點其實對於大部分的網站是無需注意的，但是如果你發現Google長時間沒有收錄/索引你的頁面。你可能需要通過GSC的模擬Google蜘蛛抓取工具（fetch as google、新版的叫URL inspection tool），去判斷是否存在抓取問題。</p>
<p>模擬Google蜘蛛抓取</p>
<p>原因是，極少部分的網站是通過JS等調用實現內容的展現。但是這種展現方式非常不利於Google抓取。也許在你看來頁面上有內容呈現，但是對於搜索引擎來說可能只是一段坑長的程式碼而以。</p>
<p>同時，大家都知道Google會讀取頁面中的連結資訊，並進行深度爬行。但是如果你使用的並非是標準的HTML錨文本標記，那麼Google是無法跟蹤這些連結的。</p>
<p>連結示例</p>
<h3><a id="%E6%8A%80%E5%B7%A750%EF%BC%9Ahttps%E9%A0%81%E9%9D%A2%E8%BC%89%E5%85%A5http%E8%B3%87%E6%BA%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧50：https頁面載入http資源</strong></h3>
<p>如果你的網站使用了SSL加密（https）那麼其中所有 網站資源都應該是https的！尤其是在做SSL加密的過程中經常出現這種情況，在做完https后，很多人會忘記更換 程式默認的資源網址，直接導致網站的跳出率變高。</p>
<p>如果你載入了http的資源，那麼你的瀏覽器就可能出現這樣的錯誤提示：</p>
<p>錯誤提示</p>
<p>用戶可不清楚是什麼原因，一旦它們發現你的網站提示了「not secure」，它們會通常會直接退出你的網站。而跳出率過高就會影響到你網站的排名（尤其是排名首頁的關鍵詞）</p>
<p>好消息是，這個修復也非常的簡單。你只需要進入網站後台，將默認的資源地址，更換成https的即可。就像下方這樣：（wordpress 程式）</p>
<p><img decoding="async" src="https://i.imgur.com/JI0PAQm.jpg" alt="" /></p>
<p>默認的資源地址</p>
<p>同等情況下，https的網站更利於排名，早在2014年的時候Google就聲明了https會作為排名要素之一。</p>
<p>… we』re starting to use HTTPS as a ranking signal …</p>
<p><a href="https://link.zhihu.com/?target=https%3A//webmasters.googleblog.com/2014/08/https-as-ranking-signal.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://webmasters.googleblog.com/2014/08/https-as-ranking-signal.html</a></p>
<h3><a id="%E6%8A%80%E5%B7%A751%EF%BC%9A%E6%B3%A8%E6%84%8F%E4%BD%A0%E7%9A%84%E5%AD%97%E9%AB%94%E5%A4%A7%E5%B0%8F%E5%8F%8A%E8%A1%8C%E9%96%93%E8%B7%9D" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧51：注意你的字體大小及行間距</strong></h3>
<p>字體大小（font-size）和行間距（line-height）會直接影響用戶的閱讀體驗。如果你文字又小，行間距不夠就會導致文字太過於密集，閱讀會十分吃力。字體過小可能會被搜索引擎判定為作弊。同時，如果你驗證過GSC工具的話，在 行動裝置易用性報告中可能也會提示這樣的錯誤：</p>
<p><img decoding="async" src="https://i.imgur.com/xVM7MGu.jpg" alt="" /></p>
<p>行動裝置易用性報告</p>
<p>值得注意的是，如果GSC主動給出了這個資訊，那麼可能就代表你在用戶體驗上已經被Google「扣分」了。與其說讓Google檢測，不如防範于未然。</p>
<h3><a id="%E6%8A%80%E5%B7%A752%EF%BC%9A%E9%A0%81%E9%9D%A2%E5%85%83%E7%B4%A0%E4%B8%8D%E8%A6%81%E8%B6%85%E5%87%BA%E6%9C%80%E5%A4%A7%E5%AF%AC%E5%BA%A6" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧52：頁面元素不要超出最大寬度</strong></h3>
<p>頁面元素超出寬度指的是，頁面中有部分板塊的內容超過螢幕最大寬度，需要左右滑動才可以觀看到完整的頁面。尤其在移動端，或者是低解析度的PC端訪問時，影響非常大。</p>
<p><img decoding="async" src="https://i.imgur.com/Hr91gUn.jpg" alt="" /></p>
<p>超出寬度</p>
<p>大家應該會發現， 滑鼠可以做到輕鬆的上下滑動，但是一旦需要左右滑動，就得點擊窗口拖動才可以。這更不用說使用觸摸板，以及移動端的用戶了，操作起來更是吃力。所以這一點尤為重要，如果你出現了這樣的錯誤，儘快修復它。當然，GSC工具也會提示類似的錯誤資訊：</p>
<p>錯誤資訊</p>
<p>這時需要你聯繫網站的技術人員，將板塊的寬度跟隨窗口的寬度的變化而變化，不能超出窗口的最大寬度。</p>
<p><img decoding="async" src="https://i.imgur.com/bJLZPBo.jpg" alt="動圖封面" /></p>
<p>板塊的寬度跟隨窗口的寬度的變化而變化</p>
<h3><a id="google%E4%B8%8D%E4%B8%80%E5%AE%9A%E6%9C%83%E7%99%BC%E7%8F%BE%E4%BD%A0%E7%9A%84%E9%A0%81%E9%9D%A2%EF%BC%8C%E4%BD%A0%E9%9C%80%E8%A6%81%EF%BC%9A%E5%90%91%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E6%8F%90%E4%BA%A4%E4%BD%A0%E7%9A%84%E9%A0%81%E9%9D%A2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>Google不一定會發現你的頁面，你需要：向搜索引擎提交你的頁面</h3>
<p>Google搜索引擎相比于百度，蜘蛛活躍度更高，也就是說它會更加主動的抓取新的頁面。但是，這並不是100%的。有一定可能，Google依然無法發現你的頁面，這個時候就需要你主動向搜索引擎提交你的URL。</p>
<h3><a id="%E6%8A%80%E5%B7%A753%EF%BC%9A%E7%B5%A6%E8%87%AA%E5%B7%B1%E7%9A%84%E7%B6%B2%E7%AB%99%E8%A8%AD%E7%BD%AE%E4%B8%80%E5%80%8Bsitemap%EF%BC%88%E7%B6%B2%E7%AB%99%E5%9C%B0%E5%9C%96%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧53：給自己的網站設置一個Sitemap（網站地圖）</strong></h3>
<p>Sitemap網站地圖又名 網站地圖，對於大部分SEO人員來說並不陌生，它是Google發現新頁面的一個主要途徑。類似wordpress、joomla等成熟的開放原始碼 程式都配備了對應的sitemap外掛。針對一部分小眾 程式，你就需要手動製作一個網站地圖了。</p>
<p>關於網站地圖的說明、以及如何製作網站地圖，建議大家看我之前的一篇文章，我就不再贅述了。網站地圖製作好之後，你只需通過GSC工具做的 網站地圖功能提交sitemap的連結即可。</p>
<p><img decoding="async" src="https://i.imgur.com/V0yoE7n.jpg" alt="" /></p>
<p>提交sitemap的連結</p>
<p>值得注意的是，如果你使用的是外掛製作的sitemap，只需要提交一次即可。因為外掛會自動更新地圖中的連結；但是，如果你是手動生成的網站地圖，那麼就需要定期的向Google提交新的sitemap地址。</p>
<h3><a id="%E6%8A%80%E5%B7%A754%EF%BC%9A%E5%A6%82%E6%9E%9C%E4%BD%A0%E6%98%AF%E6%96%B0%E7%B6%B2%E7%AB%99%E5%8F%AF%E4%BB%A5%E5%98%97%E8%A9%A6%E6%89%8B%E5%8B%95%E6%8F%90%E4%BA%A4url" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧54：如果你是新網站可以嘗試手動提交URL</strong></h3>
<p>當你將新的頁面URL放入GSC的URL inspection tool時，它會提示你是否請求編入索引。這個就是最新的GSC手動提交的方式。</p>
<p>使用手動提交的好處就是，能夠快速的被Google抓取並處理。在使用此方法時，你需要注意如下幾點：</p>
<ul>
<li>提交前請確保頁面上的內容、視覺體驗、連結等不存在太大的問題。</li>
<li>不要在當天重複提交同一個頁面。（多次提交會懲罰，親測結果，別亂提交）</li>
<li>不需要手動提交已索引的頁面。</li>
</ul>
<h3><a id="%E6%8A%80%E5%B7%A755%EF%BC%9A%E6%89%B9%E9%87%8F%E6%8F%90%E4%BA%A4%E5%B7%A5%E5%85%B7%EF%BC%88%E8%BC%94%E5%8A%A9%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧55：批量提交工具（輔助）</strong></h3>
<p>以上講到的提交方法其實都需要手動操作，當然你也可以使用工具進行批量提交。我主要推薦大家使用這個工具：Linkprocessor（付費）。使用方法也是非常的簡單：你只要把需要提交的連結放入工具中，就會自動幫你提交到Google。</p>
<h2><a id="%E7%B6%B2%E7%AB%99%E9%9C%80%E8%A6%81%E5%85%B7%E5%82%99%E7%9A%84%E7%A1%AC%E6%80%A7%E8%A6%81%E6%B1%82" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>網站需要具備的硬性要求</strong></h2>
<p>SEO並非只有內容、連結那麼簡單。如果你希望網站能夠獲得Google的青睞，就需要滿足一定前提條件。因為這些硬性的要求會直接影響到用戶體驗。其中重要的有3點：SSL加密、網站速度、自適應。關於SSL加密，我已經講過，下面就主要圍繞速度和自適應來講解。</p>
<h3><a id="%E6%8A%80%E5%B7%A756%EF%BC%9A%E5%A3%93%E7%B8%AE%E4%BD%A0%E7%9A%84%E5%9C%96%E7%89%87" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧56：壓縮你的圖片</strong></h3>
<p>壓縮圖片可以大幅度的提升網站打開速度，畢竟頁面上佔用資源最多的就是圖片了。你可以通過瀏覽器的F12調試功能查看載入每張圖片需要消耗多長時間。雖然PC端圖片大小要求並沒有那麼嚴格，但是在移動端，圖片的大小就極度影響速度（畢竟5G普及還有一段時間）。</p>
<p>這裡推薦一個工具—— TinyPNG</p>
<p><img decoding="async" src="https://i.imgur.com/xXCHuq7.jpg" alt="" /></p>
<p>TinyPNG</p>
<p>從原有的42.8kb壓縮到了13.8kb，整整壓縮了68%。這就意味著，我如果將所有的圖片都壓縮后，排除其它因素，我大約可以提升68%的速度。</p>
<h3><a id="%E6%8A%80%E5%B7%A757%EF%BC%9Agoogle%E6%8E%A8%E8%96%A6%E4%BD%BF%E7%94%A8%E8%87%AA%E9%81%A9%E6%87%89%E7%B6%B2%E7%AB%99" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧57：Google推薦使用自適應網站</strong></h3>
<p>自適應指的是在URL不變的情況下，頁面展示效果能夠自動適配PC端以及移動端。如果當訪問PC端和移動端頁面的URL發生變化，則不屬於自適應，而是網站的兩個版本（此類屬於PC 移動適配站）</p>
<p>Google在開發者幫助文檔中推薦站長使用自適應網站，原因如下：</p>
<ol>
<li>用戶只需要通過一個網址就可以分享和連結你的頁面。</li>
<li>不需要主動區分PC端和移動端，便於Google識別與處理。</li>
<li>作為站長的維護成本降低。</li>
<li>用戶訪問時不需要進行PC端和移動端的識別，節省頁面的打開時間，利於用戶體驗。</li>
<li>Google在抓取頁面時消耗的成本（資源）更低，因為只需要抓取一個網址即可。</li>
</ol>
<p>同時，如果你的網站正在使用自適應，那麼建議你在每個頁面的<head></head>標籤內添加如下的meta標籤：</p>
<p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p>
<p>這段程式碼的意思就是告訴Google搜索引擎你的頁面是自適應的，不需要Google多次進行判斷。</p>
<h3><a id="%E6%8A%80%E5%B7%A758%EF%BC%9A%E8%AB%8B%E7%82%BA%E8%87%AA%E5%B7%B1%E7%9A%84%E7%B6%B2%E7%AB%99%E8%A8%AD%E7%BD%AE%E4%B8%80%E5%80%8Bfavicon" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧58：請為自己的網站設置一個Favicon</strong></h3>
<p>Favicon是你的站的一個小圖標，它會顯示在瀏覽器的標籤中。同時當你分享網頁、收藏頁面等時，小圖標會出現在用戶面前。</p>
<p>雖然設置Favicon並不會直接對seo排名產生影響，但是設置過Favicon后，用戶更容記住你的網站。同時在部分搜索引擎中，favicon會直接顯示在搜索結果中（比如： <a href="https://link.zhihu.com/?target=http%3A//DuckDuckgo.com" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://DuckDuckgo.com</a>）。一個漂亮的favicon更容易吸引用戶點擊你的網站。</p>
<p><img decoding="async" src="https://i.imgur.com/z2KuwMg.jpg" alt="" /></p>
<p>favicon會直接顯示在搜索結果中</p>
<p>如果你想給自己的網站添加一個favicon的話，首先就需要根據自己的logo設計出一個16×16像素的icon圖標。這裡有個非常好用的在線工具可以免費用來製作icon——Favicon &amp; App Icon Generator。</p>
<p>你只需要將自己的logo（正方形）上傳到工具中，生成ico文件（icon圖標后綴是」.ico「）。然後下載這個文件，並命名為「favicon.ico」並且將此文件通過ftp工具上傳到網站根目錄中。</p>
<p>同時在每個頁面的<head></head>程式碼中添加如下這段程式碼：</p>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<p>再次刷新瀏覽器，你就會發現自己的瀏覽器標籤中出現了設置好的圖標。</p>
<h3><a id="%E6%8A%80%E5%B7%A759%EF%BC%9A%E5%A4%9A%E8%AA%9E%E8%A8%80%E7%B6%B2%E7%AB%99%E8%A8%98%E5%BE%97%E4%BD%BF%E7%94%A8hreflang%E6%A8%99%E7%B1%A4" class="anchor" aria-hidden="true" data-wpel-link="internal" rel="noopener noreferrer"><span class="octicon octicon-link"></span></a><strong>技巧59：多語言網站記得使用hreflang標籤</strong></h3>
<p>hreflang標籤是一種專門標記網頁語言的標籤。如果你的網站只有一種語言（比如英語）你就無需設置。但是如果有多個語言版本的頁面，那麼在不同的語言頁面之間就需要用hreflang標籤標記，讓Google更好的理解你的內容。</p>
<p>下方是Google幫助中給出的hreflang標記的完整程式碼。</p>
<link rel="alternate" hreflang="lang\_code" href="[https://ask.imiker.com/url\_of\_page](https://link.zhihu.com/?target=https%3A//ask.imiker.com/url_of_page)" />
<p>我用一個例子來說明這個標籤應該如何使用：</p>
<p>假設你有2個頁面使用不同的語言版本，英文頁面A和中文頁面B。這個時候你需要同時在這兩個頁面的頭部（<head></head>之間）添加如下程式碼。</p>
<link rel="alternate" hreflang="en" href="[https://ask.imiker.com/](https://link.zhihu.com/?target=https%3A//ask.imiker.com/)頁面A地址" />
<link rel="alternate" hreflang="zh" href="[https://ask.imiker.com/](https://link.zhihu.com/?target=https%3A//ask.imiker.com/)頁面B地址" />
<p>這裡「en」就是英文的語言縮寫，同理 「zh」 就是中文的語言縮寫。你不僅可以設置語言，還可以設置地域屬性。例如下方這樣：</p>
<link rel="alternate" hreflang="en-US" href="[https://ask.imiker.com/](https://link.zhihu.com/?target=https%3A//ask.imiker.com/)頁面A地址" />
<link rel="alternate" hreflang="zh-TW" href="[https://ask.imiker.com/](https://link.zhihu.com/?target=https%3A//ask.imiker.com/)頁面B地址" />
<p>US代表美國，TW代表台灣，一般來說，我們只需要精確到語言即可，除非你有特殊的需求。</p>
<p>在設置多語言版本時你需要注意的時，你有多少個語言版本，就需要在每個版本的頁面設置多個語言標記程式碼，分別把對應的頁面標注出來。</p>
<p><strong>連結建設</strong></p>
<p>SEO中流傳一句話：「內容為王，外鏈為皇」。外鏈和內容相同重要，尤其是在當兩個頁面內容質量旗鼓相當時。外鏈不僅僅可以推動網站的排名，同時可以給你的網站帶來額外的流量。</p>
<h3><a id="%E6%8A%80%E5%B7%A760%EF%BC%9A%E5%88%A9%E7%94%A8pinterest%E5%A4%96%E9%8F%88%E7%8D%B2%E5%BE%97%E6%9B%B4%E5%A4%9A%E6%B5%81%E9%87%8F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧60：利用Pinterest外鏈獲得更多流量</strong></h3>
<p>Pinterest是一個以圖片為主的圖片社交平台。很多人不知道的是，你可以將網站中的圖片分享到Pinterest中，相當於你獲得了一條圖片外鏈。</p>
<p>同時不僅僅是圖片外鏈，你還可以通過在賬號說明中、以及圖片說明中添加純文本的連結，這些都會被Google計入。下圖就是GSC工具中所統計的Pinterest外鏈記錄：</p>
<p><img decoding="async" src="https://i.imgur.com/YbFM4YJ.jpg" alt="" /></p>
<p>Pinterest外鏈記錄</p>
<p>對於各位站長來說，有個非常好的消息就是：Pinterest外鏈只需要你下載一個瀏覽器外掛就能夠輕鬆分享你的圖片。你可以直接在Chrome網上應用商店中搜索 「Pinterest」並下載官方外掛：</p>
<p><img decoding="async" src="https://i.imgur.com/c93ZbMc.jpg" alt="" /></p>
<p>瀏覽器外掛</p>
<p>下載並開通后，你只需要打開網站中任意有圖片的頁面，就可以在圖片的左上角看到紅色的「Save」圖標。點擊圖標即可把圖片分享到Pinterest中！</p>
<p><img decoding="async" src="https://i.imgur.com/BAFkkq3.jpg" alt="" /></p>
<p>「Save」圖標</p>
<p><img decoding="async" src="https://i.imgur.com/w31ZOC4.jpg" alt="" /></p>
<p>圖片分享到Pinterest</p>
<p>不僅是外鏈，因為Pinterest本身就自帶流量，如果你分享的圖片使一些高質量的Info graphic（詳看第23條）其它感興趣的用戶就會主動Pin你的圖片，分享給更多的用戶，你就能夠通過這些圖片獲得額外的平台流量。下面就是Ahrefs官方給出的Pinterest自然搜索流量數據：</p>
<p><img decoding="async" src="https://i.imgur.com/5A0iov4.jpg" alt="" /></p>
<p>Pinterest自然搜索流量</p>
<p>2億1千500萬的關鍵詞數量，以及3億1千600萬的自然搜索流量，你不想從中撈點流量麼？</p>
<h3><a id="%E6%8A%80%E5%B7%A761%EF%BC%9A%E5%88%A9%E7%94%A8yupoo%E5%A2%9E%E5%8A%A0%E5%9C%96%E7%89%87%E5%A4%96%E9%8F%88" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧61：利用Yupoo增加圖片外鏈</strong></h3>
<p>Yupoo和剛才說的Pinterest平台很類似，它是一個圖片儲存平台。你可以將圖片上傳或分享到Yupoo平台上，在獲取額外流量的同時，還能夠給自己的圖片/網址做外鏈。方法和Pinterest一樣，去官網註冊賬號，並下載對應的瀏覽器外掛即可。</p>
<p>不同的地方在於，Yupoo的高級賬號是收費的。詳細的大家可以自行研究，我就不多解釋。</p>
<h3><a id="%E6%8A%80%E5%B7%A762%EF%BC%9A%E5%9C%A8quora%E4%B8%8A%E7%95%99%E4%B8%8B%E4%BD%A0%E7%9A%84%E9%80%A3%E7%B5%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧62：在Quora上留下你的連結</strong></h3>
<p>我在講關鍵詞挖掘的時候就提到了Quora這個平台，在建立連結的時候我們也可以利用這個平台來獲取額外的外鏈。值得注意的是，在Quora上你留下的連結是nofollow的，它不一定能夠給你帶來很多的權重，但是它去可以給你帶來一些額外的流量。</p>
<p><img decoding="async" src="https://i.imgur.com/9SKzort.jpg" alt="" /></p>
<p>Quora連結</p>
<p>你只需要從Quora中挑選和自己網站相關的問題，並專業的回答這些問題，那麼你就可以成功的將連結留在Quora上：</p>
<p><img decoding="async" src="https://i.imgur.com/tLjI5WC.jpg" alt="" /></p>
<p>回答問題，留下連結</p>
<p>例中的問答內容行銷氣息稍微有點重，但也是成功的留下了自己的連結，並且通過Quora每天都能夠獲得額外的流量。</p>
<p>在製作Quora問答時記得需要站在用戶的角度，盡可能的為提問者提供幫助。做到專業、有效、有價值。不能為了做連結而回答，否則只有被封號的下場，得不償失。</p>
<h3><a id="%E6%8A%80%E5%B7%A763%EF%BC%9A%E7%8D%B2%E5%8F%96wikipedia%E7%9A%84%E5%A4%96%E9%8F%88" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧63：獲取Wikipedia的外鏈</strong></h3>
<p>wikipedia（以下簡稱wiki）作為一個開放性非盈利網站，任何人都可以編輯裡面的詞條內容，裡面有大量的站外連結。雖然我題目上寫的是獲取wiki的外鏈，但是注意，你不是為了留下連結去編寫/改寫詞條的，而是真正的需要為用戶提供幫助。</p>
<p>所以，當你在編輯詞條時切記：一些行銷型過強的連結，就會導致wiki審核者刪除你的連結，並且封禁你的賬號（部分情況wiki會連IP地址一起封了，同時你的域名也不得在wiki再次出現，讓你永世不得超生）。</p>
<p><img decoding="async" src="https://i.imgur.com/uiSiuRO.jpg" alt="" /></p>
<p>Wikipedia的外鏈</p>
<p>由於我們的母語並不是英語，所以直接創建詞條會比較困難。往往我們採用的是——利用失效連結改寫詞條的做法。你只需要通過高級搜索的方式找到和自己網站相關的所有錯誤的連結地址：</p>
<p>你就可以找到 wiki 中存在失效連結的頁面。同時你只需要打開該頁面搜索，按 「ctrl f」 鍵搜索 「dead link」 字樣就能夠找到失效的連結，就像下方這樣：</p>
<p><img decoding="async" src="https://i.imgur.com/M28B97w.png" alt="" /></p>
<p>失效連結</p>
<p>這個時候你就可以編輯這個詞條，將此連結換成自己的頁面。當然這裡需要注意的是，提及的內容必須絕對的相關，不能隨意添加一個連結就了事。如果你沒有這個內容頁面，就可以考慮專門為這個詞條製作一個。</p>
<h3><a id="%E6%8A%80%E5%B7%A764%EF%BC%9A%E9%80%9A%E9%81%8E%E5%B0%8D%E6%89%8B%E4%B8%9F%E5%A4%B1%E7%9A%84%E9%80%A3%E7%B5%90%E7%8D%B2%E5%8F%96%E5%A4%96%E9%8F%88" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧64：通過對手丟失的連結獲取外鏈</strong></h3>
<p>有些時候，你的競爭對手會無意中丟失一些連結，但是它們卻沒有發覺。這個時候你就可以主動聯繫那些曾經給對手做過外鏈的站長，並且邀請他們在原來對手的位置添加你的連結。</p>
<p>這樣的做法好處是，競爭對手失去的，就是你獲得的！但前提是，你的內容質量必須得超越你的競爭對手，才能說服對方站長留下你的連結（別人不可能把一個更劣質的內容放在網站上）。</p>
<p>現在你需要做的就是找到競爭對手丟失了哪些外鏈。這個只需要借助Ahrefs的Lost Backlinks（丟失外鏈）報告即可（lost backlinks是backlinks報告中的一種、在工具左側就有對應選項）。</p>
<p><img decoding="async" src="https://i.imgur.com/La6sUXu.png" alt="" /></p>
<p>丟失外鏈</p>
<p>類似上圖這樣，你找到競爭對手丟失的連結，如果你的網站中有一篇更優質的相關內容，就可以聯繫對方站長，將你的頁面連結加入其中。</p>
<h3><a id="%E6%8A%80%E5%B7%A765%EF%BC%9Ablog%E5%B9%B3%E5%8F%B0%E7%9A%84%E5%A4%96%E9%8F%88%E8%A3%BD%E4%BD%9C%E6%89%8B%E6%B3%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧65：Blog平台的外鏈製作手法</strong></h3>
<p>當你發布完自己的內容的之後，可以用類似轉載的形式，將這些內容發布到這些平台上去吸收平台的流量。同時這些連結也會被Google視作外鏈：</p>
<p><img decoding="async" src="https://i.imgur.com/elM9Nku.jpg" alt="" /></p>
<p>Blog平台的外鏈</p>
<p>我想說的是，對於新 網站，你不需要別人分享，你可以主動的將這些內容分享到各個平台中去，只要內容質量符合平台的規則，自然的就能獲得外鏈以及額外的流量。</p>
<h3><a id="%E6%8A%80%E5%B7%A766%EF%BC%9Apbn%E5%A4%96%E9%8F%88%EF%BC%88%E8%AC%B9%E6%85%8E%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧66：PBN外鏈（謹慎）</strong></h3>
<p>PBN全稱Private Blog Network，這種外鏈說白了就是N年前的站群。不要認為有了個洋名字，做法就怎麼特殊。如果你是自己想搭建PBN的話，我勸你趁早放棄，因為它消耗的資源及大。如果你沒有個幾十萬的存款就不要做。</p>
<p>如果你只是利用PBN來給自己網站服務的話，適當的可以用一些。你可以在fiverr上找到一大堆的PBN外鏈服務商，價格也是5美金-5000美金不等。需要你親自進行測試。</p>
<p>因為PBN涉及的內容極多，對於新手我也不建議使用。一旦PBN站群被Google打擊到，就會倒一大批網站。</p>
<h2><a id="%E4%B8%80%E5%80%8B%E8%89%AF%E5%A5%BD%E7%9A%84%E5%BF%83%E6%85%8B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>一個良好的心態</strong></h2>
<p>做SEO需要有充足的耐心。我見過非常多半途而廢的人。網站維護了半年，沒達到想要的數據，就早早放棄。要知道，半年對於SEO來說，才算剛開始，你如果熬過開頭這段時間，內容質量、連結建設、硬性要求等不斷完善，你根本不用擔心SEO無法給你帶來利潤。</p>
<h3><a id="%E6%8A%80%E5%B7%A767%EF%BC%9A%E9%A0%81%E9%9D%A2%E4%B8%8D%E6%9C%83%E4%B8%80%E9%96%8B%E5%A7%8B%E5%B0%B1%E7%8D%B2%E5%BE%97%E6%8E%92%E5%90%8D" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧67：頁面不會一開始就獲得排名</strong></h3>
<p>任何頁面不會你一發出來就能夠獲得良好的排名。</p>
<p>一般來說，隨著你的優化，越往後，排名需要的周期越短。所以你的數據會呈現出一個有弧度的上升曲線，就像耐克的「勾」一樣。</p>
<p><img decoding="async" src="https://i.imgur.com/zNnNCc9.jpg" alt="" /></p>
<p>上升曲線</p>
<p>像上方這個數據一樣，其實你會發現在前3個月，數據爬升速度很慢，但是越往後，漲勢就越快。下方這個網站優化時間更久，趨勢更加明顯。</p>
<p>**</p>
<p><img decoding="async" src="https://i.imgur.com/01s5anu.jpg" alt="" /></p>
<p>網站優化時間更久，趨勢更加明顯</p>
<p>**</p>
<h3><a id="%E6%8A%80%E5%B7%A768%EF%BC%9A%E6%93%BA%E6%AD%A3%E8%87%AA%E5%B7%B1%E7%9A%84%E6%85%8B%E5%BA%A6" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧68：擺正自己的態度</strong></h3>
<p>最忌諱什麼都不懂就嚷嚷著核心詞的排名。我在之前的關鍵詞挖掘中也說過，長尾詞都沒有排名，不要指望核心詞會參與。你需要有時間和內容的積累，這點精力的付出都做不到，就別指望SEO能給你帶來效果。</p>
<h3><a id="%E6%8A%80%E5%B7%A769%EF%BC%9A%E6%93%BA%E6%AD%A3%E8%87%AA%E5%B7%B1%E7%9A%84%E4%BD%8D%E7%BD%AE" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>技巧69：擺正自己的位置</h3>
<p>你需要明確自己網站所處的階段，一個網站即使存在了N年，但是一點數據都沒有，你依然需要把他當作新站來對待。網站所處的階段其實和網站本身的數據有很大的關係。數據決定了，你是繼續做長尾，還是有一定權重去支撐核心詞。</p>
<h3><a id="%E6%8A%80%E5%B7%A770%EF%BC%9Aquality%E5%92%8Cquantity%E5%90%8C%E6%A8%A3%E9%87%8D%E8%A6%81" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>技巧70：Quality和Quantity同樣重要</strong></h3>
<p>在Google中，Quality（質量）和Quantity（數量）是同樣重要的。</p>
<ul>
<li>Quality大部分決定了你的頁面是否能夠在搜索結果中出現</li>
<li>Quantity大部分決定了你的有多少關鍵詞可以出現。</li>
</ul>
<p>注意：一個決定是否出現，一個決定出現多少。兩個不是同一個維度的，不要混為一談。</p>
<h3><a id="%E5%B0%8F%E7%B5%90%E8%88%87%E6%8B%93%E5%B1%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a><strong>小結與拓展</strong></h3>
<p>以上總結了70個關於GoogleSEO的技巧，但是依然有很多細節我們沒有提及，需要慢慢地完善。我希望這些技巧、思路在大家困惑的時候能夠給大家提供幫助。</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/entrepreneur/38302/google-seo-optimization/" data-wpel-link="internal">Google 最強 SEO入門：70個優化技巧</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MonsterInsights 評論：它是最好的 WordPress Google Analytics 插件嗎？</title>
		<link>https://hypergrowths.com/digital-marketing/seo/38295/monsterinsights-wordpress-review/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Fri, 08 Sep 2023 09:22:26 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[數位行銷]]></category>
		<category><![CDATA[軟體開發]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38295</guid>

					<description><![CDATA[<p>您可能聽說過MonsterInsights是用於WordPress的最佳Google Analytics后，您 [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/digital-marketing/seo/38295/monsterinsights-wordpress-review/" data-wpel-link="internal">MonsterInsights 評論：它是最好的 WordPress Google Analytics 插件嗎？</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>您可能聽說過MonsterInsights是用於WordPress的最佳Google Analytics后，您需要購買MonsterInsights Pro才能解鎖其所有高級功能，例如電子商務報表、轉化跟蹤等。</p>
<p>所以您可能想知道：**MonsterInsights Pro提供的真正好處，以便您可以自己做出決定。讓我們直接開始吧……</p>
<p><strong>目錄</strong> 隱藏<br />
MonsterInsights與Google Analytics（分析）的區別是什麼？<br />
在您的網站上使用MonsterInsights的好處 1.簡單的Google Analytics（分析）設置<br />
2.通過高級跟蹤了解您的受眾<br />
3.節省查找和查看報告的時間<br />
4.幫助您的網站增加流量<br />
5.幫助您學習如何增加電子信箱列表<br />
6.向您展示如何提高銷售轉化率<br />
使用MonsterInsights報告做出明智的決策 概述報告<br />
發布者報告<br />
Search Console報表<br />
表格報告<br />
電子商務報告<br />
維度報告<br />
即時報告<br />
MonsterInsights與其他WordPress Analytics外掛 1.更多追蹤選項<br />
2.易於使用且輕巧的外掛<br />
3.幫助您做出決定<br />
4.符合GDPR<br />
最後的總結：MonsterInsights值得嗎？</p>
<h3><a id="monsterinsights%E8%88%87google-analytics%EF%BC%88%E5%88%86%E6%9E%90%EF%BC%89%E7%9A%84%E5%8D%80%E5%88%A5%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>MonsterInsights與Google Analytics（分析）的區別是什麼？</h3>
<p>您可能想知道，為什麼自己可以複製並粘貼Google Analytics（分析）跟蹤程式碼的事，為什麼要花錢在MonsterInsights上？</p>
<p>這是人們對MonsterInsights的最大誤解。它提供的不僅僅是默認的Google Analytics跟蹤程式碼。</p>
<p>您是否知道默認情況下，Google Analytics（分析）不會跟蹤：</p>
<ul>
<li>WordPress分類、標籤或作者</li>
<li>為您帶來最多流量的關鍵詞</li>
<li>每個聯盟連結獲得多少點擊</li>
<li>您的電子商務轉化率</li>
<li>人們正在從您的網站下載哪些文件</li>
<li>更多…</li>
</ul>
<p>要跟蹤這些跟蹤程式碼，您需要修改跟蹤程式碼並在Google Analytics（分析）帳戶中分別配置每個跟蹤程式碼。這是有很多工作量，特別是如果您有多個 網站的時候。更不用說在程式碼中犯錯誤可能會使您的分析混亂，甚至使您的整個網站癱瘓。</p>
<p>除此之外，如果您自己添加Google Analytics（分析）跟蹤程式碼，則需要知道如何在Google Analytics（分析）中運行報告以獲取所需的所有數據。如果您不是分析專家，這可能會非常耗時且通常難以解決。</p>
<p>因此，如果您想專注於發展業務而不是學習程式碼和高級分析，MonsterInsights是一個很好的解決方案。</p>
<p>只需單擊幾下，它就可以設置您需要的所有高級跟蹤，並在WordPress儀錶板中為您提供易於理解的報告。</p>
<p>讓我們仔細看看MonsterInsights提供的一些好處…</p>
<h3><a id="%E5%9C%A8%E6%82%A8%E7%9A%84%E7%B6%B2%E7%AB%99%E4%B8%8A%E4%BD%BF%E7%94%A8monsterinsights%E7%9A%84%E5%A5%BD%E8%99%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>在您的網站上使用MonsterInsights的好處</h3>
<p>MonsterInsights到底完成了什麼您自己無法完成的工作？在完成對MonsterInsigths的詳細評測之後，讓我們看一下其中的一些主要好處。</p>
<h3><a id="1%E7%B0%A1%E5%96%AE%E7%9A%84-google-analytics%EF%BC%88%E5%88%86%E6%9E%90%EF%BC%89%E8%A8%AD%E7%BD%AE" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>1.簡單的Google Analytics（分析）設置</h3>
<p>如果您經營一個網站（無論是部落格、電子商務商店還是小型企業網站），那麼您都會知道數據在制定決策時的重要性。</p>
<p>MonsterInsights使事情變得簡單。只需單擊幾下，您就可以在WordPress網站上正確設置Google Analytics（分析），而無需編寫任何程式碼。</p>
<p><img decoding="async" src="https://i.imgur.com/tALzjfj.jpg" alt="" /></p>
<p>它的設置嚮導將指導您完成所有步驟，因此您不必擔心在設置Analytics（分析）時會犯任何錯誤，也不必擔心數據報告中的不準確性。</p>
<h3><a id="2%E9%80%9A%E9%81%8E%E9%AB%98%E7%B4%9A%E8%B7%9F%E8%B9%A4%E4%BA%86%E8%A7%A3%E6%82%A8%E7%9A%84%E5%8F%97%E7%9C%BE" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>2.通過高級跟蹤了解您的受眾</h3>
<p>MonsterInsights不僅僅是將Google Analytics（分析）與您的網站整合的外掛。它可以讓您了解您的網站訪問者，並了解他們喜歡的內容，他們使用的設備，如何找到您的網站等等。</p>
<p>以下是使用MonsterInsights可以跟蹤的內容的詳細資訊：</p>
<ul>
<li><strong>廣告跟蹤</strong> – 跟蹤您的Google AdSense標語，查看誰在點擊它們，然後對其進行優化以增加收入</li>
<li><strong>Google AMP跟蹤</strong> – 只需單擊一個按鈕，即可啟用AMP（加速的移動頁面）跟蹤並獲取有關移動訪問者的準確數據</li>
<li><strong>自定義維度 –</strong> 創建自定義維度以跟蹤作者，類別，標籤，搜尋關鍵字，登錄用戶等的表現</li>
<li><strong>電子商務跟蹤</strong> – 了解您的在線商店的表現如何，哪些是您的頂級產品以及其他更多資訊</li>
<li><strong>Facebook即時文章</strong> – 只需單擊即可輕鬆跟蹤Google Analytics（分析）中的Facebook即時文章</li>
<li><strong>表單跟蹤</strong> – 找出哪些表單可以在您的網站上帶來最佳效果</li>
<li><strong>Google Optimize –</strong> 使用Google Optimize進行實驗和A/B測試</li>
<li><strong>歐盟合規性</strong> – 通過自動匿名用戶的個人數據，使您的網站符合CCPA和GDPR</li>
<li><strong>跟蹤文件下載</strong> – 跟蹤您網站上的下載，而無需做任何其他設置</li>
<li>跨域跟蹤 – 通過Google Analytics（分析）中的跨域跟蹤了解跨多個網站的用戶行為</li>
</ul>
<h3><a id="3%E7%AF%80%E7%9C%81%E6%9F%A5%E6%89%BE%E5%92%8C%E6%9F%A5%E7%9C%8B%E5%A0%B1%E5%91%8A%E7%9A%84%E6%99%82%E9%96%93" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3.節省查找和查看報告的時間</h3>
<p>許多用戶在使用Google Analytics（分析）時面臨的問題之一是其複雜性和高學習曲線。那使您質疑Google Analytics（分析）是否值得？您必須是專家才能在Google Analytics（分析）中導航，找到正確的報告，然後使用對您的業務至關重要的統計資訊。</p>
<p>但是，借助MonsterInsights，您可以在WordPress儀錶板內部查看報告。您可以一目瞭然地查看您的網站的運行情況，而不必離開儀錶板。</p>
<p><img decoding="async" src="https://i.imgur.com/Y5xJbaq.jpg" alt="" /></p>
<p>您會獲得對您的業務發展很重要的報告。它使任何人都能輕鬆地找到有價值的數據並獲得洞察力，以提高網站的效果。</p>
<h3><a id="4%E5%B9%AB%E5%8A%A9%E6%82%A8%E7%9A%84%E7%B6%B2%E7%AB%99%E5%A2%9E%E5%8A%A0%E6%B5%81%E9%87%8F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>4.幫助您的網站增加流量</h3>
<p>使用MonsterInsights報表了解訪問者如何使用您的網站后，您就可以使用這些數據來增加您的網站訪問量。</p>
<p>例如，您可以找到最佳頁面，然後覆蓋觀眾喜歡的類似主題以吸引更多訪問者。或者，您可以查看在Google上排名最高的關鍵字，從而帶來更多的自然流量。</p>
<p><img decoding="async" src="https://i.imgur.com/4W19dv4.jpg" alt="" /></p>
<h3><a id="5%E5%B9%AB%E5%8A%A9%E6%82%A8%E5%AD%B8%E7%BF%92%E5%A6%82%E4%BD%95%E5%A2%9E%E5%8A%A0%E9%9B%BB%E5%AD%90%E4%BF%A1%E7%AE%B1%E5%88%97%E8%A1%A8" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>5.幫助您學習如何增加電子信箱列表</h3>
<p>隨著您開始吸引更多訪問者，您可以增加電子信箱列表並捕獲潛在客戶。MonsterInsights報告可以幫助您優化網站以吸引更多訂戶。</p>
<p>您可以先查看退出次數最多的頁面，然後放置退出意圖彈出窗口來收集電子信箱。</p>
<p><img decoding="async" src="https://i.imgur.com/0LmqxeY.jpg" alt="" /></p>
<p>MonsterInsights可以幫助的另一種方法是突出顯示跳出率很高的頁面。要降低跳出率，您可以提供內容升級或交易以增加電子信箱註冊。</p>
<h3><a id="6%E5%90%91%E6%82%A8%E5%B1%95%E7%A4%BA%E5%A6%82%E4%BD%95%E6%8F%90%E9%AB%98%E9%8A%B7%E5%94%AE%E8%BD%89%E5%8C%96%E7%8E%87" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>6.向您展示如何提高銷售轉化率</h3>
<p>除了收集電子信箱，您甚至可以提高銷售轉化率。</p>
<p>例如，MonsterInsights可讓您查看網站的平均滾動深度。您可以使用此資訊將號召性用語（CTA）放在正確的位置，並提高轉化率。</p>
<p><img decoding="async" src="https://i.imgur.com/SKbZIZ6.jpg" alt="" /></p>
<p>而且，如果您擁有電子商務商店，那麼該外掛可以提供出色的見解，例如將行銷工作集中在轉化率最高的來源上或推廣轉化效果最好的產品。</p>
<p>這樣，讓我們​​詳細查看每個MonsterInsights報告。</p>
<h3><a id="%E4%BD%BF%E7%94%A8monsterinsights%E5%A0%B1%E5%91%8A%E5%81%9A%E5%87%BA%E6%98%8E%E6%99%BA%E7%9A%84%E6%B1%BA%E7%AD%96" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>使用MonsterInsights報告做出明智的決策</h3>
<p>MonsterInsights提供了多個非常易於理解的報告，併為您提供了發展網站的見解。這些報告可幫助您跟上最新的跟蹤標準。我們將從其概述報告開始。</p>
<h3><a id="%E6%A6%82%E8%BF%B0%E5%A0%B1%E5%91%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>概述報告</h3>
<p>在安裝WordPress Google Analytics（分析）外掛時，您將看到的第一個報告是「<strong>概述」報告</strong>。您可以通過登錄到管理區域並從儀錶板中單擊「<strong>見解」 »「報告」<strong>來訪問它</strong>。</strong></p>
<p>在概述報告中，您可以查看檢查網站效果所需的所有重要指標。您可以查看所選日期範圍內的會話次數、網頁瀏覽量、平均會話持續時間和網站跳出率。</p>
<p><img decoding="async" src="https://i.imgur.com/lxQTo2Z.jpg" alt="" /></p>
<p>如果向下滾動，您會發現更多統計資訊，例如新訪客與回訪者、設備、前10個國家/地區、前10個推薦來源以及熱門帖子/頁面。</p>
<p><img decoding="async" src="https://i.imgur.com/UVbCMiP.jpg" alt="" /></p>
<h3><a id="%E7%99%BC%E5%B8%83%E8%80%85%E5%A0%B1%E5%91%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>發布者報告</h3>
<p>您將看到的下一個報告是「發布者」報告，供擁有 MonsterInsights Pro 計劃的用戶使用。該報告可讓您深入了解訪問者如何使用您的網站。</p>
<p>例如，您可以查看您的熱門著陸頁及其產生的流量，平均持續時間和跳出率是多少。該報告提供了您的受眾喜歡的內容主題的見解。</p>
<p><img decoding="async" src="https://i.imgur.com/6DNLIIJ.jpg" alt="" /></p>
<p>再往下看，您會看到更重要的報告，例如最多退出頁面、最多出站連結和最多聯盟連結。</p>
<p>使用這些報告中的資訊，您可以建立合作夥伴關係，找到獲得反向連結的機會，並通過提升最佳聯盟企業來增加收入。</p>
<p><img decoding="async" src="https://i.imgur.com/HAJzlVN.jpg" alt="" /></p>
<p>而且，如果您在網站上提供可下載的內容，則MonsterInsights會自動跟蹤其效果，默認情況下，這在Google Analytics（分析）中是不可能的。</p>
<p>它提供了一個報告，其中顯示了您的熱門下載連結。使用這些數據，您可以了解下載量最多的內容類型，以便將來創建類似的內容。</p>
<p><img decoding="async" src="https://i.imgur.com/kWCDGN0.jpg" alt="" /></p>
<p>如果向下滾動，則會在「發布者」報告中找到更多資訊。您可以查看受眾群體的人口統計資訊，例如年齡和性別。您還可以查看他們的首要興趣和您網站的平均滾動深度。</p>
<h3><a id="search-console%E5%A0%B1%E8%A1%A8" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>Search Console報表</h3>
<p>您是否想知道人們如何在搜索引擎上找到您的網站？通過MonsterInsights，您可以在WordPress儀錶板中查看Google Search Console報告。</p>
<p>該報告顯示您的網站排名前50名的Google搜索字詞。對於每個關鍵字，您可以查看點擊次數、展示次數、點擊率和平均排名。</p>
<p><img decoding="async" src="https://i.imgur.com/ZGmMHrg.jpg" alt="" /></p>
<p>該報告中的數據非常有價值，因為它可以幫助您定位產生自然流量的搜索字詞。它還可以讓您縮小內容創意的範圍，因此您可以創建涵蓋相似關鍵字的帖子。</p>
<h3><a id="%E8%A1%A8%E6%A0%BC%E5%A0%B1%E5%91%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>表格報告</h3>
<p>MonsterInsights提供的另一個功能是，它使您可以在Google Analytics（分析）中的WordPress網站上跟蹤各種形式。</p>
<p>使用其Forms Addon，您可以跟蹤表單的查看、提交和轉化。最好的是，它支持其他表單外掛，例如WPForms、Gravity Forms、Formidable Forms等。</p>
<p><img decoding="async" src="https://i.imgur.com/dlFI26L.jpg" alt="" /></p>
<h3><a id="%E9%9B%BB%E5%AD%90%E5%95%86%E5%8B%99%E5%A0%B1%E5%91%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>電子商務報告</h3>
<p>如果您擁有在線商店，那麼MonsterInsights可以幫助您跟蹤其效果，而無需進行任何其他設置。</p>
<p>通過MonsterInsights電子商務外掛，您可以將Google Analytics（分析）電子商務跟蹤添加到WooCommerce、LifterLMS、MemberPress和Easy Digital Downloads商店。</p>
<p>該報告提供有關您網站的轉化率、交易、收入和平均訂單價值的見解。不僅如此，您還可以找到效果最好的產品，它們的總訂單、銷售百分比和總收入。</p>
<p><img decoding="async" src="https://i.imgur.com/LQiv8pS.jpg" alt="" /></p>
<p>您甚至可以查看最主要的轉化來源，併為來自這些網站的訪問者優化行銷活動。這樣，您可以最大限度地提高收入。</p>
<p>報表為您跟蹤的其他指標是添加到購物車的總數、從購物車中刪除的總數、購買時間和購買會話。</p>
<h3><a id="%E7%B6%AD%E5%BA%A6%E5%A0%B1%E5%91%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>維度報告</h3>
<p>通過MonsterInsights Dimensions外掛，您可以設置高級WordPress訪問者跟蹤。該外掛可讓您設置自定義維度，而Google Analytics（分析）不會自動對其進行跟蹤。</p>
<p>您可以查看與業務相關的事物的效果，例如跟蹤您網站上作者的績效，找到最受歡迎的帖子類型、類別、標籤、最佳發布時間和最受歡迎的關注關鍵字。</p>
<p><img decoding="async" src="https://i.imgur.com/CzvHiEa.jpg" alt="" /></p>
<h3><a id="%E5%8D%B3%E6%99%82%E5%A0%B1%E5%91%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>即時報告</h3>
<p>通過即時報告，MonsterInsights可以顯示給定時刻您網站上的活躍用戶數。</p>
<p>如果您正在進行一個廣告系列，並且想查看由於該廣告系列吸引了多少人訪問您的網站，則該報告非常有用。</p>
<p><img decoding="async" src="https://i.imgur.com/AOKAxiu.jpg" alt="" /></p>
<h3><a id="monsterinsights%E8%88%87%E5%85%B6%E4%BB%96wordpress-analytics%E5%A4%96%E6%8E%9B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>MonsterInsights與其他WordPress Analytics外掛</h3>
<p>到現在為止，我們希望您知道MonsterInsights對您的網站有多麼有用。它的報告多麼詳盡和簡單，可以為您的業務尋找見解。</p>
<p>但是，與其他Google Analytics（分析）WordPress外掛相比，它又如何呢？以下是MonsterInsights擅長的其他一些功能：</p>
<h3><a id="1%E6%9B%B4%E5%A4%9A%E8%BF%BD%E8%B9%A4%E9%81%B8%E9%A0%85" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>1.更多追蹤選項</h3>
<p>關於跟蹤數據，MonsterInsights提供了更多功能，並允許您設置高級跟蹤。</p>
<p>例如，如果您將MonsterInsights和Google Analyticator進行比較，就會發現，使用MonsterInsights，您可以跟蹤您的電子商務商店、表單、配置自定義維度等。</p>
<h3><a id="2%E6%98%93%E6%96%BC%E4%BD%BF%E7%94%A8%E4%B8%94%E8%BC%95%E5%B7%A7%E7%9A%84%E5%A4%96%E6%8E%9B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>2.易於使用且輕巧的外掛</h3>
<p>而且，如果您正在尋找易於使用且輕巧的外掛，那麼MonsterInsights的性能將遠勝於其他外掛。</p>
<p>以Jetpack和MonsterInsights為例。Jetpack很臃腫，需要其他步驟來設置Google Analytics（分析），並且不像MonsterInsights那樣提供其他跟蹤選項。</p>
<h3><a id="3%E5%B9%AB%E5%8A%A9%E6%82%A8%E5%81%9A%E5%87%BA%E6%B1%BA%E5%AE%9A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3.幫助您做出決定</h3>
<p>在對MonsterInsights進行了廣泛的評測之後，另一個突出的方面是其報告功能。如前所述，該外掛提供對您的業務最重要的數據。</p>
<p>大多數外掛提供的基本報告所提供的資訊不足以做出決定。例如，如果將MonsterInsights與Google Site Kit（Google自己的WordPress外掛）進行比較，您會發現報告存在很多差異。</p>
<p>Google Site Kit提供了一些報告，可以快速匯總您的網站。但是您不能使用任何數據來發展您的網站。</p>
<h3><a id="4%E7%AC%A6%E5%90%88-gdpr" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>4.符合GDPR</h3>
<p>自歐盟發布GDPR（通用數據保護法規）以來，您需要用戶的同意才能跟蹤和使用他們的資訊。由於GDPR的原因，許多外掛在具有嚴格數據保護法律的地區無法使用。</p>
<p>但是，MonsterInsights在世界各地都可以使用。不僅如此，它還是最好的WordPress GDPR外掛，並提供了EU Compliance外掛，通過它可以使您的網站符合GDPR要求。</p>
<h3><a id="%E6%9C%80%E5%BE%8C%E7%9A%84%E7%B8%BD%E7%B5%90%EF%BC%9Amonsterinsights%E5%80%BC%E5%BE%97%E5%97%8E%EF%BC%9F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>最後的總結：MonsterInsights值得嗎？</h3>
<p>MonsterInsights是目前最好的Google Analytics（分析）WordPress外掛。與其他任何WordPress Analytics外掛相比，您可以獲得更多的功能，跟蹤選項和用戶友好的體驗。這讓MonsterInsights完全值得。</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/digital-marketing/seo/38295/monsterinsights-wordpress-review/" data-wpel-link="internal">MonsterInsights 評論：它是最好的 WordPress Google Analytics 插件嗎？</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Odoo 與其他ERP軟體之間的差異</title>
		<link>https://hypergrowths.com/business-intelligence/38288/odoo-erp-compare/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sun, 03 Sep 2023 06:09:42 +0000</pubDate>
				<category><![CDATA[BI 商業智慧 + ERP]]></category>
		<category><![CDATA[ERP]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38288</guid>

					<description><![CDATA[<p>Odoo 提供了涵蓋廣泛的企業應用模塊，包括CRM、訂單管理、電子商務、MRP、財務等。這是一套基於模塊化架構 [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/business-intelligence/38288/odoo-erp-compare/" data-wpel-link="internal">Odoo 與其他ERP軟體之間的差異</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Odoo 提供了涵蓋廣泛的企業應用模塊，包括CRM、訂單管理、電子商務、MRP、財務等。這是一套基於模塊化架構的系統，初次安裝不包括任何功能模塊，但用戶可以隨後根據需求加入。其核心架構非常強大，允許客戶按需加載和卸載模塊，形似積木般組合成完善的系統。即便只使用其底層架構，也能創建符合各種需求的系統，且完全免費，沒有源碼和用戶數量限制。</p>
<p><img decoding="async" src="https://i.imgur.com/FWqEeyD.png" alt="" /></p>
<h3><a id="1-odoo%E7%9A%84%E7%89%B9%E8%89%B2%EF%BC%9A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>1. Odoo的特色：</h3>
<ol>
<li>
<p><strong>經濟實惠</strong>: Odoo使用開放源碼技術，節省了大量開發成本。企業只需有技術人員就可低成本實施。</p>
</li>
<li>
<p><strong>軟體品質保證</strong>: 全球的貢獻者為Odoo作出了巨大的貢獻，帶來出乎意料的高品質結果。</p>
</li>
<li>
<p><strong>功能完整</strong>: Odoo提供了大量的功能模塊，確保了其全面性。</p>
</li>
<li>
<p><strong>極佳的擴展性</strong>: 超越傳統ERP的概念，Odoo具有出色的擴展能力。</p>
</li>
<li>
<p><strong>用戶友善</strong>: 簡潔的用戶界面和高度的靈活性使Odoo易於使用。</p>
</li>
<li>
<p><strong>廣泛應用</strong>: 適用於各種大小和類型的公司。</p>
</li>
</ol>
<h3><a id="2%E5%82%B3%E7%B5%B1-erp%E8%88%87odoo%E7%9A%84%E6%AF%94%E8%BC%83%EF%BC%9A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>2. 傳統ERP與Odoo的比較：</h3>
<p>傳統ERP（如SAP, Oracle）具有功能完備性、可靠性、專業技術支持和高度安全性等特點。而Odoo則提供開放源碼、高度定制、模塊化設計、易用性和成本效益。Odoo超越了傳統的ERP範疇，不僅僅是一款ERP軟體，而是一套完整的企業解決方案。其核心價值在於整合化和以客戶為中心的設計。</p>
<h3><a id="3%E5%B0%88%E6%A5%AD%E7%9A%84%E6%95%B8%E4%BD%8D%E8%BD%89%E5%9E%8B%E4%BC%99%E4%BC%B4" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3. <strong>專業的數位轉型伙伴</strong>:</h3>
<h3><a id="%E9%81%94%E8%87%B3%E4%BC%81%E6%A5%AD%E7%9A%84%E6%95%B8%E4%BD%8D%E8%BD%89%E5%9E%8B%E7%9B%AE%E6%A8%99" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>達至企業的數位轉型目標</h3>
<p>隨著全球經濟及科技的快速發展，企業不得不面對一系列的數位化挑戰。在此背景下，選擇適合的企業資源計劃軟體（ERP）已成為企業成功轉型的關鍵。</p>
<p>Odoo，作為一個開放原始碼的ERP解決方案，提供了企業一個完整而彈性的平台，幫助企業實現數位轉型。相比傳統的ERP軟體，Odoo提供的模塊化結構、開放性、客製化能力，確實為企業帶來了巨大的價值和機會。</p>
<p><strong>Tenten ERP Studio</strong>，以其深厚的Odoo專業知識和經驗，成為眾多企業數位轉型的得力夥伴。無論是中小型企業還是大型集團，<strong>Tenten ERP Studio</strong>都能夠提供適切的Odoo解決方案，滿足企業不同的業務需求和期望。</p>
<h3><a id="%E6%88%91%E5%80%91%E7%9A%84%E6%A0%B8%E5%BF%83%E5%84%AA%E5%8B%A2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>我們的核心優勢</h3>
<ol>
<li>
<p><strong>深入了解業務需求</strong>：我們的專家團隊不僅僅具備技術專長，更重要的是，他們深入了解各行各業的業務流程和需求，確保提供的解決方案能夠真正解決企業的問題。</p>
</li>
<li>
<p><strong>快速響應和執行</strong>：基於Odoo的模塊化結構，我們能夠快速地為客戶打造適合的解決方案，無論是基於現有的模塊還是客製化開發。</p>
</li>
<li>
<p><strong>持續的技術支持</strong>：我們認識到ERP系統的成功實施不僅僅是一次性的項目，它需要持續的技術支持和優化。因此，我們提供完善的售後服務，確保客戶的系統始終運行順暢。</p>
</li>
<li>
<p><strong>教育和培訓</strong>：對於Odoo的使用和管理，我們提供系統的培訓，確保客戶的團隊能夠充分利用Odoo的功能，實現業務目標。</p>
</li>
</ol>
<p>結語：</p>
<p>在這個數位化的時代，選擇正確的ERP系統對企業的成功至關重要。<strong>Tenten ERP Studio</strong>憑藉其在Odoo領域的專業知識和經驗，確保您的企業能夠完美地實現數位轉型，面對未來的挑戰與機會。歡迎與我們聯繫，共同探討您的業務需求和目標。</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/business-intelligence/38288/odoo-erp-compare/" data-wpel-link="internal">Odoo 與其他ERP軟體之間的差異</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>如何通過全球第一免費開放原始碼ERP Odoo做到項目100%交付</title>
		<link>https://hypergrowths.com/business-intelligence/odoo/38286/edp-odoo-dev/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sun, 03 Sep 2023 04:30:46 +0000</pubDate>
				<category><![CDATA[Odoo]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38286</guid>

					<description><![CDATA[<p>傳統ERP的交付過程 一、先初步需求研究，后選型功能模塊 傳統友商ERP第一件事情先對客戶方進行初步的研究，客 [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/business-intelligence/odoo/38286/edp-odoo-dev/" data-wpel-link="internal">如何通過全球第一免費開放原始碼ERP Odoo做到項目100%交付</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<h2><a id="%E5%82%B3%E7%B5%B1erp%E7%9A%84%E4%BA%A4%E4%BB%98%E9%81%8E%E7%A8%8B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>傳統ERP的交付過程</h2>
<p><strong>一、先初步需求研究，后選型功能模塊</strong></p>
<p>傳統友商ERP第一件事情先對客戶方進行初步的研究，客戶方無論說什麼，友商聽過算過，只關心你人數多少，有哪些人涉及到哪些模塊，接著對模塊進行所謂的EXECL的模擬報價，**一切東西看不到只念王八經，沒問題肯定能做到。**客戶最多隻能看到所謂的售前工程師在本機給你展示的東西，永遠無法在付費前體驗到友商ERP的所有功能。</p>
<p><strong>二、經過所謂的深入研究，形成所謂客戶方不明白，友商明白的SOW文檔需求</strong></p>
<p>根據友商的資質不同，所出的SOW也是不同的，有質量高的，貌似系統行不行不知道，但是看到那個文檔的樣子很規範，很高大上，也很費雙方的時間，但裡面有多少是系統可以落地標準實施實現的，有多少是需要通過大量的二開實現的，二開如何實現就不得而知，我們在軟體工程學當中所說的黑盒階段。接著將人天費用按照客戶的接受情況進行心理揣測時的報價，主要是為了證明我ERP行，所以目的僅僅是為了銷售ERP，實施交付就看老天的了，假如這些SOW做出來剛好系統容易實現算你走運，如果僅僅是為了迎合客戶方，那麼多半就只能大呼上當了。</p>
<p><strong>三、實施階段，人天駐場，每天就等著甲方自己來看如何做吧</strong></p>
<p>其實經過我們多年的實踐，無論是駐場還是不駐場，對於成長型中小企業，所謂的ERP項目負責人都是實際有其他工作的事務，所以每天僅僅只能通過2-3小時進行溝通，培訓，學習，了解。其餘時間基本上看友商派的工程師的能力、責任心來決定了，如果遇上較差的工程師，那麼基本上就是鬼混不幹活了。如果遇上好的，也只能根據甲方所提出的階段性的零散需求做不到1小時的實施事務。甲方也不可能完全掌握這套ERP的整體實施技能，所以無法共同參與，而每天人天費用卻一點也不能少，換句話說你每人天的3000-4500元/天的錢僅僅只幹了4個小時不到的實際工作量。確收了每天這麼高昂的費用。</p>
<p><strong>四、上線階段，全憑客戶方自己的本事</strong></p>
<p>往往為了迎合客戶方需求，匹配的人天是不夠成長型的中小企業使用，到了上線階段，由於傳統ERP友商的生意模式的保守，不會傳授任何實施技能，所以客戶方能不能上線完全看天意了，自己沒有任何能力，當然，有的聰明客戶方會對服務自認為還可以的實施工程師採取賄賂的方式，以便周末休息的時間能夠給自己做點，但無論從商務風險還是人性風險都是對整體項目的不負責。</p>
<h2><a id="%E9%96%8B%E6%94%BE%E5%8E%9F%E5%A7%8B%E7%A2%BC%E6%99%BA%E9%80%A0%E7%8D%A8%E5%89%B5%E7%9A%84%E6%95%8F%E6%8D%B7%EF%BC%88%E5%8E%9F%E5%9E%8B%EF%BC%89%E5%AF%A6%E6%96%BD%E6%B3%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>開放原始碼智造獨創的敏捷（原型）實施法</h2>
<p><strong>一、先免費為客戶搭建Odoo 免費開放原始碼ERP</strong></p>
<p>只要客戶方是成長型的中小企業，那麼他需要Odoo的目的一定是從業務整合和業務靈活個性而關注到Odoo的，免費開放原始碼對於成長型中小企業來說並不是關鍵因素，因為產品再好也許服務實施，區別于傳統的友商，我們是通過真正的服務來獲利，所以不可能讓客戶通過產品去買單，因為一沒產品許可費，二沒功能模塊費。所以只能通過服務來獲取，那麼客戶也可以在不花費任何所謂的產品費用就可以自主的深入體驗。</p>
<p><strong>二、深入研究的同時獲得操作、實施、按照客戶需求的測試系統</strong></p>
<p>深入研究的同時我們通過Odoo的基本功能操作的培訓，讓客戶有關的可能所涉及的模塊進行深入標準的理解，客戶通過Odoo的標準系統的理解結合實際的業務會產生雙方認同的業務需求，根據這個標準實施可達到的業務需求，我們會進行原型實施，一旦原型實施OK那麼客戶方可以將自己的關鍵用戶一起進行業務系統驗證，如果驗證通過，那麼恭喜你系統已經不知不覺的給你實施完成等待上線即可，如果恰巧是客戶方第一次使用ERP那麼其實已經實施上線成功了。如果還有不滿意的，我們繼續通過需求確認，進行標準實施的法則將Odoo系統原型繼續實施出來循環改善達到客戶滿意的標準。客戶對原型驗收后，我們會培訓客戶如何通過高級實施從一個空白的Odoo系統打造成目前的需求，同時會出一份完整的帶真實可落地的實例的SOW，並且給出系統的二開方案（當標準實施不完全滿足情況下）。這樣客戶已經完全從odoo門外漢進入到了Odoo從業者的初級或中級水平。自己可以未來根據公司的需要繼續實施其他的功能模塊（別忘記Odoo有2萬個功能應用場景模塊，足夠玩到客戶方上市后的業務規模發展）</p>
<p><strong>三、系統實施與上線</strong></p>
<p>通過標準原型驗收，我們將測試數據清理，客戶方根據我們整理的基礎業務檔案模板進行數據整理我們一次性通過智慧型的Python 程式腳本導入，幫助客戶快速上線，每一階段的操作培訓、實施培訓都將通過錄屏的方式交付給到客戶，以幫助客戶可以自行的將這些服務過程中的影片給到未來交接或是新員工培訓學習使用，幫助客戶方更有效的開展實施上線階段的最為關鍵的用戶操作與常見問題的解決辦法，以幫助客戶方加快自主掌控自己的ERP系統。</p>
<h2><a id="%E6%9C%80%E5%BE%8C%E7%9A%84%E7%B8%BD%E7%B5%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>最後的總結</h2>
<p>因為通過這樣的敏捷（原型）實施方法論，充分解決了溝通不對稱帶來的理解差異，將實際的實施工作前移開展，這樣客戶在每次服務中都完全看的到真正的真實進度，並且通過前期的培訓能夠完全參與到實施當中來，確保了白盒狀態下看到ERP項目的一切，我們業內稱為透明作業。因為透明作業意味著下次的ERP廠商再想通過資訊不對稱來提供服務收費成為了難題，所以傳統友商ERP不敢這樣操作，而我們一直秉承開放原始碼思想，開放原始碼理念，開放原始碼經營真正的服務客戶，所以不在乎那麼點利益問題，只有企業真正用好ERP是我們的需求，我們著力打造這麼一種ERP服務：<strong>提供一款好看又能打、死磕性價比的ERP企業服務模式！普惠成長型中小企業。幫助企業按需成長，隨需應變！</strong></p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/business-intelligence/odoo/38286/edp-odoo-dev/" data-wpel-link="internal">如何通過全球第一免費開放原始碼ERP Odoo做到項目100%交付</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Odoo 介紹</title>
		<link>https://hypergrowths.com/business-intelligence/38284/odoo-intro/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sun, 03 Sep 2023 04:28:09 +0000</pubDate>
				<category><![CDATA[BI 商業智慧 + ERP]]></category>
		<category><![CDATA[Odoo]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38284</guid>

					<description><![CDATA[<p>Odoo（先前曾名為OpenERP，更早之前則為TinyERP），是一套企業資源規劃（ERP）及客戶關係管理（ [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/business-intelligence/38284/odoo-intro/" data-wpel-link="internal">Odoo 介紹</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<blockquote>
<p>Odoo（先前曾名為OpenERP，更早之前則為TinyERP），是一套企業資源規劃（ERP）及客戶關係管理（CRM）系統。以Python語言開發，資料庫採用開放原始碼的PostgreSQL，系統以GNU GPL開放原始碼協議發布。<br />
系統提供較靈活的模塊架構，常用模塊包括：採購管理、銷售管理、庫存管理、財務管理、貨品管理、行銷管理、客戶關係管理、生產管理、人事管理及服務支持等等。用戶可以直接從模塊庫中選擇安裝適用模塊，或進行模塊卸載、升級的管理操作。<br />
客戶端使用者介面是基於GTK的，同時支持Linux和Windows平台。目前還有開發中的基於TurboGears的eTiny Web客戶端的eTiny Web客戶端。<br />
內容來源：維基百科</p>
</blockquote>
<p>開發語言</p>
<p>Python, JavaScript, XML</p>
<p>資料庫</p>
<p>PostgreSQL</p>
<p>適配操作系統</p>
<p>Windows, Linux, Unix, Mac OS X</p>
<p>開放原始碼許可協議</p>
<p>LGPL3</p>
<p>中文官方網站</p>
<p><a href="https://www.odoo.com/zh%5C_CN" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://www.odoo.com/zh\_CN</a></p>
<hr />
<h2><a id="1%E3%80%81%E7%89%B9%E9%BB%9E" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>1、特點</h2>
<ul>
<li>開放原始碼免費，意味著使用odoo可以在LGPL3協議下使用，而無需擔心版權問題</li>
<li>全球擁有700萬+龐大的用戶群體，擁有較多成功實施案例與經驗可以借鑒參考</li>
<li>擁有官方社區，文檔、教學、案例均可以通過社區查找，並且社區比較活躍</li>
<li>擁有龐大的第三方外掛庫，並且免費外掛數量眾多，可以通過外掛快速滿足相當一部分的定製化需求</li>
</ul>
<p>首頁介紹 截圖</p>
<p>官方社區免費外掛 截圖</p>
<h2><a id="2%E3%80%81%E5%AE%89%E8%A3%9D%E8%88%87%E9%83%A8%E7%BD%B2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>2、安裝與部署</h2>
<p>版本選擇，這裡主要介紹社區版，即Odoo Community 版本，因為商業版，可以直接通過首頁的免費試用按鈕，啟動SaaS化服務。這裡就不多贅述，有非常友好的引導。</p>
<p>社區版目前最新版本為15，市面上在運行的13較多，14作為一個過渡版本存在。而且15版本擁有大量新的一些技術特性，且第三方外掛庫對15版本推薦新用戶直接選擇15版本。選擇好版本后，就根據自己 伺服器操作系統類型選擇一種合適的包進行下載，以Windows為例，下載後為一個.exe的可執行 程式，像平時安裝電腦軟體一樣雙擊即進行安裝，非常方便，注意安裝路徑和用戶名及密碼.</p>
<p>但我們在實際生產中，一般是Linux發行版系統，在此推利用docker-compose進行部署，非常方便。</p>
<p>以下是官方給出的docker-compose YML示例：</p>
<pre><code class="language-plain_text">version: '3.1'
services:
  web:
    image: odoo:15.0
    depends_on:
      - db
    ports:
      - &quot;8069:8069&quot;
    volumes:
      - odoo-web-data:/var/lib/odoo
      - ./config:/etc/odoo
      - ./addons:/mnt/extra-addons
    environment:
      - PASSWORD_FILE=/run/secrets/postgresql_password
    secrets:
      - postgresql_password
  db:
    image: postgres:13
    environment:
      - POSTGRES_DB=postgres
      - POSTGRES_PASSWORD_FILE=/run/secrets/postgresql_password
      - POSTGRES_USER=odoo
      - PGDATA=/var/lib/postgresql/data/pgdata
    volumes:
      - odoo-db-data:/var/lib/postgresql/data/pgdata
    secrets:
      - postgresql_password
volumes:
  odoo-web-data:
  odoo-db-data:

secrets:
  postgresql_password:
    file: odoo_pg_pass
</code></pre>
<h2><a id="3%E3%80%81%E5%AE%89%E8%A3%9D%E5%BE%8C%E9%80%B2%E5%85%A5%E7%B3%BB%E7%B5%B1%E9%AB%94%E9%A9%97%E8%A8%98%E9%8C%84" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3、安裝後進入系統體驗記錄</h2>
<p>打開瀏覽器，若是安裝到本地輸入地址：127.0.0.1:8069 回車進入系統</p>
<p>首次進入系統進行資料庫賬號相關配置，我這裡為了Demo勾選了demo data</p>
<p>前台登錄頁</p>
<p>首次進入系統安裝模塊及CRM部分 截圖</p>
<h3><a id="3-1%E7%B3%BB%E7%B5%B1%E8%A8%AD%E7%BD%AE%E6%A8%A1%E5%A1%8A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3.1系統設置模塊</h3>
<p>後台設置介面配置項目非常多而繁雜，尤其是在對許可權管理的時候需要注意，邏輯層級大為：資料庫-公司-群組-用戶-許可權，資料庫就是這個系統創建時我們填寫的數據名稱，支持多個資料庫，可以理解為SaaS系統的租戶，然後一個資料庫下可以有多家公司，公司下創建不同的用戶組，用戶組對應關聯用戶和許可權，比較靈活的一點在於，引入用戶組只是為了快速給用戶進行賦權，如果有個用戶需要擁有A用戶組（如果有100個許可權），其中一個不能a1不能給到這個用戶，那麼直接在當前這個用戶許可權列表中取消這個a1許可權即可。這裡需要特別注意，我們之前在這裡吃了很多虧。</p>
<p>群組詳情管理介面，群組可以繼承其他群組許可權，還有菜單、視圖、訪問權（讀、寫、創建、刪除）</p>
<p>另外值得注意的一點是，如果要對系統級別的一些配置需要開通開發者模式，在設置的最後一項。開啟后才可以安裝第三方外掛、配置郵件 伺服器等操作。</p>
<h3><a id="3-1%E6%A5%AD%E5%8B%99%E5%8A%9F%E8%83%BD" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3.1業務功能</h3>
<p>正如odoo官方網站上所述，整體介面非常清爽、功能操作也很明確，如CRM採用了卡片+狀態（所處階段）列的形式，非常直觀清晰，並且各個功能模塊之間數據可以關聯互通。</p>
<p>CRM主頁</p>
<p>報價單</p>
<p>課程-後台</p>
<p>課程-前台，支持mooc模式</p>
<p>製造-作業</p>
<p>製造-產品</p>
<h2><a id="4%E7%B8%BD%E7%B5%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>4. 總結</h2>
<p>經過實際部署體驗，odoo不愧為排名第一的開放原始碼ERP系統！在易用性、擴展能力、整合能力都做到了行業標桿的地位，非常推薦對於有一定IT技術能力的企業使用。</p>
<p>但因為odoo包含的功能是在太多，更多內容請移步官方網站-點擊應用 程式查看。附一張所有功能清單圖</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/business-intelligence/38284/odoo-intro/" data-wpel-link="internal">Odoo 介紹</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ERP部署的類型</title>
		<link>https://hypergrowths.com/software-engineering/38282/erp-type/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sun, 03 Sep 2023 04:18:19 +0000</pubDate>
				<category><![CDATA[軟體開發]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38282</guid>

					<description><![CDATA[<p>如何部署ERP 系統的主要優勢，旨在幫助你選擇最合適的 ERP 部署選項。 企業還可以根據自身業務需求，結合開 [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/software-engineering/38282/erp-type/" data-wpel-link="internal">ERP部署的類型</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>如何部署ERP 系統的主要優勢，旨在幫助你選擇最合適的 ERP 部署選項。</p>
<p>企業還可以根據自身業務需求，結合開放原始碼智造Odoo權威專家的諮詢建議，按需定製Odoo免費開放原始碼ERP系統核心功能或建構應用擴展，並將與標準Odoo ERP功能無縫整合，來滿足自身業務場景特定的需求。</p>
<p><strong>ERP雲</strong></p>
<p>在 ERP雲部署方式中，軟體托管在雲端，以服務的形式通過互聯網交付，支持用戶訂閱。軟體提供商通常負責執行定期維護、更新和安全相關工作。如今，ERP 雲是最受歡迎的部署方法，因為前期成本更低、可擴展性和靈活性更高、整合更簡單等。</p>
<p><strong>本地ERP</strong><br />
在這種傳統的軟體部署模式下，一切均由企業自己管理。ERP 軟體通常安裝在企業選定的數據中心內。軟硬體的安裝和維護都需要由企業安排人員執行。</p>
<p>許多企業都在革新其本地 ERP 系統，升級為雲部署模式。這需要企業認真做好 ERP升級規劃，並全方位評估 ERP軟體及其部署選項。</p>
<p><strong>混合型ERP</strong><br />
如果企業需要同時使用ERP雲和本地ERP來滿足業務需求，可以選擇混合 ERP雲模式。在這種模式下，一部分ERP應用和數據將部署在雲端，一部分則部署在本地。這種架構有時也稱為雙層ERP。</p>
<h2><a id="erp%E6%95%B4%E5%90%88" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>ERP整合</h2>
<p>如今的ERP系統能夠提供廣泛的業務功能，但仍需要與其他應用和數據源連接和同步，例如CRM和HCM（了解什麼是HCM）軟體、電子商務平台、行業特定解決方案甚至其他ERP系統。通過ERP整合，企業可以整合不同系統的資訊，獲得統一的資訊視圖，提高業務流程效率，改善客戶體驗，並促進團隊和業務合作夥伴之間的協作。</p>
<p>開放原始碼智造·Odoo免費開放原始碼ERP系統開放且靈活，可以通過連接器或定製適配器（如應用編程介面）與各種軟體產品輕鬆整合。除此之外，還有很多其他ERP整合方法，比如 ESB（企業服務匯流排）和 iPaaS（整合平台即服務）。iPaaS是一種開放原始碼智造自研的多數據源整合同步的方法，備受各種類型企業歡迎。iPaaS平台可以快速同步本地 ERP 或 ERP雲與來自同一供應商或第三方的 SaaS 應用。通過iPaaS方法實現ERP整合，無需企業耗費太多專業技術人員思考ERP系統如何操作才能實現整合作業且降低操作成本，因為iPaaS平台通常幾乎無需編碼，十分靈活且完全免費開放原始碼，同時還具備許多其他功能，例如自動生成API、整合機器學習數據、整合物聯網網路、提供預建構的內容等。</p>
<h2><a id="erp%E7%9A%84%E7%B8%BD%E6%88%90%E6%9C%AC" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>ERP的總成本</h2>
<p>如何選擇 ERP 系統？企業通常會考慮到成本問題。通常情況下，ERP 的成本取決於軟體供應商、企業選擇的模塊和部署方法。一般而言，Odoo免費開放原始碼ERP的私有雲端部署成本遠低於傳統ERP產品，因為Odoo私有雲部署無需採購硬體，也無需高薪聘請內部 IT 專家。維護工作將由Odoo亞太金牌服務機構·開放原始碼智造負責，客戶通常只需根據實際業務需求通過開放原始碼智造Odoo權威專家諮詢和建議給出解決方案，支付實施服務費用即可，產品則完全免費開放原始碼。</p>
<p>計算新 ERP 實施項目的投資回報和總體擁有成本時，企業必須考慮初始勞動力成本和持續勞動力成本，這兩個因素與軟體選擇和部署成本一樣重要。對於雲部署和混合部署選項，企業必須評估新的因素，例如軟體維護、設施、電腦容量、停機時間、恢復能力、安全性、隱私和 IT 員工成本等，這些都是重要的考慮因素。如之前提到的，雲部署選項可以顯著降低資本和營運成本，從而提高投資報酬率，減少總體擁有成本。</p>
<h2><a id="erp%E7%9A%84%E9%A3%9B%E9%80%9F%E7%99%BC%E5%B1%95%E6%AD%B7%E7%A8%8B" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>ERP的飛速發展歷程</h2>
<p>電腦化業務應用誕生於使用大型機的 1960 年代，面向的是會計和財務領域。這類開創性的應用比手動流程更快、更準確，但成本高昂、功能有限且運行緩慢。之後，這些應用很快催生出了專用的獨立解決方案，例如銷售訂單處理和製造需求計劃 (MRP)。</p>
<p>20 世紀 80 年代中期，製造業的競爭顯著加劇，整個行業亟需新工具的出現。新的 MRP II 軟體整合了會計和財務、銷售、採購、庫存以及製造計劃和調度功能，為製造商提供了整合式系統。</p>
<p>20 世紀 90 年代末，ERP 問世。ERP 革新了科技行業，其服務的行業更加廣泛，並且整合了 MRP II、人力資源、項目會計和最終用戶報告等功能。</p>
<p>進入 21 世紀后，互聯網發展速度加快，互聯網大廠對開放原始碼軟體技術引入和普及，新的開發工具不斷湧現，引發了 ERP 套件的再次革新。基於瀏覽器的軟體的興起為雲端部署的免費開放原始碼ERP軟體的誕生鋪平了道路，Odoo免費開放原始碼ERP是ERP領域的一項突破性創新，進一步擴展了 ERP 解決方案的產品功能和服務創新與生態快速成長。</p>
<p>如今，數位轉型風潮正盛，開放原始碼智造所主導的Odoo免費開放原始碼ERP系統正越來越多地利用人工智慧(了解什麼是人工智慧)、機器學習、機器人流程自動化 (RPA)、物聯網、自然語言處理 (NLP) 和記憶體資料庫中獲取的最新洞察，在前所未有的變革時期保持競爭力。</p>
<h2><a id="erp%E7%9A%84%E6%9C%AA%E4%BE%86%E8%B6%A8%E5%8B%A2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>ERP的未來趨勢</h2>
<p>數位轉型趨勢在不斷加快，而ERP系統是實現數位轉型的核心。當企業全面採用數字技術后，他們將能徹底變革自身的營運方式。</p>
<p>根據開放原始碼智造·Odoo研究院的研究，加快核心業務 數位化的一種有效方式是「消除障礙」，也就是說，消除阻礙業務發展的任何不利因素，包括過時的流程和系統。因此，毋庸置疑，企業需要更強大的ERP系統。</p>
<p>以下是基於當前發展勢頭的三大趨勢：</p>
<p>**雲端部署的優勢，比如，隨時隨地訪問、降低硬體和技術支持成本、安全性更高、輕鬆整合其他系統等，ERP 私有雲端部署將越來越受企業青睞。Panorama Research 發布的 2022 ERP Report（2022 年 ERP 報告）顯示，「半數以上的企業選擇了私有雲端部署 (70%)，只有 30% 的企業選擇本地部署。」隨著業務速度不斷加快，雲技術變得越來越重要。</p>
<p>**垂直整合：**單項優勢解決方案與整合式ERP之間的拉鋸戰正式落下帷幕。未來，企業將需要綜合這兩種解決方案的優勢，即需要一款支持垂直擴展的完全整合式ERP系統。這樣一來，企業既可以獲得所需的特定功能，還可以避免資訊孤島和整合問題。此外，由於 ERP 系統中的業務流程是根據各個企業的需求量身定製，因此靈活性更高。</p>
<p>**自主可控：**員工、客戶和供應商都希望企業能夠根據他們的特定需求或興趣，為其提供適當的內容和功能，幫助他們提高工作效率。隨著勞動力結構的變化，尤其是製造行業，ERP源程式碼開放與低程式碼實施平台開始受到越來越多的關注。這類平台能夠支持用戶打造自身所需的體驗，並且實現用戶的自主可控，不再需要讓企業自身去適應軟體。用戶還可以獲得支持各種設備的定製儀錶盤、AI 驅動的搜索、個性化的聊天工具和工作流。</p>
<h2><a id="erp%E7%B3%BB%E7%B5%B1%E7%9A%8410%E5%80%8B%E5%9F%BA%E6%9C%AC%E7%89%B9%E6%80%A7" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>ERP系統的10個基本特性</h2>
<p>ERP 管理系統有哪些基本特性？任何現代 ERP 系統都擁有許多功能，只不過這些功能依據其服務的行業和提供的模塊有所不同。但是，所有企業資源管理系統都應具備以下 10 個基本特性：</p>
<ol>
<li>**通用資料庫：**集中存儲資訊，打造統一的真實數據源，提供一致、共享的數據和跨職能部門的企業視圖。</li>
<li>**嵌入式分析：**提供內置分析功能、自助式商業智能、報告功能和合規管理工具，為所有業務領域提供智能洞察。</li>
<li>**數據視覺化：**通過儀錶盤、KPI 和點擊式分析功能，直觀地呈現關鍵資訊，幫助企業快速制定明智的決策。</li>
<li>**自動化：**實現重複任務自動化，並提供由人工智慧和機器學習驅動的高級機器人流程自動化 (RPA)。</li>
<li>**一致的使用者介面/用戶體驗：**確保所有模塊具備相同的外觀和使用體驗，併為所有流程、用戶（包括客戶和供應商）、業務部門、地點和產品線等提供易於使用的配置和個性化工具。</li>
<li>**整合：**支持無縫整合業務流程和工作流，並輕鬆整合其他軟體解決方案和數據源，包括來自第三方的解決方案和數據源。</li>
<li>**新技術：**支持人工智慧和機器學習、數字助理、物聯網、RPA、安全和隱私保護以及移動化等技術。</li>
<li>**技術平台：**為 ERP 這項長期投資提供快速、穩定且久經驗證的技術堆棧，包括ERP系統源程式碼免費開放原始碼、低程式碼實施平台、iPaaS、數據管理等。</li>
<li>**跨國支持：**支持多種語言、貨幣以及本地業務實踐和法規，同時為雲服務、培訓、服務台和實施提供技術支持。</li>
<li>**部署選項：**支持雲部署、本地部署或混合部署。</li>
</ol>
<h2><a id="%E5%93%AA%E7%A8%AEerp%E7%B3%BB%E7%B5%B1%E6%9C%80%E9%81%A9%E5%90%88%E6%88%91%EF%BC%9F" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>哪種ERP系統最適合我？</h2>
<p>ERP並非只適用於跨國企業。開放原始碼智造·Odoo為所有規模的企業（包括小型、中型和大型企業）設計了相應的ERP解決方案。我們還提供了行業特定和企業特定的功能，滿足你獨特的業務需求。但是，不論業務部門和企業規模如何，你都需要遵循卓越實踐，審慎規劃 ERP實施項目。</p>
<p><strong>面向小型企業的ERP系統</strong></p>
<p>面向小型企業的ERP軟體能夠幫助成長型企業擺脫電子錶格的束縛，高效管理企業的方方面面，包括從銷售、客戶關係到財務和營運的各個業務領域。面向小型企業的ERP工具通常部署在私有雲端，可以快速安裝，並能隨企業發展而擴展。</p>
<p><strong>面向中型企業的ERP系統</strong></p>
<p>如今，面向中型企業及其子公司的ERP軟體內置商業分析功能，支持快速部署，並提供針對數十個不同業務流程的卓越實踐，覆蓋財務、HR 和供應鏈管理等領域。借助面向中型企業的ERP工具，成長型企業即使資源有限，也能有效擴展業務和開展競爭。另外，對於流程複雜或計劃實現快速增長的中型企業而言，模塊化的Odoo免費開放原始碼ERP成為了熱門選擇。</p>
<p><strong>面向大型企業的ERP系統</strong></p>
<p>大型企業業務遍布全球，或者旗下擁有多家子公司，他們需要採用強大、先進的ERP系統，來革新業務模式和流程。這些ERP系統包含嵌入式人工智慧、機器學習和商業分析工具以及智能自動化功能。開放原始碼智造·Odoo系統支持企業根據業務需要，靈活選擇本地部署、雲部署或混合部署模式。而且，這些ERP系統可以與現有資料庫整合，甚至還能基於強大的新型記憶體資料庫運行。</p>
<p>許多企業都在革新其本地ERP系統，升級為私有雲部署模式。這需要企業認真做好ERP升級規劃，並全方位評估ERP軟體及其部署選項。</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/software-engineering/38282/erp-type/" data-wpel-link="internal">ERP部署的類型</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>ERPNext 如何優於 Odoo &#8211; 一個資深Odoo服務商轉ERPNext后的感悟</title>
		<link>https://hypergrowths.com/software-engineering/38280/erpnext-compare-odoo/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sun, 03 Sep 2023 04:13:19 +0000</pubDate>
				<category><![CDATA[軟體開發]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38280</guid>

					<description><![CDATA[<p>從官方推特上找到的這篇部落格文章，跟我們自己總結的似乎異曲同工。 部落格原文 https://ecosoft- [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/software-engineering/38280/erpnext-compare-odoo/" data-wpel-link="internal">ERPNext 如何優於 Odoo &#8211; 一個資深Odoo服務商轉ERPNext后的感悟</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>從官方推特上找到的這篇部落格文章，跟我們自己總結的似乎異曲同工。</p>
<p>部落格原文 <a href="https://link.zhihu.com/?target=https%3A//ecosoft-odoo.blogspot.com/2023/05/how-erpnext-superior-than-odoo-odooer.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://ecosoft-odoo.blogspot.com/2023/05/how-erpnext-superior-than-odoo-odooer.html</a></p>
<p>以下Google翻譯</p>
<p><strong>ERPNext 如何優於 Odoo - Odoo 顧問的觀點</strong></p>
<p>在默默關注 ERPNext 多年之後，我終於有機會為我們在 2015 年實施 Odoo 的一位現有客戶實施它，並希望改進他們的系統。 這一次，我認為切換到 ERPNext 會更好，因為有些事情 Odoo 沒有答案，即，</p>
<ul>
<li>免費升級</li>
<li>低成本雲服務</li>
<li>能夠由自己的員工維護</li>
</ul>
<p>所以，在實施之後，我想分享一下我對這個產品的印象。 我將在主題中將 ERPNext 與 Odoo 進行比較，我認為 ERPNext 是明顯的贏家。</p>
<p>你準備好了嗎？ 讓我們開始吧。</p>
<p>1. ERPNext 背後的公司 - Frappe Technologies</p>
<p>「ERPNext」是一個軟體名稱，由一家名為「Frappe Technologies」的公司使用名為「Frappe Framework」的框架創建。 該公司是在 Odoo S.A. 之後不久成立的。因此，這家公司並不是新成立的，並且在很長一段時間內一直在跌跌撞撞地尋找自己的出路。 它的創始人 Rushabh Mehta 是印度人/孟買人。 從美國受教育。</p>
<p>Rushabh 先生在未能在市場上找到足夠好的 ERP 之後創建了 ERPNext 作為其家族企業的解決方案，這些 ERP 既昂貴又不靈活。 令人驚訝的是，這與 Fabien Pinckaers 創建 Odoo 的原因相同。 然而，使 ERPNext 與包括 Odoo 在內的其他產品不同的是，從第一天開始就決定使用元框架的概念。 這個想法是讓數據模型/視圖邏輯/工作流和其他組件盡可能多地準備好由數據配置使用，並且需要盡可能少的編碼。</p>
<p>在早期，進展非常緩慢，因為要創建一些東西，不是直接編碼出那個組件，而是創建將實習創建組件的元數據組件（參考：ERPNext 的起源）。 這個元框架就是今天所說的低程式碼/無程式碼平台。</p>
<p>經過幾天的汗水和淚水，Frappe Framework 和 ERPNext 已經發展成為一個穩定且低維護的軟體，需要更少的開發人員進行維護。 Frappe 團隊相當小，如果沒有被誤解的話，4-5 年前他們只有 20 人。 後來忙著擴張，現在只有 60-80 人，跟 Odoo S.A. 幾千人的員工比起來簡直是小巫見大巫。</p>
<p>我喜歡 Frappe 團隊的地方在於它的設計原則，Frappe 非常重視用戶體驗，多年來它的 UI/UX 不斷地重新設計。 如果你瀏覽 Frappe 的網站，你會發現每個方面都極簡主義和高標準（參考：人與設計，ERPNext V13 重新設計）。</p>
<p>Frappe 是一家擁有非常民主文化的公司，其核心價值觀「透明和自由」貫穿於他們所做的一切。 一個具體的證據是選擇你自己的薪酬計劃，如果不是真正相信開放的文化，那將是不可能的。</p>
<p>許多驚喜轉為敬佩，選擇Frappe對我來說，不僅僅是軟體，還有公司和他們的價值觀。</p>
<p>2018 年，我參加了在 Jarkatar 舉行的開發者聚會並遇到了 Rushabh Mehta。</p>
<p>2. 100% 開放原始碼</p>
<p>畢業后一直從事企業IT工作。 我在一個面向銷售的專有軟體部門。 而且我對我們銷售的軟體有不好的感覺，這些軟體往往會誇大但最終無法兌現承諾。</p>
<p>10 年前，有人向我介紹了 Adempiere，一個開放原始碼 ERP，它的理念和社區。 事情與我來自的地方完全相反。 看起來真誠、開放、樸實無華。 它邀請大家發表意見並幫助進一步發展。 在那之後，我再也沒有回頭。</p>
<p>許多優秀的開放原始碼軟體一開始都是 100% 開放的，並吸引了大批頑固的開發人員。 一旦成功，就會讓他們的社區失望。 因此，開放原始碼是我在這裡的一個關鍵準則。</p>
<p>Odoo 本身在啟動時也是 100% 開放原始碼的，直到版本 9，許可從 AGPL（100% 開放）更改為 LGPL（開放核心）。 隨後，幾個關鍵模塊已從社區版本中刪除。</p>
<p>我們不得不接受這樣一個事實，即 Odoo S.A. 逐漸降低其開放原始碼強度，更多地關注行銷而不是傾聽他們的社區。</p>
<p>我不會判斷哪個更好。 Odoo 是迄今為止市場上最成功的開放原始碼軟體。 良好的行銷對開發商及其合作夥伴也有良好的影響。 但是對於來自開放原始碼類型的我們來說，我們可能希望在開放原始碼方式上走得更遠。</p>
<p>至於Frappe，它不僅沒有改變他們過去十年的承諾，而且似乎更加強烈地堅持開放原始碼原則。</p>
<p>有一個案例讓我印象深刻。 Frappe Cloud 為 Frappe Technologies 提供了一定程度的財務自由。 對於公司來說，這是它創收的秘密武器，如果它自己保守這個秘密，沒有人會介意。 但在 ERPNext</p>
<p>在孟買舉行的 2022 年大會上，由 Aditya Hase 領導的 Frappe Cloud 團隊宣布 Frappe Cloud 將開放原始碼，這讓所有人都大吃一驚。 這一原則決定使公司真正 100% 開放原始碼，毫不妥協。</p>
<p>未來是不確定的。 但如果我必須預測一家公司將保持 100% 開放原始碼，我當然會選擇 Frappe Technologies。</p>
<p>3.低程式碼/無程式碼</p>
<p>如果我只能選擇 ERPNext 相對於 Odoo 的一個優勢，我會選擇低程式碼/無程式碼功能。 低程式碼/無程式碼現在很流行，這個領域有很多參與者（例如 AppSmith、Retools、Bubble 等），但 Frappe 是唯一一個足以創建像 ERP 這樣的複雜系統的公司。</p>
<p>Frappe Framework 允許用戶無需編寫程式碼即可創建應用 程式，而是通過創建新的 DocType 並直接通過使用者介面對其進行自定義。 這相當於在 Odoo 中編碼出 Model / View / Action。</p>
<p>以我通過創建名為「Cash Holder Summary」的 Doctype 創建的新窗口為例</p>
<p>當您想要自定義時，選擇自定義菜單。 用戶可以立即編輯數據模型和視圖。 完成後，按下更新按鈕，瞧，用戶可以繼續使用它中斷的應用 程式。</p>
<p>需要比 CRUD App 更複雜的邏輯？ 在許多其他無程式碼選項中，Frappe 用戶可以在 伺服器端和客戶端以低程式碼編寫腳本。</p>
<p>例如，下面的腳本設置為在更新費用索賠文檔時運行，以驗證稅基金額並顯示警告消息。</p>
<p>我不會去進一步的細節。 如需更多自定義選項，我編寫了一個基礎教程 Frappe Low Code 101。</p>
<p>現在讓我們回顧一下，使用 Frappe Low Code 我們幾乎可以做任何事情：數據建模、UI/UX、工作流、Onchange、計算欄位、 列印輸出、報告、視圖、圖表、圖形、菜單等等。 一切都可以導出以安裝在另一個 網站。</p>
<p>此外，通過 Low Code 螢幕編寫腳本只是一種選擇，在 VS Code 上編寫程式碼也是可能的，並且推薦使用。</p>
<p>在Odoo中，無論是創建新的模塊還是自定義現有的模塊，無論多小，都需要 程式員，需要一個部署步驟。</p>
<p>有些人可能會爭辯說，Odoo 也有一個名為 Studio 的低程式碼工具。 好吧……不是真的。 如果粗略的看一下，或者拿來做demo，我覺得還可以。 但如果它在項目中被廣泛使用，從長遠來看要小心問題。 因為 Studio 只是更混亂程式碼之上的糖層。 Studio 不是真正的低程式碼工具，而且永遠不會。 有經驗的人會告訴你遠離工作室。</p>
<p>而 Frappe 從第一天開始就是作為低程式碼方法建構的。 這是使用 Frappe 建構應用 程式的自然方式。</p>
<p>關於自定義開發，那些同時使用過這兩個系統的人會說 Frappe Framework 比 Odoo 更容易學習。 但比易於開發更重要的是低程式碼的敏捷性，可以直接從 UI 即時調整即時系統，這大大降低了維護成本。</p>
<p>4.一致性</p>
<p>一致性意味著整個系統的標準化工作方式、UX/UI。</p>
<p>事實上，Odoo 作為一個框架也有標準化的工作方式，但不如 Frappe。 我想舉例說明文檔的狀態和更改狀態的按鈕操作。</p>
<p>在 Odoo 中，每個文檔都可以有無限數量的 Status 和 Actions，因為它們是通過自定義編碼創建的。 例如，一個 RFQ 文檔可能有 4 個狀態（包括取消），並且有一些操作按鈕可以將一種狀態更改為另一種狀態。</p>
<p>而在 Frappe 中只需將 Doctype 設置為 Submittable（無編碼），文檔將只有 3 種狀態：0-Draft、1-Submitted 和 2-Cancelled，其中顯示有效的操作按鈕。 這適用於所有可提交的文件。</p>
<p>看起來 Frappe 缺乏靈活性，不是嗎？ 話雖如此，這是用於創建像 ERP 這樣的複雜系統的框架，它具有針對每個 Doctype 的工作流配置，您可以在其中添加任意數量的狀態和操作，無需編碼。</p>
<p>擁有更標準化的工作方式使系統變得簡單和可預測，直接影響整個系統的穩定性。</p>
<p>5. 精心打造的特色</p>
<p>我會將 Frappe 定義為 Apple Inc，以用戶為中心和對細節的關注。 我想舉一個在 ERP 中非常常用的例子，表格 列印。</p>
<p>在 Odoo 中，我們將使用基於 XML 的文件 QWeb 來創建 列印輸出表單。 還有其他一些替代方案，例如 Jasper iReport，但它們都很複雜，需要部署步驟，而且不是很優雅。</p>
<p>直到今天，Odoo 仍以同樣的方式工作，通過點擊 列印菜單下載 PDF。</p>
<p>在 ERPNext 中，有一個可以拖放的表單生成器和可選的 Html/Jinja 模板組件。</p>
<p>單擊文檔窗口中的 列印按鈕會顯示一個漂亮的 列印預覽窗口。</p>
<p>您可以選擇 列印格式和語言。</p>
<p>完整頁面</p>
<p>刷新頁面</p>
<p>列印按鈕</p>
<p>低成本為新鋰電池帶來優勢</p>
<p>ve系統，這裡的調整往往還沒有結束。 用戶可以調整設計，單擊刷新並立即看到結果。</p>
<p>我喜歡的另一個示例功能是數據導入，它為每個文檔類型都有一個專用窗口。</p>
<p>一些突出的能力，例如，</p>
<ul>
<li>支持大批量的作業隊列</li>
<li>即時進度條</li>
<li>使用 Google 表格中的數據</li>
<li>將所有導入歷史保存在一個地方</li>
<li>能夠僅導出錯誤的記錄以便更正並再次導入</li>
</ul>
<p>我目前的體驗，對於相同的功能，Frappe 似乎更周到。</p>
<p>6. 安全和審計日誌</p>
<p>ERPNext 具有安全性和可追溯性功能，無需依賴 Odoo 等社區外掛。</p>
<p>安全和審計日誌是ERP系統的一大強制性要求。 無論它擁有多少業務功能，缺乏良好的安全特性是任何企業都不能接受的。</p>
<p>一如既往，我想引用具體的例子，比如用戶許可權管理。 您會看到每個 Doctype 的許可權更詳細，就像在 Odoo 中一樣，例如操作、 列印、共享、導出，一切都在一個窗口中完成。</p>
<p>在用戶窗口中，顯示了很多安全功能。 我特別喜歡的一個例子是 IP 限制。 它適用於不希望員工從組織外部使用系統的組織。</p>
<p>可以在一個地方管理各種類型的審計日誌。</p>
<p>所有類型的日誌都被仔細保存並且易於理解。</p>
<p>每一個文件都保留每一個變化。 比較新舊數據。</p>
<p>7.可擴展性</p>
<p>對於曾經使用 Odoo 部署過大型系統的人來說，一定遇到過性能問題。 主要問題在於 Odoo 的 ORM（對象關係映射），這在某種程度上是一個很好的特性。 ORM 使得編寫程式碼來讀取/寫入數據變得非常容易，但代價是大量的 SQL 連接。</p>
<p>當我剛接觸 ERPNext 時，我發現 Frappe 有一個 String Name 欄位並將其用作外鍵而不是 Integer ID，這讓我非常惱火。 我一直都知道資料庫規範化需要一個整數 ID，並且如果它需要來自另一個表的名稱，則始終使用 SQL 連接。</p>
<p>比如ERPNext中的Purchase Order介面，懂技術的都知道，對於Odoo來說，它會使用5個join來檢索相關的Names (Supplier, Company, User, Warehouse, Item)。</p>
<p>但是使用 ERPNext，不需要單個 SQL 連接，因為在每個欄位中看到的名稱資訊直接從採購訂單表本身顯示。</p>
<p>ERPNext 上使用的示例 SQL。</p>
<p>從 `tabPurchase Order` 中選擇供應商、公司、requested_by，其中 name = 'PO-2023-01150'</p>
<p>如您所見，ERPNext 在其數據結構級別上具有擴展性，無論 Odoo 多麼努力，我相信 ERPNext 將更具可擴展性。</p>
<p>8. 升級也免費且簡單！</p>
<p>對於安裝最新版本的 Odoo 的人來說，可能不會太擔心未來的升級。 但是對於10年沒有升級的系統來說，這是一種風險，也是一個很大的機會喪失。</p>
<p>除了可以免費升級，Frappe的系統架構也讓升級變得非常簡單。 要升級，只需在命令行中輸入，</p>
<p>&gt; git pull (更新程式碼到最新)</p>
<p>&gt; 基準遷移（做升級）</p>
<p>Odoo開發者都會知道Odoo的架構是非常模塊化的。 在每次成功的實施中，可能會安裝數百個模塊。 每個模塊都將與其他模塊緊密相關。 一個模塊的更新會連續影響其他模塊，DevOps 必須足夠好以確保一個模塊的更改不會影響其他模塊。</p>
<p>此外，如果您想升級到新的主要版本，您需要為所有用戶購買企業許可證，然後將您的資料庫提交給 Odoo S.A. 以升級您的資料庫。</p>
<p>回到 Frappe 框架，系統架構不像 Odoo 那樣模塊化。 您可以安裝額外的應用 程式或編寫您自己的自定義應用 程式，但它們不像 Odoo 案例那樣分散或緊密依賴於其他應用 程式。</p>
<p>Odoo 以在不諮詢社區的情況下更改新主要版本中的數據結構而聞名，導致開發人員需要額外的工作來糾正他們的模塊。 最新的例子是版本 16 中刪除的分析標籤。</p>
<p>雖然 ERPNext 團隊很少更改系統的結構，或者如果有更改，它會與其開發人員社區密切協商。</p>
<p>由於上述許多原因，ERPNext 上的額外應用 程式往往可以在新的主要版本中運行，而無需像 Odoo 中那樣進行太多修改，並且升級過程中的痛苦要小得多。</p>
<p>我使用專為 ERPNext 托管的 Frappe Cloud。 升級也超級簡單。 當雲系統警告程式碼已更新時，按下立即更新按鈕，就是這樣。</p>
<p>Frappe Cloud 是我最喜歡的服務之一。 與 <a href="https://link.zhihu.com/?target=http%3A//odoo.sh/" data-wpel-link="external" rel="nofollow external noopener noreferrer">Odoo.sh</a> 相比，它易於使用且價格非常合理。 我運行了 6 個 網站，在更新系統時從未遇到過任何問題。</p>
<p>9. 貼合當地需求</p>
<p>從使用該系統的經驗來看，在我看來，ERPNext 具有以下特點：</p>
<p>帽子更適合我們當地的需要。 這在某種程度上是我個人的觀點。 長期使用Odoo，總覺得開箱即用的Odoo並沒有滿足我們需求的功能，我們必須始終依賴社區模塊來滿足我們國家的基本需求</p>
<ul>
<li>Odoo 沒有員工預付款/費用清算，只有費用索賠，但 ERPNext 有。</li>
<li>Odoo Payroll 不支持符合泰國慣例，但 ERPNext 可以。</li>
<li>Odoo 沒有 Employee Loan 供員工借錢作為福利，但是 ERPNext 有。</li>
<li>Odoo 沒有多層折扣和賬單折扣，但 ERPNext 有。</li>
</ul>
<p>等等</p>
<p>ERPNext 的概念似乎傾向於像我們這樣的亞洲，那裡的業務通常比西方國家更挑剔。</p>
<p>10. Frappeverse Frappe生態圈</p>
<p>Frappe Framework 已經達到了一個非常穩定的點。 Frappe 團隊可以以更低的成本更快地發布新產品。 Frappe Cloud 的到來有助於增加收入，並允許團隊推出比 ERPNext 更多樣化的產品，他們稱之為 Frappeverse。</p>
<p>Frappeverse由多種產品組成，全部基於Frappe Framework，每個產品團隊都有自己的技術和市場，其中ERPNext仍然是Frappe的主打產品。</p>
<p>Frappeverse 也是 100% 開放原始碼的，其中一些也可以在 SASS 中使用：</p>
<p>Frappe 框架 - 用於低程式碼開發</p>
<p>ERPNext - ERP / CRM / SCM</p>
<p>Frappe HR - 工資單、員工自助服務、貸款、休假、考勤等人力資源管理系統</p>
<p>Frappe Insight - 商業智能和視覺化</p>
<p>Frappe Books - 離線會計軟體</p>
<p>Gameplan - 企業通信和協作軟體</p>
<p>Frappe Desk - Helpdesk 系統</p>
<p>Frappe LMS - 學習管理系統</p>
<p>Frappe Healthcare - 醫療保健管理系統</p>
<p>Frappe Wiki - 創建 wiki 文檔.</p>
<p>Frappe Drive - 管理文檔和文件</p>
<p>過去，人們只知道 ERPNext 而不知道 Frappe Framework。 隨著 Frappeverse 的出現，Frappe Technology 擺脫了單獨在 ERP 市場的競爭。 其他市場的存在應該會加強 Frappe 團隊。 對於那些選擇 Frappe 生態系統的人來說，還可以獲得更廣泛的軟體應用 程式來實施。 當然，所有這些都是 100% 開放原始碼的。</p>
<p><strong>總結</strong></p>
<p>到目前為止閱讀過並且對 Frappe / ERPNext 感興趣的任何人，我認為現在是開始的好時機。 儘管與 Odoo 相比，ERPNext 在市場上的知名度較低，但它有其獨特的價值主張和功能。</p>
<p>對我來說，兩者都是非常好的商業軟體。 這篇文章不是想表達 Odoo 不是好的選擇，它是一種選擇的自由。 當我們了解它們時，我們可以充分利用它們的差異，並根據情況選擇合適的。</p>
<p>如果你已經選擇 Odoo ，但你仍然想要 100% 開放原始碼，我強烈建議你加入 OCA（Odoo 社區協會），它會成為你的救星。 如果您喜歡開放原始碼並希望項目能落地，恕我直言，這是唯一的途徑；）</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/software-engineering/38280/erpnext-compare-odoo/" data-wpel-link="internal">ERPNext 如何優於 Odoo &#8211; 一個資深Odoo服務商轉ERPNext后的感悟</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>終極 WordPress SEO 指南</title>
		<link>https://hypergrowths.com/digital-marketing/seo/38278/wordpress-seo-guide-ultimate/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sat, 02 Sep 2023 08:13:51 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[數位行銷]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38278</guid>

					<description><![CDATA[<p>WordPress 本身並不會幫助你的網站在搜索引擎中提高排名。它只是一個工具，對SEO不會深入優化。但由於W [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/digital-marketing/seo/38278/wordpress-seo-guide-ultimate/" data-wpel-link="internal">終極 WordPress SEO 指南</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>WordPress 本身並不會幫助你的網站在搜索引擎中提高排名。它只是一個工具，對SEO不會深入優化。但由於WordPress作為<a href="https://www.zhihu.com/search?q=%E5%BC%80%E6%BA%90%E7%B3%BB%E7%BB%9F&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">開放原始碼系統</a>，我們又可以輕鬆地實現SEO優化所需要的一些工作。</p>
<p>著名 <a href="https://ahrefs.com/blog/" data-wpel-link="external" rel="nofollow external noopener noreferrer">Ahrefs 的部落格</a>就是用 WordPress 搭建的，每個月獲得了超過 17 萬次自然搜索訪問。</p>
<p><img decoding="async" src="https://i.imgur.com/eQVspK9.jpg" alt="" /></p>
<p>Ahrefs 部落格還之於 1.4 萬關鍵詞排進 Google 搜索結果首頁。</p>
<p><img decoding="async" src="https://i.imgur.com/t9FgyQl.jpg" alt="" /></p>
<p>這份指南即 ahrefs 專家們編寫的如何完整地優化你的 WordPress 網站。</p>
<h3><a id="wordpress%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F%EF%BC%88-wordpress%E2%89%A0-seo%E6%8A%95%E6%A9%9F%E5%8F%96%E5%B7%A7%EF%BC%89" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>WordPress 是什麼？（WordPress ≠ SEO 投機取巧）</h3>
<p>WordPress 是一套開放原始碼的內容管理系統（Content Management System, CMS），即使你不懂 HTML，也可以使用它來搭建、管理和發布網站（內容）。</p>
<p>當大多數人想到WordPress時，首先想到的往往是部落格。但它不僅僅用於部落格。</p>
<h5><a id="%E9%80%99%E8%A3%A1%E6%9C%89%E5%B9%BE%E5%80%8B%E4%BD%BF%E7%94%A8wordpress%E5%BB%BA%E7%AB%99%E7%9A%84%E8%91%97%E5%90%8D%E5%85%AC%E5%8F%B8%EF%BC%9A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>這裡有幾個使用 WordPress 建站的著名公司：</h5>
<ul>
<li>TechCrunch;</li>
<li>BBC America（BBC 美國）;</li>
<li>The Walt Disney Company （<a href="https://www.zhihu.com/search?q=%E8%BF%AA%E5%A3%AB%E5%B0%BC%E5%85%AC%E5%8F%B8&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">迪士尼公司</a>）;</li>
<li>Mercedes Benz（賓士）</li>
</ul>
<blockquote>
<p>**專業提示：**可以通過 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D9cd553fc00aHR0cHM6Ly93d3cuaXNpdHdwLmNvbS8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">isitwp.com</a> 這樣的網站來檢查它是否是使用 WordPress 搭建的。</p>
</blockquote>
<p><img decoding="async" src="https://i.imgur.com/81ceKzm.jpg" alt="" /></p>
<p>如果 WordPress 不利於 SEO，你覺得還會有那麼多公司會去使用它嗎？我表示懷疑。</p>
<p>這可能也就是為什麼 WordPress 會在<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D133feca013aHR0cHM6Ly93b3JkcHJlc3MuY29tLw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">首頁</a>提到他們是一套 SEO 友好的內容管理系統。</p>
<p><img decoding="async" src="https://i.imgur.com/18MW0ag.jpg" alt="" /></p>
<p>…但這到底是什麼意思呢？</p>
<p><strong>這意味著</strong> WordPress 會在安裝完成後處理好最基本的 SEO 實踐問題。正因為 WordPress 的流行度，市場上的 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dbc04208c9daHR0cHM6Ly93b3JkcHJlc3Mub3JnL3BsdWdpbnMvc2VhcmNoL3Nlby8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">SEO 外掛數不甚數</a>，而且其中許多是免費的，比如閃電博所開發的<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/sst" data-wpel-link="external" rel="nofollow external noopener noreferrer">Smart SEO Tool</a>。</p>
<p>但這也並<strong>不意味著</strong>安裝完 WordPress 就能獲得一個完美優化的網站，不需要額外再進行任何 SEO 調整了。</p>
<p>WordPress 作為一款工具，可以讓用戶很簡單地使用傳統的 SEO 策略。不多也不少。</p>
<p>因為這個原因，在 WordPress 開展 SEO 與常規的<a href="https://www.zhihu.com/search?q=%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E5%BC%95%E6%93%8E&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索引擎引擎</a>優化沒有什麼不同。所以這份指南會告訴你如何在 WordPress 上施行常規的站內和技術 SEO <a href="https://www.zhihu.com/search?q=%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">最佳案例</a>。</p>
<p>不管你是否使用 WordPress 建站，<a href="https://www.zhihu.com/search?q=%E5%A4%96%E9%93%BE&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">外鏈</a>建設等站外 SEO 策略都是一樣的。</p>
<h3><a id="%E6%BA%96%E5%82%99%E9%96%8B%E5%A7%8B%E2%80%A6" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>準備開始…</h3>
<p>你已經安裝好了 WordPress。網站也已經<a href="https://www.zhihu.com/search?q=%E4%B8%8A%E7%BA%BF%E4%BA%86&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">上線了</a>。現在該做什麼呢？</p>
<p>你可以先安裝下面六個外掛：</p>
<ol>
<li><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D022479009eaHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvd29yZHByZXNzLXNlby8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Yoast SEO</a>（中文網站更建議使用<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/sst" data-wpel-link="external" rel="nofollow external noopener noreferrer">Smart SEO Tool</a>）;</li>
<li><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D873566a1b8aHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvdzMtdG90YWwtY2FjaGUv" data-wpel-link="external" rel="nofollow external noopener noreferrer">W3 Total Cache</a>;</li>
<li><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dfcf0ef22e7aHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvd3Atc211c2hpdC8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Smush Image Compression and Optimisation</a></li>
<li><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/spider-analyser" data-wpel-link="external" rel="nofollow external noopener noreferrer">Spider Analyser</a></li>
<li><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/skt" data-wpel-link="external" rel="nofollow external noopener noreferrer">熱門關鍵詞推薦外掛</a></li>
<li><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/bsl-pro" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索推送收錄管理外掛</a></li>
</ol>
<p>不確定如何操作？</p>
<p>首先，登錄你的 WordPress 網站後台。在左側邊欄，選擇 外掛 &gt; 安裝外掛。</p>
<p><img decoding="async" src="https://i.imgur.com/8tB4pgc.jpg" alt="" /></p>
<p>搜索需要的外掛，點擊「現在安裝」。</p>
<p><img decoding="async" src="https://i.imgur.com/Y6W7MK4.jpg" alt="" /></p>
<p><strong>重要.</strong> 先不要啟動這些外掛。我們會在接下來的篇章中進行操作。</p>
<p>如果你是 Ahrefs 用戶，我還建議你使用<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D757b9319e6aHR0cHM6Ly9haHJlZnMuY29tL3poL3NpdGUtYXVkaXQ%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">網站診斷</a>工具進行 網站抓取</p>
<p>準備好了嗎？讓我們開始吧！</p>
<h3><a id="1%E5%AE%89%E8%A3%9D-seo%E5%8F%8B%E5%A5%BD%E7%9A%84%E4%B8%BB%E9%A1%8C" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>1. 安裝 SEO 友好的主題</h3>
<p>WordPress 在安裝初始化後會默認選用一個比較醜陋的主題。</p>
<p>好消息是選用較為美觀的 WordPress 主題並沒有什麼壞處。壞消息是許多主題對待 SEO 的態度就像一個工作不順心的服務生。</p>
<p>那麼，一個 SEO 友好的主題應該具備哪些要素呢？</p>
<ol>
<li>**<a href="https://www.zhihu.com/search?q=%E5%93%8D%E5%BA%94%E5%BC%8F%E8%AE%BE%E8%AE%A1&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">響應式設計</a>：**對於使用手機進行搜索的用戶來說，對移動端友好的內容在搜索引擎中的表現也越好。這是 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D95de0405ecaHR0cHM6Ly93ZWJtYXN0ZXJzLmdvb2dsZWJsb2cuY29tLzIwMTgvMDMvcm9sbGluZy1vdXQtbW9iaWxlLWZpcnN0LWluZGV4aW5nLmh0bWw%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Google 說的</a>，不是我。</li>
<li>**<a href="https://www.zhihu.com/search?q=%E8%BD%BB%E9%87%8F&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">輕量</a>：**避免使用那些充斥了你不需要的第三方外掛和腳本的主題。他們會拖慢你網站的載入速度。</li>
</ol>
<p>大多數主題會在描述中告訴你他們是否採用了響應式設計且對移動端友好。但是為了確保這一點，應該使用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D441e4d66ecaHR0cHM6Ly9zZWFyY2guZ29vZ2xlLmNvbS90ZXN0L21vYmlsZS1mcmllbmRseT9obD16aC1DTg%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Google 的 行動裝置適合性測試工具</a>來對主題樣板進行測試。</p>
<p><img decoding="async" src="https://i.imgur.com/LtBbssC.jpg" alt="" /></p>
<p>第三方外掛和腳本也是類似的情況。大多數賣家都喜歡在描述唏噓這些內容。但是還是應該使用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D1ccde76754aHR0cHM6Ly9kZXZlbG9wZXJzLmdvb2dsZS5jb20vc3BlZWQvcGFnZXNwZWVkL2luc2lnaHRzLw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Google PageSpeed Insights</a> 這樣的工具來檢查一下載入是否足夠迅速。</p>
<p>在我們另一篇文章，有詳細介紹到「<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/google-pagespeed-insights-scoring-100.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">如何做到Google PageSpeed Insights測試滿分</a>」，極力推薦站長們認真閱讀並實踐。</p>
<p><img decoding="async" src="https://i.imgur.com/BAPh4Gy.jpg" alt="" /></p>
<blockquote>
<p>小提示：記得網站速度還受到托管、 伺服器位置等其他因素的影響。對這些數字也不能全信。</p>
</blockquote>
<h3><a id="2%E5%9C%A8-www%E5%92%8C%E4%B8%8D%E5%90%AB-www%E7%9A%84%E5%9F%9F%E5%90%8D-https-www-zhihu-comsearch-q-e5-9f-9f-e5-90-8d-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d%EF%BC%88%E7%89%88%E6%9C%AC%EF%BC%89%E4%B9%8B%E9%96%93%E9%81%B8%E6%93%87" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>2. 在 www 和 不含 www 的<a href="https://www.zhihu.com/search?q=%E5%9F%9F%E5%90%8D&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">域名</a>（版本）之間選擇</h3>
<p>你是否發現有的網站域名包含了 www（如 <a href="https://link.zhihu.com/?target=http%3A//www.domain.com" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://www.domain.com</a>），而有的沒有包含（如 <a href="https://link.zhihu.com/?target=http%3A//domain.com" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com</a>）呢？。</p>
<p>例如，<a href="https://www.zhihu.com/search?q=%E9%97%AA%E7%94%B5%E5%8D%9A%E5%8D%9A%E5%AE%A2&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">閃電博部落格</a>的連結為 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/blog" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://www.wbolt.com/blog</a>，Search Engine Journal（搜索引擎期刊）的連結也是https://<strong>www</strong>.<a href="https://link.zhihu.com/?target=http%3A//searchenginejournal.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://searchenginejournal.com/</a>。</p>
<p>但WordPress官方網站則使用的是<a href="https://link.zhihu.com/?target=https%3A//wordpress.org/" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://wordpress.org/</a>。</p>
<p>Google 將包含 www 和不含 www 的連結版本視作<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Da45cdb288faHR0cHM6Ly9zdXBwb3J0Lmdvb2dsZS5jb20vd2VibWFzdGVycy9hbnN3ZXIvNDQyMzE/aGw9ZW4%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">對不同頁面的單獨引用</a>。</p>
<p><img decoding="async" src="https://i.imgur.com/LCrLvEY.jpg" alt="" /></p>
<p>因此你需要確定一個首選版本，並在 WordPress 後台的 **WordPress 地址（URL）<strong>和</strong><a href="https://www.zhihu.com/search?q=%E7%AB%99%E7%82%B9%E5%9C%B0%E5%9D%80&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer"> 網站地址</a>（URL）**中進行設置。</p>
<p>你可以在設置 &gt; 常規中找到這些選項。</p>
<p><img decoding="async" src="https://i.imgur.com/y8UHNi7.jpg" alt="" /></p>
<p>WordPress 會自動將另外一個地址<a href="https://www.zhihu.com/search?q=%E9%87%8D%E5%AE%9A%E5%90%91&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">重新導向</a>到你指定的那個。</p>
<p>這兩個版本之間有什麼區別嗎？對於新網站來說完全沒有區別。這取決於個人喜好。</p>
<p>但是如果 www 和 不含 www 的版本都能現在都能訪問你的網站（將地址輸入進瀏覽器檢查跳轉），你就應該選擇 Google 更中意的版本。</p>
<p>你可以在 Google 中驗證。</p>
<p>搜索<code>site:www.[yourdomain](https://www.zhihu.com/search?q=yourdomain&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D).com</code>。查看結果的數量。</p>
<p><img decoding="async" src="https://i.imgur.com/bDSTIrx.jpg" alt="" /></p>
<p>然後對<strong>不包含</strong> www 的版本也進行同樣的操作。即： <code>site:yourdomain.com -inurl:www</code>.</p>
<p><img decoding="async" src="https://i.imgur.com/YrNK4Tl.jpg" alt="" /></p>
<p>無論哪個版本，只要是返回更多結果的，就應該被設置成首選版本。</p>
<p>這次，不含 www 的版本是明顯的贏家。</p>
<p>你網站的連結是 HTTPS 還是 HTTP 呢？如果是後者，你應該考慮安裝 SSL 證書。Google 在 2014 年<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D6fc06f726eaHR0cHM6Ly93ZWJtYXN0ZXJzLmdvb2dsZWJsb2cuY29tLzIwMTQvMDgvaHR0cHMtYXMtcmFua2luZy1zaWduYWwuaHRtbA%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">將 SSL 確定為一項排名因素</a>。</p>
<h3><a id="3%E8%A8%AD%E7%BD%AE%E5%9B%BA%E5%AE%9A%E9%80%A3%E7%B5%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>3. 設置固定連結</h3>
<p>看一下這兩個連結：</p>
<ul>
<li><em><a href="https://link.zhihu.com/?target=https%3A//domain.com/blog/%3Fp%3D13607" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://domain.com/blog/?p=13607</a></em></li>
<li><em><a href="https://link.zhihu.com/?target=https%3A//domain.com/blog/long-tail-keywords/" data-wpel-link="external" rel="nofollow external noopener noreferrer">https://domain.com/blog/long-tail-keywords/</a></em></li>
</ul>
<p>但是第二個、<a href="https://www.zhihu.com/search?q=%E5%8F%AF%E8%AF%BB%E6%80%A7&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">可讀性</a>更高的連結才是我們的首選（權威）版本。換句話說，它才是我們想讓讀者看到的<a href="https://www.zhihu.com/search?q=%E5%9B%BA%E5%AE%9A%E9%93%BE%E6%8E%A5&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">固定連結</a>。</p>
<p>你可以在設置 &gt; 固定連結中選擇 WordPress 使用的連結類型。</p>
<blockquote>
<p>小提示：固定連結（Permalink） = 永久的連結（permanent link）。</p>
</blockquote>
<p>你可以看到包括<strong>樸素</strong>、<strong>文章名</strong>、<strong>數字型</strong>等在內的選項。<strong>我們一般建議選擇樸素類型，或者自定義結構（格式為/%postname%/或者/%postname%.html）</strong></p>
<p><img decoding="async" src="https://i.imgur.com/veWOTce.jpg" alt="" /></p>
<p>對大多數網站來說，<strong>文章名</strong>是最為 SEO 的選項，因為：</p>
<ol>
<li>它讓用戶可以僅憑 URL 就大致了解該頁面的內容。這樣做可以提高網站在<a href="https://www.zhihu.com/search?q=%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E7%BB%93%E6%9E%9C%E9%A1%B5%E9%9D%A2&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索引擎結果頁面</a>（SERPs）中的點擊率，帶來更多的自然搜索流量。</li>
<li>它可以提高獲得包含關鍵詞的外鏈的機率 —— 這些外鏈是<a href="https://www.zhihu.com/search?q=%E9%94%9A%E6%96%87%E6%9C%AC&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">錨文本</a>包含目標關鍵詞的連結。你需要在 URL 中使用關鍵詞。</li>
</ol>
<p><strong>重要.</strong> 如果你的內容已經在使用另外的固定連結結構，在修改之前要三思。這樣做的話會生成<a href="https://www.zhihu.com/search?q=%E5%A4%B1%E6%95%88%E9%A1%B5%E9%9D%A2&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">失效頁面</a>。這是一件壞事，特別是當這些頁面有外鏈的時候。如果你想這樣設置 URL 結構，就可能需要加入重新導向，你可以使用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D6f6956bebaaHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvcmVkaXJlY3Rpb24v" data-wpel-link="external" rel="nofollow external noopener noreferrer">Redirection</a> 這個 WordPress 外掛。</p>
<h3><a id="4%E5%95%9F%E7%94%A8%E9%BA%B5%E5%8C%85%E5%B1%91%E5%B0%8E%E8%88%AA-https-www-zhihu-comsearch-q-e9-9d-a2-e5-8c-85-e5-b1-91-e5-af-bc-e8-88-aa-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>4. 啟用<a href="https://www.zhihu.com/search?q=%E9%9D%A2%E5%8C%85%E5%B1%91%E5%AF%BC%E8%88%AA&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">麵包屑導航</a></h3>
<p>麵包屑導航可以讓訪客（和搜索引擎）有一個清晰的軌跡來瀏覽你的網站。他們看起來像下面這樣：</p>
<p><img decoding="async" src="https://i.imgur.com/zy23PmD.jpg" alt="" /></p>
<p>你並非一定要使用麵包屑導航。但是這樣做的好處包括：</p>
<ol>
<li>幫助搜索引擎理解網站的結構和層級；</li>
<li>創建良好的<a href="https://www.zhihu.com/search?q=%E5%86%85%E9%83%A8%E9%93%BE%E6%8E%A5%E7%BB%93%E6%9E%84&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">內部連結結構</a>；</li>
<li>對用戶有幫助；</li>
<li>他們會出現在<a href="https://www.zhihu.com/search?q=%E6%90%9C%E7%B4%A2%E7%BB%93%E6%9E%9C&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索結果</a>中。</li>
</ol>
<p>以下是我說的最後一點：你的頁面在 Google 中將會這樣顯示……</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367465.png" alt="" /></p>
<p><img decoding="async" src="https://i.imgur.com/2t4UoW7.png" alt="" /></p>
<p>……而不是：</p>
<p><img decoding="async" src="https://i.imgur.com/iZJd754.png" alt="" /></p>
<p><img decoding="async" src="https://i.imgur.com/iZJd754.png" alt="" /></p>
<p>這是否有用還有待商榷。我認為這樣看起來更好，並且提供了更多上下文。因此他們可能還會提高<a href="https://www.zhihu.com/search?q=%E7%82%B9%E5%87%BB%E7%8E%87&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">點擊率</a>，這從來都不是一件壞事。</p>
<p>抱歉我離題了。</p>
<p>使用 Yoast 可以輕鬆地在 WordPress 啟動麵包屑導航。Yoast 是什麼？它是一個可以自動處理 WordPress 基本 SEO 工作的外掛。但是它需要一定的自定義動作——比如啟用麵包屑導航。</p>
<p>首先啟用這個外掛（外掛 &gt; Yoast &gt; 啟用），接著點擊左側邊欄的 SEO 菜單選項。</p>
<p>搜索外觀 &gt; 麵包屑導航 &gt; 啟用<a href="https://www.zhihu.com/search?q=%E8%B7%AF%E5%BE%84%E5%AF%BC%E8%88%AA&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">路徑導航</a></p>
<p><img decoding="async" src="https://i.imgur.com/IJQQTF6.jpg" alt="" /></p>
<p>就這樣。收工。</p>
<blockquote>
<p>值得注意的是，你的 WordPress 主題必須支持麵包屑才能工作。並非所有主題都支持這一功能。如果你想使用麵包屑導航，但是主題並不支持。就需要<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Db03825d3b4aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9zZWFyY2g/bnVtPTEwJmFtcDtxPXVzZSt5b3VyK2xvYWY%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">想想辦法</a>，可以請一個<a href="https://www.zhihu.com/search?q=%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A%E8%80%85&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">自由職業者</a>來進行修復。並且盡可能使用主題自帶的麵包屑導航，使用外掛來實現這一小功能視乎有點複雜了。</p>
</blockquote>
<h3><a id="5%E5%95%9F%E7%94%A8%E8%A9%95%E8%AB%96%E7%9A%84%E6%89%8B%E5%8B%95%E5%AF%A9%E6%89%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>5. 啟用評論的手動審批</h3>
<p>大多數的部落格評論都是無辜的。通常，人們會問一些合理的問題，或者表達他們有多喜歡你的文章。</p>
<p>但是請注意：部落格評論垃圾是一個嚴重的問題，非常嚴重。</p>
<p>下面就是一則垃圾評論：</p>
<p><img decoding="async" src="https://i.imgur.com/SPNsFyC.jpg" alt="" /></p>
<p>很困惑對吧？（部落格垃圾評論）一般是這樣的：</p>
<p>垃圾評論發送者使用自動軟體向數百或數千個部落格發布評論。他們這樣做是為了快速地為他們的網站獲得外鏈。</p>
<p>你看，當有人提交部落格評論時，WordPress 會底部他們的姓名和網站。接著，當評論生效時，名字就會連結向他們（提供）的網站。</p>
<p><img decoding="async" src="https://i.imgur.com/ETh4ifv.jpg" alt="" /></p>
<p>Google 在 2005 年初<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Deda2f92b1eaHR0cHM6Ly9nb29nbGVibG9nLmJsb2dzcG90LmNvbS8yMDA1LzAxL3ByZXZlbnRpbmctY29tbWVudC1zcGFtLmh0bWw%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">引入了 「nofollow」 標籤</a>來解決這個問題。現在，WordPress 的評論默認是」nofollow」，他們不會傳遞搜索引擎<a href="https://www.zhihu.com/search?q=%E6%9D%83%E9%87%8D%E5%80%BC&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">權重值</a>。</p>
<blockquote>
<p>編者注：關於nofollow連結，除了評論者連結應該設為nofollow，建議文章中<a href="https://www.zhihu.com/search?q=%E5%87%BA%E7%AB%99%E9%93%BE%E6%8E%A5&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">出站連結</a>盡可能也設置為nofollow連結，該功能在<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/sst" data-wpel-link="external" rel="nofollow external noopener noreferrer">Smart SEO Tool</a>外掛可以實現一鍵設置出站連結增加nofollow。</p>
</blockquote>
<p>但是<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D9d9694f130aHR0cHM6Ly9zdXBwb3J0Lmdvb2dsZS5jb20vd2VibWFzdGVycy9hbnN3ZXIvODE3NDk/aGw9ZW4%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">按照 Google 的說法</a>，垃圾評論依然會對 SEO 產生負面影響，因為：</p>
<ul>
<li>網站某些部分的低質量內容會影響網站的整體排名。</li>
<li>垃圾評論會分散用戶的注意力，降低網站的聲譽。</li>
<li>用戶生成的垃圾內容可能會促使 Google 移除該內容或者對網頁降權，以維護搜索結果的質量。</li>
</ul>
<p>WordPress 對用戶評論默認開啟自動審批。因此你應該將它關閉，對評論進行手動審核。</p>
<p>前往設置 &gt; 討論。勾選「評論必須經人工批准」。</p>
<p><img decoding="async" src="https://i.imgur.com/k3QVS13.png" alt="" /></p>
<p><img decoding="async" src="https://i.imgur.com/k3QVS13.png" alt="" /></p>
<p>小提示：你可以使用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D4f75659975aHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvYWtpc21ldC8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Akismet</a> 這樣的外掛來幫助防範垃圾評論。不過，除非你的網站體量龐大，否則手動審查和批准才是正確的方法。</p>
<blockquote>
<p>編者按：接下來的 6 則技巧是與內容相關的。向 WordPress 網站添加文章或頁面時，你應該考慮他們。<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D227bd2acccaHR0cHM6Ly93b3JkcHJlc3MuY29tL3N1cHBvcnQvcG9zdC12cy1wYWdlLw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">這裡</a>可以了解更多關於文章和頁面的區別。——Tim Soulo <a href="https://www.zhihu.com/search?q=%E5%B8%82%E5%9C%BA&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">市場</a>與產品策略主管</p>
</blockquote>
<h3><a id="6%EF%BC%88%E7%82%BA%E6%96%87%E7%AB%A0%E5%92%8C%E9%A0%81%E9%9D%A2%EF%BC%89%E8%87%AA%E5%AE%9A%E7%BE%A9-url" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>6.（為文章和頁面）自定義 URL</h3>
<p><a href="https://www.zhihu.com/search?q=%E7%AA%81%E5%87%BB%E6%B5%8B%E8%AF%95&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">突擊測試</a>。</p>
<p>你在 WordPress 部落格發布了一篇題為_「The 20 Best Protein Powders for Men to Buy in 2018 (Updated Sept. 2018)」_ ［「2018 年最值得男性購買的 20 款<a href="https://www.zhihu.com/search?q=%E8%9B%8B%E7%99%BD%E7%B2%89&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">蛋白粉</a>（2018 年 9 月更新）」］。</p>
<p>What will WordPress set the URL to by default?</p>
<p>WordPress 默認會如何設置 URL?</p>
<ol>
<li><a href="https://link.zhihu.com/?target=http%3A//domain.com/blog/p%3F67459376" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/blog/p?67459376</a></li>
<li><a href="https://link.zhihu.com/?target=http%3A//domain.com/blog/best-protein-powder/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/blog/best-protein-powder/</a></li>
<li><a href="https://link.zhihu.com/?target=http%3A//domain.com/blog/the-20-best-protein-powders-for-men-to-buy-in-2018-updated-sept-2018" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/blog/the-20-best-protein-powders-for-men-to-buy-in-2018-updated-sept-2018</a></li>
</ol>
<p>點擊這個 GIF 顯示答案：</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367537.webp" alt="" /></p>
<p><img decoding="async" src="https://i.imgur.com/oBW9NYk.jpg" alt="動圖封面" /></p>
<p>這個 URL 本身沒有問題。但是它有點長，意味著 Google 可能會在搜索結果中截斷它。</p>
<p><img decoding="async" src="https://i.imgur.com/xR3Bgt0.png" alt="" /></p>
<p>這對 SEO 會產生影響嗎？不太可能。</p>
<p>但是截斷的 URL 可能會產生間接影響，因為它們看起來很丑。這可能會影響點擊率，導致自然搜索流量的損失。</p>
<p>幸運的是，在 WordPress 中自定義 URL 非常簡單。只需要在任一文章或者頁面當前的固定連結右側點擊「編輯」即可。</p>
<p><img decoding="async" src="https://i.imgur.com/dLgHeuf.png" alt="" /></p>
<p>我的建議是（在 URL 中）使用目標關鍵詞，並用短橫替代空格。因此，在這個例子中，我們的 URL 會是：<em>domain/blog/best-protein-powder/</em>。當然如果是中文網站，固定連結可以直接使用id代替，否則你需對標題進行翻譯或者轉為拼音，工作量相對會大很多。</p>
<p>專業提示：不確定應該使用哪個主要關鍵詞？將你的文章或者頁面粘貼進 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D5dbb011ae9aHR0cHM6Ly9haHJlZnMuY29tL3poL2tleXdvcmRzLWV4cGxvcmVy" data-wpel-link="external" rel="nofollow external noopener noreferrer">Ahrefs 的關鍵詞分析</a>報告。然後查看<strong>父主題</strong>。</p>
<p><img decoding="async" src="https://i.imgur.com/RaMFJSi.png" alt="" /></p>
<h3><a id="7%E4%BD%BF%E7%94%A8%E6%89%80%E8%A6%8B%E5%8D%B3%E6%89%80%E5%BE%97-https-www-zhihu-comsearch-q-e6-89-80-e8-a7-81-e5-8d-b3-e6-89-80-e5-be-97-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d%E7%9A%84%E7%B7%A8%E8%BC%AF%E5%99%A8-https-www-zhihu-comsearch-q-e7-bc-96-e8-be-91-e5-99-a8-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d%E7%82%BA%E6%96%87%E7%AB%A0%E9%A0%81%E9%9D%A2%E8%A8%AD%E7%BD%AE%E6%A0%BC%E5%BC%8F%E3%80%82" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>7. 使用<a href="https://www.zhihu.com/search?q=%E6%89%80%E8%A7%81%E5%8D%B3%E6%89%80%E5%BE%97&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">所見即所得</a>的<a href="https://www.zhihu.com/search?q=%E7%BC%96%E8%BE%91%E5%99%A8&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">編輯器</a>為文章/頁面設置格式。</h3>
<p>關於內容格式，以下是 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D01181f8913aHR0cHM6Ly9zdXBwb3J0Lmdvb2dsZS5jb20vd2VibWFzdGVycy9hbnN3ZXIvNzQ1MTE4ND9obD1lbiNvcHRpbWl6ZQ%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Google 的建議</a>：</p>
<blockquote>
<p>組織內容總是有好處的，這樣訪客可以清楚地知道一個內容主題從哪裡開始，另外一個內容主題在哪裡結束。將你的內容<a href="https://www.zhihu.com/search?q=%E5%88%86%E8%A7%A3&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">分解</a>成邏輯區塊可以幫助用戶更快地找到他們想看的內容。</p>
</blockquote>
<p>換句話說，不要發布一大片內容，要使用 HTML 格式將內容分解。</p>
<p>你應該如何操作呢？</p>
<ul>
<li>使用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D2e7d75918baHR0cHM6Ly93d3cudzNzY2hvb2xzLmNvbS90YWdzL3RhZ19obi5hc3A%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">H 標籤（H‑tags）</a>（如：H2、H3 等）創建清晰的層級；</li>
<li>（在適當的情況下）使用<a href="https://www.zhihu.com/search?q=%E6%9C%89%E5%BA%8F%E5%92%8C%E6%97%A0%E5%BA%8F&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">有序和無序</a>列表；</li>
<li>將用戶的注意力吸引到重要的內容（使用<strong>粗體</strong>、<em>斜體</em> 和 <a href="https://www.zhihu.com/search?q=%E4%B8%8B%E5%88%92%E7%BA%BF&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">下劃線</a> 等）。</li>
</ul>
<p>這是 SEO 的基礎。但是在 WordPress 中要如何操作呢？</p>
<p>使用所見即所得編輯器。</p>
<p><img decoding="async" src="https://i.imgur.com/ppRg8P8.jpg" alt="" /></p>
<p>你可以在添加文章或者頁面時看到。</p>
<p>如果你熟悉<a href="https://www.zhihu.com/search?q=%E5%BE%AE%E8%BD%AF&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">微軟</a> Word 或者 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D2f54b3fbe6aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9kb2NzL2Fib3V0Lw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Google 文檔</a>。這個介面應該是<a href="https://www.zhihu.com/search?q=%E4%B8%8D%E8%A8%80%E8%87%AA%E6%98%8E&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">不言自明</a>的。</p>
<p>注意只將純文本粘貼進<a href="https://www.zhihu.com/search?q=%E5%8F%AF%E8%A7%86%E5%8C%96%E7%BC%96%E8%BE%91%E5%99%A8&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">視覺化編輯器</a>就可以。在 Mac 上的<a href="https://www.zhihu.com/search?q=%E5%BF%AB%E6%8D%B7%E9%94%AE&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">快速鍵</a>是CMD+Shift+V. 在 Windows 平台，其快速鍵是 CTRL+Shift+V。</p>
<p><img decoding="async" src="https://i.imgur.com/osRulqE.gif" alt="" /></p>
<p>這樣可以刪除<a href="https://www.zhihu.com/search?q=%E6%96%87%E5%AD%97%E5%A4%84%E7%90%86%E5%99%A8&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">文字處理器</a>帶入的所有格式。如果不這麼做，你可能得到大量無用的 HTML 程式碼。</p>
<p>接著你可以使用所見即所得編輯器將需要的格式加回來。</p>
<p><img decoding="async" src="https://i.imgur.com/3JlSzEk.gif" alt="" /></p>
<p>專業提示：使用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D667b8a7d80aHR0cHM6Ly93d3cud29yZGFibGUuaW8v" data-wpel-link="external" rel="nofollow external noopener noreferrer">Wordable</a>，可以在幾秒鐘內將你的文章從 Google 文檔上傳至 WordPress。我們在 Ahrefs 就是這樣操作的，這為我們節約了無數時間。</p>
<h3><a id="8%E7%82%BA%E5%9C%96%E7%89%87%E4%BD%BF%E7%94%A8%E6%9B%BF%E4%BB%A3%E6%96%87%E6%9C%AC-https-www-zhihu-comsearch-q-e6-9b-bf-e4-bb-a3-e6-96-87-e6-9c-ac-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>8. 為圖片使用<a href="https://www.zhihu.com/search?q=%E6%9B%BF%E4%BB%A3%E6%96%87%E6%9C%AC&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">替代文本</a></h3>
<p>你知道嗎？<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Da51f1a4a71aHR0cDovL3d3dy5pbnRlcmFjdGl2ZWFjY2Vzc2liaWxpdHkuY29tL2FjY2Vzc2liaWxpdHktc3RhdGlzdGljcw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">810 萬（3.3%）美國人有視力障礙</a>，他們可能需要使用<a href="https://www.zhihu.com/search?q=%E5%B1%8F%E5%B9%95%E9%98%85%E8%AF%BB%E5%99%A8&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">螢幕閱讀器</a>。</p>
<p>人數很多，所以我們需要向圖片添加替代文本。那些使用螢幕閱讀器的用戶看不到你的圖片——他們只能看到替代文本。</p>
<p>替代文本的語法如下：</p>
<p><code>&lt;img src=&quot;/cute-cat.png&quot; alt=&quot;一隻[可愛貓咪](https://www.zhihu.com/search?q=%E5%8F%AF%E7%88%B1%E7%8C%AB%E5%92%AA&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D)的圖片&quot;/&gt;</code></p>
<p>話雖如此，因為你使用的是 WordPress，這個語法其實並沒有什麼用處。你可以通過視覺編輯器將替代文本添加到圖片中。</p>
<p>點擊<a href="https://www.zhihu.com/search?q=%E6%B7%BB%E5%8A%A0%E5%AA%92%E4%BD%93&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">添加媒體</a> &gt; 上傳文件。你可以看到如下圖所示的介面：</p>
<p><img decoding="async" src="https://i.imgur.com/0CcBwSA.jpg" alt="" /></p>
<p>在替代文本欄位填入圖片的一小段描述。確保簡單和準確。不要試圖把關鍵詞硬塞進去。</p>
<p>下面這個例子是 Tim Soulo 某張照片的替代文本：</p>
<p><img decoding="async" src="https://i.imgur.com/CIhkO65.png" alt="" /></p>
<p>但這不僅僅是針對<a href="https://www.zhihu.com/search?q=%E8%A7%86%E8%A7%89%E9%9A%9C%E7%A2%8D&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">視覺障礙</a>人群的。所有的標籤都有助於 Google 更好地理解你頁面上的圖片。<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dea331d2ff7aHR0cHM6Ly90d2l0dGVyLmNvbS9Kb2huTXUvc3RhdHVzLzEwMzY5MDE2MDg4ODAyNTQ5NzY%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">按照 John Mueller 的說法</a>，這有助於提高在 Google 圖片中的排名。</p>
<blockquote>
<p>如果你想要在 Google 圖片中取得排名——那麼替代文本對 Google 圖片來說至關重要。即使你使用了懶載入（<a href="https://www.zhihu.com/search?q=lazy-loading&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">lazy-loading</a>），你知道哪些圖片會被載入，因此你需要儘快展示這些資訊，並對載入完的樣式進行測試。——— John (@JohnMu)</p>
</blockquote>
<p>在 Google 圖片獲得排名是毫無意義的嗎？完全不是。</p>
<p>在過去三個月時間內，我們在 Google 圖片搜索中獲得了 200 萬次曝光。這為我們的網站帶來了 1,570 次訪問。</p>
<p><img decoding="async" src="https://i.imgur.com/ZaURqjE.jpg" alt="" /></p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367634.webp" alt="" /></p>
<p>在這裡可以了解更多<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/add-title-alt-to-images-in-wordpress.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">圖片SEO</a>的內容。</p>
<p>對每一張圖片設置獨立的ALT替代文本和Title自然是<a href="https://www.zhihu.com/search?q=%E6%9C%80%E5%A5%BD%E4%B8%8D%E8%BF%87&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">最好不過</a>的事情了，但如果你是一位懶人站長，則可能需要依賴Smart SEO Tool外掛所提供的自動ALT替代文本和Title，如下圖：</p>
<p><img decoding="async" src="https://i.imgur.com/XS72bff.jpg" alt="" /></p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367650.webp" alt="" /></p>
<blockquote>
<p>小提示：確保你圖片的<a href="https://www.zhihu.com/search?q=%E6%96%87%E4%BB%B6%E5%90%8D&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">文件名</a>也是描述性的。「IMG865729」 這樣的文件名顯然不行。</p>
</blockquote>
<h3><a id="9%E7%82%BA%E5%85%B6%E4%BB%96%E6%96%87%E7%AB%A0%E9%A0%81%E9%9D%A2%E5%89%B5%E5%BB%BA%E5%85%A7%E9%83%A8%E9%80%A3%E7%B5%90" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>9. 為其他文章/頁面創建內部連結</h3>
<p>內部連結指向網站上的其他頁面和文章。</p>
<p><a href="https://www.zhihu.com/search?q=%E5%86%85%E9%93%BE&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">內鏈</a>對 SEO 很重要，其中的兩點原因是：</p>
<ul>
<li>他們有助於<a href="https://www.zhihu.com/search?q=%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索引擎</a>權重在網站傳遞；</li>
<li>他們將訪客引導至更多網站上的重要內容。</li>
</ul>
<p>你可以使用所見即所得編輯器在 WordPress 中創建指向文章和頁面的內部<a href="https://www.zhihu.com/search?q=%E9%93%BE%E6%8E%A5&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">連結</a>。</p>
<p>選中待加入連結的文本，然後點擊「插入/編輯連結」按鈕。將另外文章或者頁面的連結粘貼進來。</p>
<p><img decoding="async" src="https://i.imgur.com/1IVWNPB.gif" alt="" /></p>
<p>就這樣。</p>
<p>但是你從何知道應該為哪些頁面添加內部連結呢？前往 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D757b9319e6aHR0cHM6Ly9haHJlZnMuY29tL3poL3NpdGUtYXVkaXQ%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Ahrefs 網站診斷</a>工具，打開之前創建的項目。現在抓取工作應該已經完成了。</p>
<p>接下來，去到**<a href="https://www.zhihu.com/search?q=%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">數據分析</a>**。加入以下自定義過濾。</p>
<p><img decoding="async" src="https://i.imgur.com/uudEkT5.jpg" alt="" /></p>
<p>你可以看到些不屬於<a href="https://www.zhihu.com/search?q=%E9%A1%B5%E9%9D%A2%E5%BD%92%E6%A1%A3&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">頁面歸檔</a>一部分、內部連結數量少於 3 個的頁面。</p>
<p>將結果按自然搜索流量從多到少排序。</p>
<p><img decoding="async" src="https://i.imgur.com/BOKTGAm.jpg" alt="" /></p>
<p>現在你有了一張可以速推的頁面的列表。</p>
<p>接下來，在 WordPress 後台搜索與那些頁面相關的關鍵詞。你可以在搜索結果中看到所有提及該關鍵詞的文章。</p>
<p><img decoding="async" src="https://i.imgur.com/s4m9hYz.jpg" alt="" /></p>
<p>這些地方非常適合添加內部連結。</p>
<p><img decoding="async" src="https://i.imgur.com/Uvl0I2D.jpg" alt="" /></p>
<p>專業提示</p>
<p>你的 WordPress 主題使用<a href="https://www.zhihu.com/search?q=%E4%BE%A7%E8%BE%B9%E6%A0%8F&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">側邊欄</a>了嗎？</p>
<p>考慮在側邊欄加入「流行文章」小工具，並指向符合以下條件的頁面或者文章：</p>
<ul>
<li>轉化特別好；或者，</li>
<li>你希望排名提高。</li>
</ul>
<p>Brian Dean 在他的部落格就是這麼做的：</p>
<p><img decoding="async" src="https://i.imgur.com/SqFzDzo.jpg" alt="" /></p>
<p><strong>注意.</strong> 如果你對基本的 HTML 以及 WordPress 小工具不是很熟悉，就可能需要請<a href="https://www.zhihu.com/search?q=%E5%BC%80%E5%8F%91%E8%80%85&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">開發者</a>幫忙了。</p>
<h3><a id="10%E8%A8%AD%E7%BD%AE%E5%94%AF%E4%B8%80%E7%9A%84%E3%80%81%E3%80%8C%E5%84%AA%E5%8C%96%E4%BA%86%E7%9A%84%E3%80%8D%E6%A8%99%E9%A1%8C%E6%A8%99%E7%B1%A4-https-www-zhihu-comsearch-q-e6-a0-87-e9-a2-98-e6-a0-87-e7-ad-be-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d%E5%92%8C%E6%8F%8F%E8%BF%B0" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>10. 設置唯一的、「優化了的」<a href="https://www.zhihu.com/search?q=%E6%A0%87%E9%A2%98%E6%A0%87%E7%AD%BE&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">標題標籤</a>和描述</h3>
<p>你在搜索結果中可以看到元標題和元描述。</p>
<p><img decoding="async" src="https://i.imgur.com/NYBH6pg.jpg" alt="" /></p>
<p>小提示：Google 並不總是展示網站管理員設置的標題和元描述資訊。有時他們會被自動改寫。SEO 的最佳案例是為每個頁面和文章自定義標題和描述資訊。</p>
<p>規則如下：</p>
<ol>
<li>**吸引眼球：**更高的點擊率意味著更多來自搜索引擎的流量。</li>
<li>**保持簡短：**Google 會在 590px （~50–60 字元）開始截斷標題。元描述大約會在 930px （~155 字元）時被截斷。使用<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D6315e74395aHR0cHM6Ly9zZXJwc2ltLmNvbS8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">這個工具</a>可以進行預覽。</li>
</ol>
<p>Yoast 可以讓你逐頁設置標題和描述。滾動到當前編輯的文章或頁面的底部。你可以看到：</p>
<p><img decoding="async" src="https://i.imgur.com/24xHHHX.jpg" alt="" /></p>
<p>你可以在這裡撰寫標題和元描述資訊。</p>
<p>Yoast 默認將此設置為一個變數，獲取文章的標題，並將其同時用作元標題。</p>
<p><img decoding="async" src="https://i.imgur.com/joZkJmD.jpg" alt="" /></p>
<p>通常情況上這樣是沒有問題的。但不總是。</p>
<p>例如，我們有一篇文章的標題為「I Just Deleted Your Outreach Email Without Reading. And NO, I Don』t Feel Sorry. (Evergreen)」</p>
<p>這個標題太長了。</p>
<p><img decoding="async" src="https://i.imgur.com/2lkePnz.png" alt="" /></p>
<p>因此，最好能將測試好了的標題和描述資訊粘貼到這裡。</p>
<blockquote>
<p>小提示：無論是標題還是摘要都不應該過長或者過短，並且關鍵詞數建議在3-5個之間。</p>
</blockquote>
<h3><a id="11%EF%BC%88%E5%9C%A8%E9%81%A9%E7%95%B6%E7%9A%84%E6%99%82%E5%80%99%EF%BC%89%E6%8A%8A%E9%A0%81%E9%9D%A2%E5%B5%8C%E5%A5%97%E9%80%B2%E5%AD%90%E7%9B%AE%E9%8C%84-https-www-zhihu-comsearch-q-e5-ad-90-e7-9b-ae-e5-bd-95-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>11. （在適當的時候）把頁面嵌套進<a href="https://www.zhihu.com/search?q=%E5%AD%90%E7%9B%AE%E5%BD%95&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">子目錄</a></h3>
<p>假設你已經將固定連結結果設置為<strong>文章名</strong>，那麼你 網站的頁面和文章的 URL 都會像下面這樣：</p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/post-name" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/post-name</a></em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/page-name" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/page-name</a></em></p>
<p>但是對頁面而言，你可以使用子目錄的方式為創建多個層級。</p>
<p>假設你是一家使用 WordPress 開展<a href="https://www.zhihu.com/search?q=%E6%95%B0%E5%AD%97%E8%90%A5%E9%94%80&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">數位行銷</a>服務的機構，你提供五種不同的服務，包括 SEO、PPC（Pay-Per-Click, <a href="https://www.zhihu.com/search?q=%E4%BA%92%E8%81%94%E7%BD%91%E5%B9%BF%E5%91%8A&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">互聯網廣告</a>一種較為流行的競價方式）、<a href="https://www.zhihu.com/search?q=%E7%A4%BE%E5%AA%92%E8%90%A5%E9%94%80&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">社媒行銷</a>、公關和<a href="https://www.zhihu.com/search?q=%E9%82%AE%E4%BB%B6%E8%90%A5%E9%94%80&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">郵件行銷</a>服務。</p>
<p>最好的 URL 結構設置方法是：</p>
<ol>
<li>創建一個「服務」<a href="https://www.zhihu.com/search?q=%E7%9D%80%E9%99%86%E9%A1%B5&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">著陸頁</a>，該著陸頁討論的內容是你提供的五項服務。</li>
<li>為你提供的每種服務創建獨立頁面。</li>
<li>從「服務」頁面向五個單獨的服務頁面創建內部連結。</li>
</ol>
<p>默認情況下，你的 URL 會像下面這樣：</p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/services/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/services/</a></em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/seo/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/seo/</a></em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/ppc" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/ppc</a></em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/social-media-marketing/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/social-media-marketing/</a></em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/email-marketing/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/email-marketing/</a></em></p>
<p>看起來還不錯，但是如果可以將這些頁面放置在「/services/」子目錄下就更好了。像這樣：</p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/</a></em><strong>services</strong><em>/</em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/</a></em><strong>services</strong><em>/seo/</em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/</a></em><strong>services</strong><em>/ppc</em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/</a></em><strong>services</strong><em>/social-media-marketing/</em></p>
<p><em><a href="https://link.zhihu.com/?target=http%3A//domain.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/</a></em><strong>services</strong><em>/email-marketing/</em></p>
<p>這在 WordPress 實現起來很簡單。只需要在頁面編輯器中點擊上級<a href="https://www.zhihu.com/search?q=%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">下拉菜單</a>，並選擇「Service」頁面即可。</p>
<p><img decoding="async" src="https://i.imgur.com/MCLuts4.jpg" alt="" /></p>
<p>現在這個 URL 就可以通過 <em><a href="https://link.zhihu.com/?target=http%3A//domain.com/" data-wpel-link="external" rel="nofollow external noopener noreferrer">http://domain.com/</a></em><strong>services</strong><em>/SERVICE/</em> 來訪問了。</p>
<blockquote>
<p>編者注：接下來的 4 個策略屬於「技術」優化。使用他們來加速你網站的載入速度，並消除那些可能讓 Google 覺得混亂的東西。——Tim Soulo 市場與產品策略主管</p>
</blockquote>
<h3><a id="12%E5%95%9F%E7%94%A8%E5%85%A7%E5%AE%B9%E7%B7%A9%E5%AD%98" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>12. 啟用內容緩存</h3>
<p>緩存是個很潮的詞，對嗎？</p>
<p>簡而言之，它的意思如下：</p>
<p>你創建文章和頁面的靜態化版本。瀏覽器可以快速載入他們。你的網站瀏覽起來感覺很快。用戶很開心。就是這麼簡單！</p>
<p>Google 想讓用戶開心。並且 Google 喜歡載入迅速的網站。Google 甚至已經確認網頁載入速度既是<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D65975a3af9aHR0cHM6Ly93ZWJtYXN0ZXJzLmdvb2dsZWJsb2cuY29tLzIwMTAvMDQvdXNpbmctc2l0ZS1zcGVlZC1pbi13ZWItc2VhcmNoLXJhbmtpbmcuaHRtbA%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">桌面端</a>也是<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dbb16e157cfaHR0cHM6Ly93ZWJtYXN0ZXJzLmdvb2dsZWJsb2cuY29tLzIwMTgvMDEvdXNpbmctcGFnZS1zcGVlZC1pbi1tb2JpbGUtc2VhcmNoLmh0bWw%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">移動端</a>網站排名的一個因素。</p>
<p>WordPress 有大量緩存外掛，其中一個是 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D873566a1b8aHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvdzMtdG90YWwtY2FjaGUv" data-wpel-link="external" rel="nofollow external noopener noreferrer">W3 Total Cache</a>。這款外掛你之前應該已經安裝好了。</p>
<p>點擊 <em>Performance</em> &gt; <em>General settings</em>。</p>
<p><img decoding="async" src="https://i.imgur.com/qye4ViX.png" alt="" /></p>
<p>這裡有許多複雜的設置。讓我們保持簡單，只勾選「Page Cache」（「見面緩存」）、「Minify」（最小化）和「Browser Cache」（「瀏覽器緩存」）。</p>
<p>對於大多數 網站來說，這是個不錯的開始。</p>
<p><strong>推薦閱讀：</strong><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/how-to-leverage-browser-caching-wordpress.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">如何使用外掛/無外掛優化WordPress網站瀏覽器緩存</a>，<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Db6b7f63401aHR0cHM6Ly93d3cudGFsa29md2ViLmNvbS91bHRpbWF0ZS1ndWlkZS1zcGVlZC13b3JkcHJlc3MtdzMtdG90YWwtY2FjaGUv" data-wpel-link="external" rel="nofollow external noopener noreferrer">使用 W3 Total Cache 為 WordPress 提速完整指南（英文）</a></p>
<h3><a id="13%E5%A3%93%E7%B8%AE%E5%92%8C%E5%84%AA%E5%8C%96%E4%BD%A0%E7%9A%84%E5%9C%96%E7%89%87" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>13. 壓縮和優化你的圖片</h3>
<p><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dbbcfa40e3eaHR0cHM6Ly9zcGVlZGN1cnZlLmNvbS9ibG9nL3dlYi1wZXJmb3JtYW5jZS1wYWdlLWJsb2F0Lw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">網頁的平均體積為 3MB。</a></p>
<p>但是因為包含了大量圖片，長篇部落格文章的體積會變得很大。例如，根據 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D8906bf47c2aHR0cHM6Ly9ndG1ldHJpeC5jb20v" data-wpel-link="external" rel="nofollow external noopener noreferrer">GTmetrix</a> 的數據，我們的測試的頁面體積為：</p>
<p><img decoding="async" src="https://i.imgur.com/gTMB4jV.jpg" alt="" /></p>
<p><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D4ad7588c39aHR0cHM6Ly93d3cucmVjb2RlLm5ldC8yMDE3LzEyLzEzLzE2NzczMDYyL2dsb2JhbC1pbnRlcm5ldC1zcGVlZHMtZmFzdGVyLTIwMTctb29rbGE%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">全球移動下載的平均速度是 20Mbps</a>，這個頁面需要 4.2 秒載入完成。而<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D204205e5e2aHR0cHM6Ly90aGluay5zdG9yYWdlLmdvb2dsZWFwaXMuY29tL2RvY3MvbW9iaWxlLXBhZ2Utc3BlZWQtbmV3LWluZHVzdHJ5LWJlbmNobWFya3MucGRm" data-wpel-link="external" rel="nofollow external noopener noreferrer">根據 Google 的數據</a>，如果移動網頁未能在 3 秒內載入完成，訪客就會跳出這個頁面。</p>
<p>這也是為什麼優化網站中載入最緩慢的部分——圖片是值得的。</p>
<p>你可以從啟用 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dfcf0ef22e7aHR0cHM6Ly9jbi53b3JkcHJlc3Mub3JnL3BsdWdpbnMvd3Atc211c2hpdC8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Smush Image Compression and Optimization</a> 外掛開始（<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/imgspider-pro" data-wpel-link="external" rel="nofollow external noopener noreferrer">IMGspider</a>圖片採集工具自帶圖片壓縮功能）。之前你應該已經安裝好了。它會壓縮並優化你在未來上傳的所有圖片。並不需要你動一根手指。</p>
<p>為了壓縮你已經上傳好的圖片，點擊左側邊欄的 Smush 菜單，接後點擊「Bulk smush now」。</p>
<p><img decoding="async" src="https://i.imgur.com/QvaNfYh.jpg" alt="" /></p>
<p>這樣它會按 50 張每批的速度對網站已有圖片進行優化。你可以再次點擊這個按鈕再優化另外 50 張圖片，如此往複。對於大型 網站來說，這可能很煩人。因此如果你有許多圖片，可能需要考慮升級到專業版。</p>
<p>接下來，是圖片尺寸調整。</p>
<p>你會想著改變「max width」（「<a href="https://www.zhihu.com/search?q=%E6%9C%80%E5%A4%A7%E5%AE%BD%E5%BA%A6&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">最大寬度</a>」）以適應 WordPress 的主題。將它設置成能夠在你網站展示的最寬尺寸。如我們來說，這個值是 900px。</p>
<p><img decoding="async" src="https://i.imgur.com/RlOjqbJ.jpg" alt="" /></p>
<blockquote>
<p><strong>專業提示</strong><br />
特別注意你網站上那些載入最緩慢的頁面。他們需要你去手動優化。<br />
你可以在網站審計 &gt; 性能 &gt; 緩慢頁面 中把他們找出來。</p>
</blockquote>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367839.jpg" alt="" /></p>
<p>這裡有另外一個竅門，就是可以將這些頁面按照自然搜索流量大小做降序排列。<br />
集中力量首先優化那些自然搜索流量較大的頁面。這些頁面應該已經之於較大搜索量的關鍵詞有不錯的排名了。<br />
我們已經知道網頁速度是一項排名因素了。因此改善這些頁面的速度可能就能讓你的頁面（之於一個較大搜索量的關鍵詞）排名從第二升至第一。這會帶來太多流量了。</p>
<p>推薦閱讀：<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/how-to-optimize-images-for-web-and-performance.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">詳解如何優化壓縮WordPress部落格圖片</a></p>
<h3><a id="14%E7%A7%BB%E9%99%A4%E4%BD%8E%E8%B3%AA%E9%87%8F%E5%85%A7%E5%AE%B9%E7%9A%84%E7%B4%A2%E5%BC%95" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>14. 移除低質量內容的索引</h3>
<p>看一下<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Dba33ecbf05aHR0cHM6Ly9ldmVybm90ZS5jb20vYmxvZy90YWcvZml0bmVzcy8%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">這個頁面</a>：</p>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367855.jpg" alt="" /></p>
<p>它列出了 Evernote 部落格上所有帶有 「fitness」 標籤的文章——而這裡只有一篇。</p>
<p>對於已經在你網站上瀏覽，並且查找到與特定話題的訪客來說，這樣的頁面是有用的。但是你不會想讓他們出現在 Google 的搜索結果中。他們的內容單薄，對搜索引擎用戶來說幾乎不能提供任何價值。</p>
<p>這對於媒體和<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3Ddb6f28f404aHR0cHM6Ly9jb2RleC53b3JkcHJlc3Mub3JnL1Bvc3RfRm9ybWF0cw%3D%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">文章格式</a>的頁面來說也是一樣的——價值很小。</p>
<p>關於單薄的內容和內容質量，<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D62d3560db8aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g/dj1zN2tQN0xXTTg3WSZhbXA7ZmVhdHVyZT15b3V0dS5iZSZhbXA7dD0xOG0zNXM%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Google 建議</a>：</p>
<blockquote>
<p>（你應該）找到一種方式來分析內容的質量，並確保默認情況下高質量的內容被索引，低質量的內容不被索引。</p>
</blockquote>
<p>Yoast 默認將「文章格式」和「媒體」頁面設置為「noindex」。你需要為標籤頁面改變設置。如下：</p>
<p>SEO &gt; 搜索外觀 &gt; <a href="https://www.zhihu.com/search?q=%E5%88%86%E7%B1%BB%E6%B3%95&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">分類法</a></p>
<p>將在「搜索結果中顯示標籤？」選項設置為「否」。</p>
<p><img decoding="async" src="https://i.imgur.com/PUF3gIc.jpg" alt="" /></p>
<h3><a id="15%E4%BF%AE%E5%BE%A9%E9%87%8D%E8%A4%87%E5%85%A7%E5%AE%B9" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>15. 修復重複內容</h3>
<p>查看以下兩個頁面：</p>
<p><img decoding="async" src="https://i.imgur.com/fNDcRcs.gif" alt="" /></p>
<p>你能看出他們之間的區別嗎？我不能，因為他們沒有區別。這是兩個 URL 下的兩個不同頁面，但是頁面內容確是一模一樣的。</p>
<p>SEO 專業人士將它叫做重複內容，這<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D8407d9381caHR0cHM6Ly9zdXBwb3J0Lmdvb2dsZS5jb20vd2VibWFzdGVycy9hbnN3ZXIvNjYzNTk/aGw9ZW4%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">並不好</a>。</p>
<blockquote>
<p>小提示：這是電商 網站的常見問題之一。</p>
</blockquote>
<p>你有兩種方法來修復這些問題：取消索引或者設置權威版本。</p>
<p>**取消索引（Noindex）**會將一個頁面從搜索引擎<a href="https://www.zhihu.com/search?q=%E6%95%B0%E6%8D%AE%E5%BA%93&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">資料庫</a>中移除。如果某個頁面不能為訪客提供價值，就應該這麼去做。對那些你正在進行劈裂實驗的近<a href="https://www.zhihu.com/search?q=%E9%87%8D%E5%A4%8D%E9%A1%B5%E9%9D%A2&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">重複頁面</a>，取消索引也是有意義的。</p>
<p>**設置權威版本（Canonicalizing）**意味著指定某個見面的首選版本。搜索引擎傾向於只索引首選版本的見面。重複或者接近重複的頁面如果沒有移除索引就應該設置權威標籤。</p>
<p>Yoast 可以逐頁設置兩個選項。在編輯頁面或文章時，點擊 Yoast 設置中的齒輪圖片，你會看到如下圖所示的介面：</p>
<p><img decoding="async" src="https://i.imgur.com/A923AEt.jpg" alt="" /></p>
<p>你可以在下拉菜單中選擇「不」來取消搜索索引對這一頁面的索引。或者將首選版本的 URL 粘貼進「Canonical URL」框中。非常簡單。</p>
<p>但你一開始要如何找出網站上的重複內容呢？</p>
<p>前往 <a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/go%3F_%3D757b9319e6aHR0cHM6Ly9haHJlZnMuY29tL3poL3NpdGUtYXVkaXQ%3D" data-wpel-link="external" rel="nofollow external noopener noreferrer">Ahefs 網站診斷工具</a>的「內容質量」報告。查看帶有「內容重複但沒有設置權威標籤的」錯誤的頁面。</p>
<p><img decoding="async" src="https://i.imgur.com/4mGb9x7.jpg" alt="" /></p>
<p>你還能找到沒有設置權威標籤或者標籤標籤不符的近重複頁面。他們在同一份報告中以紅色和橙色區塊顯示。</p>
<p><img decoding="async" src="https://i.imgur.com/1jsENeb.jpg" alt="" /></p>
<p>該指南原文缺少了關鍵詞、搜索引擎蜘蛛研究和搜索引擎推送三個部分，小編認為有必要進行補充說明。</p>
<h3><a id="16%E9%97%9C%E9%8D%B5%E8%A9%9E%E5%B8%83%E5%B1%80" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>16.關鍵詞布局</h3>
<p>關鍵詞似乎已經沒有過往顯得那麼重要？其實並不是，而是現在的<a href="https://www.zhihu.com/search?q=%E5%85%B3%E9%94%AE%E8%AF%8D%E4%BC%98%E5%8C%96&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">關鍵詞優化</a>不能夠像以前如此這般地堆砌疊加罷了。</p>
<p>一個頁面的關鍵詞布局應該涉及標題、Keywords和頁面主要內容三個地方。</p>
<p>要做好文章的關鍵詞布局，在「<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/youtube-seo-the-ultimate-guide.html" data-wpel-link="external" rel="nofollow external noopener noreferrer">YouTube影片行銷SEO優化終極指南</a>」有向大家詳細介紹過幾種關鍵詞挖掘方法，這裡不再對所有的方法進行展開說明。</p>
<p>其中一個最好的方式即使用<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/skt" data-wpel-link="external" rel="nofollow external noopener noreferrer">關鍵詞推薦外掛</a>，該外掛最大的優勢有：</p>
<ul>
<li>根據用戶標題或者tag輸入，即時提示Bing、百度、Google、360或者淘寶等搜索引擎相關熱門關鍵詞；</li>
</ul>
<p><img decoding="async" src="https://i.imgur.com/KViJIoj.gif" alt="" /></p>
<ul>
<li>文章內容AI智能分析，提取核心關鍵詞作為標籤。</li>
</ul>
<p><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2023/09/16936424367953.gif" alt="" /></p>
<h3><a id="17%E6%90%9C%E7%B4%A2%E8%9C%98%E8%9B%9B%E7%B5%B1%E8%A8%88%E5%88%86%E6%9E%90-https-www-zhihu-comsearch-q-e7-bb-9f-e8-ae-a1-e5-88-86-e6-9e-90-search-source-entity-hybrid-search-source-entity-hybrid-search-extra-7b-22sourcetype-22-3a-22answer-22-2c-22sourceid-22-3a2902869646-7d" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>17.搜索蜘蛛<a href="https://www.zhihu.com/search?q=%E7%BB%9F%E8%AE%A1%E5%88%86%E6%9E%90&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">統計分析</a></h3>
<p>如果你對SEO優化這東西抱佛系的形態，自然無需關注搜索引擎蜘蛛這玩意。但如果你對SEO有一定的研究及追求，那除了優化之餘，還應該對網站的搜索引擎蜘蛛來防進行關注。</p>
<p><a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/spider-analyser" data-wpel-link="external" rel="nofollow external noopener noreferrer">Spider Analyser</a>是一款免費的搜索引擎蜘蛛統計分析外掛，可以幫助站長深入了解蜘蛛訪問日誌、蜘蛛爬取占比情況、蜘蛛<a href="https://www.zhihu.com/search?q=%E8%AE%BF%E9%97%AE%E8%B7%AF%E5%BE%84&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">訪問路徑</a>等數據，配合搜索推送收錄管理外掛還可以深入研究沒一個文章頁面的蜘蛛訪問記錄。</p>
<p><img decoding="async" src="https://i.imgur.com/7WGDMq0.jpg" alt="" /></p>
<p>通過Spider Analyser外掛，站長可以完成以下工作：</p>
<ul>
<li>識別無用的蜘蛛，對偽蜘蛛及無效蜘蛛進行阻擋攔截；</li>
<li>深入了解網站每個主流搜索引擎蜘蛛受歡迎程度，以幫助站長進一步有針對性地優化網站以獲得各個搜索引擎關注和爬取；</li>
<li>結合<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/bsl-pro" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索推送收錄管理外掛</a>研究每一篇文章的搜索引擎蜘蛛爬取情況，對受歡迎程度較低的文章進行內容重建以改善文章收錄；</li>
<li>通過搜索引擎蜘蛛爬取頁面響應程式碼狀態，及時發現錯誤URL及重新導向URL，及時修正；</li>
<li>……</li>
</ul>
<h3><a id="18%E6%90%9C%E7%B4%A2%E6%8E%A8%E9%80%81%E5%8F%8A%E6%94%B6%E9%8C%84%E6%9F%A5%E8%A9%A2" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>18.搜索推送及收錄查詢</h3>
<p>干做內容，然後坐等搜索引擎爬取收錄，這顯然是過於懶惰的行為。</p>
<p>作為站長，除了認真積極地做內容外，我們還應該主動地將內容推送給搜索引擎。目前我們已知的主要推送手動包括：</p>
<ul>
<li>網站Sitemap提交；</li>
<li>API推送介面提交；</li>
<li>JS程式碼自動提交。</li>
</ul>
<p>網站Sitemap地圖，一般搜索引擎的<a href="https://www.zhihu.com/search?q=%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">站長工具</a>都支持提交，你所需要做的就是利用外掛生成一個符合標準的sitemap.xml文件即可，現在WordPress自帶sitemap<a href="https://www.zhihu.com/search?q=%E5%9C%B0%E5%9B%BE%E5%8A%9F%E8%83%BD&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">地圖功能</a>支持，但小編建議使用專業的外掛生成如<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/sst" data-wpel-link="external" rel="nofollow external noopener noreferrer">Smart SEO Tool</a>外掛。</p>
<p>其他API推送及JS程式碼推送，目前所知的只有<a href="https://www.zhihu.com/search?q=%E7%99%BE%E5%BA%A6%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E&amp;search_source=Entity&amp;hybrid_search_source=Entity&amp;hybrid_search_extra=%7B%22sourceType%22%3A%22answer%22%2C%22sourceId%22%3A2902869646%7D" data-wpel-link="external" rel="nofollow external noopener noreferrer">百度搜索引擎</a>和Bing搜索引擎，這個可以安裝<a href="https://link.zhihu.com/?target=https%3A//www.wbolt.com/plugins/bsl-pro" data-wpel-link="external" rel="nofollow external noopener noreferrer">搜索推送收錄管理外掛</a>來實現。</p>
<p><img decoding="async" src="https://i.imgur.com/hzbkV3w.jpg" alt="" /></p>
<p>此外搜索推送收錄外掛還支持百度收錄查詢及文章蜘蛛爬取日誌查詢。</p>
<h3><a id="%E7%B5%90%E8%AA%9E" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>結語</h3>
<p><a href="https://www.gogoshark.com/why-gogoshgark" data-wpel-link="external" rel="nofollow external noopener noreferrer">WordPress 成為這個星球[最流行的 SEO 內容管理系統]是有原因的</a>。</p>
<p>它使用簡單、操作靈活，同時具備基本的 SEO 功能。但是 WordPress 不是安裝伊始就完整優化的。你需要安裝一些外掛，以充分利用它。</p>
<p>所以請按照上面的建議去做，如果你超過了競爭對手，記得告訴我一聲。</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/digital-marketing/seo/38278/wordpress-seo-guide-ultimate/" data-wpel-link="internal">終極 WordPress SEO 指南</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress 的 SEO 優勢</title>
		<link>https://hypergrowths.com/growth-hacking/38269/wordpress-seo-advantage/</link>
		
		<dc:creator><![CDATA[Hyper Growth]]></dc:creator>
		<pubDate>Sat, 02 Sep 2023 07:56:26 +0000</pubDate>
				<category><![CDATA[Growth Hacking]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[成長駭客]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/?p=38269</guid>

					<description><![CDATA[<p>因為是WordPress網站，默認是GoogleSEO，剛好我對GoogleSEO比較熟悉，我個人操作下來 G [&#8230;]</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/growth-hacking/38269/wordpress-seo-advantage/" data-wpel-link="internal">WordPress 的 SEO 優勢</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>因為是WordPress網站，默認是GoogleSEO，剛好我對GoogleSEO比較熟悉，我個人操作下來 Gootle 比百度更容易獲得排名。</p>
<h3><a id="seo%E5%84%AA%E5%8C%96%E7%9A%84%E5%9F%BA%E7%A4%8E%E6%AD%A5%E9%A9%9F%EF%BC%9A" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>SEO優化的基礎步驟：</h3>
<p>1. 關鍵詞研究</p>
<p>首先，搜索引擎正在使用哪些關鍵詞來搜索您的產品或服務。使用Google AdWords Keyword Planner或者WordStram等免費工具來研究關鍵詞，也可以選擇Semrush或者Ahref等付費工具來做關鍵詞研究。</p>
<p><img decoding="async" src="https://i.imgur.com/vxvyOpL.jpg" alt="" /></p>
<p>關鍵詞研究工具Semrush</p>
<p><img decoding="async" src="https://i.imgur.com/4JwWwSM.jpg" alt="" /></p>
<p>，而不是一上來就做大詞。</p>
<p>2. 優化。使用SEO外掛，例如Yoast SEO或All in One SEO Pack，可以輕鬆地優化頁面標題和描述。</p>
<p>3. 優化內容</p>
<p>創建高質量內容，並確保包含您的目標關鍵詞。使用標題標記（H1，H2，H3等）來幫助搜索引擎理解內容的結構。另外，使用內部連結將內容與您的網站其他頁面相關聯。</p>
<p>4. 優化圖像</p>
<p>使用描述性文件名和ALT標籤來優化網站上的圖像，並確保它們的大小較小，以提高頁面載入速度。</p>
<p>5. 提高頁面速度</p>
<p>優化頁面速度對於SEO非常重要。使用緩存外掛）來加快全球用戶的頁面載入速度。</p>
<p>6. 建立內部連結</p>
<p>使用內部連結將網站上的相關頁面連接起來，這有助於搜索引擎理解您的網站結構，並提高頁面排名。</p>
<p>7. 外部連結</p>
<p>與其他相關網站建立連結，這可以為您的網站提供信任和權威性，並提高您的頁面排名。但請注意，僅與高質量和相關的網站建立連結。</p>
<p>另外根據每個人網站的不同，可能還有一些額外的步驟。</p>
<p>比如你的網址有帶www.的和不帶www.的兩個，那你還需要使用canonical tag，這樣可以指定哪個是master copy，因為Google對於重複的內容是不收錄的。</p>
<p>還有為了提高在搜索結果里的點擊率，你可以還需要設置schema markup</p>
<p>什麼是shema markup</p>
<h3><a id="%E5%A6%82%E4%BD%95%E8%AE%93%E7%B6%B2%E7%AB%99%E5%BF%AB%E9%80%9F%E4%B8%8Agoogle%E9%A6%96%E9%A0%81" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>如何讓網站快速上Google首頁</h3>
<p><em>第一種方法 Hidden Keywords+寫文章</em></p>
<p>我自己做了好幾年穀歌SEO，總體而言寫長文章是Google上首頁最快的方法，但是長文章用什麼關鍵詞、還有文章怎麼寫還有技巧，以下是詳細的操作步驟。</p>
<p><strong>第一步：收集Hidden Keywords</strong></p>
<p>Hidden Keywords是我跟一個美國人學SEO時聽到的概念，簡單來說就是在Google上非常容易rank的關鍵詞。找到hidden keywords的方法有兩種：</p>
<p>第一種就是用關鍵詞工具反查Quora、Reddit或者論壇在Google上排到的跟你相關的關鍵詞。</p>
<p>因為這些社區或者論壇在此關鍵詞下獲得排名，說明此關鍵詞在Google的內容還不是很多。</p>
<p>如果你用Ahrefs，KD選擇5，KD5是Ahrefs這個工具排名難度最小的關鍵詞參數，然後在keyword下拉框選擇Contains，輸入你的核心關鍵詞，這樣包含你核心關鍵詞、且排名難度比較小的關鍵詞就會全部出來了。</p>
<p>如果你是用Semrush，對於Semrush關鍵詞排名難度最小的是KD15。</p>
<p>第二種是用付費工具反查你的競爭對手在Google上排到的關鍵詞。用上面同樣的方法，Ahref選擇KD5，Semrush選擇KD15，只不過是競品，就不需要再設定Contains了。</p>
<p><strong>第二步：驗證是否真的為Hidden Keywords</strong></p>
<p>你需要在Google的搜索結果里驗證，輸入你的關鍵詞，看第一頁的結果有出現問答社區的網站能上首頁，那這個詞是hidden keywords無疑了。</p>
<p>驗證是否為hidden keywords</p>
<p><strong>第三步：寫出能在Google排名的文章的大綱</strong></p>
<p>當你確定了hidden keywords，接下來只要你的內容是Google喜歡的，那就能上首頁了，</p>
<p>方法也很簡單，只要看此關鍵詞下什麼樣的文章能上首頁即可，但切記不要抄襲和採集，因為重複的內容Google不會收錄，採集的內容質量低也很難獲得好排名。</p>
<p>你需要把Google首頁甚至前三頁DA值35以下的文章都收集一下。</p>
<p>然後在Google瀏覽器安裝Ahref這個外掛，然後用這個外掛就能看到別人的H1-H6，也就是別人的文章大綱你能一覽無餘的各個部分都收集下來，第二是想下它們的內容還有什麼提升的空間，有什麼是它們的內容所沒有覆蓋到的。</p>
<p>這樣你自己的內容大綱就出來了。</p>
<p><img decoding="async" src="https://i.imgur.com/MjSQoX6.jpg" alt="" /></p>
<p><strong>我的文章大概多久能上首頁？</strong></p>
<p>這個沒人能保證，我自己驗證下來，如果是hidden keywords，然後文章寫的還不錯，四周左右就能上首頁。</p>
<p>_第二種方法 外鏈花不少時間。</p>
<p>但一旦成功獲取，對於排名的提升是顯而易見的。</p>
<h3><a id="googleseo%E8%AA%B2%E7%A8%8B%E6%8E%A8%E8%96%A6" class="anchor" aria-hidden="true"><span class="octicon octicon-link"></span></a>GoogleSEO課程推薦</h3>
<p>SEO可能不是一篇文章就能完全解釋清楚，如果你想非常深入的了解SEO，可能還需要系統學習。</p>
<p>國內GoogleSEO的教程一般比較淺，外包公司也不太靠譜。所以個人推薦最好是跟美國的機構學習SEO。</p>
<p>比較推薦的有兩家。</p>
<ul>
<li>1 Tenten Technical SEO</li>
<li>2 Ahref</li>
</ul>
<p>最後，SEO有比較多的東西，很難一篇回答覆蓋到SEO的全部，如果你想系統性的做好GoogleSEO，歡迎參考以下的操作指南：</p>
<p><img decoding="async" src="https://i.imgur.com/PmYiz7p.jpg" alt="" /></p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/growth-hacking/38269/wordpress-seo-advantage/" data-wpel-link="internal">WordPress 的 SEO 優勢</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>PWA 漸進式實踐 （1） &#8211; Lighthouse in Action</title>
		<link>https://hypergrowths.com/amazon/38158/topic-24864565/</link>
		
		<dc:creator><![CDATA[marketer]]></dc:creator>
		<pubDate>Tue, 30 Nov 2021 04:42:55 +0000</pubDate>
				<category><![CDATA[Amazon 全球開店]]></category>
		<category><![CDATA[CRM]]></category>
		<category><![CDATA[Facebook廣告]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[前端開發]]></category>
		<category><![CDATA[數位行銷]]></category>
		<guid isPermaLink="false">https://hypergrowths.com/software-engineering/front-end-dev/38158/topic-24864565/</guid>

					<description><![CDATA[<p>不知道大家還記不記得之前的四篇 PWA 系列翻譯： 知乎專欄知乎專欄知乎專欄知乎專欄不過這畢竟是老外他們自己的實踐，而且相對來說是從科普角度來描述了 PWA 的實踐，對想要直接進行 PWA 優化的，可能會覺得比較囉...</p>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/amazon/38158/topic-24864565/" data-wpel-link="internal">PWA 漸進式實踐 （1） &#8211; Lighthouse in Action</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></description>
										<content:encoded><![CDATA[<article class="Post-Main Post-NormalMain" tabindex="-1">
<header class="Post-Header">
<h1 class="Post-Title">PWA 漸進式實踐 （1） - Lighthouse in Action</h1>
<div class="Post-Author">
<div class="AuthorInfo" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<div class="AuthorInfo"><meta itemprop="name" content="Mark"><meta itemprop="image" content="https://pic2.zhimg.com/v2-b2fa626e52a9635df4ac4d2a85d297c0_l.jpg?source=172ae18b"><meta itemprop="url" content="https://www.zhihu.com/people/markzhai"><meta itemprop="zhihu:followerCount"></div>
</div>
</div>
</header>
<div class="Post-RichTextContainer">
<style data-emotion-css="1yuhvjn">.css-1yuhvjn{margin-top:16px;}</style>
<div class="css-1yuhvjn">
<style data-emotion-css="3jt6os">.css-3jt6os .FileLinkCard{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(246,246,246,0.88);border-radius:12px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1em auto;max-width:100%;overflow:hidden;padding:12px;position:relative;width:390px;}.css-3jt6os .FileLinkCard-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:30px;width:30px;}.css-3jt6os .FileLinkCard-info{margin-left:12px;}.css-3jt6os .FileLinkCard-name{color:#121212;font-size:15px;font-weight:500;line-height:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-3jt6os .FileLinkCard-meta{color:#999999;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:5px;}.css-3jt6os .FileLinkCard-source{white-space:pre;}</style>
<style data-emotion-css="1wr1m8">.css-1wr1m8 .LinkCard.new{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:390px;min-height:84px;border-radius:8px;max-width:100%;overflow:hidden;margin:16px auto;padding:12px 12px 9px 12px;background-color:#F6F6F6;}.css-1wr1m8 .LinkCard.new,.css-1wr1m8 .LinkCard.new:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-1wr1m8 .LinkCard.new .LinkCard-contents{display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}.css-1wr1m8 .LinkCard.new .LinkCard-contents .loading{height:14px;background:#EBEBEB;border-radius:7px;}.css-1wr1m8 .LinkCard.new .LinkCard-contents.withTitle{margin-bottom:3px;}.css-1wr1m8 .LinkCard.new .LinkCard-title{display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:2px;color:#121212;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-1wr1m8 .LinkCard.new .LinkCard-title.two-line{line-height:20px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-1wr1m8 .LinkCard.new .LinkCard-title.loading{margin-bottom:8px;width:80%;}.css-1wr1m8 .LinkCard.new .LinkCard-title.loading.withTitle{margin-bottom:6px;}.css-1wr1m8 .LinkCard.new .LinkCard-title.loadingTitle{margin-bottom:5px;}.css-1wr1m8 .LinkCard.new .LinkCard-excerpt{display:-webkit-box;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#999999;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-1wr1m8 .LinkCard.new .LinkCard-excerpt .LinkCard-author{color:#444444;}.css-1wr1m8 .LinkCard.new .LinkCard-desc{display:-webkit-box;font-size:13px;height:18px;line-height:18px;color:#999999;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-1wr1m8 .LinkCard.new .LinkCard-desc .LinkCard-tag,.css-1wr1m8 .LinkCard.new .LinkCard-desc .tag{display:inline-block;font-size:11px;margin-left:8px;padding:0 4px;border-radius:3px;background:rgba(211,211,211,0.3);}.css-1wr1m8 .LinkCard.new .LinkCard-desc.loading{width:40%;}.css-1wr1m8 .LinkCard.new .LinkCard-desc svg{margin-right:2px;}.css-1wr1m8 .LinkCard.new .LinkCard-image{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#EBEBEB;background-size:cover;background-position:center;position:relative;display:block;width:60px;height:60px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}.css-1wr1m8 .LinkCard.new .LinkCard-image.LinkCard-image--default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#EBEBEB;color:#D3D3D3;}.css-1wr1m8 .LinkCard.new .LinkCard-image.LinkCard-image--default svg{color:#999999;}.css-1wr1m8 .LinkCard.new .LinkCard-image img{width:100%;height:100%;object-fit:cover;}.css-1wr1m8 .LinkCard.new .LinkCard-image .LinkCard-image--video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}.css-1wr1m8 .LinkCard.new .LinkCard-image .LinkCard-image--video svg{color:#444444;}.css-1wr1m8 .LinkCard.new .LinkCard-richText .text{color:#444444;}.css-1wr1m8 .LinkCard.new .LinkCard-richText .bold{font-weight:600;}.css-1wr1m8 .LinkCard.new .LinkCard-richText .tag{margin-left:4px;}.css-1wr1m8 .LinkCard.old{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;}.css-1wr1m8 .LinkCard.old,.css-1wr1m8 .LinkCard.old:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-1wr1m8 .LinkCard-ecommerceLoadingCard{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;height:80px;box-sizing:border-box;background:rgba(246,246,246,0.88);color:#D3D3D3;}.css-1wr1m8 .LinkCard-ecommerceLoadingCardAvatarWrapper{width:60px;height:60px;background:#EBEBEB;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;margin-right:10px;}.css-1wr1m8 .LinkCard-ecommerceLoadingCardNetwork{width:20px;height:20px;}.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar{height:60px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar span{height:16px;display:inline-block;background:#EBEBEB;}.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(1){width:60px;margin-bottom:4px;}.css-1wr1m8 .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(2){width:127px;}</style>
<style data-emotion-css="hypxot">.css-hypxot .LinkCard.old{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;}.css-hypxot .LinkCard.old,.css-hypxot .LinkCard.old:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-hypxot .LinkCard-ecommerceLoadingCard{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;height:80px;box-sizing:border-box;background:rgba(246,246,246,0.88);color:#D3D3D3;}.css-hypxot .LinkCard-ecommerceLoadingCardAvatarWrapper{width:60px;height:60px;background:#EBEBEB;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;margin-right:10px;}.css-hypxot .LinkCard-ecommerceLoadingCardNetwork{width:20px;height:20px;}.css-hypxot .LinkCard-ecommerceLoadingCardLoadingbar{height:60px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-hypxot .LinkCard-ecommerceLoadingCardLoadingbar span{height:16px;display:inline-block;background:#EBEBEB;}.css-hypxot .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(1){width:60px;margin-bottom:4px;}.css-hypxot .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(2){width:127px;}.css-hypxot .LinkCard.new{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:390px;min-height:84px;border-radius:8px;max-width:100%;overflow:hidden;margin:16px auto;padding:12px 12px 9px 12px;background-color:#F6F6F6;}.css-hypxot .LinkCard.new,.css-hypxot .LinkCard.new:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-hypxot .LinkCard.new .LinkCard-contents{display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}.css-hypxot .LinkCard.new .LinkCard-contents .loading{height:14px;background:#EBEBEB;border-radius:7px;}.css-hypxot .LinkCard.new .LinkCard-contents.withTitle{margin-bottom:3px;}.css-hypxot .LinkCard.new .LinkCard-title{display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:2px;color:#121212;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-hypxot .LinkCard.new .LinkCard-title.two-line{line-height:20px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-hypxot .LinkCard.new .LinkCard-title.loading{margin-bottom:8px;width:80%;}.css-hypxot .LinkCard.new .LinkCard-title.loading.withTitle{margin-bottom:6px;}.css-hypxot .LinkCard.new .LinkCard-title.loadingTitle{margin-bottom:5px;}.css-hypxot .LinkCard.new .LinkCard-excerpt{display:-webkit-box;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#999999;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-hypxot .LinkCard.new .LinkCard-excerpt .LinkCard-author{color:#444444;}.css-hypxot .LinkCard.new .LinkCard-desc{display:-webkit-box;font-size:13px;height:18px;line-height:18px;color:#999999;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-hypxot .LinkCard.new .LinkCard-desc .LinkCard-tag,.css-hypxot .LinkCard.new .LinkCard-desc .tag{display:inline-block;font-size:11px;margin-left:8px;padding:0 4px;border-radius:3px;background:rgba(211,211,211,0.3);}.css-hypxot .LinkCard.new .LinkCard-desc.loading{width:40%;}.css-hypxot .LinkCard.new .LinkCard-desc svg{margin-right:2px;}.css-hypxot .LinkCard.new .LinkCard-image{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#EBEBEB;background-size:cover;background-position:center;position:relative;display:block;width:60px;height:60px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}.css-hypxot .LinkCard.new .LinkCard-image.LinkCard-image--default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#EBEBEB;color:#D3D3D3;}.css-hypxot .LinkCard.new .LinkCard-image.LinkCard-image--default svg{color:#999999;}.css-hypxot .LinkCard.new .LinkCard-image img{width:100%;height:100%;object-fit:cover;}.css-hypxot .LinkCard.new .LinkCard-image .LinkCard-image--video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}.css-hypxot .LinkCard.new .LinkCard-image .LinkCard-image--video svg{color:#444444;}.css-hypxot .LinkCard.new .LinkCard-richText .text{color:#444444;}.css-hypxot .LinkCard.new .LinkCard-richText .bold{font-weight:600;}.css-hypxot .LinkCard.new .LinkCard-richText .tag{margin-left:4px;}.css-hypxot .FileLinkCard{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(246,246,246,0.88);border-radius:12px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1em auto;max-width:100%;overflow:hidden;padding:12px;position:relative;width:390px;}.css-hypxot .FileLinkCard-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:30px;width:30px;}.css-hypxot .FileLinkCard-info{margin-left:12px;}.css-hypxot .FileLinkCard-name{color:#121212;font-size:15px;font-weight:500;line-height:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-hypxot .FileLinkCard-meta{color:#999999;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:5px;}.css-hypxot .FileLinkCard-source{white-space:pre;}</style>
<style data-emotion-css="hnrfcf animation-1sh55c5">.css-hnrfcf{word-break:break-word;line-height:1.6;}.css-hnrfcf a.UserLink-link{color:#175199;}.css-hnrfcf a.UserLink-link:hover{border-bottom:1px solid #175199;}.css-hnrfcf lazy[data-lazy-status]{background-color:#F6F6F6;}.css-hnrfcf lazy[data-lazy-status="ok"]{background-color:transparent;-webkit-animation:animation-1sh55c5 0.5s ease-in;animation:animation-1sh55c5 0.5s ease-in;}.css-hnrfcf > *:first-of-type{margin-top:0;}.css-hnrfcf > :last-child{margin-bottom:0;}.css-hnrfcf h1,.css-hnrfcf h2{clear:left;margin-top:calc((1.4em * 2) / 1.2);margin-bottom:calc(1.4em / 1.2);font-size:1.2em;line-height:1.5;font-weight:600;}.css-hnrfcf h3,.css-hnrfcf h4,.css-hnrfcf h5,.css-hnrfcf h6{clear:left;margin-top:calc((1.4em * 1.5) / 1.1);margin-bottom:calc(1.4em / 1.1);font-size:1.1em;line-height:1.5;font-weight:600;}.css-hnrfcf u{-webkit-text-decoration:none;text-decoration:none;border-bottom:1px dashed #808080;}.css-hnrfcf b{font-weight:600;}.css-hnrfcf sup{font-size:0.8em;}.css-hnrfcf sup[data-draft-type='reference']{color:#175199;}.css-hnrfcf a:focus{outline:none;-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;}html[data-focus-visible] .css-hnrfcf a:focus{box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px rgba(0,102,255,0.3);}.css-hnrfcf a.ztext-link,.css-hnrfcf a.internal,.css-hnrfcf a.external{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;border-bottom:1px solid #808080;}.css-hnrfcf a.ztext-link:hover,.css-hnrfcf a.internal:hover,.css-hnrfcf a.external:hover{color:#175199;border-bottom:1px solid #175199;}.css-hnrfcf a.ztext-link > .ellipsis::after,.css-hnrfcf a.internal > .ellipsis::after,.css-hnrfcf a.external > .ellipsis::after{content:'...';}.css-hnrfcf a.ztext-link > .invisible,.css-hnrfcf a.internal > .invisible,.css-hnrfcf a.external > .invisible{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;}.css-hnrfcf a.ztext-link u,.css-hnrfcf a.internal u,.css-hnrfcf a.external u{border:none;}.css-hnrfcf a.member_mention{color:#175199;}.css-hnrfcf a.member_mention:hover{border-bottom:1px solid #175199;}.css-hnrfcf p{margin:1.4em 0;}.css-hnrfcf p.ztext-empty-paragraph{margin:calc((2.8em- (1.4em * 2 + 1.6em)) / 2) 0;}.css-hnrfcf p.ztext-empty-paragraph + .ztext-empty-paragraph{margin:1.4em 0;}.css-hnrfcf hr{margin:4em auto;width:240px;max-width:100%;border:none;border-top:1px solid #D3D3D3;}.css-hnrfcf img[eeimg]{max-width:100%;vertical-align:middle;}.css-hnrfcf img[eeimg="1"]{margin:0 3px;display:inline-block;}.css-hnrfcf img[eeimg="2"]{margin:1.4em 0;display:block;}.css-hnrfcf blockquote{margin:1.4em 0;padding-left:1em;color:#646464;border-left:3px solid #D3D3D3;}.css-hnrfcf ol,.css-hnrfcf ul{margin:1.4em 0;padding:0;}.css-hnrfcf ol ol,.css-hnrfcf ul ol,.css-hnrfcf ol ul,.css-hnrfcf ul ul{margin:0;}.css-hnrfcf ol > ol,.css-hnrfcf ul > ol,.css-hnrfcf ol > ul,.css-hnrfcf ul > ul{display:table-row;}.css-hnrfcf ol > ol::before,.css-hnrfcf ul > ol::before,.css-hnrfcf ol > ul::before,.css-hnrfcf ul > ul::before{display:table-cell;content:'';}.css-hnrfcf ul{display:table;}.css-hnrfcf ul>li{display:table-row;list-style:none;}.css-hnrfcf ul>li::before{display:table-cell;content:'&bull;  ';white-space:pre;}.css-hnrfcf ol{display:table;counter-reset:ol;}.css-hnrfcf ol > li{display:table-row;list-style:none;}.css-hnrfcf ol > li::before{display:table-cell;text-align:right;counter-increment:ol;content:counter(ol) '. ';white-space:pre;}.css-hnrfcf ol ol{counter-reset:ol2;}.css-hnrfcf ol ol li::before{counter-increment:ol2;content:counter(ol2) '. ';}.css-hnrfcf ol ol ol{counter-reset:ol3;}.css-hnrfcf ol ol ol li::before{counter-increment:ol3;content:counter(ol3) '. ';}.css-hnrfcf ol ol ol ol{counter-reset:ol4;}.css-hnrfcf ol ol ol ol li::before{counter-increment:ol4;content:counter(ol4) '. ';}.css-hnrfcf figure{margin:1.4em 0;}.css-hnrfcf figure .content_image,.css-hnrfcf figure .origin_image{margin:0 auto;}.css-hnrfcf figure figcaption{margin-top:calc(0.6em / 0.9);padding:0 1em;font-size:0.9em;line-height:1.5;text-align:center;color:#999999;}.css-hnrfcf figure + figure{margin-top:calc(1.4em * 1.6);}.css-hnrfcf figure[data-size='small'],.css-hnrfcf figure:not([data-size]) > [data-size='small']{clear:both;}.css-hnrfcf figure[data-size='left'],.css-hnrfcf figure:not([data-size]) > [data-size='left']{float:left;margin:0 20px 20px 0;max-width:33%;}.css-hnrfcf figure[data-size='right'],.css-hnrfcf figure:not([data-size]) > [data-size='right']{float:right;margin:0 0 20px 20px;max-width:33%;}.css-hnrfcf figure[data-size='collapse']{margin-bottom:0;}.css-hnrfcf figure[data-size='collapse'] + figure{margin-top:0;}.css-hnrfcf .content_image,.css-hnrfcf .origin_image{display:block;max-width:100%;margin:1.4em auto;}.css-hnrfcf .content_image[data-size='small'],.css-hnrfcf .origin_image[data-size='small']{max-width:40%;}.css-hnrfcf .content_image.zh-lightbox-thumb,.css-hnrfcf .origin_image.zh-lightbox-thumb{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}.css-hnrfcf code{margin:0 2px;padding:3px 4px;border-radius:3px;font-size:0.9em;background-color:#F6F6F6;}.css-hnrfcf pre{margin:1.4em 0;padding:calc(0.8em / 0.9);font-size:0.9em;word-break:initial;word-wrap:initial;white-space:pre;overflow:auto;-webkit-overflow-scrolling:touch;background:#F6F6F6;border-radius:4px;}.css-hnrfcf pre code{margin:0;padding:0;font-size:inherit;border-radius:0;background-color:inherit;}.css-hnrfcf li pre{white-space:pre-wrap;}.css-hnrfcf table[data-draft-type='table']{border-collapse:collapse;font-size:15px;margin:1.4em auto;max-width:100%;table-layout:fixed;text-align:left;width:100%;}.css-hnrfcf table[data-draft-type='table'][data-size='small']{min-width:260px;width:40%;}.css-hnrfcf table[data-draft-type='table'][data-row-style='striped'] tr:nth-of-type(2n + 1){background:#F6F6F6;}.css-hnrfcf table[data-draft-type='table'] td,.css-hnrfcf table[data-draft-type='table'] th{border:1px solid #D3D3D3;line-height:24px;height:24px;padding:3px 12px;}.css-hnrfcf table[data-draft-type='table'] th{background:#EBEBEB;color:#121212;font-weight:500;}.css-hnrfcf .video-box,.css-hnrfcf .link-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:1.4em 0;overflow:auto;white-space:normal;cursor:pointer;border:solid 1px #EBEBEB;border-radius:4px;}.css-hnrfcf .highlight{margin:1em 0;}.css-hnrfcf .highlight pre{margin:0;}.css-hnrfcf .highlight .hll{background-color:#FDFDFD;}.css-hnrfcf .highlight .c{font-style:italic;color:#999999;}.css-hnrfcf .highlight .err{color:#F1403C;}.css-hnrfcf .highlight .k{font-weight:600;}.css-hnrfcf .highlight .o{font-weight:600;}.css-hnrfcf .highlight .cm{font-style:italic;color:#999999;}.css-hnrfcf .highlight .cp{font-weight:600;color:#999999;}.css-hnrfcf .highlight .c1{font-style:italic;color:#999999;}.css-hnrfcf .highlight .cs{font-style:italic;font-weight:600;color:#999999;}.css-hnrfcf .highlight .gd{color:#FF3366;}.css-hnrfcf .highlight .ge{font-style:italic;}.css-hnrfcf .highlight .gr{color:#F1403C;}.css-hnrfcf .highlight .gh{color:#999999;}.css-hnrfcf .highlight .gi{color:#12b370;}.css-hnrfcf .highlight .go{color:#808080;}.css-hnrfcf .highlight .gp{color:#646464;}.css-hnrfcf .highlight .gs{font-weight:600;}.css-hnrfcf .highlight .gu{color:#999999;}.css-hnrfcf .highlight .gt{color:#F1403C;}.css-hnrfcf .highlight .kc{font-weight:600;}.css-hnrfcf .highlight .kd{font-weight:600;}.css-hnrfcf .highlight .kn{font-weight:600;}.css-hnrfcf .highlight .kp{font-weight:600;}.css-hnrfcf .highlight .kr{font-weight:600;}.css-hnrfcf .highlight .kt{font-weight:600;color:#175199;}.css-hnrfcf .highlight .m{color:#0066FF;}.css-hnrfcf .highlight .s{color:#F1403C;}.css-hnrfcf .highlight .na{color:#0066FF;}.css-hnrfcf .highlight .nb{color:#0066FF;}.css-hnrfcf .highlight .nc{font-weight:600;color:#175199;}.css-hnrfcf .highlight .no{color:#0066FF;}.css-hnrfcf .highlight .ni{color:#5868D1;}.css-hnrfcf .highlight .ne{font-weight:600;color:#F1403C;}.css-hnrfcf .highlight .nf{font-weight:600;color:#F1403C;}.css-hnrfcf .highlight .nn{color:#646464;}.css-hnrfcf .highlight .nt{color:#175199;}.css-hnrfcf .highlight .nv{color:#0066FF;}.css-hnrfcf .highlight .ow{font-weight:600;}.css-hnrfcf .highlight .w{color:#BFBFBF;}.css-hnrfcf .highlight .mf{color:#0066FF;}.css-hnrfcf .highlight .mh{color:#0066FF;}.css-hnrfcf .highlight .mi{color:#0066FF;}.css-hnrfcf .highlight .mo{color:#0066FF;}.css-hnrfcf .highlight .sb{color:#F1403C;}.css-hnrfcf .highlight .sc{color:#F1403C;}.css-hnrfcf .highlight .sd{color:#F1403C;}.css-hnrfcf .highlight .s2{color:#F1403C;}.css-hnrfcf .highlight .se{color:#F1403C;}.css-hnrfcf .highlight .sh{color:#F1403C;}.css-hnrfcf .highlight .si{color:#F1403C;}.css-hnrfcf .highlight .sx{color:#F1403C;}.css-hnrfcf .highlight .sr{color:#C2A469;}.css-hnrfcf .highlight .s1{color:#F1403C;}.css-hnrfcf .highlight .ss{color:#F1403C;}.css-hnrfcf .highlight .bp{color:#999999;}.css-hnrfcf .highlight .vc{color:#0066FF;}.css-hnrfcf .highlight .vg{color:#0066FF;}.css-hnrfcf .highlight .vi{color:#0066FF;}.css-hnrfcf .highlight .il{color:#0066FF;}.css-hnrfcf .highlight::-webkit-scrollbar{width:6px;height:6px;}.css-hnrfcf .highlight::-webkit-scrollbar-thumb:horizontal{background-color:rgba(18,18,18,0.5);border-radius:6px;}.css-hnrfcf .highlight::-webkit-scrollbar-thumb:horizontal:hover{background-color:rgba(18,18,18,0.6);}.css-hnrfcf .LinkCard.old{position:relative;display:block;margin:1em auto;width:390px;box-sizing:border-box;border-radius:12px;max-width:100%;overflow:hidden;}.css-hnrfcf .LinkCard.old,.css-hnrfcf .LinkCard.old:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-hnrfcf .LinkCard-ecommerceLoadingCard{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;height:80px;box-sizing:border-box;background:rgba(246,246,246,0.88);color:#D3D3D3;}.css-hnrfcf .LinkCard-ecommerceLoadingCardAvatarWrapper{width:60px;height:60px;background:#EBEBEB;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;margin-right:10px;}.css-hnrfcf .LinkCard-ecommerceLoadingCardNetwork{width:20px;height:20px;}.css-hnrfcf .LinkCard-ecommerceLoadingCardLoadingbar{height:60px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.css-hnrfcf .LinkCard-ecommerceLoadingCardLoadingbar span{height:16px;display:inline-block;background:#EBEBEB;}.css-hnrfcf .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(1){width:60px;margin-bottom:4px;}.css-hnrfcf .LinkCard-ecommerceLoadingCardLoadingbar span:nth-of-type(2){width:127px;}.css-hnrfcf .LinkCard.new{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:390px;min-height:84px;border-radius:8px;max-width:100%;overflow:hidden;margin:16px auto;padding:12px 12px 9px 12px;background-color:#F6F6F6;}.css-hnrfcf .LinkCard.new,.css-hnrfcf .LinkCard.new:hover{-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}.css-hnrfcf .LinkCard.new .LinkCard-contents{display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}.css-hnrfcf .LinkCard.new .LinkCard-contents .loading{height:14px;background:#EBEBEB;border-radius:7px;}.css-hnrfcf .LinkCard.new .LinkCard-contents.withTitle{margin-bottom:3px;}.css-hnrfcf .LinkCard.new .LinkCard-title{display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:2px;color:#121212;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-hnrfcf .LinkCard.new .LinkCard-title.two-line{line-height:20px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-hnrfcf .LinkCard.new .LinkCard-title.loading{margin-bottom:8px;width:80%;}.css-hnrfcf .LinkCard.new .LinkCard-title.loading.withTitle{margin-bottom:6px;}.css-hnrfcf .LinkCard.new .LinkCard-title.loadingTitle{margin-bottom:5px;}.css-hnrfcf .LinkCard.new .LinkCard-excerpt{display:-webkit-box;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#999999;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-hnrfcf .LinkCard.new .LinkCard-excerpt .LinkCard-author{color:#444444;}.css-hnrfcf .LinkCard.new .LinkCard-desc{display:-webkit-box;font-size:13px;height:18px;line-height:18px;color:#999999;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}.css-hnrfcf .LinkCard.new .LinkCard-desc .LinkCard-tag,.css-hnrfcf .LinkCard.new .LinkCard-desc .tag{display:inline-block;font-size:11px;margin-left:8px;padding:0 4px;border-radius:3px;background:rgba(211,211,211,0.3);}.css-hnrfcf .LinkCard.new .LinkCard-desc.loading{width:40%;}.css-hnrfcf .LinkCard.new .LinkCard-desc svg{margin-right:2px;}.css-hnrfcf .LinkCard.new .LinkCard-image{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#EBEBEB;background-size:cover;background-position:center;position:relative;display:block;width:60px;height:60px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}.css-hnrfcf .LinkCard.new .LinkCard-image.LinkCard-image--default{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-color:#EBEBEB;color:#D3D3D3;}.css-hnrfcf .LinkCard.new .LinkCard-image.LinkCard-image--default svg{color:#999999;}.css-hnrfcf .LinkCard.new .LinkCard-image img{width:100%;height:100%;object-fit:cover;}.css-hnrfcf .LinkCard.new .LinkCard-image .LinkCard-image--video{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}.css-hnrfcf .LinkCard.new .LinkCard-image .LinkCard-image--video svg{color:#444444;}.css-hnrfcf .LinkCard.new .LinkCard-richText .text{color:#444444;}.css-hnrfcf .LinkCard.new .LinkCard-richText .bold{font-weight:600;}.css-hnrfcf .LinkCard.new .LinkCard-richText .tag{margin-left:4px;}.css-hnrfcf .FileLinkCard{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(246,246,246,0.88);border-radius:12px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1em auto;max-width:100%;overflow:hidden;padding:12px;position:relative;width:390px;}.css-hnrfcf .FileLinkCard-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:30px;width:30px;}.css-hnrfcf .FileLinkCard-info{margin-left:12px;}.css-hnrfcf .FileLinkCard-name{color:#121212;font-size:15px;font-weight:500;line-height:21px;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.css-hnrfcf .FileLinkCard-meta{color:#999999;font-size:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:5px;}.css-hnrfcf .FileLinkCard-source{white-space:pre;}@-webkit-keyframes animation-1sh55c5{from{opacity:0;}to{opacity:1;}}@keyframes animation-1sh55c5{from{opacity:0;}to{opacity:1;}}</style>
<div class="RichText ztext Post-RichText css-hnrfcf" options="[object Object]">
<p data-pid="sNWzEvpO">不知道大家還記不記得之前的四篇 PWA 系列翻譯：</p>
<ul>
<li data-pid="nfKx6WL1"><a href="https://zhuanlan.zhihu.com/p/23673184?refer=moduth" class="internal" data-wpel-link="external" rel="nofollow external noopener noreferrer">知乎專欄</a></li>
<li data-pid="T65gxfJe"><a href="https://zhuanlan.zhihu.com/p/23926652?refer=moduth" class="internal" data-wpel-link="external" rel="nofollow external noopener noreferrer">知乎專欄</a></li>
<li data-pid="IWLJNSRR"><a href="https://zhuanlan.zhihu.com/p/23966686?refer=moduth" class="internal" data-wpel-link="external" rel="nofollow external noopener noreferrer">知乎專欄</a></li>
<li data-pid="7f8HaUss"><a href="https://zhuanlan.zhihu.com/p/23966862?refer=moduth" class="internal" data-wpel-link="external" rel="nofollow external noopener noreferrer">知乎專欄</a></li>
</ul>
<p data-pid="OjJiQuv0">不過這畢竟是老外他們自己的實踐，而且相對來說是從科普角度來描述了 PWA 的實踐，對想要直接進行 PWA 優化的，可能會覺得比較囉嗦。</p>
<p data-pid="nZ3CurAx">恰好我司最近使用 React 全家桶開發了一個網站：<a href="https://link.zhihu.com/?target=https%3A//pai.bigins.cn" class=" wrap external" target="_blank" rel="noreferrer noopener nofollow external" data-wpel-link="external">海綿保保</a>，所以乾脆就拿它開刀，來進行 PWA 優化，順便記錄一下點滴。</p>
<p data-pid="nK0SWqF6">作為切入的工具，Lighthouse 見：<a href="https://link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk" class=" wrap external" target="_blank" rel="noreferrer noopener nofollow external" data-wpel-link="external">Lighthouse Chrome 外掛程式</a>。</p>
<h1>Lighthouse</h1>
<p data-pid="jFEYgYZ1">首先我看了下 taobao 的評分，21/100，恩... 這樣一來，就有信心了，再怎麼我們肯定比它高不是？</p>
<p data-pid="WLMZhoyE">測了一下，嗯... 果然還算看得過去，66分，至少及格了不是？</p>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-a267e825e42ee5b484e62d1ae896ab2f_r.png" data-rawwidth="552" data-rawheight="90" class="origin_image zh-lightbox-thumb" width="552" data-original="https://pic4.zhimg.com/v2-a267e825e42ee5b484e62d1ae896ab2f_b.png" title="v2-a267e825e42ee5b484e62d1ae896ab2f_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-a267e825e42ee5b484e62d1ae896ab2f_r.png" data-rawwidth="552" data-rawheight="90" class="origin_image zh-lightbox-thumb lazy" width="552" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='552'%20height='90'&gt;&lt;/svg&gt;" data-actualsrc="https://pic4.zhimg.com/v2-a267e825e42ee5b484e62d1ae896ab2f_b.png" title="v2-a267e825e42ee5b484e62d1ae896ab2f_r"></figure>
<p data-pid="hxi1QaxC">我們的目標就是能把它優化到<strong>90分</strong>以上！ （作為 PWA 模範的 <a href="https://link.zhihu.com/?target=http%3A//mobile.twitter.com" class=" external" target="_blank" rel="noreferrer noopener nofollow external" data-wpel-link="external"><span class="invisible">http://</span><span class="visible">mobile.twitter.com</span></a>，就達到了90分）</p>
<p data-pid="EKevlti7">作為系列第一篇，我們先來看看有哪些問題導致了網站評分不夠高，其產生原因和大概的解決策略。</p>
<h1>App在離線/間斷網路下的載入</h1>
<p data-pid="h7d61BgX">第一類就是 Service Worker 導致的問題：</p>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-b9a98b986c3f7c4e73134bf266268633_r.jpg" data-rawwidth="683" data-rawheight="304" class="origin_image zh-lightbox-thumb" width="683" data-original="https://pic4.zhimg.com/v2-b9a98b986c3f7c4e73134bf266268633_b.png" title="v2-b9a98b986c3f7c4e73134bf266268633_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-b9a98b986c3f7c4e73134bf266268633_r.jpg" data-rawwidth="683" data-rawheight="304" class="origin_image zh-lightbox-thumb lazy" width="683" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='683'%20height='304'&gt;&lt;/svg&gt;" data-actualsrc="https://pic4.zhimg.com/v2-b9a98b986c3f7c4e73134bf266268633_b.png" title="v2-b9a98b986c3f7c4e73134bf266268633_r"></figure>
<p data-pid="lgUsAQDv">簡單描述 Service Worker 的話，可以理解為一個本地的 server，在用戶端（瀏覽器）發起請求的時候，可以直接監聽到它並直接進行回應。</p>
<p data-pid="0e0x8_Kg">當然，它不僅僅是這麼一個攔截器，本身作為一個後台運行的任務，它還能進行預載入，離線回應（返回200），甚至進行 push 提示。</p>
<h1>頁面載入性能</h1>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-1539dec957fbe8ce5938d6b6bf7d22f5_r.jpg" data-rawwidth="701" data-rawheight="617" class="origin_image zh-lightbox-thumb" width="701" data-original="https://pic2.zhimg.com/v2-1539dec957fbe8ce5938d6b6bf7d22f5_b.png" title="v2-1539dec957fbe8ce5938d6b6bf7d22f5_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-1539dec957fbe8ce5938d6b6bf7d22f5_r.jpg" data-rawwidth="701" data-rawheight="617" class="origin_image zh-lightbox-thumb lazy" width="701" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='701'%20height='617'&gt;&lt;/svg&gt;" data-actualsrc="https://pic2.zhimg.com/v2-1539dec957fbe8ce5938d6b6bf7d22f5_b.png" title="v2-1539dec957fbe8ce5938d6b6bf7d22f5_r"></figure>
<p></p>
<p data-pid="i1YyogmL">各種性能指標不夠過關啦。</p>
<h1>漸進式增強</h1>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-328a77d31cb1329d54209d5958ef882e_r.jpg" data-rawwidth="673" data-rawheight="227" class="origin_image zh-lightbox-thumb" width="673" data-original="https://pic3.zhimg.com/v2-328a77d31cb1329d54209d5958ef882e_b.png" title="v2-328a77d31cb1329d54209d5958ef882e_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-328a77d31cb1329d54209d5958ef882e_r.jpg" data-rawwidth="673" data-rawheight="227" class="origin_image zh-lightbox-thumb lazy" width="673" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='673'%20height='227'&gt;&lt;/svg&gt;" data-actualsrc="https://pic3.zhimg.com/v2-328a77d31cb1329d54209d5958ef882e_b.png" title="v2-328a77d31cb1329d54209d5958ef882e_r"></figure>
<p data-pid="eCWUY-ZG">即 JavaScript 被禁用的時候，頁面仍然應該有內容，即便那只是提示使用者需要打開 JavaScript 以使用 app。</p>
<h1>添加到主螢幕</h1>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-01b086a57b876e29f0de5bc9921455e5_r.jpg" data-rawwidth="774" data-rawheight="418" class="origin_image zh-lightbox-thumb" width="774" data-original="https://pic2.zhimg.com/v2-01b086a57b876e29f0de5bc9921455e5_b.png" title="v2-01b086a57b876e29f0de5bc9921455e5_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-01b086a57b876e29f0de5bc9921455e5_r.jpg" data-rawwidth="774" data-rawheight="418" class="origin_image zh-lightbox-thumb lazy" width="774" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='774'%20height='418'&gt;&lt;/svg&gt;" data-actualsrc="https://pic2.zhimg.com/v2-01b086a57b876e29f0de5bc9921455e5_b.png" title="v2-01b086a57b876e29f0de5bc9921455e5_r"></figure>
<p></p>
<p data-pid="oW00PV7m">manifest 其實我已經加上了，還是因為 service worker 沒有註冊，所以最後沒有生效。</p>
<h1>避免影響用戶體驗的APIs</h1>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-800fab65beb694361b69fa2c137d538b_r.jpg" data-rawwidth="788" data-rawheight="399" class="origin_image zh-lightbox-thumb" width="788" data-original="https://pic4.zhimg.com/v2-800fab65beb694361b69fa2c137d538b_b.png" title="v2-800fab65beb694361b69fa2c137d538b_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-800fab65beb694361b69fa2c137d538b_r.jpg" data-rawwidth="788" data-rawheight="399" class="origin_image zh-lightbox-thumb lazy" width="788" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='788'%20height='399'&gt;&lt;/svg&gt;" data-actualsrc="https://pic4.zhimg.com/v2-800fab65beb694361b69fa2c137d538b_b.png" title="v2-800fab65beb694361b69fa2c137d538b_r"></figure>
<p data-pid="oJ015609">一些 css 標籤放在 header 裡，阻塞影響到了頁面體驗。</p>
<h1>輔助功能</h1>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-9038768ff64d1a22cdd54472e136861e_r.jpg" data-rawwidth="836" data-rawheight="1005" class="origin_image zh-lightbox-thumb" width="836" data-original="https://pic3.zhimg.com/v2-9038768ff64d1a22cdd54472e136861e_b.png" title="v2-9038768ff64d1a22cdd54472e136861e_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-9038768ff64d1a22cdd54472e136861e_r.jpg" data-rawwidth="836" data-rawheight="1005" class="origin_image zh-lightbox-thumb lazy" width="836" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='836'%20height='1005'&gt;&lt;/svg&gt;" data-actualsrc="https://pic3.zhimg.com/v2-9038768ff64d1a22cdd54472e136861e_b.png" title="v2-9038768ff64d1a22cdd54472e136861e_r"></figure>
<p data-pid="PWdM7gLS">對比度啦，標籤啦，還有那麼幾個缺省了的。</p>
<h1>性能指標</h1>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-4a84f74861c4e4bca3fd7a59e44d1153_r.jpg" data-rawwidth="835" data-rawheight="522" class="origin_image zh-lightbox-thumb" width="835" data-original="https://pic4.zhimg.com/v2-4a84f74861c4e4bca3fd7a59e44d1153_b.png" title="v2-4a84f74861c4e4bca3fd7a59e44d1153_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-4a84f74861c4e4bca3fd7a59e44d1153_r.jpg" data-rawwidth="835" data-rawheight="522" class="origin_image zh-lightbox-thumb lazy" width="835" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='835'%20height='522'&gt;&lt;/svg&gt;" data-actualsrc="https://pic4.zhimg.com/v2-4a84f74861c4e4bca3fd7a59e44d1153_b.png" title="v2-4a84f74861c4e4bca3fd7a59e44d1153_r"></figure>
<p></p>
<p data-pid="dMofrgbk">載入鏈太長。</p>
<h1>奇妙的東西</h1>
<p data-pid="9K6Snk_M">總而言之就是一些新特性。</p>
<figure><noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-d398165e29a232578b70f69a46c0329a_r.jpg" data-rawwidth="843" data-rawheight="363" class="origin_image zh-lightbox-thumb" width="843" data-original="https://pic3.zhimg.com/v2-d398165e29a232578b70f69a46c0329a_b.png" title="v2-d398165e29a232578b70f69a46c0329a_r"></noscript><img decoding="async" src="https://hypergrowths.com/wp-content/uploads/2021/11/v2-d398165e29a232578b70f69a46c0329a_r.jpg" data-rawwidth="843" data-rawheight="363" class="origin_image zh-lightbox-thumb lazy" width="843" data-original="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='843'%20height='363'&gt;&lt;/svg&gt;" data-actualsrc="https://pic3.zhimg.com/v2-d398165e29a232578b70f69a46c0329a_b.png" title="v2-d398165e29a232578b70f69a46c0329a_r"></figure>
<p data-pid="SUXfSry9">然而好像是外掛程式還是 sw-tools 導致的。</p>
<h1>預告</h1>
<p data-pid="0fmfUZsd">本篇中我們大致看到了哪些問題導致了我們的webapp的 PWA 評分不夠高，下一次，我們會開始逐個開刀，解決這些問題。 對本話題感興趣的朋友，也可以使用 Lighthouse 外掛程式，對自家的網站或者其他網站來評評分，看看做得有多好（其實我們的<strong>66分</strong>真的已經挺高了）。</p>
<p></p>
<p data-pid="DV3ukDQh">​</p>
</div>
</div>
</div>
</article>
<h3 style="padding: 15px 0; margin-top:30px;">想了解更多關於 Facebook 與 Google 廣告投放？</h3>
<ul>
<li><a href="https://tenten.co/learning/google-ads-vs-facebook-ads/" data-wpel-link="internal" rel="noopener noreferrer">Google Ads 與 Facebook Ads：哪個更適合您的 2022 年廣告策略？</a></li>
<li><a href="https://university.tenten.co/t/adtech-header-bidding/1087/" data-wpel-link="external" rel="nofollow external noopener noreferrer">AD Tech - 廣告科技總整理</a></li>
</ul>
<p>The post <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com/amazon/38158/topic-24864565/" data-wpel-link="internal">PWA 漸進式實踐 （1） &#8211; Lighthouse in Action</a> appeared first on <a rel="nofollow noopener noreferrer" href="https://hypergrowths.com" data-wpel-link="internal">成長駭客交流第一站 - HyperGrowths™</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
