HTML Meta Tags Guide (2025)

<!-- 字符编码：确保正确显示中文等字符 -->
<meta charset="UTF-8">

<!-- 页面基本信息 -->
<meta name="description" content="页面描述，建议150字符以内，优化SEO">
<meta name="keywords" content="关键词1,关键词2,关键词3">
<meta name="author" content="姓名, email@example.com">
<meta name="publisher" content="发布者名称">
<meta name="copyright" content="© 2025 Company Name">
<meta name="contact" content="contact@example.com">

<!-- 搜索引擎优化 -->
<meta name="robots" content="index,follow"> <!-- 允许搜索引擎索引和跟踪链接 -->
<meta name="googlebot" content="index,follow"> <!-- Google爬虫专用 -->
<meta name="bingbot" content="index,follow"> <!-- Bing爬虫专用 -->

<!-- 浏览器兼容性 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- 优先使用最新IE和Chrome内核 -->
<meta name="renderer" content="webkit"> <!-- 启用360浏览器webkit内核 -->

<!-- 安全策略 -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
<meta name="referrer" content="strict-origin-when-cross-origin">

<!-- 移动端优化 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"> <!-- 响应式布局，支持刘海屏 -->
<meta name="HandheldFriendly" content="true"> <!-- 优化老式移动浏览器 -->
<meta name="MobileOptimized" content="320"> <!-- 微软老式浏览器优化 -->

<!-- iOS设备优化 -->
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- 启用WebApp全屏模式 -->
<meta name="apple-mobile-web-app-title" content="应用标题"> <!-- 主屏应用标题 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <!-- 状态栏样式 -->
<meta name="apple-itunes-app" content="app-id=yourAppID, app-argument=yourURL"> <!-- 智能App广告条 -->
<meta name="apple-touch-fullscreen" content="yes"> <!-- iOS全屏支持 -->

<!-- 禁止自动检测 -->
<meta name="format-detection" content="telephone=no, email=no, address=no"> <!-- 禁用电话、邮箱、地址自动链接 -->

<!-- 国内浏览器优化 -->
<meta name="screen-orientation" content="portrait"> <!-- UC/QQ强制竖屏 -->
<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"> <!-- QQ应用模式 -->
<meta http-equiv="Cache-Control" content="no-siteapp"> <!-- 禁止百度转码 -->

<!-- Windows Phone优化 -->
<meta name="msapplication-tap-highlight" content="no"> <!-- 禁用点击高光 -->
<meta name="msapplication-TileColor" content="#000000"> <!-- 磁贴颜色 -->
<meta name="msapplication-TileImage" content="/mstile-144x144.png"> <!-- 磁贴图标 -->

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="网站名称">
<meta property="og:title" content="页面标题">
<meta property="og:description" content="页面描述">
<meta property="og:url" content="https://example.com">
<meta property="og:image" content="/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="图片描述">
<meta property="og:locale" content="zh_CN">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@username">
<meta name="twitter:creator" content="@username">
<meta name="twitter:title" content="页面标题">
<meta name="twitter:description" content="页面描述">
<meta name="twitter:image" content="/twitter-card.png">
<meta name="twitter:image:alt" content="图片描述">

<!-- 社交媒体链接 -->
<meta property="og:see_also" content="https://www.facebook.com/yourpage">
<meta property="og:see_also" content="https://www.instagram.com/youraccount">
<meta property="og:see_also" content="https://www.youtube.com/@yourchannel">
<meta property="og:see_also" content="https://github.com/yourusername">

<!-- 性能优化 -->
<meta name="theme-color" content="#000000"> <!-- 浏览器主题色 -->
<meta name="color-scheme" content="light dark"> <!-- 支持深色模式 -->

<!-- 缓存控制 -->
<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"> <!-- 立即过期 -->

<!-- 其他实用标签 -->
<meta name="application-name" content="应用名称">
<meta name="msapplication-tooltip" content="应用工具提示">
<meta name="msapplication-starturl" content="/">
<meta name="generator" content="编辑器名称">
<meta name="rating" content="general"> <!-- 内容分级 -->
<meta name="distribution" content="global"> <!-- 发布范围 -->
<meta name="revisit-after" content="7 days"> <!-- 重新访问间隔 -->