天矽科技 line

天矽部落格最新的網路趨勢資訊

網站設計趨勢

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

部落格:【自然搜尋排名】天矽科技SEO服務|客製化網頁設計

 

天矽科技在建立網站時,都非常強調SEO自然搜尋排名,所以都會有一套基本的「標配版SEO服務」提供給客戶!

天矽科技SEO服務

 

 天矽科技非常重視SEO自然搜尋排名,因此在幫客戶設計、製作網站時,不僅依照W3C所提供的標準架設網站,將網站的後台原始碼更加結構化、簡潔化,還會再額外提供SEO搜尋引擎最佳化的專業版製作。

 在最後的網站上線時,天矽還會額外再提供 Google Analytics 與 Google Search Console 的串接,讓工具協助您更加了解、操作網站。

延伸閱讀:
什麼是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

▲麵包屑BreadcrumbList

 

GMB

▲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標準配套就已經非常有利於搜尋排名囉!

 

回上一頁
信箱
客服
Line@