伊生活小舖_伊時尚-Notes: Title 與 Meta 標籤

2018年2月15日星期四

Title 與 Meta 標籤

breadcrumbs 路徑導覽麵包屑網頁設計

麵包屑在整個網站中扮演了重要的導航角色，不僅可以讓使用者清楚知道目前所在位置，更方便使用者回到上級目錄，也減少了使用者點擊次數。使用麵包屑的同時，別忘了用schema.org向搜尋引擎宣告他「麵包屑的身份」。

<divclass="breadcrumb"role="breadcrumb"itemscope=""itemtype="http://schema.org/breadcrumb">

首頁 › 第一級目錄 › 第二級目錄 › 現在頁面

</div>

1. Title 與 Meta 標籤

Meta 標籤是向搜尋引擎介紹網頁資訊的好方法。在搜尋引擎開始檢索網站時，最先遇到的便是<title>及<meta>標籤。適當的說明可以幫助搜尋引擎了解網頁資訊，並在適當的時候將資訊呈現在搜尋結果中。

想了解更多？你可以參考相關資訊：讓 Google 識別的中繼標記

網頁標題

這個標記的內容通常顯示為搜尋結果 (以及使用者瀏覽器) 中的標題，標題可供使用者快速掌握搜尋結果的內容，瞭解搜尋結果與查詢內容的相關性，因此十分重要。一般來說，使用者會依據資訊的主要內容決定要點閱的搜尋結果，所以請盡量在您的網頁上提供簡明且具有描述性的網頁標題。

你可以參考Google的相關資訊：查看您的網頁標題和摘要

meta的存放位置

如：

<head>

<metaname="keywords"content="magento,客製化網頁設計"/>

</head>

關鍵字

關鍵字須用逗號(,)隔開；最好不要有空白，例如：客製化Magento網頁設計，因為有些搜尋引擎會將它們視為三個關鍵字。

<metaname="keywords"content="Magento,客製化網頁設計,網路行銷,搜尋引擎優化,SEO"/>

網站描述

沒有給網站描述時，搜尋引擎通常會自動抓網頁的前25字做為網頁內容摘要，呈現在搜尋結果上。但有時網頁的前25字可能未必能表達文章的宗旨。

<metaname="description"content="Astral Web精通三國語言，英文，希伯來語以及中文，熟悉Magento與WordPress網頁設計，網路行銷，搜尋引擎優化(SEO)，在地SEO以及各種客製化服務。">

網頁隱私

用來告知搜尋引擎該網頁是否可被搜尋，並且有幾個參數可作設定：

noindex：不要檢索。

nofollow：只檢索該頁，不檢索該頁裡的鏈結。

noindex, nofollow：搜尋引擎的小蜘蛛到這裡時，就會停止，不作任何的檢索。

<metaname="robots"content="index,follow"/>

<metaname="robots"content="noindex,follow"/>

<metaname="robots"content="index,nofollow"/>

<metaname="robots"content="noindex,nofollow"/>

作者

<metaname="author"content="Astral web">

網頁編碼

中文網頁較常使用big5，但有時一些特殊字元則會出現?所以建議將網頁編碼設為utf-8。

<metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>

網頁路徑

<metaname="URL"content="http://www.minwt.com">

網頁相容模式

這部分若沒指定，會依照使用者所使用的瀏覽器的版本為主，因此可利用此語法跟瀏覽器說，用那個版本來作瀏覽。

<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"/>

關閉圖片選單

關閉滑鼠移到圖片上方，出現儲存圖片的相關控制選單。

<metahttp-equiv="imagetoolbar"content="no"/>

宣告自然語言(中文，英文…)

圖片與影片的優化：

為了讓搜尋引擎更容易了解圖片和影片的資訊，我們必須針對圖片和影片做一些設定：

圖片優化：

替代文字 ALT
指定寬度及高度
為圖片取個有意義的檔名
在圖片週圍添加相關的文字訊息

影片優化：

製作影片時為影片增加Metadata，為所有的影片建立一個瀏覽清單，該使用者可以輕易找到你的影片。使用sitemap讓搜尋引擎知道影片的存在，並使用schema.org的標記你的影片。
儘量將影片放在網站相同域名底下。如果使用將影片放在Youtube，那就建立一個專業的Youtube頻道，將影片連結自己的網站，讓其他人可以嵌入你的影片，適當的使用關鍵字及影片描述。若是使用iframe嵌入影片，可使用title標籤描述影片。