實際操演SEO-網頁描述（description）

－關於html的三兩事

在「SEO輕鬆玩－入門篇」中，我們由「網頁內容」、「Title設計」、「連結蜘蛛網」、「更新週期」這四個項目，來對SEO有個基本的認識，接下來會繼續以深入淺出的方式帶領讀者認識更多、更廣、更深的SEO。

在「實際操演SEO」一文中，會開始提到一些看似複雜但事實上頗為親切的code（碼），雖然聽起來驚悚駭人，尤其是對沒有工程師腦袋身為平常人的我們，但在了解了概念後還是得實際操作才能達成提高網站排名的最終目標，所以，讓我們一起來面對吧~！！

首先，先帶你認識什麼是html

html可說是網頁面的基本語法，全名為Hyper Text Markup Language，直譯為超文本／件標記／示語言，網路上的翻譯方式有好多種（畢竟是一個叫作Tim Berners-Lee的歪國人發明的，要努力學習code知識的我們姑且都先開啟英文腦袋囉）。看到這類跟code有關的資訊，先別直覺性地＂感覺＂他是一種程式語言，因為html並不是程式，而是標記語言（markup language）也就是一套標記標籤（markup tag），也就是說我們所瀏覽的網頁主要是由文字、圖檔、影像等文件內容外加上許許多多不同的標籤（tag）所組合而成。html的標籤編碼都是成雙成對地出現，以＂<>＂為開始標籤，＂</>＂為結束標籤，這些標籤的作用是讓瀏覽器可以解釋內容在網頁中的意義，並控制網頁文件如何被顯示出來。

一般html的基本架構範例如下：

<html>

<head> 中間夾著＂網頁標題＂、＂網頁關鍵字＂、＂網頁描述＂</head>

<body>網頁內容主體</body>

</html>

網站描述（description）

之前提到的＂title＂可說是文章的題目；而＂description＂則是用來表達文章的大意。

網站描述的編輯和「標題（Title）設計」有著異曲同工之妙。相同的，為了能夠輕易地區分網頁與網頁之間內容是相異的，網站內的每一個網頁都應該要被掛上屬於自己的描述，而這些描述句應該要達到告知和產生興趣這兩大目的，同時也要盡量避免與網頁內容無關或是太籠統、過長不夠精確的敘述句；描述，顧名思義就是要對網頁提一個大綱式的敘述，透過簡單的幾個描述句使搜尋引擎與使用者得知關於某網頁的內容，並能夠輔助搜尋引擎於使用者搜尋關鍵字時及時找到想要的結果。但如果你只是將網頁全文用ctrl+C再ctrl+V地貼在「描述」的標籤上或是單單想著提幾個關鍵字就可以交差，別忘記，搜尋引擎可絕對不吃這套哦。

在html編碼中，description雖然和title一樣，也附在<head>之下，但相較於title的獨立，description是由meta tag所帶出的。meta tag共包含兩個參數，第一個參數name是用來標記meta tag屬於哪一種類別（ie. keywords網頁關鍵字、description網頁描述、copyright網頁版權宣告），第二個參數content是關於第一個參數的具體內容。

讓我們直接以html碼來看編製內容

實際演練區

<head>

<title>能呈現出網站精隨的標題 </title>

</head>

參考資料：Search Engine Optimization Starter Guide、w3school 在线教程、網頁設計教學站