瞭解如何針對搜尋引擎將網站最佳化 (SEO),以改善網頁排名並使網站更容易被找到。

註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務頁面

搜尋引擎最佳化 (簡稱為 SEO) 之目的,即在於讓網站在搜尋引擎所列出的搜尋結果中有較高的排名,進而提升網站可見度。排名最高的網站會出現在表列頂端,鼓勵線上搜尋的訪客找出有關網站。優良的搜尋引擎最佳化準則有助於改善網站排名,進而提升網站流量。

本文將帶您探索一些最佳準則和可應用的秘訣,供您改善以 Adobe Muse 建立的網站在搜尋引擎的排名。Adobe Muse 工作區中有許多實用功能可以用於網站最佳化,提升可尋性並吸引流量進入您的網頁。

為列出網際網路上的網站,搜尋引擎會跟隨各網頁與網站資源之間的連結,此動作稱為「爬」網頁。搜尋引擎會在執行「索引」的動作時,評估頁面與資源的內容。索引之重要性,即在於它是持續進行的搜尋動作,經由此舉而使搜尋引擎知道網路上有什麼內容。當網站無法使用時,搜尋引擎即將該網站從搜尋結果中移除。搜尋引擎使用索引的結果來決定網站內容與排名。

索引讓搜尋引擎能夠根據符合特定查詢關鍵字或語句的搜尋結果,正確建議網站連結。例如,若您在搜尋引擎欄輸入「Adobe」再按「搜尋」,則會在搜尋結果看到網頁清單。搜尋結果的內容會連結至由搜尋引擎判斷含有 Adobe 軟體與產品相關內容的網站。

搜尋引擎在判斷清單前後排列順序時,會使用許多參數。排名越高越好,因為這代表搜尋此關鍵字或語句的人越有可能造訪您的網站。只要遵守以下建議,您也能協助搜尋引擎製作索引,使線上進行搜尋的新訪客找得到您建立的網站。

了解搜尋引擎如何索引網站

網頁裡可嵌入中繼資料,如作者、關鍵字、描述和語言。關鍵字與描述對於識別網站的目的,以及說明所提供的內容,有莫大幫助。這些「meta」標記均內嵌於 HTML 原始碼;瀏覽器視窗顯示頁面時,並不會顯示這些項目。

過去的搜尋引擎會在製作索引時評估中繼資料關鍵字與描述。而有時網站設計師就會加入數以百計的關鍵字,希望能改善網站在搜尋結果的可見度。有些現代的搜尋演算法,如 Google 的搜尋引擎,已不再將關鍵字列入排名考量,不過這些仍然有更新價值。關鍵字可能可改善其他搜尋引擎的排名,以及許多大型網站所採用的 Google Search Appliance 排名。中繼資料描述通常會在頁面顯示於搜尋結果清單中時,列為該項目的描述,或是作為 Facebook、Google+ 及其他社交網路網站的預設描述。一個引人注目的描述也可能有助於刺激網站流量。

搜尋引擎常會進行全文索引,這代表他們會判讀頁面所有內容。置於標題標記 (h1、h2、h3 等) 的文字均視為特別重要,因為標題通常可視為所示資訊的摘要。利用段落樣式,您可以定義段落標記容器,讓頁面使用 h1 標題作為文字內容的頂層標題,用 h2 標題作為子標題,並用 h3 作為子子標題。文字的格式讓搜尋引擎知道各層級標題文字的種要性。定義樣式使用段落標記並套用於標題文字,即可建立格式正確的 HTML 程式碼,如此是搜尋引擎最容易判讀的內容。

製作頁面內容索引時,也會分析其中影像與其他連結的資源。若資源含有標題或替代文字,則會判讀此文字資訊。超連結附的工具文字也會納入評估。搜尋引擎製作網站索引時,會將其找到的所有文字內容納入判斷,以提供每一頁內容的判斷根據。除此外,在影像加入標題及替代文字,以及在超連結加上工具提示,均有助於確保您建立的網頁能接觸更廣泛大眾,包括使用協助裝置瀏覽網路的訪客。

請記得定期檢查網站,移除或修復損毀的連結。搜尋引擎偵測到損毀連結時,會認為網站已無繼續更新。另外也要解決遺失的影像檔案或連結資源。老舊而無繼續維持的網站可能會在搜尋結果中降低排名。

在頁面屬性加入中繼資料關鍵字及描述

在 Adobe Muse 新建立網站時,會要求您設定網站屬性。這些即是會影響網站所有頁面的屬性,例如版面設定值與超連結的外觀等等。不過,每個頁面仍然擁有個別的屬性可以設定,加入特定屬性。例如,您可以設定「選單選項」來控制頁面是否顯示於選單,並更新會加入原始碼但是不會顯示在瀏覽器的中繼資料。

請依下列步驟更新特定頁面的頁面屬性:

  1. 在「規劃」檢視畫面按兩下頁面縮圖,將其在「設計」視圖中開啟。頁面會另外開啟於新索引標籤,可以開始編輯。

  2. 選擇「頁面 > 頁面屬性」。

    選擇「頁面」、「頁面屬性」
    用「頁面」選單開啟「頁面屬性」對話方塊。

  3. 在「頁面屬性」對話方塊中,按一下「中繼資料」索引標籤,在提供的欄位輸入中繼資料資訊。

    頁面屬性
    用「頁面屬性」的「中繼資料」區加入中繼資料文字。

  4. 按一下「描述」欄位,輸入最符合網站內容的字詞。例如,若您設計的是關於拯救流浪犬的頁面,則可輸入簡短頁面介紹為:「救一條狗,找一輩子好友。我們是台灣最大的拉布拉多犬救助機構,專門為可愛的狗狗尋找有愛心的領養家庭。」

  5. 按一下「關鍵字」欄位,輸入最符合網站內容的字詞。例如,若您設計的是關於狗的頁面,可輸入符合頁面內容的關鍵字,例如:台灣愛犬機構、拉布拉多、黑色拉布拉多、巧克力色拉布拉多、狗健康、狗美容、領養狗服務。

  6. 若您要更新「頁面名稱」欄位,請記得頁面名稱即是全網站「選單」Widget 中顯示的標籤名稱。

  7. 頁面標題」欄位預設使用與頁面名稱相同的名稱。頁面標題會顯示在瀏覽器視窗、瀏覽器分頁以及書籤清單中 (視檢視網站所用的瀏覽器而定)。若要變更,請取消選取「同頁面名稱」旁的核取方塊,再輸入不同的頁面標題。

  8. 更新中繼資料完畢後,請按一下「確定」以關閉「頁面屬性」對話方塊。

在影像加入標題及替代文字

在頁面置入影像後,可以存取「影像屬性」對話方塊,指定影像的標題及替代文字 (有時稱「alt 文字」)。

以下簡介各項屬性:

標題在許多瀏覽器中,標題通常會以工具提示的形式,在游標指向影像時顯示。

替代文字無法顯示影像檔案時,即會改為顯示此文字。替代文字也用於為使用協助技術存取頁面內容的視障訪客描述影像內容。

最理想狀況即是網站所有資源均設有標題與替代文字,以確保訪客瀏覽網站時擁有最佳體驗。工具提示為圖形提供實用的額外資訊,而替代文字使朗讀程式更容易存取頁面,可語音表示圖形內容。

若要加入標題與替代文字,請依照以下步驟執行:

  1. 選擇已放置的影像。

  2. 以滑鼠右鍵按一下影像,從環境選單中選擇「新增標題」或「新增替代文字」。

    影像屬性
    選擇新增標題或替代文字。

  3. 在「影像屬性」對話方塊的「標題」欄位輸入影像的標題。例如,若影像是 Adobe 圖誌,則可輸入:Adobe Systems, Inc.。

    影像標題屬性
    在「標題」欄位輸入要作為工具提示的文字。

  4. 在「替代文字」欄位輸入圖形內容的描述,例如:Adobe 圖誌。

  5. 按一下「確定」以關閉「影像屬性」對話方塊。

為連結影像及文字設定工具提示

您可以建立工具提示,每次游標暫留於連結時即顯示。這些工具提示可用於影像及擁有超連結的文字。工具提示讓訪客按下連結檢視其內容之前,即可得知更多關於該連結內容的資訊,相當有用。工具提示同時也能為搜尋引擎提供網站所參照的內容描述,非常理想。

要在含有超連結的元素新增工具提示時,請如下操作:

  1. 選取連結文字或影像。

  2. 按一下「超連結」選單左方「控制」面板中的「超連結」文字。隨即會顯示「超連結」選項。

    「超連結」選項
    按一下「控制」面板中的藍色「超連結」文字以存取「超連結選項」。

  3. 在「工具提示」欄位輸入工具提示。例如,若連結的文字設有返回首頁的超連結,可輸入:「返回首頁」。

  4. 在頁面其他任何位置按一下以關閉「超連結選項」。

使用段落樣式套用文字格式並設定段落標記

  1. 使用「文字」工具按住並拖移文字欄位。輸入一些文字內容,例如:「這是文字」。

  2. 設定文字字型、字型大小、顏色及其他格式設定。在文字以「文字」工具選取的狀態下,更新「控制」面板的選項,或使用「文字」面板中的選項。例如您可以設定以下文字格式。

    • 適合網頁的字體:Verdana
    • 字體大小:24
    • 顏色:棕色 (#8C6239 或 R=140 G=98 B=57)
    • 字距調整:6
    • 行距:120%
    文字工具面板
    使用「文字」面板或「控制」面板的選項設定文字格式。

  3. 開啟「段落樣式」面板。在仍然選取已格式化文字的狀態下,按一下「段落樣式」面板底部的「建立新樣式」圖示。

    「段落樣式」選項
    按一下「新增樣式」按鈕以建立新樣式。

    新樣式將含有格式屬性,並命名為預設名稱「段落樣式」。

  4. 連按兩下「段落樣式」名稱以開啟「樣式選項」對話方塊,然後輸入新樣式的「樣式名稱」:「棕色標題大」。使用「段落標記」選單將此樣式關聯的 HTML 標記設為 h1 標題。

    樣式選項
    從「段落標記」選單選擇 h1。

  5. 按一下「確定」設定「段落樣式」選項。現在段落樣式已設定,其後將自動更新網站上您套用此樣式的任何標題之外觀與其 HTML 標記。

    依照最佳準則,應建立 h1 標題樣式並套用於頁面頂端 (通常即是最大) 文字。

    為 h2、h3 等建立其他段落樣式,並將這些樣式依序套用於網站所有頁面上的各級標題。

    文字樣式
    組織良好的網頁會使用逐漸縮小的標題來定義各層文字內容。

    建立所有標題的段落樣式後,只要選取您要設定樣式的文字,再按一下「段落樣式」面板中的樣式名稱,即可套用該樣式的屬性與段落標記。

了解您轉存或上傳網站時產生的 sitemap.xml 檔案

當您轉存網站,或使用「上傳至 FTP 主機」對話方塊將 Adobe Muse 網站上傳至第三方主機時,Adobe Muse 會產生名為 sitemap.xml 的檔案,其中列出此網站的所有頁面及資源。這個檔案可幫助搜尋引擎更輕易地索引您的網站內容。

若您在 Adobe 整合代管伺服器架設網站,則您新增至網站的網域名稱會自動加入內部伺服器索引,不需再採取任何動作。

您可以利用 Adobe Muse 在過程中產生的網站地圖來改善網站在搜尋引擎的排名。若您使用 Adobe Muse 上傳檔案,則 sitemap.xml 檔案會隨其他檔案上傳至主機伺服器。若您轉存網站後使用 FTP 用戶端上傳檔案,則請將轉存檔案夾中的其他資源一併隨此檔案上傳至主機伺服器。

為了讓網站的搜尋引擎最佳化效果更佳,網站地圖列出影像時,會加上 <image:image> 標籤。影像的註解在列出時會加上 <image:caption> 標籤。  網站地圖也會包含經過旋轉的影像,以及具有效果的影像,但 .png 檔案除外。

如果您上傳檔案名稱相同,但 alt 文字不同的影像,則每個影像會個別列出,並加上 <image:caption> 標籤。註解會包含對應的 alt 文字。

依以下步驟操作,在您轉存的 sitemap.xml 檔案中指定網域名稱:

  1. 選擇「檔案 > 轉存為 HTML」。

    選擇「檔案」、「轉存為 HTML」
    將所有網站檔案轉存至電腦上的檔案夾。

  2. 在「網域名稱」欄位輸入網域名稱。

    「轉存為 HTML」對話方塊
    在「網域名稱」欄位輸入網站的網域名稱。

  3. 確認網域名稱拼音正確,並符合此格式:mysite.com

  4. 按一下「確定」將此網域名稱新增至 sitemap.xml 檔案,並完成轉存程序。網站轉存後,即可將儲存網站檔案的檔案夾上傳至您所選的網頁空間服務供應商。

    注意:當您選擇「檔案 > 上傳至 FTP 主機」將網站上傳時,您輸入至「網域名稱」欄位的網域名稱即會加入 sitemap.xml 檔案。

    FTP 主機選項
    在「上傳至 FTP 主機」對話方塊輸入網域名稱。

關於 Google 搜尋引擎如何利用 sitemap.xml 檔案,請參閱 Google 網站管理員工具說明頁

關於在 Adobe Muse 設計網站的詳細資訊,請參閱 Adobe Muse 說明。在您自行設計專案時,也歡迎參考每日最佳網站頁面許多精采的設計。

視訊 | 檢視您網站的分析

視訊 | 檢視您網站的分析
lynda.com - James Fritz

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策