META标签 - 知识百科

作用

META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的和之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。</p><p class="text">所以有关<a href="/czkjst/搜索引擎注册/11006479">搜索引擎注册</a>、<a href="/czkjst/搜索引擎优化/0">搜索引擎优化</a>排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于<a href="/czkjst/搜索引擎营销/0">搜索引擎营销</a>来说是至关重要的一个因素，合理利用 <a href="/czkjst/Meta/0">Meta</a> 标签的 <a href="/czkjst/Description/0">Description</a> 和<a href="/czkjst/Keywords/0">Keywords</a> 属性，加入网站的描述或者网页的关键字，可使网站更加贴近用户体验。</p><p class="text">从HTML代码实例中可以看到，一段代码中有3个含有meta的地方，并且meta并不是独立存在的，而是要在后面连接其他的属性，如<a href="/czkjst/description/0">description</a>、Keywords、http-equiv等。下面简单介绍一些<a href="/czkjst/搜索引擎营销/0">搜索引擎营销</a>中常见的META标签的组成及其作用。</p></div> <div class="para-title2" id="paragraph_10">组成</div><div class="para-container scroll_catalog fold" id="paraContainer1"><p class="text"></p></div><p class="text">META标签可分为两大部分：HTTP-EQUIV和NAME变量。</p></div><p class="text">HTTP实例</p></div><p class="text">HTML代码实例中有一项内容是</p></div><p class="text"></p></div><p class="text">其作用是指定了当前文档所使用的<a href="/czkjst/字符编码/0">字符编码</a>为gb2312，也就是<a href="/czkjst/中文简体/0">中文简体</a></p></div><p class="text">HTTP使用方法</p></div><p class="text"><a href="/czkjst/字符集/0">字符集</a>；</p></div><p class="text"></p></div><p class="text"></p></div><p class="text"></p></div><p class="text"></p></div><p class="text"></p></div><p class="text"></p></div><p class="text"></p></div><p class="text">HTTP-EQUIV用于向浏览器提供一些说明信息，从而可以根据这些说明做出反应。HTTP-EQUIV其实并不仅仅只有说明网页的<a href="/czkjst/字符编码/0">字符编码</a>这一个作用，常用的HTTP-EQUIV类型还包括：网页到期时间、默认的<a href="/czkjst/脚本语言/0">脚本语言</a>、默认的风格页语言、网页自动刷新时间等。</p></div><p class="text">description</p></div><p class="text"></p></div><p class="text"><a href="/czkjst/网络营销基础与实践/0">网络营销基础与实践</a>》教学支持:网络营销课件,<a href="/czkjst/网络营销论文/0">网络营销论文</a></p></div><p class="text"></p></div><div class="para-title2" id="paragraph_10">属性</div><div class="para-container scroll_catalog fold" id="paraContainer1"><p class="text"></p></div><p class="text">带（#）的为 HTML5 中的新属性。</p></div><p class="text"></p></div><div class="para-title2" id="paragraph_10">描述设计</div><div class="para-container scroll_catalog fold" id="paraContainer1"><p class="text"></p></div><p class="text">1网页描述为自然语言而不是罗列关键词（与keywords设计正好相反）；</p></div><p class="text">2尽可能准确地描述网页的核心内容，通常为网页内容的摘要信息，也就是希望搜索引擎在检索结果中展示的摘要信息；</p></div><p class="text">3网页描述中含有有效关键词；</p></div><p class="text">4网页描述内容与网页标题内容有高度相关性；</p></div><p class="text">5网页描述内容与网页主体内容有高度相关性；</p></div><p class="text">6网页描述的文字不必太多，一般不超过搜索引擎检索结果摘要信息的最多字数（通常在100中文字之内，不同搜索引擎略有差异）。</p></div><p class="text">Keywords</p></div><p class="text"></p></div><div class="para-title2" id="paragraph_10">错误</div><div class="para-container scroll_catalog fold" id="paraContainer1"><p class="text"></p></div><p class="text">网页设计中META标签写法的常见错误如下：</p></div><p class="text">1、META标签中没有网页描述和关键词设计；</p></div><p class="text">2、整个网站所有的网页使用同样的META标签内容；</p></div><p class="text"></p></div><p class="text">4、META标签中关键词和描述的内容一样，有些甚至和网页标题一样；</p></div><p class="text">5、<a href="/czkjst/META/0">META</a>标签中网页介绍信息与网站内容缺少相关性；</p></div><p class="text">6、META标签中的关键词数量过多；</p></div><p class="text">……</p></div><div class="para-title2" id="paragraph_10">标签</div><div class="para-container scroll_catalog fold" id="paraContainer1"><p class="text"></p></div><p class="text">1、在zblog模板网站的首页default.html 添加description和keywords标签</p></div><p class="text">按照这个顺序依次操作：打开后台首页——文件管理——打开SHEMS文件——打开你的当前模板样式的文件（此处一般有2个选择，之一是default，如果你是用系统默认模板就点击default，否则就点击另一个）——打开TEMPLATE文件——编辑default.html（<a href="/czkjst/默认首页/0">默认首页</a>），操作路径为：THEMES/axna/TEMPLATE/default.html ，其中的axna是我的博客模板样式，因人而异，操作完这些之后在<head></head>里面添加如下代码：</p></div><p class="text"></p></div><p class="text"></p></div><p class="text">Keywords里面的xx等就是你当前页面的关键词，这个非常重要，要准确定位，而且确定了就不要再随意修改。可设置多个关键词但不要过多，适当即可，也不要重置堆砌关键词，这是对搜索引擎不友好的。关键词之前最好用逗号隔开。而description里面的yy等字样就是指对当前页面的描述，在首页里就是要指明这个网站是什么样的网站，有什么用或者是做什么的，等等。这一部分是会在搜索结果的页面当中出现的，因此还是举足轻重的。</p></div><p class="text">添加了代码后就点击提交，然后文件重建即可，返回你的首页，查看<a href="/czkjst/源文件/0">源文件</a>就能看到首页已经成功添加了这两个标签。</p></div><p class="text">2、在网站的内页模板single.html 中添加meta标签</p></div><p class="text">同理，此处的操作路径为：./THEMES/axna/TEMPLATE/single.html 依次打开至single.html页面。这里，先介绍一下网上有一部分人的一些做法，可能是有点小问题的。</p></div><p class="text">在single.html中添加如下标签：</p></div><p class="text"></p></div><p class="text"></p></div><p class="text">其中，#article/tagtoname# 是调用文章页面的关键词，我们在进行新建文章时，有一栏要填tags，关键词就是从你所填写的tags调用过来的， #article/intro# 是调用文章简介，在新建文章的后台页面里，可以点击下面的自动生成摘要，当然了，摘要也可以自己填写，简介就是从你写的摘要里面完完全全调用过来的。</p></div><p class="text">可是运用这样的代码方法在一些博客中是行不通的，在部分博客中文章的简介就自动调到页面的最顶部。可见这种方面要慎用。当然了，还有其它更加简便的方法，比如我们可以在<a href="/czkjst/Z-Blog/0">Z-Blog</a>安装一个名为NOBIRDAticleSEO的<a href="/czkjst/插件/0">插件</a>，之后就多出<#nobird/article/seo#>标签，并自动添加到文章页模板中作为页面的Description，同时还自动添加了keywords和author信息。</p></div><p class="text">3、同样，也可以在catalog.html、tags.html、search..html中添加meta标签</p></div><p class="text">代码如下<meta name=description content =<#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#>” /></p></div><p class="text">这部分大家是可以自行进行增删修改的，不一定要那些调用代码，也可以输入自己想要加的文字。</p></div> </div> </div> <div class="czkjst.org protocol-container" wx:if="{{!partialLoad&&loadLemmaComplete===2}}"> <div bindtap="goToProtocol" class="czkjst.org protocol-item" data-id="0">免责声明</div> <div bindtap="goToProtocol" class="czkjst.org protocol-item" data-id="1">隐私政策</div> <div bindtap="goToProtocol" class="czkjst.org protocol-item" data-id="2">用户协议</div> </div> </div> <div class="czkjst.org bottom-bar"> <div class="czkjst.org border"></div> <div class="czkjst.org botton-flex-container"> <div class="czkjst.org botton-container"> <button bindtap="shareLemmaMessage" class="czkjst.org btn-botbar-share" openType="share"> <div class="czkjst.org ico-share"></div> <span class="czkjst.org txt-share">分享</span> </button> </div> <div class="czkjst.org botton-container"> <div bindtap="showCatalog" class="czkjst.org btn-botbar-catalog"> <div class="czkjst.org ico-catalog"></div> <span class="czkjst.org txt-catalog">目录</span> 22 </div> </div> </div> </div> <div class="czkjst.org catalog-container fake-catalog"> <block wx:for="{{lemmaInfo&&lemmaInfo.paragraphs}}" wx:key="unique"> <block wx:if="{{item.id===-9}}"></block> <div class="czkjst.org catalog-tab twonowrap" wx:elif="{{item.level===1}}"> <span class="czkjst.org catalog-number"> <block wx:if="{{catalogNumber[index]<=9}}">0</block>{{catalogNumber[index]}}. </span>{{item.title}}</div> <div class="czkjst.org catalog-tab2 nowrap {{item.title.length>6?'mini-sub':''}}" wx:elif="{{item.level===2}}">{{item.title}}</div> </block> </div> </body> </html>