Browse Source

add content

huai-sian 3 years ago
parent
commit
5342b183c3

+ 1 - 1
layouts/bigdata/single.html

@@ -109,7 +109,7 @@
             <img src="/imgs/01.webp" alt="" class="header__lefttop">
             <div class="row align-items-center g-0">
                 <div class="col-12 col-md-5 text-center ">
-                    <h2 class="header__title">{{ .Params.packageTitle }}</h2>
+                    <h2 class="header__title" >{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
                     <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>

+ 3 - 0
layouts/shortcodes/catalog.html

@@ -0,0 +1,3 @@
+<div class="catalog">
+  {{ .Inner }}
+</div>

+ 10 - 3
static/css/custom.css

@@ -664,12 +664,14 @@
 #blog-post h2 {
   font-family: "Proxima Nova",sans-serif;
   margin-right: 5px;
-  font-size: 3.5rem;
+  font-size: 3.2rem;
+  padding-left: 1rem;
+  border-left: 4px solid #EA5413;
 }
 
 #blog-post h3 {
   font-family: "Proxima Nova",sans-serif;
-  font-size: 3rem;
+  font-size: 2.8rem;
   padding-left: 1rem;
   border-left: 4px solid #EA5413;
 }
@@ -680,7 +682,7 @@
 }
 
 #blog-post p{
-  margin-bottom: 1.2rem;
+  margin-bottom: 1.8rem;
 }
 
 #blog-post code{
@@ -1947,6 +1949,11 @@
   z-index: 1;
 }
 
+.catalog {
+  border: 1px solid antiquewhite;
+  background-color: antiquewhite;
+}
+
 
 
 

BIN
static/imgs/seo/hrefs.jpeg


BIN
static/imgs/seo/screamingfrog.png


+ 163 - 10
webSite/content/blog/seo-tool.md

@@ -1,13 +1,20 @@
 +++
 title = "網站排名查詢工具推薦!只要有網址就能查"
-description = "對許多SEO新手來説,除了知道要怎麽做好SEO文章,增加與關鍵字的關聯性和優化網站外,也要知道如何查詢網站排名以利於優化及改進。 我們將分享2個免費的網站排名查詢工具,像是Alexa, SimilarWeb等網站。"
+description = "對許多SEO新手來説,除了知道要怎麽做好SEO文章,增加與關鍵字的關聯性和優化網站外,也要知道如何查詢網站排名以利於優化及改進。 我們將分享個免費的網站排名查詢工具,像是Alexa, SimilarWeb等網站。"
 date = "2022-01-04T11:12:46+02:00"
 tags = ["seo"]
 categories = ["seo"]
 banner = "/imgs/AdobeStock_270048521.jpg"
 +++
 
-## 網站排名查詢工具推薦!只要有網址就能查
+# 網站排名查詢工具推薦!只要有網址就能查
+
+{{% catalog %}}
+ * [Alexa](#alexahttpswwwalexacomlogin)
+ * [SimilarWeb](#similarwebhttpswwwsimilarwebcomzh-tw)
+ * [Ahrefs](#ahrefshttpsahrefscom)
+ * [screaming frog](#screaming-froghttpswwwscreamingfrogcoukseo-spider)
+{{% /catalog %}}
 
 ![網站排名查詢工具推薦!只要有網址就能查](/imgs/seo/seo-tool.jpg)
 `網站排名查詢工具推薦!只要有網址就能查`
@@ -19,7 +26,7 @@ banner = "/imgs/AdobeStock_270048521.jpg"
 
 這篇文章將分享2個免費的網站排名查詢工具,像是Alexa, SimilarWeb等網站,讓你來查閲自己的網站排名是否有進步,或是哪裏需要改進。
 
-### [Alexa](https://www.alexa.com/login)
+## [Alexa](https://www.alexa.com/login)
 ![Alexa](/imgs/seo/Alexa.png)
 `Alexa`
 
@@ -28,27 +35,173 @@ banner = "/imgs/AdobeStock_270048521.jpg"
 
 透過Alexa還可以進一步找出Top Keywords by Search Traffic, Optimization Opportunities, Top Keywords, What sites are related等分析結果,還有網站排行Global Rank, 也可以透過Alexa查出。
 
-簡單來説,透過Alexa網站,你就可以初步知道每個網站紅不紅,厲不厲害,影響力有多大的資訊。
+簡單來説,透過Alexa網站,你就可以初步知道每個網站紅不紅,厲不厲害,影響力有多大的資訊,Alexa的功能,可以了解特定關鍵字的輿論結果,像是分享、社會情感、互動等
 
 根據Alexa的官方網站,排名是使用該網站的估計平均每日唯一身份訪問者數量和過去3個月內該網站的估計網頁瀏覽量計算得出的。
 
 而且Alexa更是提供了Site Metrics, 也就是訪客的engagement, 可以看到網站的Daily Pageviews per Visitor, Daily Time on Site, Bounce Rate, 從這裏就能得知訪客對於網站的黏著度,停留的時間越久,代表對於網站的黏著度越高,這也可以顯示出網站夠不夠吸引人。
 
-雖然Amazon宣佈將在今年2022年5月結束營運25年的Alexa網站流量和排名服務,但如果想要評估自己和競爭對手的差距,Alexa是非常好用的行銷工具~
+雖然Amazon宣佈將在今年2022年5月結束營運25年的Alexa網站流量和排名服務,但如果想要評估自己和競爭對手的差距,Alexa是非常好用的行銷工具。
+
+### SimilarWeb 簡介教學
+
+1. 網站分析
+
+主要是檢測目前網站中一些結構化內容資料,也就是Google爬蟲會爬到的資料,這是SEO中最重要也最基本的步驟,Alexa會給你一個健檢表,以及建議改善方式,讓你知道目前網站問題在哪裡、該如何該善。
+
+2. 競爭對手關鍵字模組
+
+透過該模組內容,可以了解對手網站流量的關鍵字,包含對手的自然搜尋與付費廣告,可以做為之後關鍵字規劃的依據,相似工具如Ahrefs。
+
+3.  關鍵字競爭度工具
+
+Alexa會提供關鍵字建議以及該字組的競爭程度,可以做為日後關鍵字規劃的依據,與Awoo的天下無狗有些相似。
+
+4. 站內優化
 
-### [SimilarWeb](https://www.similarweb.com/zh-tw/)
+主要用於到達頁面(landing page)優化檢測,了解該頁面與特定關鍵字的關聯度、使用者體驗與內容素材、連結,優化關聯程度能夠讓使用者更容易看見以及提升使用者體驗,如此可以降低跳出率,讓進入頁面的體驗更順暢。
+
+5. 競爭對手反向連結
+
+擁有多個反向連結就像是你的網站被很多人推薦及引用,Google瀏覽器會依據此把大家都推薦的網站優先曝光給瀏覽者,然而,並非是所有或是很多的反向連結都有幫助,若反向連結是來自不相關的網站,反而會傷害到你的SEO,因此需要謹記放入相關的連結。
+
+6. 關鍵字曝光率
+
+Alexa會呈現出當使用者搜尋特定關鍵字時,最常會連到哪個網站,包含自然搜尋與付費廣告,除此之外,還可以看到該網站有哪些付費關鍵字,除了可以做為日後關鍵字規劃的依據之外,也可以作為銷售管道策略的參考。例如搜尋餅乾推薦的使用者大部分會前往蝦皮、痞客邦,那麼你可以考慮在蝦皮販售,在痞客邦撰寫開箱文來獲得更大的曝光。
+
+## [SimilarWeb](https://www.similarweb.com/zh-tw/)
 ![SimilarWeb](/imgs/seo/similar.png)
 `SimilarWeb`
 
-SimilarWeb是一款免費/付費的網站分析工具,也是做競品網站分析的好幫手。除了能分析網站流量,資料最詳細且較準確的就是SimilarWeb了。
+SimilarWeb是一款線上免費/付費的網站分析工具,也是做競品網站分析的好幫手。除了能分析網站流量,他可以幫助你了解網站的數個最主要流量來源,同時也可以分析網站訪客的國家分佈、造訪途徑地圖等,以及你的網站中關鍵字分佈,使用者可以透過哪一些關鍵字找到你的網站。在眾多工具中,資料最詳細且較準確的就是SimilarWeb了。身為網站經營者,你不僅可以透過這個工具來了解自己的網站狀況,同時更可以搜尋其他人的網站表現,以分析你的競爭對手,以更加知道如何去規劃自己的策略。除此之外,SimilarWeb 不僅可以幫助你分析網站的排名與流量,同時也可以針對 Android 應用程式、iOS 應用程式進行分析,用途相當的廣。
 
-在SimilarWeb你可以輕鬆查詢網站的排名、流量,以及主要的流量來源分析等資料,功能也相對的比Alexa多很多,而且還能連到Google Analytics來顯示更精準的數據,但要注意的是因為各個網站的爬取資量都不同,因此SimilarWeb和Alexa給出的排名都會不一樣。 
+在SimilarWeb你可以輕鬆查詢網站的排名、流量,以及主要的流量來源分析等資料,功能也相對的比Alexa多很多,而且還能連到Google Analytics來顯示更精準的數據,但要注意的是因為各個網站的爬取資量都不同,因此SimilarWeb和Alexa給出的排名都會不一樣。 
 
-SimilarWeb可查詢的資訊包括網站流量、Total Visits, Bounce Rate, Pages per Visit, Avg Visit Duration, Competitors & Similar Sites, Keyword Search Traffic, Display Advertising Traffic, Social Media Traffic, Outgoing Links等等眾多的數據。
+SimilarWeb可查詢的資訊包括網站流量、Total Visits, Bounce Rate, Pages per Visit, Avg Visit Duration, Competitors & Similar Sites, Keyword Search Traffic, Display Advertising Traffic, Social Media Traffic, Outgoing Links等等眾多的數據,這些功能完全免費,可以有效協助你更加了解自己或者對手的網站
 
 對於評估一個網站的流量來源特別有幫助,還能根據流量,推算網站的流量大概都落在哪個區間。SimilarWeb操作方便,可以使用網頁版,也可以安裝Chrome擴充。
 
 SimilarWeb的Chrome擴充可以讓你一鍵就能查詢任何網站流量跟排名,安裝好後,只要點一下SimilarWeb的小圖,它就會呈現該網站的瀏覽、排名,目前月流量大概是多少,以及目前在哪個國家的網站排名。
 
 
-當你想知道競爭對手網站流量及排名時,你就可以透過SimilarWeb來查詢。
+當你想知道競爭對手網站流量及排名時,你就可以透過SimilarWeb來查詢。
+
+### SimilarWeb 簡介教學
+
+1. 查詢網站
+
+SimilarWeb 的使用方式相當簡單,進入網站之後,可以直接在搜尋框內輸入想要查詢與分析的網站網址或是應用程式,接著點選搜尋就可以馬上獲得所有的排名與流量和對象分佈資訊。
+
+2. 排名分析結果
+
+以 ettoday 新聞雲作為範例進行搜尋,首先總覽的結果會先顯示全球排名、國家地區排名與同類網站排名等等相關資訊。同時他也會根據每月的分析結果進行排名的上升與下降標示。
+
+3. 流量分析與參與度數據
+
+接著向下瀏覽,你可以看到流量數據,他會顯示你的網站在過去 3 個月的總訪問量以及相比於上個月的表現,並搭配流量圖將數據以視覺化方式呈現。此外,他也呈現出平均停留持續時間、每次訪問頁數與跳出率等更詳細的資訊。除此之外,SimilarWeb 還提供更加進階的功能,可以連動 Google Analytics,如果你有使用 Google Analytics 並且進行串連,這些流量以及相關轉化的資訊都是可以透過 GA 後台進行瀏覽的。
+
+4. 引薦與傳出連結
+
+SimilarWeb 的搜尋結果可以查看網站的熱門參照連結來源與傳出連結,在引薦流量的區塊中,可以看到訪客主要會從那些其他網站當中,透過超連結點選進入這個網站。在未註冊的免費版本中最多會顯示 5 種熱門的參照連結來源,以及進入網站後。不過這些數據百分比大多不會附上非常精準的數字,畢竟他並不像 GA 那樣,可以直接在網站當中嵌入追蹤碼來獲得最準確的數據轉換資料,因此可以拿來做一個參考就好,除此之外,在結果頁的最後一個區塊為傳出連結分佈,他列出了熱門傳出連結,從這邊你可以看到從這個目標網頁通常會再前往哪一個網站。
+
+5. 熱門搜尋關鍵字
+
+接著在關鍵字搜尋流量的區塊中,可以看到網站中最熱門的 5 個自然搜尋關鍵字,以及付費關鍵字分佈,此外,若是有與Google Ads帳號串連,投放像是 Google Ads 之類的各式網路多媒體廣告,即可以在付費項目中看到付費關鍵字的流量分佈情形。
+
+6. 社群媒體流量
+
+在社群媒體流量的區塊中,可以看到所有從主流大宗社群媒體當中進入該網站的流量,你可以從當中了解到網站的目標客群是透過哪些社群媒體管道進入你的網站。
+
+
+7. 目標對象興趣
+
+在目標對象興趣的區塊,SimilarWeb 會幫你分析與統計造訪網站的使用者,以及還會對那些主題感興趣,並且在其中還會提供這些使用者通常還會拜訪哪些類似的網站,以及目標感興趣的主題類別。
+
+## [Ahrefs](https://ahrefs.com/)
+![Ahrefs](/imgs/seo/hrefs.jpeg)
+`Ahrefs`
+
+Ahrefs是一個統整了所有SEO工具的網站,任何項目的數據,包括網站排名、關鍵字研究、競爭對手分析、網站問題診斷,都可以在這個網站中的工具箱中找到。
+
+而 Ahrefs 最大的優點就是它的統整度相當高,過去在研究SEO時,往往需要分散的收集很多零散的資料及數據。
+
+Ahrefs 不但將這些統計工具統整起來,Ahrefs 部落格中有分享了很多有關SEO的文章,幫助你在使用工具的同時,還可以有系統性地學習SEO相關知識。
+
+除此之外,還有youtube、facebook、instagram、twitter等社群媒體,協助你學習更多SEO技巧的各種秘訣。
+
+Ahrefs的各種網站監控都可以給我們的網站優化提供寶貴的資訊和方向,雖然Ahrefs是一款需要收費的軟體,但是他的強大功能對比於他的價格其實相當合理。
+
+
+### Ahrefs 簡介教學
+
+1. 網站探索
+
+你可以很迅速地透過這個功能,了解這個網站的整體狀況,像是:
+
+* 有多少的反向連結?
+* 這個網站有什麼樣的關鍵字?
+透過上述指標,可以迅速地得出以下幾個重要資訊:
+
+* 競爭對手的反向連結有哪些?有哪些網站也可以嘗試去做反向連結?
+* 競爭對手有佈局了哪些關鍵字?
+* 競爭對手網站的網域分數表現?
+Ahrefs 的 site explorer,你可以看到競爭對手的不少指標跟數據。
+
+2. 關鍵字組成分析
+
+從此功能可以看到,目前網站有哪些關鍵字,並各字帶來多少流量,想要讓網站自然搜尋流量提升,讓網站在更多關鍵字獲得排名是最重要的任務,而透過 Ahrefs,你可以直接觀看對手現在透過哪些關鍵字獲得好排名。
+
+3. 反向連結分析
+
+Ahrefs 已經建置了全球前三大的網路資料庫,內部收錄了非常多的網站跟網頁,以及各網頁中的連結狀態,透過這樣的環境,可以模擬初一類似於 Google 的環境,藉此提供給你反向連結的相關資料。
+
+4. 關鍵字研究工具
+
+關鍵字研究乃是 SEO 的重要起點,透過使用 keywords idea,Ahrefs 會提供很多有關聯的關鍵字組,可以優先選擇'phrase match',這裡撈出來的關鍵字會比較單純,可以方便觀察使用。同時,Ahrefs 也會提供'parent topic',幫助我們了解該關鍵字隸屬於什麼樣的主題之中。
+
+5. 網站健檢
+
+Ahrefs 會提供網站一些可以改善的項目或是建議,像是 Title(標題)、Description(描述)、圖片檔案過大、圖片替代文字、網站轉址、沒有被索引與關鍵字分佈等。
+
+6. 關鍵字排名監測
+
+Ahrefs 能夠協助你監控及維持網站在Google搜尋結果中的排名,並排解相關問題,由於 Ahrefs 資料庫相當大,所以可以比較精準的去鑑測排名。
+
+
+## [screaming frog](https://www.screamingfrog.co.uk/seo-spider/)
+![screaming frog](/imgs/seo/screamingfrog.png)
+`screaming frog`
+
+screaming frog 是一套 SEO 分析工具來檢測自己的網站,優化網站是長久經營網站相當重要的一環,像是你的網站上有多少失效的超連結或是圖片?哪些網頁缺少 Meta?等這樣的問題,要了解以上這些問題的答案,除了可以透過肉眼檢查網站,也可以使用 Screaming Frog 為你處理這個過程,它可以自動生成報告以便讓你快速找到錯誤。Screaming Frog 就如一個爬蟲機器,會在整個網站中分析與尋找問題,並且可以免費試用,而且沒有試用的時間限制,但是免費版本將被限制只能抓取 500 個頁面數量。
+
+### screaming frog 簡介教學
+
+輸入URL,將主網域輸進搜尋欄並點擊'Start'。
+
+1. 爬蟲完成後便可以著手準備查看分析結果,分析的第一步建議由檢查Response Codes 分頁下的 HTTP 狀態碼開始。
+
+2. URL 網址分析
+
+架構完好的URL對網站相當重要,可以利用 Screaming Frog 的URL分頁分析網站內所有的URL。
+
+首先檢查欄位內URL的長度,使得URL清楚易懂,並由四到五個字組成。
+
+3. 網頁標題
+
+每個網頁的標題都應該獨具內容特色外,需要確認頁面中重要的關鍵字有放在開頭部分。通常,一般的說法是每個標題的長度不應超過60字元,明確點出內容重點。
+
+4. 搜尋摘要
+
+搜尋摘要是搜尋引擎提交結果時顯示在頁面標題底下的文字。比較合適的 Meta descriptions 字元必須控制在160以內(中文字75以內),超過此範圍的敘述將會被瀏覽器自動截短。
+
+5. 圖片
+
+頁面速度對搜尋引擎與使用者而言都很重要。
+
+Google在抓取網頁時頁面速度也是一項重要考量,而其中一項會影響網站速度便是影像以及圖片。
+
+高解析度的圖片往往會佔掉連接頻寬,因此務必將頁面中的圖片大小控制在100kb以下。
+
+透過Screaming Frog 的過濾器,您可以輕易的找出超過100kb的圖像。
+
+同時也需要檢查圖片替代文字alt-text,並確保每個僕片都有獨特且易懂的alt-text。