- 综合排序
- 最热优先
- 最新优先
- 来自专栏Mintimate's Blog
网站SEO优化：Meta标签如何书写？Vue项目怎么优化Meta标签？
作者：Mintimate 博客：https://www.mintimate.cn Mintimate’s Blog，只为与你分享 网站SEO.png Meta标签 什么是Meta标签呢？ Meta标签，或者说Meta元素，是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。 其中，前几项取决于你body标签内具体写了什么，而后几项就是我们head标签内Meta来描述，也可以提升展示效果和排名。 [网站的适配性（Google）] description description标签，用一句话或一段话来描述页面的内容和信息；比如：腾讯云社区。 Meta标签书写，还有挺多其他内容的，受限于篇幅，这次就讲这么多哦。如果文章大家喜欢，下次继续～ 另外，Vue项目，提交sitemap.xml，也就是站点地图到搜索引擎也很重要哦。
5.9K53编辑于 2022-01-21 - 来自专栏全栈程序员必看
Meta标签详解
标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！ META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。 meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的 cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己 META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。
1.1K20编辑于 2022-07-05 - 来自专栏乱码李
HTML meta 标签
meta 简介 meta 标签位于文档的头部，可提供有关页面的元信息（meta-information）。 meta 标签本身不包含任何内容，通过其属性定义了与文档相关联的内容。 meta 标签一共有五个属性值： charset、content、http-equiv、name、scheme。 8"> http-equiv http-equiv 为枚举属性，与 content 属性组成键值对，一般用于服务器向浏览器传回一些特定的信息，以帮助浏览器编译和显示页面内容。 (1) referrer 控制所有从该文档发出的 HTTP 请求中 HTTP Referer 头的内容： <meta name="referer" content="always"> referrer // Edge 模式通知 IE 以最高级别的可用模式显示内容 <meta http-equiv="X-UA-Compatible" content="edge"/> // 如果 IE 有安装 Google
8.2K30发布于 2021-11-26 - 来自专栏ECS服务器
怎样设置Meta标签、Title标签？
robots 用于告诉网页爬虫如何索引网页 <meta name="robots" content="all"> 它有以下几种参数值： all：对索引编制或内容显示无任何限制, 该指令为默认值 noindex nosnippet: 不在搜索结果中显示该网页的文本摘要或视频预览 copyright copyright 用于标注版权信息 <meta name="copyright" content="jiafangchang no-store 缓存不应存储有关客户端请求或服务器响应的任何内容，即不使用任何缓存。 max-age= 缓存存储的最大周期，超过这个周期被认为过期 <meta name="robots" content="all"> <meta name="copyright" content="jiafangchang "> <meta http-equiv="cache-control" content="max-age=86400">
84710编辑于 2023-12-16 - 来自专栏webTower
meta 标签知多少
meta 标签知多少 meta 标签提供该页面的一些信息，比如针对搜索引擎和更新频度的描述和关键词，它还可以控制页面缓冲、响应式窗口等，定义 meta 标签有利于网站 SEO（有利于搜索引擎访问），对于响应式窗口也起着作用 ，因此 meta 标签是 HTML 中很重要的一个标签。 ="width=device-width, initial-scale=1.0"> </head> 通过上面可以看到，meta 元素不用闭合，有一个开始标签就可以了，因为 meta 并不在网页上展示内容 用了Meta Property=og标签，就是你同意了网页内容可以被其他社会化网站引用等，目前这种协议被 SNS 网站（社交网站）如 Fackbook、renren 采用。 > 标签的全部内容。
1.3K10发布于 2020-02-19 - 来自专栏White feathe 的博客
meta标签大全（荐）
---- html标签中meta属性使用介绍 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 举例： <meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"> B、description(网站内容描述) 说明：description 用来告诉搜索引擎你的网站主要内容。 中的内容其实就是各个参数的变量值。
1.1K30编辑于 2021-12-08 - 来自专栏青梅煮码
Meta 标签使用详解
meta是html语言head区的一个辅助性标签。 一、meta标签的组成 meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 , human”> B、description(网站内容描述) 说明：description用来告诉搜索引擎你的网站主要内容。 用法：<meta http-equiv=”content-Type” content=”text/html; charset=gb2312″> 二、meta标签的功能 上面我们介绍了meta标签的一些基本组成 ，接着我们再来一起看看meta标签的常见功能： １、帮助主页被各大搜索引擎登录 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
84420发布于 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标准内核 虽然搜索引擎对图片的识别能力越来越强，但对图片里的具体内容还不能完全识别出来，因此Alt属性是搜索引擎识别图片内容的重要参考。
2.4K30编辑于 2022-03-17 - 来自专栏大数据钻研
Meta标签的那些事
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。 我现将前端页面开发经常用到的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 - 来自专栏零域Blog
HTML中的Meta标签
Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。 我现将前端页面开发经常用到的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.编码 示意图 ? 这种情况就是乱码，是因为我们输入的中文，往计算机中保存的时候，最终都要转成2进制的数据形式，也就是说有一个编码的过程，在保存文件的时候默认使用的是ANSI编码格式，浏览器显示文件中内容的时候，还需要将2 我们加上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.2K20发布于 2018-07-24 - 来自专栏公爵书房
HTML中常用meta标签整理
概要 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 而添加meta标签的网站可以控制浏览器选择何种内核渲染。 <meta http-equiv="Cache-Control" content="no-siteapp" /> SEO优化 参考文档 页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。 标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。 <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
2.1K20编辑于 2022-09-28 - 来自专栏前端资源
常用meta标签属性整理总汇
原文链接：常用meta整理 ，侵删。 <meta> 元素 概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。 它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。 <meta name="keywords" content="your tags" /> 页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 而添加meta标签的网站可以控制浏览器选择何种内核渲染。
1.4K21发布于 2019-11-12 - 来自专栏python知识
使用标签承载内容
结构 head title meta body 文本 标题和段落 粗体和斜体 上标和下标 空白（白色空间折叠） 折行和水平标尺 语义化标记 加粗和强调 引用 缩写词和首字母缩写词 引文 所有者联系信息 内容的修改 列表（list） 有序列表（ordered list） 无序列表（unordered list） 定义列表（definition list） 链接（anchor） 页面链接 锚链接 功能链接 图像（image） 图像存储位置 图像及其宽高 选择正确的图像格式 JPEG GIF PNG 矢量图 figure标签 表格（table） 基本的表格结构 表格的标题 跨行和跨列 长表格 表单（form 组合表单元素 fieldset / legend HTML5的表单控件 日期 电子邮件 / URL 搜索 音视频（audio / video） 视频格式和播放器 视频托管服务 添加视频的准备工作 video标签和属性 audio标签和属性 其他 文档类型 注释 属性 id class 块级元素 / 行级元素 内联框架（internal frame） 页面信息（meta） 转义字符（实体替换符） 使用CSS渲染页面
3.1K20发布于 2021-05-20 - 来自专栏李维亮的博客
使用 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的声明方式）。 http-equiv="expires" content="Thu Jan 01 1970 00:00:00 GMT 或者 0"/> Pragma(cache模式） 禁止浏览器从本地计算机的缓存中访问页面内容 一般来说我们会根据当前页面所展示的内容来设定一组关键词语，这样用户在网上进行搜索的时候，搜索引擎会把拥有或者靠近相关关键词的页面呈现给用户，以达到产品推广的作用(当然这个需要长期的SEO/SEM等运营推广才会让自己的网页在搜索出的结果中靠前 关键字内容太短，搜索引擎可能不会认为和这些内容有关，但是关键字的设定不能超过874个字符。 （网站内容描述） <meta name="description" content="某维是中国前端开发知名品牌，JS前端培训，以专注立身；70%的同学来自老学员推荐，以诚信立业。"
94650发布于 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 - 来自专栏Java学习录
SEO运用meta标签进行网站优化
http-equiv="expires" content="Wed, 26 Feb 2016 08:21:57GMT"> Pragma(cache模式) 说明：禁止浏览器从本地机的缓存中调阅页面内容 <meta http-equiv="refresh" content="5;url=www.myqing.cns"> 二，meta标签name变量语法 keywords(关键字)---已经过时 说明：用来告诉搜索引擎 你网页的关键字是什么 <meta name="keywords" content="xxx"> description(简介)------(import) 说明：用来告诉搜索引擎你网站的主要内容 < 在结果页面会提供一个翻译链接，但有时候你不希望出现这个链接 <meta name=”google”content=”notranslate” /> 三，以下是一些不常用的例子和简要的说明 <meta user-scalable:是否可对页面进行缩放，no 禁止缩放 <meta name="googlebot" content="index,follow" /> <meta name="verify"
1.2K21发布于 2019-08-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号