- 综合排序
- 最热优先
- 最新优先
- 来自专栏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时候……呜呜呜，全是坑）。 内直接操作DOM元素，确实不是一个好方法，大家可以试试其他方法优化～～ 效果也显而易见： [效果] Vue3.x Vue3.x的Vue-meta还在Debug，不清楚是设计原因还是全面改制，用Vue2的方法基本不能操作 Meta标签书写，还有挺多其他内容的，受限于篇幅，这次就讲这么多哦。如果文章大家喜欢，下次继续～ 另外，Vue项目，提交sitemap.xml，也就是站点地图到搜索引擎也很重要哦。
5.9K53编辑于 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 标签
meta 简介 meta 标签位于文档的头部，可提供有关页面的元信息（meta-information）。 meta 标签本身不包含任何内容，通过其属性定义了与文档相关联的内容。 meta 标签一共有五个属性值： charset、content、http-equiv、name、scheme。 <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 (3) renderer renderer 并不是 w3c 标准，但却经常见于一些网页中，这个属性主要用于双核或者多核浏览器（猎豹浏览器，360浏览器）使用指定的内核处理自己的网页。
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 - 来自专栏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 - 来自专栏White feathe 的博客
meta标签大全（荐）
-- 为移动设备添加 viewport --> <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale 3、IOS中Safari顶端状态条样式： <meta content="black" name="apple-mobile-web-app-status-bar-style"> 4、忽略将数字变为电话号码 ---- html标签中meta属性使用介绍 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 K、Content-Script-Type <Meta http-equiv="Content-Script-Type"Content="text/javascript"> W3C网页规范，指明页面中脚本的类型
1.1K30编辑于 2021-12-08 - 来自专栏青梅煮码
Meta 标签使用详解
meta是html语言head区的一个辅助性标签。 一、meta标签的组成 meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 用法：<meta http-equiv=”content-Type” content=”text/html; charset=gb2312″> 二、meta标签的功能 上面我们介绍了meta标签的一些基本组成 ，接着我们再来一起看看meta标签的常见功能： １、帮助主页被各大搜索引擎登录 meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站的访问量。 ３、自动刷新并指向新的页面 如果你想使您的网页在无人控制的情况下，能自动在指定的时间内去访问指定的网页，就可以使用meta标签的自动刷新网页的功能。
2.3K30编辑于 2023-03-02 - 来自专栏ytkah
常用meta标签整理
常用meta标签列表，为了加强记忆，ytkah采用先放代码再放注释的形式，献给有需要的朋友们 <meta charset="utf-8"> ↑↑↑ 设置页面编码为UTF8，防止乱码，需要页面保存为UTF8 ↑↑↑ 为IE设置兼容模式为edge <meta name="keywords" content="关键词"> <meta name="description" content="描述"> ↑↑ 3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。 4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。 <meta name="author" content="ytkah"> ↑↑↑ 用于标注网页作者 <meta name="generator" content="PHPStorm"> ↑↑↑ 其他一些标签 <meta name="copyright" content="本页版权归XX所有，All Rights Reserved.
84620发布于 2019-09-25 - 来自专栏白菜博客
META标签优化SEO
meta标签 meta标签，位于HTML文档的< head >与< title >之间，它提供的信息虽然用户不可见，但却是文档最基本的元信息。 meta标签除了提供文档字符集、使用语言、作者等基本信息外，还涉及关键词和网页等级的设定。 meta标签的内容设计对搜索引擎优化（seo）来说是很重要的一个元素，合理运用Description和Keywords属性，可以优化网站。 优先识别IE最新版本和chrome 3. < meta http-equiv="refresh" content="30";url=""/ > 规定每30秒刷新一次页面，如果加url，就会被重新定向到指定页面 4. < meta name="renderer" content="webkit/ie-comp/ie-stand"/ > 内核控制meta标签，取用webkit内核，IE兼容内核，IE标准内核
2.4K30编辑于 2022-03-17 零基础学习HTML(3)——meta标签的使用
ilovefishc.com/html5/ html5速查手册：https://man.ilovefishc.com/html5/ css速查手册：https://man.ilovefishc.com/css3/ 学习正文 meta标签：https://man.ilovefishc.com/pageHTML5/meta.html <! --为搜索引擎提供关键词--> <meta name="description" content="《零基础学习Web开发》学习笔记"> <! --描述网页内容--> <meta name="author" content="DragonLin"> <! --定义网页的作者--> <meta http-equiv="refresh" content="3; https://www.baidu.com"> <!
8410编辑于 2026-01-23- 来自专栏大数据钻研
Meta标签的那些事
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 我现将前端页面开发经常用到的meta标签内容整理成文，加入了移动端web开发meta信息，供需要时查阅。 ? utf-8" /> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ，就是万国码。 --指示IE以目前可用的最高模式显示内容--> 3、SEO优化相关 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 <meta name="keywords" content="html5, css3, 关键字"/> 定义网页作者，非必要 <meta name="author" content="月光光" />
1.2K50发布于 2018-04-18 - 来自专栏零域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.5K30编辑于 2022-03-22 - 来自专栏cwl_Java
前端基础-HTML(meta标签)
meta标签 1.编码 示意图 ? 我们加上meta标签反而会乱码的原因，是因为meta标签可以指定浏览器解析文件的编码格式，不加meta标签反而会正常，是因为我们不指定解码格式，浏览器会自动检测编码格式，再以对应的解码方式进行解码。 字符集的核心点就是如果设置了以什么字符集进行读取，那么在保存的时候也需要设置成对应的字符集 <meta charset="utf-8"> <! 多学一招：搜索引擎上的描述，可能是<meta>标签中的description部分，也可能是页面中的一段话
1.3K10发布于 2020-04-07 - 来自专栏一尾流莺学前端
【解决方案】如何在Vue2的工程中书写Vue3语法？
---- 技术选择 随着Vue3正式版本的发布，公司的部分新项目开始启用Vue3，部分老项目也在向Vue3迁移 继领导让我整理一下Vue3知识点之后 整理的一些Vue3知识点（600+） 但是公司还是有部分项目是基于 Vue2的，于是领导又让我调研一下能不能在 Vue2 的项目中使用 Vue3 的语法。 使用Vue3语法 那么如何在Vue2中使用Vue3的语法呢，那就是借助@vue/composition-api插件。 当然这个插件和Vue3正式版依然存在很多区别和不兼容的地方，心智负担还是有的。 @vue/composition-api 先来介绍一下 @vue/composition-api 插件 简介 Vue3尚未正式发布时，处于RFC阶段的 Composition API 可以通过插件 @vue 这样就可以达到我们的目的了，跟我们使用 Vue3 的效果是一样的。
1.1K40编辑于 2022-12-10 - 来自专栏自由而无用的灵魂的碎碎念
网页中meta标签的使用
最近，看《Mastering Integrated HTML and CSS》时，在"为适应搜索引擎而调整网站"一节简要介绍了<meta>标签。不过，介绍比较粗略。 Meta标签放在每个网页的<head>... </head>中，我们大家比较熟悉的如： <meta name="generator" content="microsoft frontpage 4.0"> 说明编辑工具； <meta name=" 可见Meta有两种，Name和Http-equiv。 ，这个功能即Frontpage98,2000的format/page transition.不过注意所加网页不能是一个frame页; 3、强制网页不被存入cache中 <meta http-equiv
2.2K20发布于 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文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。 —— W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 而添加meta标签的网站可以控制浏览器选择何种内核渲染。 /> ---- 其他参考文档 COMPLETE LIST OF HTML META TAGS W3C META TAGS METATAGES in HTML5 MDN META TAGS
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 )">tab1</button> <button @click="tab('B')">tab2</button> <button @click="tab('C')">tab3< DOCTYPE html><html><head> <meta 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
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号