整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
1 什么是Mate description
Mate description 是一個HTML tag，用于概括一個頁面的內(nèi)容。它會顯示在你的谷歌搜索鏈接下面，是對標題的延展，對內(nèi)容的簡述，一個非常有價值的展示位置。
02 為什么要寫Meta Description
因此也是SEO不能忽略的方面。
Meta Description概括描述了頁面的內(nèi)容，讓用戶知道他能從中獲得怎樣的信息，是否跟自己的搜索匹配。雖然谷歌并不是每次都會顯示你寫的Meta Description,而是根據(jù)用戶的搜索，將頁面相關(guān)的信息顯示出來。但一個好的描述能鼓勵促進用戶點擊鏈接，一定程度上影響點擊率。
盡管谷歌明確表示過，Meta Description不作為排名的參考因素，但它在搜索結(jié)果頁面顯示為鏈接的一部分，并且會對進入網(wǎng)站的流量的質(zhì)量和數(shù)量產(chǎn)生長遠的促進作用。
03 Meta Description怎樣才算好？
（1）不要超過155個字節(jié)
谷歌對Meta Description顯示的字數(shù)在PC端大約是155-161個字符，在移動端大約是120個字符左右，所以最好保持Meta Description的字數(shù)在120-155左右。當然這也只是基于經(jīng)驗給出的參考。要知道對于Meta Description而言最重要的是進行準確描述，符合字數(shù)限制算是錦上添花的。
（2）圍繞Title以及頁面關(guān)鍵詞描述
Meta Description某種程度上就是對標題的補充說，即是對頁面關(guān)鍵詞的擴充解釋與描述。所以在Meta Description中插入關(guān)鍵詞，并且每頁都使用不同的Meta Description，會增加谷歌對于頁面與用戶搜索詞匹配度，從而提高頁面在搜索結(jié)果頁的展示，相匹配的關(guān)鍵詞會高亮或者加粗顯示，來告訴用戶“這個頁面有相關(guān)的內(nèi)容和信息”。
（3）明確用戶搜索意圖
Meta Description對于搜索流量的準確性有著重要作用。明確用戶在搜索關(guān)鍵詞的時候是出于什么目的，是想了解關(guān)鍵詞相關(guān)的信息，想找一個相關(guān)的網(wǎng)站、想找某個問題的答案還是想買東西。
可是用戶有那么多要怎么明確他們的搜索意圖呢？非常簡單的方式就是在谷歌上搜索關(guān)鍵詞，看看搜索結(jié)果頁出現(xiàn)的網(wǎng)頁都是什么類型。
（4）設(shè)置call-to-action
通過一些積極的語氣用詞、圖形指示等心理暗示策略，展示網(wǎng)頁中有趣的內(nèi)容鼓勵潛在用戶采取行動，增加用戶點擊的概率。
面由sublime使用教程欄目給大家介紹在Sublime Text中添加代碼片段的方法，希望對需要的朋友有所幫助！
我們在編寫代碼的時候，總會遇到一些需要反復(fù)使用的代碼片段。這時候就需要反復(fù)的復(fù)制和黏貼，大大影響效率。我們利用Sublime Text的snippet（代碼片段）功能，就能很好的解決這一問題。
通俗的講，就是把我們常用的代碼分別保存起啦，然后通過插件的形式來反復(fù)調(diào)用。
創(chuàng)建方法：Tools （工具）> New Snippet（新片段）
此時，會出現(xiàn)如下代碼：
<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
<!-- <description>description</description> -->
</snippet>
其中，content中由CDATA包裹起來的部分是我們要插入的代碼片段，可選。
tabTrigger是我們tab鍵觸發(fā)的自動補全代碼功能的一個名字，可選。
scope，可選，使用范圍，不填寫代表對所有文件有效。附：source.css和test.html分別對應(yīng)不同文件。
description，可選，在snippet菜單中的顯示說明（支持中文）。如果不定義，菜單則顯示當前文件的文件名。
${1:this}表示代碼插入后，光標所停留的位置，可同時插入多個。其中:this為自定義參數(shù)（可選）。
表示代碼插入后，按Tab鍵，光標會根據(jù)順序跳轉(zhuǎn)到相應(yīng)位置（以此類推）。
現(xiàn)在，你應(yīng)該有了個大致的了解。那我們就開始自己動手編寫一個實例。我們都知道，再Sublime中，輸入！或者html:5再按tab鍵，可以自動補全HTML結(jié)構(gòu)，但是這個結(jié)果相對很簡單，我自己擴展了它的結(jié)果內(nèi)容，新增了幾個mate標簽，增加了頁面描述。
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="Generator" content="Sublime Text3">
<meta name="Author" content="dunizb">
<meta name="website" content="http://www.mybry.com">
<meta name="Description" content="讀你，這世間唯有夢想和好姑娘不可辜負~~">
<link type="image/x-icon" rel="shortcut icon" href="image/favicon.ico" />
<script type="text/javascript">
${1:}
</script>
<body>
${2:這是html內(nèi)容}
</body>
</html>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>hjs</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
<description>custom-html</description>
</snippet>
然后保存代碼片段，保存到Sublime Text3DataPackagesUser下面，取個名字
就這樣，在HTML頁面中輸入hjs+tab，就可以自動補全這一系列代碼了。
以上就是如何在Sublime Text中添加代碼片段的詳細內(nèi)容，更多請關(guān)注其它相關(guān)文章！
更多技巧請《轉(zhuǎn)發(fā) + 關(guān)注》哦！
代碼分為三部分編寫
<html>是網(wǎng)頁文件的最外層標記 <head> 之間的文本是頭信息，不會顯示在瀏覽器中，包括基本的描述，整個網(wǎng)頁的公共屬性 </head> <body> 是網(wǎng)頁的主體部分，正文：文字、圖片、鏈接、表單等 </body> </html>
<head>頭部標記</head> <title></title>只能有一個 <base/>只能有一個 <link>可以有多個 <meat>可以有多個 <meat name="" content=""> <meat http-equiv="" content="">
title
定義網(wǎng)頁標題，顯示在瀏覽器的標題欄中 有利于搜素引擎（也是在搜索引擎中顯示的標題）
base
基底網(wǎng)址標記
用于設(shè)定瀏覽器中文件的絕對路徑
網(wǎng)頁中的文件只需要寫下文件的相對路徑即可，這個路徑就是base指定下的路徑
link
設(shè)置外部文件的鏈接標記
用于確定本頁面和其他文檔之間的關(guān)系
meta
兩種用法
<meta name="" contnet="">
<meta http-equiv="" content="">
name用于在網(wǎng)頁中加入關(guān)于網(wǎng)頁的描述信息
網(wǎng)頁的關(guān)鍵字，網(wǎng)頁描述信息
http-equiv：屬性用于在HTME文檔中模擬HTTP協(xié)議的
響應(yīng)消息頭，例如，告訴瀏覽器，是否緩存頁面，
使用什么樣的字符集顯示網(wǎng)頁內(nèi)容
meta的name標簽屬性：不是自己定義的值
Keywords:網(wǎng)頁的關(guān)鍵字
Description：網(wǎng)頁的描述 Robots：index noindex follow nofollow all none Author
copyright:版本
mate標簽的http-equiv屬性設(shè)置
Content-Type :網(wǎng)頁文檔類型 ，刷新頁面
<meta http-equiv="refresh" content="3; url=http://wwww.baidu.com/"> <meta http-equiv="Windows-Target" content="_top" 此條語句的作用：禁止別人把你的網(wǎng)頁放在小窗體里，一旦鏈接到你的網(wǎng)頁，會全屏顯示
Page=Enter和Page=Exit
<meta http-equiv="Page-Enter" content="revealTrans(Transition=5,Ouration=1.000)"> <meta http-equiv="Page-Exit" content="revealTrans(Transition=8,Ouration=1.000)"> 為頁面進入和退出特效，一共有23種
主體標記<body>
在它中放置網(wǎng)頁中所有內(nèi)容
<body bgcolor="#ff00ff" text="#00ff00" link="red" alink=""(鼠標單擊顏色) topmargin=""（頂部距離） vlink=""(鼠標放在上時的顏色) leftmargin=""（默認左距離） background=""(放置背景圖片)>
只要是可以用樣式控制的，就不用HTML本身的屬性，可以用CSS控制
Id name class style 通用屬性，所有的元素都可以使用
文檔類型定義
<!DDCTYPE HTML PUBLIC"-//w3c//DTD XHML 1.0 Transition//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transition1.dtd"(dtd的地址，按照dtd地址的格式顯示本頁面)>
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
