- 综合排序
- 最热优先
- 最新优先
- 来自专栏Mintimate's Blog
网站SEO优化：Meta标签如何书写？Vue项目怎么优化Meta标签？
Meta标签，或者说Meta元素，是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。 在HTML 5下，现在有五个有效的属性，添加了charset。http-equiv用于模拟HTTP标题，并用name来嵌入元数据。 百度在2015年支持爬取og标签）。 Vue项目优化 现在我们看看Vue的项目优化，因为Vue项目使用单页进行开发。 Vue2.x Vue2.x使用Vue-meta十分简单，没什么坑（用Vue3.x时候……呜呜呜，全是坑）。 Meta标签书写，还有挺多其他内容的，受限于篇幅，这次就讲这么多哦。如果文章大家喜欢，下次继续～ 另外，Vue项目，提交sitemap.xml，也就是站点地图到搜索引擎也很重要哦。
5.9K53编辑于 2022-01-21 - 来自专栏全栈程序员必看
Meta标签详解
标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！ META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。 META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 /www.xia8.net”> 注意：其中的5是指停留5秒钟后自动刷新到URL网址。 由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。
1.1K20编辑于 2022-07-05 - 来自专栏乱码李
HTML meta 标签
meta 简介 meta 标签位于文档的头部，可提供有关页面的元信息（meta-information）。 meta 标签本身不包含任何内容，通过其属性定义了与文档相关联的内容。 meta 标签一共有五个属性值： charset、content、http-equiv、name、scheme。 其中 http-equiv 和 name 必须与 content 配合组成键值对使用， charset 为 HTML5 属性， scheme 属性 HTML5 不支持。 <meta http-equiv="refresh" content="3;URL=https://lz5z.com"> 以上表示页面 3 秒后自动跳转。 <meta name="keywords" content="HTML5,meta"> <meta name="description" content="blabla"> <meta name="viewport
8.2K30发布于 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">
85110编辑于 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 中很重要的一个标签。 使用 meta 标签可以设置 Referer 首部信息。 ，在 HTML5 中可以使用 <meta charset="UTF-8"> 来代替。 这个属性是 HTML4 的内容，在 HTML5 中应使用 <html> 标签中的 lang 属性代替它。
1.3K10发布于 2020-02-19 - 来自专栏柠檬先生
移动前端头部标签(HTML5 meta)
在移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码 <! DOCTYPE html> 使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标准的 lang 属性写法 <meta charset=’utf-8′> 声明文档使用的字符编码 ” content=”portrait”> uc强制竖屏 <meta name=”x5-orientation” content=”portrait”> QQ强制竖屏 <meta name=” full-screen” content=”yes”> UC强制全屏 <meta name=”x5-fullscreen” content=”true”> QQ强制全屏 <meta name=”browsermode” content=”application”> UC应用模式 <meta name=”x5-page-mode” content=”app”>
2K80发布于 2018-01-22 - 来自专栏青梅煮码
Meta 标签使用详解
meta是html语言head区的一个辅助性标签。 一、meta标签的组成 meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 用法：<meta http-equiv=”content-Type” content=”text/html; charset=gb2312″> 二、meta标签的功能 上面我们介绍了meta标签的一些基本组成 ，接着我们再来一起看看meta标签的常见功能： １、帮助主页被各大搜索引擎登录 meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。 一旦上述代码被加到一个网页中后，我们再进出页面时就会看到一些特殊效果，这个功能其实与FrontPage2000中的Format/Page Transition一样，但我们要注意的是所加网页不能是一个Frame页; ５、
2.3K30编辑于 2023-03-02 - 来自专栏ytkah
常用meta标签整理
常用meta标签列表，为了加强记忆，ytkah采用先放代码再放注释的形式，献给有需要的朋友们 <meta charset="utf-8"> ↑↑↑ 设置页面编码为UTF8，防止乱码，需要页面保存为UTF8 5.index : 搜索引擎索引此网页。 6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。 http-equiv="refresh" content="30"> ↑↑↑ 网页将在设定的30秒后自动刷新 <meta http-equiv="refresh" content="5" url= "https://www.cnblogs.com/ytkah"> ↑↑↑ 网页将在设定的5秒时间后，自动刷新并调向设定的网址。 其他一些标签 <meta name="copyright" content="本页版权归XX所有，All Rights Reserved.
84620发布于 2019-09-25 - 来自专栏白菜博客
META标签优化SEO
meta标签 meta标签，位于HTML文档的< head >与< title >之间，它提供的信息虽然用户不可见，但却是文档最基本的元信息。 meta标签除了提供文档字符集、使用语言、作者等基本信息外，还涉及关键词和网页等级的设定。 meta标签的内容设计对搜索引擎优化（seo）来说是很重要的一个元素，合理运用Description和Keywords属性，可以优化网站。 4. < meta name="renderer" content="webkit/ie-comp/ie-stand"/ > 内核控制meta标签，取用webkit内核，IE兼容内核，IE标准内核 5. < meta name="description" content="120 words"/ > 对页面的描述，一般包括标点在内不超过120个词 6. < meta name="keywords
2.4K30编辑于 2022-03-17 - 来自专栏大数据钻研
Meta标签的那些事
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。 ? utf-8" /> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。 <meta http-equiv="Refresh" contect="5;url=http://www.admin10000.com" /> 上述代码表示停留5秒钟后自动刷新跳转到URL网址http ="format-detection" /> 12、忽略识别邮箱 <meta content="email=no" name="format-detection" /> 更多Meta标签相关信息我会持续更新
1.2K50发布于 2018-04-18 - 来自专栏零域Blog
HTML中的Meta标签
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。 -8"> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。 3、SEO优化相关 <meta name="description" content="不超过150个字符"> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 <meta http-equiv="Refresh" contect="5;url=http://www.baidu.com"> 上述代码表示停留5秒钟后自动刷新跳转到URL网址 5、Expires网页过期时间
4.5K30编辑于 2022-03-22 - 来自专栏cwl_Java
前端基础-HTML(meta标签)
meta标签 1.编码 示意图 ? 我们加上meta标签反而会乱码的原因，是因为meta标签可以指定浏览器解析文件的编码格式，不加meta标签反而会正常，是因为我们不指定解码格式，浏览器会自动检测编码格式，再以对应的解码方式进行解码。 --告知浏览器使用utf-8的编码格式来解析页面--> 知识小百科： 字符集 ansi：不同的国家和地区制定了不同的标准，由此产生了 GB2312、GBK、Big5、Shift_JIS 等各自的编码标准 Big5 又称为大五码或五大码**，是使用繁体中文（正体中文）社区中最常用的电脑汉字字符集标准，共收录13,060个汉字。 多学一招：搜索引擎上的描述，可能是<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.2K20发布于 2018-07-24 - 来自专栏公爵书房
HTML中常用meta标签整理
概要 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 而添加meta标签的网站可以控制浏览器选择何种内核渲染。 <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 -- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"> <! -- QQ应用模式 --> <meta name="x5-page-mode" content="app"> <!
2.1K20编辑于 2022-09-28 - 来自专栏前端资源
常用meta标签属性整理总汇
原文链接：常用meta整理 ，侵删。 <meta> 元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。 <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 -- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"> <! -- QQ应用模式 --> <meta name="x5-page-mode" content="app"> <! 而添加meta标签的网站可以控制浏览器选择何种内核渲染。
1.5K21发布于 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
47030发布于 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.7K31发布于 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.2K30发布于 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 name="keywords" content="javascript培训,js培训,HTML5培训,css培训,前端开发培训,node.js培训,nodeJS培训"/> description <meta name="googlebot" content="index,follow"/> <meta name="verify" content="index,follow"/>
94650发布于 2018-09-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号