整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

谷歌seo为什么要写MetaDescription,

谷歌seo为什么要写MetaDescription,怎样才算好?

1 什么是Mate description

Mate description 是一个HTML tag,用于概括一个页面的内容。它会显示在你的谷歌搜索链接下面,是对标题的延展,对内容的简述,一个非常有价值的展示位置。

02 为什么要写Meta Description

因此也是SEO不能忽略的方面。

Meta Description概括描述了页面的内容,让用户知道他能从中获得怎样的信息,是否跟自己的搜索匹配。虽然谷歌并不是每次都会显示你写的Meta Description,而是根据用户的搜索,将页面相关的信息显示出来。但一个好的描述能鼓励促进用户点击链接,一定程度上影响点击率。

尽管谷歌明确表示过,Meta Description不作为排名的参考因素,但它在搜索结果页面显示为链接的一部分,并且会对进入网站的流量的质量和数量产生长远的促进作用。

03 Meta Description怎样才算好?

(1)不要超过155个字节

谷歌对Meta Description显示的字数在PC端大约是155-161个字符,在移动端大约是120个字符左右,所以最好保持Meta Description的字数在120-155左右。当然这也只是基于经验给出的参考。要知道对于Meta Description而言最重要的是进行准确描述,符合字数限制算是锦上添花的。

(2)围绕Title以及页面关键词描述

Meta Description某种程度上就是对标题的补充说,即是对页面关键词的扩充解释与描述。所以在Meta Description中插入关键词,并且每页都使用不同的Meta Description,会增加谷歌对于页面与用户搜索词匹配度,从而提高页面在搜索结果页的展示,相匹配的关键词会高亮或者加粗显示,来告诉用户“这个页面有相关的内容和信息”。

(3)明确用户搜索意图

Meta Description对于搜索流量的准确性有着重要作用。明确用户在搜索关键词的时候是出于什么目的,是想了解关键词相关的信息,想找一个相关的网站、想找某个问题的答案还是想买东西。

可是用户有那么多要怎么明确他们的搜索意图呢?非常简单的方式就是在谷歌上搜索关键词,看看搜索结果页出现的网页都是什么类型。

(4)设置call-to-action

通过一些积极的语气用词、图形指示等心理暗示策略,展示网页中有趣的内容鼓励潜在用户采取行动,增加用户点击的概率。

面由sublime使用教程栏目给大家介绍在Sublime Text中添加代码片段的方法,希望对需要的朋友有所帮助!



我们在编写代码的时候,总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴,大大影响效率。我们利用Sublime Text的snippet(代码片段)功能,就能很好的解决这一问题。

通俗的讲,就是把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用。

创建方法:Tools (工具)> New Snippet(新片段)

此时,会出现如下代码:

<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键触发的自动补全代码功能的一个名字,可选。

scope,可选,使用范围,不填写代表对所有文件有效。附:source.css和test.html分别对应不同文件。

description,可选,在snippet菜单中的显示说明(支持中文)。如果不定义,菜单则显示当前文件的文件名。

${1:this}表示代码插入后,光标所停留的位置,可同时插入多个。其中:this为自定义参数(可选)。

表示代码插入后,按Tab键,光标会根据顺序跳转到相应位置(以此类推)。

现在,你应该有了个大致的了解。那我们就开始自己动手编写一个实例。我们都知道,再Sublime中,输入!或者html:5再按tab键,可以自动补全HTML结构,但是这个结果相对很简单,我自己扩展了它的结果内容,新增了几个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内容}

</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中添加代码片段的详细内容,更多请关注其它相关文章!

更多技巧请《转发 + 关注》哦!

么是HTML?

  • HTML(Hypertext Marked Language)超文本标记语言
  • 文件的后缀名.html .htm
  • Hypertext可以在文件中标识图片、链接、表格、文本等。
  • Marked<或>以及字符串组成
  • 是一种编程语言
  • -浏览器解释的语言

HTML主体标记

代码分为三部分编写

<html>是网页文件的最外层标记
 <head>
之间的文本是头信息,不会显示在浏览器中,包括基本的描述,整个网页的公共属性
 </head> 
 <body>
是网页的主体部分,正文:文字、图片、链接、表单等
 </body>
</html>

HTML文档头部标记

<head>头部标记</head> 
<title></title>只能有一个 
<base/>只能有一个 
<link>可以有多个 
<meat>可以有多个 
<meat name="" content=""> 
<meat http-equiv="" content=""> 

title

定义网页标题,显示在浏览器的标题栏中 有利于搜素引擎(也是在搜索引擎中显示的标题)

base

基底网址标记

用于设定浏览器中文件的绝对路径

网页中的文件只需要写下文件的相对路径即可,这个路径就是base指定下的路径

link

设置外部文件的链接标记

用于确定本页面和其他文档之间的关系

meta

两种用法

<meta name="" contnet="">

<meta http-equiv="" content="">

name用于在网页中加入关于网页的描述信息

网页的关键字,网页描述信息

http-equiv:属性用于在HTME文档中模拟HTTP协议的

响应消息头,例如,告诉浏览器,是否缓存页面,

使用什么样的字符集显示网页内容

meta的name标签属性:不是自己定义的值

Keywords:网页的关键字

Description:网页的描述 Robots:index noindex follow nofollow all none Author

copyright:版本

mate标签的http-equiv属性设置

Content-Type :网页文档类型 ,刷新页面

<meta http-equiv="refresh" content="3; url=http://wwww.baidu.com/">
<meta http-equiv="Windows-Target" content="_top"
此条语句的作用:禁止别人把你的网页放在小窗体里,一旦链接到你的网页,会全屏显示 

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>

在它中放置网页中所有内容

<body bgcolor="#ff00ff" text="#00ff00" link="red"
alink=""(鼠标单击颜色) topmargin=""(顶部距离)
vlink=""(鼠标放在上时的颜色)
leftmargin=""(默认左距离) background=""(放置背景图片)>

只要是可以用样式控制的,就不用HTML本身的属性,可以用CSS控制

Id name class style 通用属性,所有的元素都可以使用

DTD

文档类型定义

<!DDCTYPE HTML PUBLIC"-//w3c//DTD XHML 1.0 Transition//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transition1.dtd"(dtd的地址,按照dtd地址的格式显示本页面)>

想要学习Html的伙伴,私信松鼠并回复:Html

即可领取Html的教学资料和教学视频了(注意回复的大小写要一致哦~