最新公告
  • 欢迎您光临源码库,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入
  • 合理运用html中的meta标签

    meta标签是我们必须要掌握和了解的标签之一,因为它是文档的最基本的元信息。提起meta标签,脑海中第一闪现的就是TDK:title、description、keywords,其实meta标签远远不止这两个,其他的meta标签,对我们SEO优化也起到了各种各样的作用。

    合理运用html中的meta标签插图源码资源库

    一、实用的meta标签

    这里的meta标签都很实用,确保你的每个页面代码中都有它们。

    1.meta content-type标签

    这个标签定义了该页面制作所使用的文字以及语言,并规定浏览器展示页面时显示的为该语言,务必确保每个页面都有这个标签。该标签的书写例子为:其中,gb2312为国标汉字码,不同的语言对应着不同的charset。在页面与网站建设时,你肯定知道你的网站使用的是什么语言。

    2.Title

    这个属性可以说是最重要的,就像每篇文章都不能没有标题一样,网页同样也要有标题,并且这个标题是独有的不重复的。这也是页面参与搜索排名的最重要参照。

    3.description标签

    这个标签现在的最重要作用就是:当用户在搜索引擎中搜索找到页面时,在搜索结果列表中补充描述该页面。在description中含有的词语,同样会被搜索引擎识别,并且同样的可以在某种程度上作为关键词参与排名。description的内容将会很大程度影响用户是否点击你的页面。写作description时有点像出售对应页面的广告语,一定要写的吸引人点击,并且不要夸大事实。description的长度最好不要超过160字节。

    4.viewport

    ViewPort标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。如果你的页面上没有这个标签,那么你的页面的移动端体验可能会非常差,在搜索与浏览的流量越来越向移动端倾斜的现在,你应当为此做好准备。

    二、视情况而定的meta标签。

    这些meta标签在某些页面中非常实用,但在其他页面可能会显得非常多余,为了代码的精简,确保如下这些meta标签你使用的方式都正确。

    1.socialmeta标签

    这个标签的作用是点击后即迅速生成一个可以发布在社交媒体上的链接,用于分享转发等等。这些功能在内容页上对于传播非常有用,但并不是网站内所有页面都需要它,确保你将它用在了对的地方。

    2.robotsmeta标签

    有一个误解是:你必须制定一个robots标签。实际上:robots指定了索引与跟踪链接两项权限,如果你不写robots标签,那么就会默认为,允许搜索引擎索引该页面与跟踪该页面链接。只有当你需要改变两项权限其中的一项时,才十分有必要去添加。

    3.keywords

    将这个老生常谈的标签放到这里是因为在搜索引擎已经可以自己辨别文章关键词的现在,这个标签的作用已经微乎其微了。现在无需将注意力集中在如何写好这个标签上,将更多的注意力集中在内容中的关键词优化上,如果你的网站后台有编写这个的功能,填上也是好的。

    4.refresh

    这个标签的作用是在规定的时间后,刷新当前页面或者跳转到其他页面。当你要跳转页面时,你最好使用服务器端返回的301代码而不要用这个。至于刷新功能,你需要自己判断是否真的需要,要知道搜索引擎并不是你的忠实粉丝它肯定不需要这个。

    合理运用html中的meta标签插图源码资源库

    三、不实用的meta标签

    以下标签的实际作用不大,为了代码的精简,你应当尽量避免它们出现在你的代码中。

    1.author/webauthor

    这个标签的作用是为该页面或者网站的作者署名。这个标签没什么用处,把它放到一边吧。

    2.distribution

    这个标签的作用是设置分发权限,但只有3个值,global(全球都可以访问),local(只有本地可以访问),IU(仅限内部使用)。如果你真的要给搜索引擎限制权限,用上文提到的robots。

    3.Rating

    这个标签的作用是给页面内容分级。比如不适合儿童观看等等。实际上,这个功能你应当用别的方法在页面的醒目位置去提示,而不是在代码中留一个这样的信息。

    4.Expiration/date

    这个标签的作用是为页面定义一个过期/发布时间。页面不是商场中出售的商品,当觉得页面内容要过期时,需要做的应该是对信息进行及时更新或者干脆删除并且提交死链,而不是让它过期。发布日期同样不应该以这种模式呈现。用sitemap并且保证sitemap的更新会更有效。

    5.resource type

    这个标签的作用是定义该页面的文件类型。XML的DTD可以帮你完成这个事情。

    6.abstract

    这个标签的作用是该页面的内容摘要。实际上你已经有了description标签,并且该标签也被所有搜索引擎识别使用,你就没必要再写一个这个了。

    7.revisit after

    这个标签的作用是告知搜索引擎蜘蛛过一段规定的时间再回来重新访问该页面。你真的认为你可以规定搜索引擎蜘蛛多久来一次你的页面?每个搜索引擎都有自己的一套规则,这个标签不会被它们承认的。

    8.Generator

    这个标签的作用是定义该页面是用什么程序开发的。同author一样意义不大。

    9.copyright

    这个标签的作用是该页面的版权信息。事实上,相比这种看不到的代码展现,你更应该将版权信息放到页面的页脚部分,现在的网站也都是这么做的。所以你没必要在代码中再重复一次版权申明。

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    源码资源库 » 合理运用html中的meta标签