认识SEO的Title Tag（标题标记）
Title Tag （标题标记）是HTML里的元素，用来定义网页的标题，同时，Title也会被Google设定为搜寻结果上显示的网页标题，因此在SEO上也是非常重要的优化项目之一。
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/2a4QrI3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
如果你第一次接触Title Tag，他是一个放在HTML <head> 里面的标记，以巴哈姆特首页来说，title tag如下：
程式码范例
<HEAD>
<TITLE>尼尼网上赚钱博客 </TITLE>
</HEAD>
当你正确设定Title Tag之后，在浏览器的页面上，可以找到网站的Title：
同时，你对于Title的设定也会在搜寻结果页上看到：
Title Tag（标题标记）为什么重要？
Title
Tag（标题标记）在SEO中扮演着非常重要的角色，他影响了很多的层面：
- 排名
首先，Title Tag（标题标记）在SEO世界中是重要的排名因素之一，世界知名的SEO工具Moz每几年便会对业界的SEO专家们进行调查，在2015年以及2017年的调查报告中我们可以看到，国外业界的150名SEO顶尖专家，都还是将Title标记列为重要的排名因素，如果你的标题有提到关键字，则对该关键字的搜寻排名有帮助。简单来说，Google会根据你的网页Title来判断该页面与哪些关键字有高度相关，并且会影响在该关键字的排名。
- 影响消费者的点击率
在访客进行搜寻行为时，title很容易成为访客最先看到的区块，你必须清楚地规划，你希望在搜寻结果页呈现什么讯息给访客，该如何写好标题，访客才愿意点击你的网页。
从下图我们可以看到，当访客搜寻”samsung s6″的时候，各大网站其实已经开始互相竞争了，假设我都不认识这些网站，title很可能就是我首要看到的区块，也将影响我决定造访哪个网站
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/RqchGv3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
- 影响品牌形象
如果你的网站已经有很不错的排名且在搜寻结果中可以看到你的网页，你的标题怎么写，会影响搜寻者对你品牌形象的认知。
举例来说，我的首页标题会特别提到我的部落格主要是谈论白帽的SEO知识，我希望看到我网站Title的读者会了解我的品牌核心，就是以网站分析跟白帽的SEO为主轴。
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/k0dJ083449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
台湾知名电商疯狂卖客的Title，特别提到他们的品牌特色以及行销活动＂免费送到家、赚疯币＂。
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/ksvaoY3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
以金石堂来说，则是较为单纯的列出自己网站主要销售的品项。
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/29zhNr3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
规划Title Tag（标题标记）的大原则
其实规划Title一点都不困难，跟你写关键字广告文案的逻辑不会差太多，你只要在规划title
tag时，确认好以下几点：
- 你希望访客在搜寻结果页中看到什么讯息? 在Title中提供完整的商品讯息、网页资讯，帮助搜寻者可以在搜寻结果中快速了解你的网页，帮助他判断是否要点击你的网页。
- 跟设计广告文案的道理一样，尽可能写出能够吸引别人点击、资讯又清楚明了的标题。
- 你想操作的关键字是什么？把希望操作的关键字应用在Title里面。
- 每一个网页都应该有独立、独特的Title，避免网站上有很多页面用一样的。
- Title里面含有品牌名，
万一访客没点击，你的品牌至少可以曝光在搜寻结果上。
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/efs3mJ3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
设计Title的注意事项
- Title 不宜过长
过长的title会让你没办法掌控传达给访客的讯息，以中文字来说，Title最好在25-30字左右，超过这个字数你的title在搜寻结果页会出现显示不完整的状况，这样的情况你没办法完整传达你的讯息给进行搜寻的访客，你也没办法掌控你的title会如何显示。如果长度超过一点点也许还好，只是影响Google会截断你的Title，如果长度真的超出太多，就会影响你的关键字排名（例如说若Title写超过50字，离标准的长度差太多，就会对排名有影响了）。
范例A：搜寻”手机APP介绍旅游推荐” ，因网页title过长，google只会显示符合搜寻关键字的部分
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/VMl8Ew3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
范例B：搜寻”智慧观光APP阿mon世界趴趴走”，与范例A同网页却因搜寻关键字改变，显示的title不同
![[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）](https://www.weimahe.com/wp-content/uploads/2020/09/dFhGce3449.jpg "[网站优化]认识SEO的Title Tag（标题标记）（以GOOGLE为例）")
- 不要为了SEO，不合理的塞一大堆关键字想取得排名
当然，因为Title Tag（标题标记）是排名因素之一，你的Title提到的关键字，会让你对于该关键字比较容易有排名，但我们在设计Title时，尽可能还是以＂搜寻者为导向＂撰写对搜寻者有帮助的内容就好，不要为了SEO而在Title里面刻意塞一大堆关键字，举例来说，以下就是错误的Title示范：
鞋子推荐、低价鞋子、优质鞋子| Harris先生
天然洗发精、高CP值洗发精、浓缩洗发精| Harris先生
你会发现，Google根本没有按照我设定的Title显示到搜寻结果上，因此如果你的Title 标题长度太长、太短、语意不顺、或是你刻意堆叠某个关键字，都有可能Google会去更改你的标题。（Google改我们的标题有很多种原因跟情况，这篇文章中提到的是常见的情况）
- 适当传达品牌形象
我们上面有提到，搜寻结果页上的网页Title是一个传达品牌理念跟品牌形象给搜寻者的媒介，不过通常宣导品牌形象跟理念时，比较适合在首页，因为你的商品页或文章页可能会有很多资讯要放，像是商品页的Title你会想放上商品名称、商品规格来帮助搜寻者理解你的商品，文章页则是会放上完整的文章名称。
举例来说，以下为台湾知名美妆品牌小三美日的Title，小三美日希望在所有网页的Title后段都放上＂小三美日| 平价美妆＂来帮助搜寻者知道小三美日价的品牌理念为＂平价美妆＂。
如果你希望像上述范例一样，每一个页面的后段都加上一些品牌的理念跟主要诉求，我会建议你在设计时要考量一下，如果你想要在Title上放上完整的商品名称跟规格，又想要放上更多品牌的主要诉求的话，整个是否Title会太长，若在少数的页面上长度会超过一点点并且你也可以接受Title被截断一小部分，那倒是没有什么问题，如果长度会超过太多，我个人则是建议还是把长度控制到规范的25-30字左右（上述范例为＂平价美妆＂四个字，倒是在很多页面上不会太长，如果你想传达的诉求很多字的话，真的就要考虑一下）。
首页比较没有类似的问题，因为首页在搜寻上通常都是消费者搜寻＂品牌名＂的时候会找到你，这时候只要首页有品牌名加上品牌的理念，就可以帮助搜寻你的品牌的人，理解你的品牌主要核心价值。
不同页面类型的Title范例参考
其实不同类型跟不同产业的网页Title，在设计上有一些常见的范例会是通则可以参考，比方说：
- 首页
首页通常在Title设计上，只要带到品牌名以及品牌的核心理念/诉求即可，以【品牌名】 + 【品牌核心理念】为主轴，例：
Harris先生 – Google Analytics网站分析、白帽SEO传教士
疯狂卖客Crazymike线上购物 – 免运送到家|购物赚疯币、消费全额抵！
虾皮购物 | 花得更少买得更好
- 商品页
为了让搜寻者在搜寻结果上可以得知完整的商品资讯，商品页面的Title通常会放上完整的商品资讯，来帮助搜寻者判断你的页面是不是他要的商品，同时，也不要忘记放上品牌名在尾段来得到品牌的曝光，以【商品名称/规格描述】 + 【品牌名】为主轴，例：
ASUS ZenFone 5 ZE620KL (4G/64G) – PChome 24h购物
Asus Padfone – Yahoo奇摩购物中心
强韧护色洗发精-发丝强健不断裂，有效护色、焕发亮泽 – 绿藤生机
当然，如同我们刚刚提到的，如果你的Title不会太长，你也可以在Title尾段的【品牌名】放上一些品牌的主要诉求/核心价值，像是：
(限时)【KLORANE奎宁】养发洗发精400ml | 疯狂卖客天天特卖会(＂天天特卖会＂为主要形象/诉求)
ENIE雅如诗~宇宙染补色洗发精(300ml)野艳红／亚麻绿 – 小三美日|平价美妆 (＂平价美妆＂为主要诉求)
- 文章页面
文章页面的Title设计是最为单纯的，通常直接以【文章名称】 + 【品牌名】为主轴，例：
用Google Analytics的《内容分组》，轻松做好网站分类 | Harris先生
10/5星座点点名：魔羯座跟老板聊天好事会发生！每日星座进化2.0 – 妞新闻
欧洲真的需要财政和政治联盟吗？– The News Lens关键评论网
- 服务型网页（通常为B2B产业）
有些企业的网站主要是为了推广自己家的服务性产品，比方说像是顾问、会计、B2B的采购/代工，这种状况下Title并没有一个通则，你必须要根据你的服务特性、特质，在Title里面带到你想操作的关键字，并且加以描述你的服务特色，来帮助搜寻者了解你的服务，毕竟有部分搜寻者可能就是你的潜在客户，帮助潜在客户了解你，肯定对商业是有正向帮助的，例：
SEO顾问服务，业界最有诚信，15年SEO顾问经验– xxx顾问公司
（希望操作的关键字为＂SEO＂）
团体衣服订制，高品质布料、安全SGS认证– xxx 团体服饰
（希望操作的关键字为＂团体衣服＂）
医疗器材订制– 卫生署认证，帮助你照顾你的病患– xxx 医疗器材
（希望操作的关键字为＂医疗器材订制＂）
