META标签_HTML网页文档的属性 - 威林百科weilinceramic.com

META标签

HTML网页文档的属性

通常所说的META标签，是在HTML网页源代码中一个重要的html标签。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。

作用

META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的和之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。</div><div class="text">所以有关<a href="/weilinceramic/搜索引擎注册/11006479">搜索引擎注册</a>、<a href="/weilinceramic/搜索引擎优化/0">搜索引擎优化</a>排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于<a href="/weilinceramic/搜索引擎营销/0">搜索引擎营销</a>来说是至关重要的一个因素，合理利用 <a href="/weilinceramic/Meta/0">Meta</a> 标签的 <a href="/weilinceramic/Description/0">Description</a> 和<a href="/weilinceramic/Keywords/0">Keywords</a> 属性，加入网站的描述或者网页的关键字，可使网站更加贴近用户体验。</div><div class="text">从HTML代码实例中可以看到，一段代码中有3个含有meta的地方，并且meta并不是独立存在的，而是要在后面连接其他的属性，如<a href="/weilinceramic/description/0">description</a>、Keywords、http-equiv等。下面简单介绍一些<a href="/weilinceramic/搜索引擎营销/0">搜索引擎营销</a>中常见的META标签的组成及其作用。</div> <div class="level2">组成</div><div class="text"></div><div class="text">META标签可分为两大部分：HTTP-EQUIV和NAME变量。</div><div class="text">HTTP实例</div><div class="text">HTML代码实例中有一项内容是</div><div class="text"></div><div class="text">其作用是指定了当前文档所使用的<a href="/weilinceramic/字符编码/0">字符编码</a>为gb2312，也就是<a href="/weilinceramic/中文简体/0">中文简体</a></div><div class="text">HTTP使用方法</div><div class="text"><a href="/weilinceramic/字符集/0">字符集</a>；</div><div class="text"></div><div class="text"></div><div class="text"></div><div class="text"></div><div class="text"></div><div class="text"></div><div class="text"></div><div class="text">HTTP-EQUIV用于向浏览器提供一些说明信息，从而可以根据这些说明做出反应。HTTP-EQUIV其实并不仅仅只有说明网页的<a href="/weilinceramic/字符编码/0">字符编码</a>这一个作用，常用的HTTP-EQUIV类型还包括：网页到期时间、默认的<a href="/weilinceramic/脚本语言/0">脚本语言</a>、默认的风格页语言、网页自动刷新时间等。</div><div class="text">description</div><div class="text"></div><div class="text"><a href="/weilinceramic/网络营销基础与实践/0">网络营销基础与实践</a>》教学支持:网络营销课件,<a href="/weilinceramic/网络营销论文/0">网络营销论文</a></div><div class="text"></div><div class="level2">属性</div><div class="text"></div><div class="text">带（#）的为 HTML5 中的新属性。</div><div class="text"></div><div class="level2">描述设计</div><div class="text"></div><div class="text">1网页描述为自然语言而不是罗列关键词（与keywords设计正好相反）；</div><div class="text">2尽可能准确地描述网页的核心内容，通常为网页内容的摘要信息，也就是希望搜索引擎在检索结果中展示的摘要信息；</div><div class="text">3网页描述中含有有效关键词；</div><div class="text">4网页描述内容与网页标题内容有高度相关性；</div><div class="text">5网页描述内容与网页主体内容有高度相关性；</div><div class="text">6网页描述的文字不必太多，一般不超过搜索引擎检索结果摘要信息的最多字数（通常在100中文字之内，不同搜索引擎略有差异）。</div><div class="text">Keywords</div><div class="text"></div><div class="level2">错误</div><div class="text"></div><div class="text">网页设计中META标签写法的常见错误如下：</div><div class="text">1、META标签中没有网页描述和关键词设计；</div><div class="text">2、整个网站所有的网页使用同样的META标签内容；</div><div class="text"></div><div class="text">4、META标签中关键词和描述的内容一样，有些甚至和网页标题一样；</div><div class="text">5、<a href="/weilinceramic/META/0">META</a>标签中网页介绍信息与网站内容缺少相关性；</div><div class="text">6、META标签中的关键词数量过多；</div><div class="text">……</div><div class="level2">标签</div><div class="text"></div><div class="text">1、在zblog模板网站的首页default.html 添加description和keywords标签</div><div class="text">按照这个顺序依次操作：打开后台首页——文件管理——打开SHEMS文件——打开你的当前模板样式的文件（此处一般有2个选择，之一是default，如果你是用系统默认模板就点击default，否则就点击另一个）——打开TEMPLATE文件——编辑default.html（<a href="/weilinceramic/默认首页/0">默认首页</a>），操作路径为：THEMES/axna/TEMPLATE/default.html ，其中的axna是我的博客模板样式，因人而异，操作完这些之后在<head></head>里面添加如下代码：</div><div class="text"></div><div class="text"></div><div class="text">Keywords里面的xx等就是你当前页面的关键词，这个非常重要，要准确定位，而且确定了就不要再随意修改。可设置多个关键词但不要过多，适当即可，也不要重置堆砌关键词，这是对搜索引擎不友好的。关键词之前最好用逗号隔开。而description里面的yy等字样就是指对当前页面的描述，在首页里就是要指明这个网站是什么样的网站，有什么用或者是做什么的，等等。这一部分是会在搜索结果的页面当中出现的，因此还是举足轻重的。</div><div class="text">添加了代码后就点击提交，然后文件重建即可，返回你的首页，查看<a href="/weilinceramic/源文件/0">源文件</a>就能看到首页已经成功添加了这两个标签。</div><div class="text">2、在网站的内页模板single.html 中添加meta标签</div><div class="text">同理，此处的操作路径为：./THEMES/axna/TEMPLATE/single.html 依次打开至single.html页面。这里，先介绍一下网上有一部分人的一些做法，可能是有点小问题的。</div><div class="text">在single.html中添加如下标签：</div><div class="text"></div><div class="text"></div><div class="text">其中，#article/tagtoname# 是调用文章页面的关键词，我们在进行新建文章时，有一栏要填tags，关键词就是从你所填写的tags调用过来的， #article/intro# 是调用文章简介，在新建文章的后台页面里，可以点击下面的自动生成摘要，当然了，摘要也可以自己填写，简介就是从你写的摘要里面完完全全调用过来的。</div><div class="text">可是运用这样的代码方法在一些博客中是行不通的，在部分博客中文章的简介就自动调到页面的最顶部。可见这种方面要慎用。当然了，还有其它更加简便的方法，比如我们可以在<a href="/weilinceramic/Z-Blog/0">Z-Blog</a>安装一个名为NOBIRDAticleSEO的<a href="/weilinceramic/插件/0">插件</a>，之后就多出<#nobird/article/seo#>标签，并自动添加到文章页模板中作为页面的Description，同时还自动添加了keywords和author信息。</div><div class="text">3、同样，也可以在catalog.html、tags.html、search..html中添加meta标签</div><div class="text">代码如下<meta name=description content =<#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#>” /></div><div class="text">这部分大家是可以自行进行增删修改的，不一定要那些调用代码，也可以输入自己想要加的文字。</div> <div class="divide"> </div> <div id="参考资料"> <div class="level2"> 参考资料 </div> <div class="reference__item"><div class="reference__item__txt"><a href="https:\/\/www.quackit.com\/html\/tags\/html_meta_tag.cfm">HTMLTag</a>.Quackit.2000-2020</div></div><div class="reference__item"><div class="reference__item__txt"><a href="https:\/\/www.w3cschool.cn\/html5\/html5-meta.html">HTML 标签</a>.W3Cschool.</div></div> </div> <div class="tipview"><div class="divide"></div><div class="tipview__text">最新修订时间：2024-09-09 16:23</div></div> </div> </div> </div> <div class="style__Container-sc-8530xr-0 kWPvBT"> <div class="style__Container-sc-1ftytuq-0 hZpMaC"> <div class="title"> 条目作者 </div> <a target="_blank" href="" class="style__Cintainer-sc-1a7at0y-0 kJOHQl"> <div class="box"> <div class="box-avatar"> <div class="box-avatar-inner" style="background:transparent"> </div> </div> <div class="box-info"> <div class="box-info-name"> <div class="box-info-name-main"> 小编 </div> </div> <div class="box-info-logo"> <div class="box-info-logo-inner box-info-logo-inner-left"> <div class="box-info-logo-inner-img" style="background:transparent"> </div> <span class="box-info-logo-inner-text"> 资深百科编辑 </span> </div> </div> </div> </div> </a> </div> <div style="height:8px"> </div> <div class="style__Container-sc-jobp81-0 dqhJtp"> <div class="title"> 目录 </div> <div class="box"> <div class="box-item box-item-active"> 概述 </div> <div class="box-item ">作用</div> <div class="box-item "> 参考资料 </div> </div> </div> </div> </div> </div> <div class="style__styles-sc-1i14ge4-0 kWnngx"> <p class="footer-text"> Copyright©2024 <a class="backup-number" rel="nofollow noopener noreferrer" target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"><span>闽ICP备2024072939号-1</span></a> </p> </div> </div> </body> </html>