实际操演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 在线教程、网页设计教学站