【自然搜尋排名】天矽科技SEO服務|客製化網頁設計
文章推薦指數: 80 %
結構化資料建立使用Google提供:首頁Logo+當地商家+麵包屑(全域) ... 資訊過多、找不到進去和出去的路,就有可能會發生某些網頁無法被檢索到的問題,最終影響SEO排名。
天矽部落格最新的網路趨勢資訊
網站設計趨勢
All
客製化網頁設計
RWD網頁設計
上市上櫃詳細說
網路趨勢
資源分享
網站建置與SEO
數位轉型案例分享
天矽科技專欄
【自然搜尋排名】天矽科技SEO服務|客製化網頁設計
天矽科技在建立網站時,都非常強調SEO自然搜尋排名,所以都會有一套基本的「標配版SEO服務」提供給客戶!
天矽科技SEO服務
天矽科技非常重視SEO自然搜尋排名,因此在幫客戶設計、製作網站時,不僅依照W3C所提供的標準架設網站,將網站的後台原始碼更加結構化、簡潔化,還會再額外提供SEO搜尋引擎最佳化的專業版製作。
在最後的網站上線時,天矽還會額外再提供 GoogleAnalytics 與 GoogleSearchConsole 的串接,讓工具協助您更加了解、操作網站。
延伸閱讀:
什麼是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屬性,這個屬性就是圖片的說明文字,可以讓此圖片被爬蟲爬到、送上搜尋引擎,還能提供眼疾人士了解圖片的意義與內容,當圖片錯誤時,使用者還能以文字來了解其意義。
如:
<imgalt="圖片介紹"src="圖片來源">
<imgalt="貓咪照片"src="cat.png">
延伸閱讀:
SEO優化圖片好重要!容易被忘記的圖片最佳化技巧
另外,我們也會使用WebP的圖片檔案格式將圖片安插在網站中。
※WebP是一種檔案有著跟PNG檔與JPG檔一樣的圖片品質,但檔案卻小很多的一種格式,屬於較新的技術。
這種檔案類型,非常適合有著多圖片的電子商務網站。
延伸閱讀:
圖片格式WebP是什麼?圖檔降45%、提高網頁速度
新增Sitemap手動提交
新增Sitemap手動提交至SearchConsole+robots.txt
透過提交Sitemap,就讓我們與Google的搜尋引擎溝通,告訴它要記得來看看我,網站有新資訊要記得收錄!這樣才有機會將網站顯示到搜尋結果,或是提升排名!
延伸閱讀:
Sitemap是什麼?建立、提交、檢索網站!
GoogleSearchConsole是什麼?基本功能介紹篇
robots.txt用途是什麼?讓爬蟲乖乖聽話的秘密
建立有效404頁面
導到網站首頁。
當我們進入一個網站,卻出現該頁面不存在是否會讓人很抓狂?這就是網站出現了404錯誤,發生原因有可能是…伺服器關閉、頁面移除未重新定向、連結錯誤或移除以及頁面不存在或內容被刪除,這樣就會導致網站出現404錯誤。
這時,建立有效的404頁面就顯得非常重要!它能幫助網站連結到網站的其他區域,不僅提高轉換率還能有效降低跳出/離站率,還能讓使用者不會產生負面評價、保持態度。
在SEO上,我們降低了跳出/離站率,避免了因為錯誤而扣分的風險,並以添加內部連結的方式來導回首頁,讓使用者留在網站內,此方式也為SEO加了許多分數。
延伸閱讀:
網站SEO相關代碼:301/302轉址和404頁面是什麼?
Google工具建立與串接
建議客戶自行申請Google商家與GoogleAnalytics,再由天矽串接至網站中,以利於網站的發展與結構化設定。
現今時代,Google是最大的搜尋引擎平台,建立相關的Google工具能有利於網站的發展與觸及潛在客戶,我們會協助客戶建立這些Google帳號以利後續的網站進步。
建立商家,能讓企業所在地附近的使用者更加輕易的找到你。
建立GoogleAnalyticsCode,能讓你更了解客戶的行為與樣貌,並藉此找到你的目標客戶與網站行銷修改。
※若客戶有GoogleSearchConsole或 FacebookPixel 也可提供給我們幫忙串接。
延伸閱讀:
GA是什麼?GoogleAnalytics4基本功能介紹篇
GoogleSearchConsole是什麼?基本功能介紹篇
以上就是天矽科技標配版SEO的服務!
若有需要額外的SEO服務,如GoogleSearchConsole回報問題修改、建立獨立404頁面、影片/文章/產品結構化資料建立、GTM功能或網址優化,或客戶配合的行銷廠商之要求等,則屬於進階版SEO,需另外洽談。
不過天矽科技在架設網站時,所設想的SEO標準配套就已經非常有利於搜尋排名囉!
回上一頁
Share
文章標籤
SEO
更多網路趨勢文章
【功能案例分享】客製化網站後台CMS管理系統,管理者也是使用者!
CMS是什麼?網站後台管理系統介紹|天矽科技客製化網頁設計
【中國地區解決方案】阿里雲WAF報價|天矽科技客製化網頁設計
信箱
客服
Line@
延伸文章資訊
- 1資料庫引擎事件和錯誤- SQL Server
(提供者:SQL 網路介面,錯誤:28 - 伺服器不支援所要求的通訊協定) (Microsoft SQL Server,錯誤: -1)。 2, 建立伺服器的連接時發生錯誤。
- 2無法剖析的結構化資料報告 - Google Support
JSON 含有頂層語法錯誤。 值類型不正確, 為資源指定錯誤類型的值,例如在需要數值或陣列的情況下指定字串。
- 3Google Search Console 結構化資料教學- 網站建立Schema 標記
結構化資料( Structured data )在應用上稱為語意標記( Semantic mark) ... Schema 有標示錯誤,會顯示在上方圖表發生錯誤的項目數中,BlogPosing ...
- 4【完整指南】2022 Google Search Console教學(附索引問題處理)
解決辦法:這個狀態蠻常有錯報的情況發生,建議先透過『site:該頁面網址』檢查該 ... Google Search Console 會根據網站有加入的結構化資料,提供相對應的報告給網站 ...
- 5AMP頁面錯誤修正 - 月光部落
如果網頁含有AMP 錯誤或缺少必要的結構化資料元素,就不會出現在有AMP 相關功能的Google 搜尋結果中。 AMP錯誤! 網站支援Accelerated Mobile Pages Proje...