- 综合排序
- 最热优先
- 最新优先
- 来自专栏Mintimate's Blog
网站SEO优化：Meta标签如何书写？Vue项目怎么优化Meta标签？
Meta标签，或者说Meta元素，是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。 百度在2015年支持爬取og标签）。 Vue项目优化 现在我们看看Vue的项目优化，因为Vue项目使用单页进行开发。 Vue2.x Vue2.x使用Vue-meta十分简单，没什么坑（用Vue3.x时候……呜呜呜，全是坑）。 尤其是description标签，不清楚是否为官方bug，我一直以为是我的代码问题，后来在GitHub的issue内看到有大神提供的解决方案：Vue-meta issue#696 思路和刚刚一样。 Meta标签书写，还有挺多其他内容的，受限于篇幅，这次就讲这么多哦。如果文章大家喜欢，下次继续～ 另外，Vue项目，提交sitemap.xml，也就是站点地图到搜索引擎也很重要哦。
5.6K53编辑于 2022-01-21 - 来自专栏全栈程序员必看
Meta标签详解
标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！ META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。 META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 ” Content=”zh-CN”> 注意： 该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。 由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。
1.1K20编辑于 2022-07-05 - 来自专栏乱码李
HTML meta 标签
引言 最近做的一个关于电影的网站 IMDB Top250，想对其进行 SEO 优化，用到 meta 信息的时候，很多知识都是 『似乎』、『好像』、『可能』 的感觉，回想自己一直没有系统的学习过 meta meta 简介 meta 标签位于文档的头部，可提供有关页面的元信息（meta-information）。 meta 标签本身不包含任何内容，通过其属性定义了与文档相关联的内容。 meta 标签一共有五个属性值： charset、content、http-equiv、name、scheme。 <meta charset="UTF-8"> 在 HTML4 中的写法是 <meta http-equiv="Content-Type" content="text/html; charset=UTF- <meta name="keywords" content="HTML5,meta"> <meta name="description" content="blabla"> <meta name="viewport
8.1K30发布于 2021-11-26 - 来自专栏ECS服务器
怎样设置Meta标签、Title标签？
robots 用于告诉网页爬虫如何索引网页 <meta name="robots" content="all"> 它有以下几种参数值： all：对索引编制或内容显示无任何限制, 该指令为默认值 noindex nosnippet: 不在搜索结果中显示该网页的文本摘要或视频预览 copyright copyright 用于标注版权信息 <meta name="copyright" content="jiafangchang "> cache-control cache-control 用了来控制缓存策略 <meta http-equiv="cache-control" content="max-age=86400"> 主要有以下属性值 max-age= 缓存存储的最大周期，超过这个周期被认为过期 <meta name="robots" content="all"> <meta name="copyright" content="jiafangchang "> <meta http-equiv="cache-control" content="max-age=86400">
77010编辑于 2023-12-16 - 来自专栏White feathe 的博客
meta标签大全（荐）
---- html标签中meta属性使用介绍 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。 其实如果你能够用好meta标签，会给你带来意想不到的效果。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 时，代表说明网站是采用的编码是简体中文； meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文； meta标签的charset的信息参数如iso-2022-jp 时，代表说明网站是采用的编码是日文； meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文； meta标签的charset的信息参数如ISO-8859-1
1.1K30编辑于 2021-12-08 - 来自专栏webTower
meta 标签知多少
meta 标签知多少 meta 标签提供该页面的一些信息，比如针对搜索引擎和更新频度的描述和关键词，它还可以控制页面缓冲、响应式窗口等，定义 meta 标签有利于网站 SEO（有利于搜索引擎访问），对于响应式窗口也起着作用 ，因此 meta 标签是 HTML 中很重要的一个标签。 在生成默认的 HTML 文档结构时，通常会有两个 meta 标签： <head> <meta charset="UTF-8"> <meta name="viewport" content ="width=device-width, initial-scale=1.0"> </head> 通过上面可以看到，meta 元素不用闭合，有一个开始标签就可以了，因为 meta 并不在网页上展示内容 使用 meta 标签可以设置 Referer 首部信息。
1.3K10发布于 2020-02-19 - 来自专栏青梅煮码
Meta 标签使用详解
meta是html语言head区的一个辅助性标签。 一、meta标签的组成 meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 用法：<meta http-equiv=”content-Type” content=”text/html; charset=gb2312″> 二、meta标签的功能 上面我们介绍了meta标签的一些基本组成 ，接着我们再来一起看看meta标签的常见功能： １、帮助主页被各大搜索引擎登录 meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。 ４、实现网页转换时的动画效果 使用meta标签，我们还可以在进入网页或者离开网页的一刹那实现动画效果，我们只要在页面的html代码中的<head></head>标签之间添加如下代码就可以了： <meta
2.2K30编辑于 2023-03-02 - 来自专栏ytkah
常用meta标签整理
常用meta标签列表，为了加强记忆，ytkah采用先放代码再放注释的形式，献给有需要的朋友们 <meta charset="utf-8"> ↑↑↑ 设置页面编码为UTF8，防止乱码，需要页面保存为UTF8 ↑↑↑ 为IE设置兼容模式为edge <meta name="keywords" content="关键词"> <meta name="description" content="描述"> ↑↑ <meta name="author" content="ytkah"> ↑↑↑ 用于标注网页作者 <meta name="generator" content="PHPStorm"> ↑↑↑ 其他一些标签 <meta name="copyright" content="本页版权归XX所有，All Rights Reserved. " content="telephone=no"> 禁止电话号码识别 <meta name="format-detection" content="email=no"> 禁止邮箱识别 <meta name
82120发布于 2019-09-25 - 来自专栏白菜博客
META标签优化SEO
meta标签 meta标签，位于HTML文档的< head >与< title >之间，它提供的信息虽然用户不可见，但却是文档最基本的元信息。 meta标签除了提供文档字符集、使用语言、作者等基本信息外，还涉及关键词和网页等级的设定。 meta标签的内容设计对搜索引擎优化（seo）来说是很重要的一个元素，合理运用Description和Keywords属性，可以优化网站。 . < meta charset="UTF-8" > 字符编码 2. < meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/ > 4. < meta name="renderer" content="webkit/ie-comp/ie-stand"/ > 内核控制meta标签，取用webkit内核，IE兼容内核，IE标准内核
2.3K30编辑于 2022-03-17 - 来自专栏零域Blog
HTML中的Meta标签
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。 1、申明文档使用的字符编码 <meta charset="utf-8"> 或 <meta http-equiv="Content-Type" content="text/html; charset=utf -8"> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。 3、SEO优化相关 <meta name="description" content="不超过150个字符"> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
4.4K30编辑于 2022-03-22 - 来自专栏大数据钻研
Meta标签的那些事
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。 ? utf-8" /> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。 --指示IE以目前可用的最高模式显示内容--> 3、SEO优化相关 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 ="format-detection" /> 12、忽略识别邮箱 <meta content="email=no" name="format-detection" /> 更多Meta标签相关信息我会持续更新
1.2K50发布于 2018-04-18 - 来自专栏cwl_Java
前端基础-HTML(meta标签)
meta标签 1.编码 示意图 ? 我们加上meta标签反而会乱码的原因，是因为meta标签可以指定浏览器解析文件的编码格式，不加meta标签反而会正常，是因为我们不指定解码格式，浏览器会自动检测编码格式，再以对应的解码方式进行解码。 字符集的核心点就是如果设置了以什么字符集进行读取，那么在保存的时候也需要设置成对应的字符集 <meta charset="utf-8"> <! 多学一招：搜索引擎上的描述，可能是<meta>标签中的description部分，也可能是页面中的一段话
1.3K10发布于 2020-04-07 - 来自专栏自由而无用的灵魂的碎碎念
网页中meta标签的使用
最近，看《Mastering Integrated HTML and CSS》时，在"为适应搜索引擎而调整网站"一节简要介绍了<meta>标签。不过，介绍比较粗略。 Meta标签放在每个网页的<head>... </head>中，我们大家比较熟悉的如： <meta name="generator" content="microsoft frontpage 4.0"> 说明编辑工具； <meta name=" "> 说明主页描述； <meta http-equiv="content-type" content="text/html; charset=gb_2312-80">和 <meta http-equiv 可见Meta有两种，Name和Http-equiv。
2.1K20发布于 2018-07-24 - 来自专栏公爵书房
HTML中常用meta标签整理
概要 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 而添加meta标签的网站可以控制浏览器选择何种内核渲染。 <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 <meta http-equiv="refresh" content="0;url=" /> 其他 <meta name="author" content="author name" /> <! -- windows phone 点击无高光 --> <meta name="msapplication-tap-highlight" content="no"> 一个常用的移动端页面meta设置 <meta
2.1K20编辑于 2022-09-28 - 来自专栏前端资源
常用meta标签属性整理总汇
原文链接：常用meta整理 ，侵删。 <meta> 元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。 <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 <meta http-equiv="refresh" content="0;url=" /> 其他 <meta name="author" content="author name" /> <! 而添加meta标签的网站可以控制浏览器选择何种内核渲染。 /> ---- 其他参考文档 COMPLETE LIST OF HTML META TAGS W3C META TAGS METATAGES in HTML5 MDN META TAGS
1.4K21发布于 2019-11-12 - 来自专栏javascript艺术
vue组件常用的几种书写方式
vue组件常用的几种书写方式 vue组件实现Tab切换功能 <! DOCTYPE html><html><head> <meta charset="utf-8"/> <title>Demo</title> <script src="https://cdn.bootcss.com DOCTYPE html><html><head> <<em>meta</em> charset="utf-8"/> <title>Demo</title> <script src="https://unpkg.com DOCTYPE html><html><head> <<em>meta</em> charset="utf-8"/> <title>Demo</title> <script src="https://unpkg.com DOCTYPE html><html><head> <<em>meta</em> charset="utf-8"/> <title>Demo</title> <script src="https://unpkg.com
45830发布于 2021-05-28 - 来自专栏python3
vue meta设置页面
一、概述 在项目中，有一个搜索页面，需要根据不同的关键字，动态修改meta信息，用于seo优化。 本文接下来介绍如何使用 vue-meta 修改页面头部信息 二、vue-meta使用 安装 npm install --save vue-meta main.js使用依赖 修改main.js，增加2行代码 // 使用 vue-meta import Meta from "vue-meta"; Vue.use(Meta); 固定的meta test.vue <template> <div class= "test", data() { return {}; }, metaInfo: { title: "页面标题", meta 动态的meta 根据请求数据，设置meta <template>
123</template> <script> export3.6K31发布于 2021-03-23 - 来自专栏李维亮的博客
使用 HTML meta 标签来禁用缓存
0 Cache-Control is for HTTP 1.1 Pragma is for HTTP 1.0 Expires is for proxies 因为是 HTML 页面，可以于 HEAD 标签内直接添加 META 标签： <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv ="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> 其他文件就需要使用服务器设置文件控制 header 咯
5.1K30发布于 2021-07-08 - 来自专栏河湾欢儿的专栏
pc移动中常用的meta标签
页面中常用的meat标签总结 字符编码：声明文档使用的字符编码 相对于这种方式，更推荐你（推荐使用HTML5的声明方式）。 <meta http-equiv="content-type" content="text/html; charset=utf-8;"/> 最高ie版本打开 <meta http-equiv="x-ua-compatible <meta http-equiv="pragma" content="no-cache"/> <meta http-equiv="cache-control" content="no-cache <meta http-equiv="refresh" content="10"/> <meta http-equiv="refresh" content="10; url=..."/> Set-Cookie <meta name="googlebot" content="index,follow"/> <meta name="verify" content="index,follow"/>
93350发布于 2018-09-06 - 来自专栏优启梦
使用Referer Meta标签控制referer 来源
技术细节 referer 的 metedata 参数可以设置为以下几种类型的值： never always origin default 如果在文档中插入 meta 标签，并且 name 属性的值为 referer ，浏览器客户端将按照如下步骤处理这个标签： 1.如果 meta 标签中没有 content 属性，则终止下面所有操作 2.将 content 的值复制给 referrer-policy ，并转换为小写 例子 如果页面中包含了如下 meta 标签，所有从当前页面中发起的请求将不会携带 referer： <meta name="referrer" content="never"> 如果页面中包含了如下 meta 等后面的其他 url 部分），而不是完整的 URL ： <meta name="referrer" content="origin"> 注意：在使用本文中所述的 meta 标签的时候，浏览器原有的 referer 可能 rel=noreferer 会覆盖掉本文中的 meta 标签所设置的值。也就是功能覆盖。
3.2K60发布于 2018-06-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号