【自然搜尋排名】天矽科技SEO服務｜客製化網頁設計

網站的SEO製作內容

　架設網站，最重要的就是SEO自然搜尋排名，當有需求的使用者透過搜尋引擎尋找解答時，如果該網站出現在愈前面(排除廣告)，愈有機會被使用者點選，並成為潛在客戶；若網站價值高、知識內容豐富，也會讓使用者對該企業品牌有高度的好感。

　要怎麼做出有利於SEO自然搜尋排名的網站？天矽科技都幫你想好，也服務到了！

目錄
➤ RWD響應式設計
➤ 以符合W3C標準架設網站
➤ 標準架構與權重分級
➤ 結構化資料建立
➤ 明確的導覽：麵包屑建立
➤ 網頁標題命名與大綱
➤ 圖片最佳化
➤ 新增Sitemap手動提交
➤ 建立有效404頁面
➤ Google工具建立與串接

 

RWD響應式設計

　RWD響應式設計，就是讓網站內容像水一般，可以隨著不同的瀏覽設備改變大小卻不跑版的技術；當使用者在不同的瀏覽器上進行瀏覽時，會對應不同的解析度去呈現適合的尺寸，減少使用找進行縮放、平移和捲動等操作行為。

　我們在架設網站時，已經將RWD響應式設計視為必要，這是因為現在的人幾乎都是使用行動裝置上網，行動裝置的網路流量也幾乎占了流量的一半！

　因此為了友善裝置瀏覽的行為，當搜尋行為是來自行動裝置時，搜尋引擎將會提高對行動裝置友善的網站排名，簡單來說就是有RWD響應式設計的網站對SEO有加分的作用啦！

延伸閱讀：
➤ 什麼是RWD響應式網頁設計？

 

以符合W3C標準架設網站

　架設網站時，以符合W3C推薦的標準來架設網站，並做系統性的資料整合與分類，並使用HTML5語意標籤製作網頁大綱，以利搜尋引擎建立索引。

　W3C是一個解決網頁開發問題的全球資訊聯盟，有一套自己的網頁架構標準，雖然不是強制性的，但卻非常受到推崇；而HTML5就是距離現在最近的一套網站架設標準，廣義上來說HTML5指的是HTML、CSS和JavaScript的一套技術組合。

　因此，使用W3C推薦的網頁架構標準架設的網站，能讓原始碼更加簡潔、結構化，並有利於爬蟲檢索及提升SEO排名。

延伸閱讀：
➤ W3C是什麼？網頁設計符合W3C標準結構建立網頁語法有什麼好處？
➤ HTML5是什麼？讓網頁效能更上一層樓的HTML5基本介紹

 

標準架構與權重分級

　使用HTML5架構、文件權重分級(h1-h6)，以利搜尋引擎建立索引。

　在HTML5的架構之中，新增並解決了以往網站需要靠Flash才能完成的項目，像是影音、音訊及繪圖動畫等功能。除此之外，還新增了許多有意義的語法特徵和元素，讓語法標籤變得更加結構、簡單，另外還減少了以往網站中，過多的＜div＞和＜table＞包覆內容，讓網頁原始碼更加簡化！

　高度的結構化語法排列，再以文件權重分級(h1-h6)來將內文做出有序地排列，讓爬蟲更加理解網站內容、提高搜尋引擎的排名！

＜h1＞多用在標題、網頁大標…等，最多一個。
＜h2＞多用在副標、文章名稱…等，最多2~3個。
＜h3＞多用在產品名稱、文內標題…等，數量可以五個以上。
＜h4＞用在產品型號、文內標題下細項…等，數量沒有限制。

※ 一般可分成六層文件標題：＜h1＞＜h2＞＜h3＞＜h4＞＜h5＞＜h6＞，基本上大多網站最多只用到第四層。

延伸閱讀：
➤ HTML是什麼？HTML基礎應用與解說

 

結構化資料建立

　結構化資料建立使用Google提供：首頁Logo+當地商家+麵包屑(全域)

　結構化資料是一種網頁的標準化格式，也就是網頁資訊的內容分類，如：服飾網站，結構化資料能將它分成帽子、上衣、洋裝、褲子、襪子…等內容。

　也就是將網頁的資料變成統一的表格與格式，讓搜尋引擎更好理解網站內容，當使用者搜尋某項你網站中擁有的產品時，讓搜尋引擎可以適時的推薦你的產品給使用者知道，簡單來說就是能夠提高SEO搜尋排名。

　像是Logo、在地商家與麵包屑，就是利用結構化資料的標記 JSON-LD 建立。

▲麵包屑BreadcrumbList

▲Google商家語法

 

延伸閱讀：
➤ 提升網站SEO與搜尋引擎溝通的「結構化資料建立」

 

明確的導覽：麵包屑建立

　網站前台顯示建立麵包屑，並使用「a」屬性，提供href。

　麵包屑就是網站路徑導覽，它的功用是防止使用者在瀏覽網頁時迷路、回不去前一頁，甚至關閉網頁；麵包屑不僅防止使用者迷路，同時也防止爬蟲在檢索時迷路，若因為網頁資訊過多、找不到進去和出去的路，就有可能會發生某些網頁無法被檢索到的問題，最終影響SEO排名。

　而＜a＞與href屬性則代表連結的意思，將連結做指向，讓超連結變得更有意義。

延伸閱讀：
➤ 麵包屑是什麼？提升SEO的「路徑導覽」讓使用者不再迷路！
➤ 語法href是什麼？href基礎應用與解說

 

網頁標題命名與大綱

　在優化SEO時，標題Title、描述description與關鍵字keywords是我們要特別留意的部分！

　雖然SEO強調內容為王，但後台的標題、描述與關鍵字也是爬蟲檢視的內容之一；對前台使用者來說，這些內容也影響了網站的可看程度，如果寫得不好、沒有關連性，就會影響使用者點擊的意願，甚至連帶影響搜尋引擎的推薦機會。

　在每個網頁中，都需要有一個獨一無二且簡短而明確的標題、言簡意賅的網頁描述以及符合網站的關鍵字，因此在設定標題、描述與關鍵字時，要記得加入與網站、企業相關的關鍵字詞，讓網站符合關聯性。

　另外，我們還會在html文件中加入許多meta元素，讓搜尋引擎可以更好的去理解網站的各種資訊，如此環環相扣的設定，排名自然就會往上升。

延伸閱讀：
➤ 網站SEO優化重點：網頁標題、描述與關鍵字設定

 

圖片最佳化

　網站圖片使用 HTML＜img＞或＜picture＞元素、使用「alt」屬性。

　在圖片上加入alt屬性，這個屬性就是圖片的說明文字，可以讓此圖片被爬蟲爬到、送上搜尋引擎，還能提供眼疾人士了解圖片的意義與內容，當圖片錯誤時，使用者還能以文字來了解其意義。

如：
＜img alt="圖片介紹" src="圖片來源"＞
＜img alt="貓咪照片" src="cat.png"＞

延伸閱讀：
➤ SEO優化圖片好重要！容易被忘記的圖片最佳化技巧

　另外，我們也會使用WebP的圖片檔案格式將圖片安插在網站中。

※WebP是一種檔案有著跟PNG檔與JPG檔一樣的圖片品質，但檔案卻小很多的一種格式，屬於較新的技術。這種檔案類型，非常適合有著多圖片的電子商務網站。

延伸閱讀：
➤ 圖片格式WebP是什麼？圖檔降45％、提高網頁速度

 

新增Sitemap手動提交

　新增Sitemap手動提交至Search Console + robots.txt

　透過提交Sitemap，就讓我們與Google的搜尋引擎溝通，告訴它要記得來看看我，網站有新資訊要記得收錄！這樣才有機會將網站顯示到搜尋結果，或是提升排名！

延伸閱讀：
➤ Sitemap是什麼？建立、提交、檢索網站！
➤ Google Search Console是什麼？基本功能介紹篇
➤ robots.txt用途是什麼？讓爬蟲乖乖聽話的秘密

 

建立有效404頁面

　導到網站首頁。

　當我們進入一個網站，卻出現該頁面不存在是否會讓人很抓狂？這就是網站出現了404錯誤，發生原因有可能是…伺服器關閉、頁面移除未重新定向、連結錯誤或移除以及頁面不存在或內容被刪除，這樣就會導致網站出現404錯誤。

　這時，建立有效的404頁面就顯得非常重要！它能幫助網站連結到網站的其他區域，不僅提高轉換率還能有效降低跳出/離站率，還能讓使用者不會產生負面評價、保持態度。

　在SEO上，我們降低了跳出/離站率，避免了因為錯誤而扣分的風險，並以添加內部連結的方式來導回首頁，讓使用者留在網站內，此方式也為SEO加了許多分數。

延伸閱讀：
➤ 網站SEO相關代碼：301／302轉址和404頁面是什麼？

 

Google工具建立與串接

　建議客戶自行申請Google商家 與 Google Analytics，再由天矽串接至網站中，以利於網站的發展與結構化設定。

　現今時代，Google是最大的搜尋引擎平台，建立相關的Google工具能有利於網站的發展與觸及潛在客戶，我們會協助客戶建立這些Google帳號以利後續的網站進步。

1. 建立商家，能讓企業所在地附近的使用者更加輕易的找到你。
2. 建立Google Analytics Code，能讓你更了解客戶的行為與樣貌，並藉此找到你的目標客戶與網站行銷修改。

※ 若客戶有 Google Search Console 或 Facebook Pixel 也可提供給我們幫忙串接。

延伸閱讀：
➤ GA是什麼？Google Analytics 4基本功能介紹篇
➤ Google Search Console是什麼？基本功能介紹篇

 

　以上就是天矽科技標配版SEO的服務！

　若有需要額外的SEO服務，如Google Search Console回報問題修改、建立獨立404頁面、影片/文章/產品結構化資料建立、GTM功能或網址優化，或客戶配合的行銷廠商之要求等，則屬於進階版SEO，需另外洽談。

　不過天矽科技在架設網站時，所設想的SEO標準配套就已經非常有利於搜尋排名囉！