Meta 标签生成器

生成完整的 SEO meta 标签，包括 Open Graph 和 Twitter Card。可实时预览 Google 搜索结果和社交分享卡片。


    

  




  


  
  

  
  
  
  

    
功能特性

    

      
      

        
        标题 / 描述 / 关键词
      

      
      

        
        Open Graph 标签
      

      
      

        
        Twitter Card 标签
      

      
      

        
        Google 搜索结果预览
      

      
      

        
        社交平台分享预览
      

      
    

  

  

  
  

    
使用方法

    

      
        
        
1. 填入标题、描述、图片 URL 等字段。

        
        
2. 实时预览 Google 搜索结果和社交分享卡片。

        
        
3. 复制生成的 HTML 并粘贴到页面的 <head> 中。

        
      
    

  


  
  
  
  

    
关于这个工具

    

      
      
Meta 标签在用户点击之前，就告诉搜索引擎和社交网络这个页面讲的是什么。这个生成器一次写好所有基本标签：title 标签、meta description、关键词、作者和规范网址，以及控制链接在 Facebook、LinkedIn 和聊天应用中显示效果的 Open Graph 标签，还有用于 X 的 Twitter Card 标签。填写字段后，复制一段可直接粘贴到页面 <head> 中的代码即可。好的标签不能让质量差的页面排名靠前，但会显著影响用户是否点击：大约 50–60 个字符的具体标题，加上与页面内容相符、约 150–160 个字符的描述效果最好。字段值会被转义，引号和尖括号不会破坏你的 HTML。

      
    

  

  

  
  
  
  

    
常见问题

    
    

      标题和描述应该多长？
      
标题大约 50–60 个字符，描述大约 150–160 个字符。搜索引擎按像素宽度而不是精确字符数截断，所以请把最重要的词放在前面。中文字符更宽，建议标题控制在 30 个汉字左右。

    

    
    

      meta keywords 标签对排名有帮助吗？
      
没有。Google 多年前就不再把 meta keywords 用于排名。生成器保留这个字段，是因为一些站内搜索工具仍会读取它，你完全可以留空。

    

    
    

      规范网址有什么用？
      
当同一内容可以通过多个地址访问时（例如带跟踪参数的网址，或同时存在 http 和 https），它告诉搜索引擎哪个网址是首选版本，帮助把排名信号集中到一个页面上。

    

    
    

      Open Graph 和 Twitter 卡片用多大的图片最好？
      
使用 1200 × 630 像素的图片（比例约 1.91:1），重要内容不要靠近边缘。生成器会把 twitter:card 设为 summary_large_image，让 X 上也使用同一张大图。

    

    
    

      为什么改了标签后链接预览没有更新？
      
社交平台会缓存预览。请使用 Facebook 的分享调试工具或 LinkedIn 的 Post Inspector 重新抓取页面，并确保图片网址是绝对地址且可以公开访问。

    

    
  

  

  
  
  

    
相关工具

    

      
      
        

          
        

        
IP 查询

        
查看任意 IP 地址的详细信息 —— 位置、国家、城市、运营商、时区等。打开页面默认显示你自己的 IP。...

      
      
      
        

          
        

        
Favicon 生成器

        
上传一张方形图片，下载所需的全部 favicon 尺寸，并附带可直接粘贴的 HTML link 标签。...

      
      
      
        

          
        

        
占位图生成器

        
生成任意尺寸、颜色和文字的纯色占位图 —— 适用于设计稿和原型。...

      
      
      
        

          
        

        
HTML 格式化

        
在左侧粘贴杂乱或压缩的 HTML，右侧立即得到带有正确缩进的整洁版本。...

      
      
      
        

          
        

        
CSS 格式化

        
粘贴 CSS 或压缩后的 CSS，可美化为带缩进的版本，也可压缩为生产环境用的单行版本。...

      
      
      
        

          
        

        
JavaScript 格式化

        
粘贴 JavaScript 代码（包括压缩过的代码），即可得到整洁、带缩进的版本。...

      
      
      
        

          
        

        
SQL 格式化

        
粘贴 SQL 查询，立即获得带缩进、关键字大写的整洁版本。...

      
      
      
        

          
        

        
XML 格式化

        
粘贴 XML 文档以正确缩进格式化，或压缩为单行。...