奉贤专业网站建设,云南网警,网站营销计划书,网站seo应用meta标签用于提供html文档的元信息#xff08;metadata#xff09;。这些信息不会显示在页面上#xff0c;但会被浏览器或搜索引擎用来识别页面的编码方式、关键字、描述、作者信息、刷新时间等。 基本语法
meta name属性名 content属性值meta标签用于提供html文档的元信息metadata。这些信息不会显示在页面上但会被浏览器或搜索引擎用来识别页面的编码方式、关键字、描述、作者信息、刷新时间等。 基本语法
meta name属性名 content属性值常见的name和content属性
charset:指定文档的字符编码
meta charsetUTF-8namedescription 描述页面的内容摘要。这对SEO搜索引擎优化很重要。
meta namedescription content这是页面的描述namekeywords 页面的关键字对SEO也有帮助。
meta namekeyword contentkeyword1,keyword2nameauthor 页面的作者
meta nameauthor contentgaryhttp-equiv 用于模拟HTTP响应头。例如设置页面的刷新间隔
!-- 页面每300秒自动刷新一次 --
meta http-equivrefresh content300使用viewport控制视口
对于响应式设计meta标签还可以控制移动设备上的视口大小确保不同尺寸上的屏幕上正确显示
meta nameviewport contentwidthdevice-width, initial-scale1这里widthdevice-width使得视口宽度与设备宽度相匹配initial-scale1保证页面以1:1的比例渲染。
使用og:*属性
Open Graph协议允许你将你的网页变成Facebook和其他社交平台上的丰富对象。
meta propertyog:title content页面标题
meta propertyog:type contentarticle
meta propertyog:url contenthttps://www.example.com
meta propertyog:image contenthttps://www.example.com/image.jpg使用twitter:*属性
Twitter Cards允许你在Twitter上分享更丰富的链接预览
meta nametwitter:card contentsummary
meta nametwitter:site contentyourusername
meta nametwitter:title content页面标题
meta nametwitter:description content页面描述
meta nametwitter:image contenthttps://www.example.com/image.jpg
