如何使用Meta标签,网站SEO的代码优化建议

更新时间:2023-07-06 18:09:55 栏目分类:代码优化 阅读:

  作为SEO的重要组成部分,Meta标签是指网页头部的一些元素,主要包括Meta description和Meta keywords等。在SEO优化中,Meta标签的作用就是让搜索引擎更好地理解网页的内容并

  作为SEO的重要组成部分,Meta标签是指网页头部的一些元素,主要包括Meta description和Meta keywords等。在SEO优化中,Meta标签的作用就是让搜索引擎更好地理解网页的内容并提高排名。

如何使用Meta标签,网站SEO的代码优化建议

  一、基础知识了解

  但是,随着搜索引擎算法的升级,Meta标签的权重逐渐降低,不再是SEO优化中的唯一关键要素。因此,在使用Meta标签进行SEO优化时,需要结合其他SEO技巧实现更好的效果。什么是Meta标签?

  Meta标签是一些特定的HTML元素,包括title、description、keywords、robots、author、viewport等等。这些标签的作用是向搜索引擎提供有关网页的信息,例如网页的摘要、关键字、作者、版权等等。

  其中,Meta description和Meta keywords是最著名的Meta标签。Meta description是一个HTML网页头部标签,提供关于页面主题的简短描述,被搜索引擎用作网页在搜索结果中的文本摘要。Meta keywords是一个HTML网页头部标签,包含关键词和词组,用于描述页面的主题。 Meta标签对SEO的影响

  在SEO中,Meta标签的权重一直在不断变化。现在,Meta description对SEO作用最大。因为它可以在搜索结果中呈现出来,吸引用户的注意力,并支持搜索引擎了解页面的主题和内容,从而确定页面的排名。

  Meta keywords也可以帮助搜索引擎了解页面,但并不是直接影响页面排名的因素。搜索引擎算法已经发展到可以自动识别关键字和词组,并且自动对其进行相关性评分和排名。

  因此,Meta标签不是SEO优化中的唯一关键要素。而且,它们只是搜索引擎算法中的一小部分。SEO专家并不建议太过依赖Meta标签来优化网站。 如何正确使用Meta标签进行SEO优化?

  虽然Meta标签在现代SEO中不再占据主要地位,但它们仍然是有用的优化工具。以下是如何正确使用Meta标签进行SEO优化的一些建议:

  二、示例运用
 

2.1、name相关
2.1.1、语法
<meta name="参数" content="具体的描述">
2.1.2、为搜索引擎定义关键词
<meta name="keywords" content="snow ball">
2.1.3、为网页定义描述内容
<meta name="description" content="snow">
2.1.4、定义网页作者
<meta name="author" content="snow">
2.1.5、针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓
<meta name="HandheldFriendly" content="true">
2.1.6、微软的老式浏览器
<meta name="MobileOptimized" content="320">
2.1.7、 uc强制竖屏
<meta name="screen-orientation" content="portrait">
2.1.8、QQ强制竖屏
<meta name="x5-orientation" content="portrait">
2.1.9、UC强制全屏
<meta name="full-screen" content="yes">
2.1.10、QQ强制全屏
<meta name="x5-fullscreen" content="true">
2.1.11、UC应用模式
<meta name="browsermode" content="application">
2.1.12、QQ应用模式
<meta name="x5-page-mode" content="app">
2.1.13、标注版权信息
<meta name="copyright" content="snow"> 
2.1.14、robots(定义搜索殷勤爬虫的索引方式)
<meta name="robots" content="none">
2.1.15、标注软件开发工具
<meta name="generator" content="Visual Studio Code">
 2.1.16、viewport(移动端-禁止缩放)
<meta name="viewport" content="width=device-width, initial-scale=1">
 2.1.17、revisit-after(爬虫重访时间)
<meta name="revisit-after" content="7 days" >
2.2、http-equiv相关
2.2.1、语法
<meta http-equiv="参数" content="具体的描述">
 2.2.2、设置网页字符集
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML,不推荐
<meta charset="utf-8"> //HTML5设定网页字符集的方式,推荐使用UTF-8
2.2.3、X-UA-Compatible(浏览器采取何种版本渲染当前页面)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
//指定IE和Chrome使用最新版本渲染当前页面
 2.2.4、cache-control(指定请求和响应遵循的缓存机制)
<meta http-equiv="cache-control" content="no-cache">
// no-cache: 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。
// no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。(安全措施)
// public : 缓存所有响应,但并非必须。因为max-age也可以做到相同效果
// private : 只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)
// maxage : 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用 60 秒。
2.2.5、禁止百度自动转码
<meta http-equiv="Cache-Control" content="no-siteapp" />
2.2.6、expires(设置网页到期时间)
<meta http-equiv="expires" content="Wednesday 30 October 2022 01:00 GMT" />
2.2.7、每30秒钟刷新页面
<meta http-equiv="refresh" content="30">
2.2.8、refresh(自动刷新并指向某页面)
<meta http-equiv="refresh" content="2;URL=http://www.baidu.cn/"> //意思是2秒后跳转到百度
2.2.9、Set-Cookie(cookie设定,如果网页过期,自动清除cookie)
<meta http-equiv="Set-Cookie" content="name, date"> //格式
<meta http-equiv="Set-Cookie" content="User=Lxxyx; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT"> //具体范例
以上内容由星联网络整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
SELECTED CASE

精选案例推荐