ARTICLE
1
網頁結構化資料-實際應用範例說明
在上篇"網頁結構化資料是什麼"中,我們說明了設定網頁結構化資料主要是為了提供搜尋引擎正確歸類收錄、顯示資訊為用途,瞭解了網頁結構化資料主要的用途後,本次將以實際範例作為說明希望讓大家能更簡單且清楚的方式來理解。
由網頁原始碼中可以先瞭解,基礎的頁面設定,在基礎設定中 Og meta tag 是由現今主流的Facebook 所制定解析專用的結構化標記,用途便是有利於Facebook 搜尋引擎收錄及插件(分享、轉貼)時能自動對應格式應用的結構化標記。
在基礎頁面 meta 之外,現今較常應用的 Microdata 結構化標記,主要應用在頁面與網站的階層結構上,有利於搜尋引擎對網站整體的階層瞭解與收錄。
ARTICLE
2
網頁結構化資料是什麼?
網頁結構化資料是什麼?相信大多數人都有使用過搜尋引擎尋找過資料,搜尋結果列表出來的資訊會盡量貼近符合搜尋的關鍵字,而搜尋引擎又是靠什麼資訊去歸類排序網際網路廣大多元的資訊呢?其中最主要的歸類方向便是"網頁結構化資料",網頁結構化資料簡單來說就是網頁最基礎的編輯資訊,也是我們在搜尋排名常看見的網站說明資訊,這些說明資訊不僅提供了搜尋者閱讀查證資料是否符合之外,更提供了搜尋引擎進行歸類排序等用途。
一般人可能會認為大多數搜尋引擎都會自動收錄基礎閱讀資訊,又為什麼需要額外在結構化資料著墨呢?原因在於大多數搜尋引擎在收錄時只會針對簡單的基礎資訊進行收錄,而大部分網站若沒有將進階資訊設定到正確對應的收錄位置時,就少掉許多貼近關鍵字訊息的資料,自然在歸類與排名上會顯得較為模糊薄弱。
從圖片資訊中能發現,搜尋較為明確方向的關鍵字時,搜尋引擎也會把結構化資料顯示得更加符合貼近,因此"網頁結構化資料"在 SEO 上算是最基礎的頁面資訊,卻也是極為重要的關鍵資訊。
ARTICLE
3
Page Analytics-網頁一鍵快速分析
本站先前介紹過Google Analytics分析-看見網站績效的說明,從 Analytics 追蹤分析當中,我們瞭解到訪客在網站當中的操作喜好與閱讀效率等詳細資訊,可以進而作為網站營運優化的指標,因此對於網站管理人員是有著極大的幫助分析工具,而本次將進階推薦介紹由 Google Analytics 延伸的 Page Analytics 單頁網站流量分析擴充功能。
Page Analytics 是由 Google Analytics 原本的追蹤權限資訊做為延伸的擴充工具,主要是應用在網站"單頁畫面"進行流量與連結的統計與說明,讓管理人員能夠在網站每個畫面中一目瞭然的清楚知道連結應用資訊,得達精確的訪客應用效率,所以網站在原本申請並置入過追蹤碼後,便能透過安裝工具直接做使用(若尚未安裝過追蹤碼可參考文章開頭連結進行設定),擴充工具可以從 Google Chrome 瀏覽器的"線上應用程式商店"搜尋 Page analytics 找到申裝資訊。
在安裝擴充工具後,可以透過瀏覽器左上方的開關圖示進行快速開關查看頁面資訊。
ARTICLE
4
網站 facebook meta 設定
根據資策會及全球許多具有公信力的網路平台、廣告公司等,都發表了關於行動裝置在網際網路中實際使用流量的佔有例已經超越了傳統桌上型或筆記型電腦裝置,根據多家網站線上品牌管理服務提供商,公佈2017全球網路使用裝置趨勢調查報告中指出,全球約有二分之一的人口擁有智慧型手機,超過一半以上網路流量是來自行動裝置,其中又以"網站瀏覽、社群聯繫、APP資訊應用"為主。
從使用者習慣與行動流量的分系報告中能瞭解,網站瀏覽與社群聯繫的應用佔據了全球大部分的流量,因此社群網站也逐漸跟一般網站進行相容結合,由最常見的例子:一般網站透過資訊的升級與整合後能透過分享功能將訊息轉載至Facebook中,可以從這樣的跨領域合作中發現,原本是不同領域的網站類型卻能在相互應用後能夠互相豐富彼此的資源,因此本次本站將簡單說明網站如何透過資訊升級與整合後能分享至Facebook的方法。
Facebook應用了傳統網站的meta資訊進行延伸讀取應用並分享至大眾社群,而傳統網站只需要在原有的meta資訊中加入對應 Facebook需要讀取的 Open Graph protocol 標記語言,相關資訊便能透過分享功能將自己的網站推廣至社群網站中,以下將示範說明需要加入的meta資訊:
<meta property="og:url" content="https://原網站連結(ex:webdesigns).com" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="zh_TW" />
<meta property="og:title" content="網站標題" />
<meta property="og:description" content="網站簡短文字說明。" />
<meta property="og:image" content="縮圖的連結位置" />
ARTICLE
5
GOOGLE優先收錄HTTPS│SSL對SEO的重要性!
Google 重視的 HTTPS ,Google在2017年的一月開始,針對網站是否加入 SSL安全憑證 的態度逐漸強勢影響 SEO 的發展趨勢,由本站先前分享過的"淺談網址 HTTP 與 HTTPS 的差別、SSL 與 HTTPS 的相關性",當中介紹了 HTTPS 透過了 SSL安全憑證,能夠有效保障了網站與使用者在連線上的資訊安全。
因此全球最大的搜尋引擎企業 Google 為了保障使用者的資訊安全,對 HTTPS 協定技術也有著高度的重視性,由瀏覽器Chrome網址列上,針對網站是否使用 SSL 安全協定,明顯的標示了:安全、不安全、危險,3種不同資訊安全狀態,讓使用者們能由此直覺的瞭解決定是否停留觀看網站內容,透過 HTTPS 這項技術指標分類後,讓網際網路上,數以萬計的網站瞬間被明確歸類。
Google 除了透過瀏覽器顯示區分網站之外,更令 SEO優化必須要注意的重點在,搜尋引擎收錄程式將會針對有使用 HTTPS 協定的網站進行優先收錄排序得動作,簡單來說就是有SSL憑證的網站將很有機會比沒有憑證的網站搜尋排名來的好;除此之外,如果在收錄程式偵測完後發現網站內有需要使用會員帳號密碼做登入,卻沒有使用SSL安全憑證技術的網站,甚至可能會被搜尋排名剔除之外,從以上這些方面能夠瞭解,網站加入 SSL 安全憑證,是未來 SEO優化的重要趨勢,若要保持網站優良的呈現,也趕緊加入HTTPS的行列吧,若以上有相關疑問或 SSL安全平憑證的需求也歡迎聯絡我們,本站將會竭盡服務。
ARTICLE
6
代理/Proxy快取伺服器-網站快取加速
由"初識網站快取加速"我們能瞭解,網站快取的技術原理與包含了許多層面,本次將延伸說明"代理/Proxy快取伺服器"技術,快取伺服器是在網站讀取連線中較為主要的快取技術,為了加快網頁瀏覽的反應速度、降低伺服器的負載、減少網路頻寬的浪費而開發的技術,主要是透過額外的一台暫存伺服器來儲存資料加速協助使用者讀取網站內容,但由於架設快取伺服器需要較為龐大費用,並不是所有網站能獨立架設,因此產生了"代理快取伺服器",代理快取伺服器透過建立大型快取伺服器分割資源、租用IP給個別網站或用戶達到了有效快取支援,也節省了個別架設的費用。
代理快取伺服器的技術中大致分類為"正向代理(Proxy)快取"與"反向代理(Reverse Proxy)快取",兩種技術雖然都為快取功能,但正向代理技術,是由瀏覽者端加設的伺服器進行快取功能,而反向代理技術則是由網站經營端加設的伺服器進行快取功能;在資訊技術進步的現今,反向代理技術逐漸取代了正向代理技術,原因在於正向代理技術需要每個瀏覽者自行加設,而反向代理技術由站方加設便能提供大眾使用者的便利,且將低了原網站伺服器的負荷,也因為代理伺服器提供額外的連線IP位置保護了主要伺服器位置不被發現且不被攻擊的好處。
透過反向代理快取伺服器能夠提高用戶的連線速率、降低了網站的使用負荷,也保障了網站的安全,搭達用戶與站方的雙向友善性,進而符合了搜尋引擎的優先收錄條件,是貼近現今行動網路的主流的網站快取技術,本公司也提供了此項服務,歡迎進一步的瞭解與洽詢。
ARTICLE
7
404頁面改善辦法
本站由先前說明404頁面是什麼?時提到了可能會造成的原因,能瞭解404頁面在SEO部分上也有著舉足輕重的影響能力,雖然404頁面是一項重要的頁面錯誤訊息,但利用404頁面的特性,也能有機會化腐朽為神奇,本次將再針對404頁面產生後,該如何加以應用與改善方法作為探討。
1.更換連結網址或進行網站改版前,先行製作404提示頁面,用來說明與可替代的導向網址。
2.在製作404提示頁面時,將首頁網址以標題連結方式提供點選導向連結,避免直接導向首頁。
3.將原本移除連結的頁面導向至預先製作好的404說明頁面或可替代相關主題頁面。
4.使用者輸入相似卻錯誤的連結網址,在使用者常輸入錯誤的頁面提供正確導向或相關說明。
5.設定輸入原本就不存在的頁面網址統一導向至404說明頁面。
6.避免將404頁面全導向至首頁,將有機會被搜尋引擎判定為作弊。
瞭解了404頁面錯誤訊息是網站內連結的改變而產生後,對於網站永續經營與維持SEO的優化為前題,應該盡量避免與預防404頁面的產生,然而在不得已必須調整的情形下,也應該持續定期追蹤網站錯誤頁面改善的情況,才能確保網站在經營許久後不會因為產生錯誤頁面而被列為問題網站或是遭搜尋引擎慢慢的放逐。
ARTICLE
8
404頁面是什麼?
HTTP Error 404 -Not Found頁面是什麼?大家在瀏覽網站網頁時,多少都會遇到頁面錯誤,或者是找不到網站的經驗,其中包含的可能原因為:
1.原本連結頁面的網址,更換地址了。
2.原本連結網址的頁面已經被移除。
3.使用者輸入相似卻錯誤的連結網址。
4.原本就不存在的頁面網址。
遇到以上這些情況時,網頁伺服器會回應找不到網頁的要求,而回應的HTTP狀態代碼就是404,表示為尋找不到該頁面,一般使用者看見錯誤資訊便會選擇離開,此時雖然是簡單的離開動作,但在多次的錯誤離線的訊息後,就會提高網站整體的跳出率、減少停留的時間,因而在搜尋引擎對關鍵字的積分上將會日趨遞減,尤其是在網站改版或更換網址後未注意404錯誤頁面的大量產生,將可能嚴重影響整個網站原本穩定的頁面排名,是一項看似渺小,卻足以關係網站排名的重大環節。
ARTICLE
9
網站經營對使用者與SEO的重要性
由先前本站介紹過初識搜尋引擎最佳化(SEO)、影響網站搜尋引擎排名因素時,我們以往都是以面對搜尋引擎時有助住提升排名的條件角度去說明與推廣網站在行銷上的建議,因此較為偏向架設網站一方在面對搜尋引擎時的架構成因,而SEO之所以會日新月異的快速成長受到重視,也因為現今的網際網路上雖然充斥著無數的網頁站台,但由於訊息大量的散播,想要尋找到正確及符合需求的訊息卻成了如今一個重要的議題。
而本次將回歸針對搜尋引擎希望網站面對使用者時,該如何經營內在營運模式來提供說明與建議。使用者在搜尋引擎網羅眾多訊息後,為了篩選尋找符合資訊的同時,可能在極為短暫的幾秒至幾分鐘內決定是否繼續觀看一個網站或著關閉離開,然而架設網站,主要的目的便是希望滿足客戶對資訊的查詢、問題的解答或是購買的需求,所以許多企業行號雖然斥資經費與人力打造形象與購物網站,卻依舊還是乏人問津、寥寥無幾,或是只有簡單觀看,以下將針對使用者習慣與喜好來提供幾項參考。
1.網站就代表者公司行號的品牌形象與門面,網站在開始的整體畫面上是否具有視覺印象的吸引力及簡單俐落的操作模式便取決了 使用者的青睞性,因此在畫面上建議應該具有美觀設計並且定期改善友善操作性,來提申品牌的信賴程度。
2.網站內容持續的更新與進步,許多企業、購物網站,在一開始或許耗費較大人力與經費在架設,但後續卻一成不變,甚至讓使用者察覺出資訊與產品的過渡性,將會對公司行號的專業與技術大打折扣,因此建議持續更新產品資訊或者提供相關產品知識與選購要領等參考訊息。
3.即時性或每日定時的確認訂單與回覆諮詢,雖然網站大多時候是無時無刻停留在網際網路中,但能有效且快速地提供使用者問題的解答或是購買的需求,將能有效的提升使用者的信賴度與購買的機會。
ARTICLE
10
圖片與網站速度的重要關係
隨著行動網路的普及和發展,傳統桌上型電腦使用習慣的顛覆,本站先前提到"PageSpeed網站速度與SEO的重要關係",各家搜尋引擎因為行動網路的趨勢對網站連線速度有著高度重視,因此本站也將針對大多數使用者體驗反應連線速度不佳的網站,在使用網頁測速連線後,最有可能會需要改善的項目"最佳化圖片"來進行說明建議與改善方法。
瞭解了網站連線速度會直接影響使用者體驗的觀感後,我們常會在測試工具中發現,原來大多數會導致連線時間增加的原因,是因為網站中有著較大量的細緻圖片,一般人的印象中圖片的像素越高,圖片會越清晰讓人觀看的越舒適,但其實許多時候在網站中置入圖片時,會因為網站版面大小的配置將高像素、高畫質的圖片進行尺寸大小調整,好呈現頁面中適合觀看的配置,雖然尺寸的調整不至於影響太多的像素問題,但在這過程中,原本可能是4096像素的圖片被侷限在600像素的框架之中,而原本高畫質圖片所伴隨的較大檔案確並未受到改變,累積久之後便成了網站連線速度的累贅,因此適當的壓縮圖片便是改善連線速度的直接辦法,以下是可以針對圖片最佳化的建議與調整。
1.常見的圖片檔案格式PNG檔案通常比JPG檔案還要大,因此可以在使用前先進行格式上的轉換,調整成JGP格式。
2.在網站建置時,先瞭解網頁版面將會使用圖片的尺寸與比例,先行在置入頁面前進行圖片尺吋與像素的壓縮。
3.建置版型同時,指定圖片尺寸,使瀏覽器在讀取時預留適當暫存空間,避免過度等待圖片載入時間。
4.透過測速工具瞭解建議壓縮圖片與建議比例,如:PageSpeed Tools。
5.由網站中圖片檔案大小為依據,從檔案較大的圖片中瞭解實際使用呈現的尺寸與像素,在適時的調整。