本文為機器翻譯文章。如需檢視英文版,請選取 [原文] 核取方塊。您也可以將滑鼠指標移到文字上,即可在快顯視窗顯示英文原文。
譯文
原文

案例研究:SharePoint Server 2013 中的 Mavention 和 Web 內容管理

SharePoint 2013
 

適用版本:SharePoint Server 2013

上次修改主題的時間:2016-12-16

摘要:了解 Mavention 如何利用新的 SharePoint Server 2013 Web 內容管理功能建立新網站。

此案例研究提供新 SharePoint Server 2013 Web 內容管理功能的概觀,以及 Mavention 如何使用這些功能將其網站從 SharePoint Server 2010 升級為 SharePoint Server 2013。

若要檢視此案例研究的 Microsoft Word 版本,請參閱案例研究: Mavention 與 Web Content Management in SharePoint 2013

本文內容:

Mavention 是荷蘭系統整合商,專門開發 Microsoft SharePoint 平台的網站、入口網站及內部網路。Mavention 提供的 SharePoint 解決方案可讓他們的客戶以較低的營運成本,提供高品質的資訊。

如需 Mavention 的詳細資訊,請參閱 < http://www.mavention.com

自 2011 年 1 月開始,Mavention 的網站就已經開始使用 SharePoint Server 2010。Mavention 認為原先的網站有下列幾項缺點:

  • 沒有任何可以隨使用者而改變的行為,例如對不同目標群組顯示不同內容的方法。

  • 使用者很難透過行動裝置閱讀內容及瀏覽其網站的頁面。

  • 只提供荷蘭文。

下列幾項因素讓 Mavention 決定移轉到 SharePoint Server 2013。他們希望能夠:

  • 改善與不同目標群組的溝通方式。

  • 依照各個目標群組提供量身訂作的內容。

  • 提供訪客可能會感興趣的其他內容建議,以增加訪客停留在他們網站上的時間 (減少跳離率)。

  • 啟動並執行其英文版網站。

  • 最佳化其網站,方便行動裝置使用。

  • 改善其網站的 SEO 功能。

  • 將人員耗費在內容管理工作的時間減至最少。

從 SharePoint Server 2010 移轉到 SharePoint Server 2013 時,Mavention 實作了下列新 WCM 功能:

  • 跨網站發佈與目錄

  • 類別頁面與目錄項目頁面

  • 受管理導覽與標記字詞組

  • 內容搜尋網頁組件

  • 變化與翻譯

  • 圖像轉譯

  • 裝置通道

  • 分析處理與建議

  • 使用者區隔

  • 查詢規則

  • 連續編目

  • SEO 功能

  • 搜尋 REST API

若要閱讀這些新 SharePoint 功能的一般概觀,請參閱下表。若要閱讀 Mavention 如何實作這些新功能的資訊,請參閱本文稍後的<Mavention 如何使用新的 MOSS_2nd_CurrentVer WCM 功能>。

 

跨網站發佈與目錄

跨網站發佈是一種發佈功能,可讓您在各個網站集合上重複使用內容。目錄是共用為目錄的 SharePoint 文件庫或清單。您可以使用一或多個網站集合來編寫目錄內容及顯示目錄內容,以及控制目錄內容的顯示方式。

如需詳細資訊,請參閱<SharePoint Server 2013 的跨網站發佈概觀>。

類別頁面與目錄項目頁面

類別頁面與目錄項目頁面為頁面配置,可以讓您以一貫化的方式顯示整個網站上動態建立的目錄。這些頁面經常和受管理導覽與內容搜尋網頁組件並用。

如需詳細資訊,請參閱<規劃類別頁面和目錄項目頁面>。

受管理導覽與標記字詞組

受管理導覽可讓您使用字詞組定義及維護網站的導覽。使用跨網站發佈時,請務必使用字詞組中的字詞標記內容。內容中的標記字詞並非編寫網站中定義內容階層的實際位置,而是您用於標記內容的實際字詞。

內容搜尋網頁組件

內容搜尋網頁組件 (CSWP) 會顯示編目完成並已加入搜尋索引的內容。若要在內容搜尋網頁組件中顯示內容,請在網頁組件中指定查詢。當使用者瀏覽至包含內容搜尋網頁組件的頁面時,會自動發出查詢,然後將查詢結果顯示在網頁組件中。

如需此搜尋網頁組件及其他搜尋網頁組件的詳細資訊,請參閱<規劃新增搜尋網頁組件至頁面>。

變化與翻譯

變化功能會將內容從來源網站複製到一或多個目標網站。當您使用機器翻譯時,從來源網站複製的內容可自動將轉譯成的目標網站語言。如果您不想要使用機器翻譯,您可以將匯出的轉譯套件。XLIFF 格式翻譯內容,並匯回SharePoint Server 2013的轉譯封裝 (英文)。

圖像轉譯

圖像轉譯在行動方案中非常實用。您可以依據所用的裝置,顯示不同大小和版本的圖像。此功能可讓您的同一張圖像擁有不同的剪裁版本,但不需要上傳多張圖像。不僅可以縮小下載至用戶端的檔案大小,也可改善網站的效能。

如需圖像轉譯的詳細資訊,請參閱 < SharePoint 2013 中的管理圖像轉譯

裝置通道

您可以利用裝置通道,以各種不同的方式,運用專為各種行動裝置而量身訂作的設計來轉譯發佈網站。您可以將內容對應到發佈網站的裝置通道,然後再依據您所使用的裝置通道,重新將其對應到不同的主版頁面、版面配置及樣式表。

如需裝置通道的詳細資訊,請參閱規劃裝置通道 SharePoint 伺服器 2013年中的https://msdn.microsoft.com/en-us/library/jj862343.aspx

分析處理與建議

分析處理功能會自動追蹤使用者與頁面 (例如頁面或文件檢視) 的互動方式。此資訊會應用在產生建議。建議可用於導引使用者前往可能與其相關的內容,例如「檢視此文件的使用者也檢視了這些文件」。

如需詳細資訊,請參閱<規劃流量分析、流量事件及建議>。

使用者區隔

使用者區隔可讓您對不同的使用者群組呈現不同的內容。若要使用此功能,除須指定用以定義不同使用者群組的準則之外,還必須能夠存取包含這些準則的屬性。

查詢規則

查詢規則是一組條件,可以促使查詢以特定的方式變更。簡單來說,查詢規則就是:「當發生 X 時,就執行 Y」。查詢規則可以用來限制搜尋結果中所出現的內容類型,並影響搜尋結果的出現順序。

如需詳細資訊,請參閱<規劃結果來源和查詢規則>。

連續編目

連續編目可讓您指定編目內容的動作在設定的間隔內自動執行。連續編目可以讓您的搜尋結果隨時保持在最新狀態。如此一來,搜尋管理員便不需要再監視伺服器陣列有無任何內容變更。

如需詳細資訊,請參閱<規劃內容來源和編目>。

SEO 功能

您現在已可建立對使用者有意義、容易記憶的 URL,而不光只是包含一連串無意義的字串。例如 http://www.contoso.com/Computers/model101 就比 http://www.contoso.com/Pages/Computers.aspx#/ID=453&Source=http%3A%2F1010101 更加容易閱讀及了解。

若要建立有意義的 URL,可以使用具有類別頁面與目錄項目頁面的受管理導覽,然後使用您在字詞組中指定的字詞來建立 URL。

搜尋 REST API

搜尋 REST API 服務可用來為網站或行動裝置新增搜尋功能。此服務會使用可以支援 REST Web 要求的技術。

Mavention 在規劃新網站之初採取了下列幾項動作:

  • 定義其網站目標是「誰」。

  • 專注在目前的網站要改善「什麼」。

  • 找出「如何」解決他們曾經面臨之問題的方法。

Mavention 將「客戶」與「潛在員工」界定為網站應該鎖定的兩個目標使用者群組。Mavention 也定義了各群組的特性,讓他們能夠使用新的使用者區隔功能,為各目標群組提供動態建立的內容。

根據統計資料顯示,Mavention 有 60% 的訪客來自荷蘭境外。因此,他們想要提供英文版的網站。SharePoint Server 2010 的變化功能可支援建立多語言網站,但必須將內容連結至頂層網域。此作法的缺點是搜尋引擎無法顯示區域搜尋排名的差異。為方便維護多語言網站,Mavention 決定在集中式內容管理環境中管理其內容。

因為 SharePoint Server 2013 中新的跨網站發佈功能可支援上述提及的所有需求,所以 Mavention 為他們的新網站選擇了這個解決方案。

Mavention 已經見證到透過行動裝置存取其頁面的訪客急遽增加。他們希望新網站可以在最不費力的情況下,支援最多的裝置。因此,他們選擇使用回應型 Web 設計,其中 HTML 範本會依特定裝置的特性自行調整。對所有裝置套用相同的 HTML 範本的好處是可以減少網站的維護,而且公用搜尋引擎能夠更有效率地編製內容索引。

Mavention 分析了行動訪客在參訪其網站時所使用的瀏覽器。他們據此定義出螢幕大小和螢幕解析度來實作其網頁。Mavention 網站的使用者介面由設計代理商建立。Mavention 利用此設計來建立靜態的 HTML 頁面,查看各個使用者介面區塊以不同螢幕解析度縮放的情形。

下圖顯示 Mavention 的最終網站架構:

Mavention 的最終 SharePoint 2013 網站架構

連結至較大圖像

製作網站集合位在圖表左側。製作網站集合會使用變化功能,而且是 Mavention 建立及管理其所有內容的所在。在製作網站集合中,內容會從荷蘭文翻譯成英文。製作網站集合不會公開使用。

發佈網站集合位於圖表右側。發佈網站集合是 Mavention 發佈內容的所在。發佈網站集合會公開使用。

語言版本
每個語言都有自己的頂層網站集合,所以發佈端不會使用變化功能。Mavention 會使用每個語言的頂層網站集合,將網站裝載在各自國碼/區碼的頂層網域中。這可讓搜尋引擎顯示區域搜尋排名的差異。

儲存資產
雖然 Mavention 的內容會從荷蘭文翻譯成英文,但荷蘭文和英文網站都會參照相同的來源圖像。為避免兩者的資產重複,Mavention 將其儲存在個別的網站集合中。

由於資產無法儲存在搜尋索引中,因此為了避免有人匿名存取其網站的製作部分,Mavention 決定將資產儲存在其網站的發佈部分。如此一來不僅可以保護網站的製作部分,還可提升網站的整體安全性層級。

下圖顯示 Mavention 的伺服器陣列架構。

Mavention 的 SharePoint 2013 伺服器陣列架構

連結至較大圖像

Mavention 使用網頁伺服器、應用程式伺服器及資料庫伺服器。下表說明伺服器的角色,以及 Mavention 使用的硬體設定。

 

伺服器 伺服器角色 硬體 CPU 硬體 RAM

具有兩個 Hyper-V 執行個體的網頁伺服器

處理所有傳入的搜尋要求。執行 Managed Metadata Service、查詢處理元件及索引元件。

4 核心

8 GB

具有一個 Hyper-V 執行個體的應用程式伺服器

執行編目元件、搜尋管理元件、分析處理元件及內容處理元件。

4 核心

12 GB

具有兩個 Hyper-V 執行個體的資料庫伺服器

執行所有的 SharePoint 資料庫,包括搜尋資料庫。

4 核心

8 GB

Mavention 目前的伺服器陣列架構還能處理必須為多少內容編製索引,以及將所有傳入的查詢要求維持在低查詢回應時間內。當 Mavention 因為訪客大量增加,而導致每秒的頁面檢視和查詢數增加時,只要擴充伺服器陣列的搜尋拓撲,就可以輕鬆應付這個狀況。在擴充搜尋拓撲時,Mavention 必須在伺服器陣列架構中加入另一個具有 Web 前端、查詢處理元件及索引元件的虛擬網頁伺服器。

Mavention 沒有負責製作及維護網站內容的部門。因此他們的目標之一,就是即使是不常使用其系統的員工,也都能夠有輕鬆而直觀的製作經驗。

下圖是 Mavention 製作網站集合的設定方式。

Mavention 的 SharePoint 2013 製作網站集合

連結至較大圖像

Mavention 想要專門為建立文章而量身訂作豐富的製作功能。因此,他們決定使用頁面庫來建立及儲存內容。藉由在頁面庫中製作內容,他們可以使用預設的 RTF 編輯器。另一個決定使用頁面庫的重要原因,就是可以將頁面庫延伸,以實作預覽模式。

Mavention 分別對來源網站上的荷蘭文內容及目標網站上的英文內容使用不同頁面庫。現在 Mavention 已經開始使用跨網站發佈,未來就可以新增許多新內容至頁面庫,而不會破壞網站的導覽結構。

由於跨網站發佈取決於內容的標記方式,所以製作網站的結構並不會影響內容在發佈網站上的呈現方式。Mavention 在製作網站的網站集合層級上建立了自訂網站欄和內容類型,所以可以用在來源網站和目標網站上。除此之外,Mavention 還為每一種自訂內容類型建立了頁面版面配置。目錄標記字詞組則是在網站集合層級建立並翻譯成英文。

藉由使用跨網站發佈及分隔製作環境與發佈環境,您在發佈網站上顯示內容的方式可有很大的彈性。但是當作者新增內容至製作網站時,就看不到訪客從發佈網站檢視內容時所見到的外觀。為了彌補這個缺口,Mavention 決定使用可產生預覽模式的新裝置通道功能。

關於裝置通道
在 SharePoint Server 2010 中,Mavention 有個別的製作和發佈架構。但他們必須撰寫自訂程式碼來實作不同的主版頁面。根據 SharePoint Server 2013 的預設設定,現在已可以實作不同的主版頁面。裝置通道功能的目的,在將內容對應到不同的主版頁面、頁面版面配置和樣式表,藉此針對不同的行動裝置來最佳化內容。裝置通道也可以用來將相同的頁面轉譯成不同的預覽。Mavention 建立了一個名為「發佈」的新裝置通道,並將發佈網站上使用的主版頁面與其相關聯。此外,他們也使用行動面版,所以只有要顯示在發佈網站上的內容,才會顯示在預覽模式中。

下列螢幕擷取畫面顯示相同部落格文章的數種檢視,這些全都是擷取自 Mavention 網站。

以編輯模式顯示製作網站上的部落格文章。

製作網站上處於編輯模式的部落格文章。

連結至較大圖像

以預覽模式顯示製作網站上的部落格文章。請注意,並排顯示中不會出現任何內容,因為這純是為了讓作者預覽該頁面與其他頁面元素組合在一起的樣子。

製作網站上處於預覽模式的同一篇部落格文章。

連結至較大圖像

顯示在發佈網站上的部落格文章。

發佈網站上的同一篇部落格文章。

較大圖像的連結

Mavention 有兩個目錄,分別是用於荷蘭文內容的頁面庫,以及用於英文內容的頁面庫。

Mavention 為其網站建立了 5 個類別頁面版面配置和 3 個目錄項目頁面版面配置,並據此建立了 10 個類別頁面和 5 個目錄項目頁面。因為 Mavention 需要一個區域讓他們能夠插入編輯內容,所以建立了許多頁面。雖然這些頁面上的大部分內容都是由內容搜尋網頁組件動態建立,但仍有彈性可以插入其他靜態內容。

SharePoint Server 2013 提供新的受管理中繼資料功能,讓您可與其他網站集合共用本機字詞組。

Mavention 使用描述其網站上不同資訊類型的字詞 (例如新聞、產品或部落格),在其製作網站上建立了一個字詞組。

Mavention 使用受管理中繼資料功能,與發佈網站集合 www.mavention.nl 和 www.mavention.com 共用其在製作網站上建立的字詞組。

製作網站中的所有目錄項目都會以字詞組中的字詞標記。此字詞組已翻譯成英文。因此可以使用單一字詞組標記所有目錄內容。Mavention 的網站會主導覽對應到其網站上的不同資訊類型。如此一來,他們就可以將製作網站中的標記字詞組,整合到發佈網站上驅動導覽的字詞組。

內容搜尋網頁組件的預設轉譯會在用戶端上進行,藉此減少伺服器的負載,並建立更動態的經驗。在建立公開網站時,除須控制網站內容索引的編製方式之外,也須確定網站具備方便視障訪客使用的閱讀及導覽工具。Mavention 決定採用伺服器端轉譯,以便能夠將此納入考量。伺服器端轉譯可讓 Mavention 完全控制轉譯的 HTML,以及控制轉譯內容的方式。

Mavention 利用翻譯套件翻譯網站內容。他們將內容從來源網站 (nl-nl) 匯出,並將此檔案傳送給翻譯代理商。待翻譯代理商將內容翻譯成英文之後,Mavention 再將檔案匯入回 SharePoint,然後將這些內容套用到目標網站 (en-us)。

為確保雙語網站的內容一致,Mavention 每次在荷蘭文版網站上更新或發佈新內容時,都會建立翻譯套件。

Mavention 為其網站建立了「標題」和「螢幕擷取畫面」兩個圖像轉譯。每當建立圖像轉譯時,就會產生轉譯識別碼。當您插入圖像,並選擇圖像轉譯,SharePoint Server 2013 就會自動使用轉譯識別碼來參照正確的圖像轉譯。這在使用單一網站集合裝載所有內容的環境會運作得很好。但由於 Mavention 使用跨網站發佈,資產所在的網站集合未必與內容相同,因此無法使用轉譯識別碼來參照圖像。另一種參照圖像轉譯的方法,就是使用圖像的寬或高。Mavention 的網站就是採取這種作法。

雖然裝置通道功能的目的在為不同的行動裝置最佳化內容,但也可用於產生不同的頁面預覽。Mavention 在其製作網站上建立裝置通道,藉以建立內容在發佈網站上的外觀預覽。

藉由使用建議項目網頁組件,Mavention 網站上的每篇文章下方都會顯示兩篇建議文章。文章建議由分析處理元件計算得來;分析處理元件不僅會分析內容,還會分析使用者與其互動的方式。分析處理元件和建議功能都是 SharePoint Server 2013 的預設項目。

預設的建議項目網頁組件並未對應到頁面庫中的屬性。因此,Mavention 必須執行一些搜尋結構描述管理,才能顯示建議。藉由將 [目錄項目 URL 欄位] 所用的編目屬性對應到受管理屬性 UsageAnalyticsID,Mavention 就能夠不額外進行其他設定,而新增建議項目網頁組件到頁面及擷取建議。

下列螢幕擷取畫面顯示兩篇建議文章如何顯示在郵件文章下面。

本文所示的兩個建議。

連結至較大圖像

www.mavention.nl 或 www.mavention.com 的訪客都是匿名的。為能對網站套用使用者區隔功能,Mavention 必須執行下列作業:

  • 建立可以產生使用者屬性的控制項。

  • 定義可用做使用者屬性輸入的字詞組。

  • 延伸內容搜尋網頁組件,以使用使用者屬性。

  • 定義查詢規則,以觸發使用者特定內容的顯示。


用於產生使用者屬性的控制項
Mavention 建立了下列控制項,並將其用在主版頁面和頁面版面配置上,以產生訪客設定檔的相關使用者屬性:

  • 計數的使用者屬性 當特定動作的執行次數達到給定值時,便會設定此屬性。例如,若使用者閱讀了三篇部落格文章,就會設定此使用者屬性。

  • 相符的使用者屬性 當符合特定條件時,便會設定此屬性。Mavention 會針對擷取自 UrlReferer (完整 URL) 的輸入資料、參照網站的主機名稱,以及 UserAgent 字串,和規則運算式或「使用者區段字詞」(請參閱下節中「用於使用者屬性輸入的字詞組」) 字詞組中的字詞進行比較。

  • 搜尋查詢使用者屬性 使用者若是從搜尋結果頁面 (例如 www.bing.com 或 www.google.com) 連結到網站,便會設定此屬性。此時,Mavention 會擷取使用者在搜尋引擎中輸入的查詢 (來自查閱者 URL 的 q 查詢字串參數),然後嘗試將該查詢與字詞 (父項及所有子項) 進行比對。如有相符項目,便會將相符字詞新增至使用者屬性。

下圖顯示 MaventionUserProperties 在延伸之內容搜尋網頁組件 (CSWP) 上的傳遞狀況。

已將 MaventionUserProperties 傳送到自訂的 CSWP。

連結至較大圖像

用於使用者屬性輸入的字詞組
訪客前來 www.mavention.nl 或 www.mavention.com 之前所在的網站可能會提供使用者設定檔的指示。Mavention 想要以此做為使用者屬性的輸入,因此建立了一個字詞組, 並就訪客的來源網站,新增了「商業」和「技術」兩種類型的字詞。之後 Mavention 再將更多相關網站位址所組成的字詞,分別新增到這兩個字詞。例如訪客若是從 www.pinpoint.microsoft.com 前來 Mavention 網站,就會由「相符的使用者屬性」傳遞「商業」一詞的 GUID,並以其為輸入來產生 MaventionUserProperties

下列螢幕擷取畫面顯示 Mavention 用以定義這兩種網站類型之網站的字詞組。

Mavention 在實作使用者區隔時所使用的字詞組

連結至較大圖像


延伸的內容搜尋網頁組件
Mavention 利用新增使用者區隔功能來延伸預設內容搜尋網頁組件,如下所示:

  • 在 [使用者追蹤模式] 區段中,Mavention 使用 [工作階段] 設定網頁組件,以追蹤訪客。

  • 在 [使用者屬性變數名稱] 區段中,Mavention 以包含訪客使用者屬性的工作階段變數名稱設定網頁組件。此變數名稱為 MaventionUserProperties

    Mavention 用於實作使用者區隔的自訂 CSWP。

    自訂的 CWSP 可用來實作使用者區隔

    連結至較大圖像


用於觸發使用者特定內容顯示的查詢規則
Mavention 定義了三個目標群組,並為其定義了三項查詢規則。內容的顯示會依據訪客被分類的目標群組而不同。下列螢幕擷取畫面顯示內容在首頁上依據目標群組的顯示狀況。

對預設使用者顯示 Mavention 首頁。

對預設使用者顯示 Mavention 的首頁

連結至較大圖像

對客戶目標群組的使用者顯示 Mavention 首頁。

對客戶目標群組的使用者顯示 Mavention 首頁。

連結至較大圖像

對潛在員工目標群組的使用者顯示 Mavention 首頁。

對潛在員工目標群組的使用者顯示 Mavention 的首頁。

連結至較大圖像

當您使用跨網站發佈時,內容會經由 SharePoint 搜尋索引提供給發佈網站。每當製作網站上有新的項目時,必須先經過編目並新增至搜尋索引之後,才能顯示在發佈網站上。為能提供最新的內容,Mavention 決定使用連續編目排程。此種編目排程會將上次編目以來所建立的任何新內容,自動新增至搜尋索引。這表示搜尋管理員無須手動啟動編目。新的連續編目預設會每 15 分鐘啟動一次。Mavention 在其網站的每個連續編目之間,加入了一分鐘的間隔。

過去當 Mavention 在其網站上使用 SharePoint Server 2010 時,必須為搜尋引擎最佳化 (SEO) 功能 (例如 XML 網站地圖、robots.txt、META 描述,以及瀏覽器標題列中各標題的顯示) 建立自訂解決方案。現在這些功能全都是 SharePoint Server 2013 的預設功能。

除了頁面標題和標頭之外,URL 也是影響頁面在搜尋結果中之排名的關鍵因素之一。為了要全面最佳化網站的 SEO,Mavention 翻譯了發佈內容所在的 URL。因為使用了跨網站發佈、受管理導覽和翻譯套件,所以也在 SharePoint Server 2013 的預設功能加入了翻譯組件。

Mavention 的挑戰在於如何讓訪客在切換荷蘭文或英文內容的同時,仍能繼續留在相同頁面上。

Mavention 建立了 HTTP 處理常式來執行目錄項目頁面的搜尋查詢,以及在目標網站集合的受管理導覽中,查閱類別頁面的正確字詞。此法可找到目標頁面的確切位置,並可保有網站內容管理和 SEO 的最大彈性。

Mavention 使用搜尋 REST API 依據頁面屬性來顯示其他資訊。由於 Mavention 的內容搜尋網頁組件採用伺服器端轉譯,因此要在頁面轉譯後,才會知道頁面屬性。藉由將頁面屬性傳遞至 AJAX 要求來搜尋 REST API,Mavention 可以顯示其他資訊。

下列螢幕擷取畫面顯示如何將 Mavention 員工的兩篇最新部落格文章顯示在頁面底端。這兩篇部落格文章由搜尋 REST API 所顯示。

這兩篇部落格文章是使用搜尋 REST API 來顯示。

連結至較大圖像

https://technet.microsoft.com/zh-tw/library/jj635883.aspx
顯示: