页面详情
29 / 60
117 / 160
预览
Google SERP 预览
https://example.com/my-page
My Awesome Page — Brand Name
A compelling description of your page that appears in search results.
社交分享预览
example.com My Awesome Page — Brand Name A compelling description.
生成的 HTML 

            


        

    






        
        


        


        
        

            Meta 标签在您的浏览器中生成。不会发送到服务器。
            
        


    


    
    


        
Meta 标签 & Open Graph 生成器


        

            

                
工具功能

                
填写页面详情，工具即时生成所有需要的 meta 标签：主要 SEO 标签、用于社交分享的 Open Graph 标签和 Twitter Card 标签。SERP 预览显示您的标题和描述在 Google 搜索结果中的外观，社交预览显示 OG 卡片在社交平台上的效果。

            

            

                
使用方法

                
    
                    
  1. 输入页面标题、URL 和 meta 描述。
    2. 
                    
  2. 观察 SERP 和社交预览实时更新。
    3. 
                    
  3. 检查字符计数器——保持在推荐限制内。
    4. 
                    
  4. 点击复制，将 HTML 粘贴到页面的 <head> 部分。
    5. 
                

            

        

        

            
常见问题

            

                什么是 meta 标签？
                
meta 标签是向搜索引擎和社交平台描述页面内容的 HTML 元素，位于 `<head>` 部分，用户看不到。最重要的是 title 标签、meta description 和 Open Graph 标签。

            

            

                title 标签多长最合适？
                
Google 在搜索结果中通常显示 title 标签的 50–60 个字符，超过 60 个字符可能被截断。请把最重要的关键词放在开头。

            

            

                什么是 Open Graph 标签？
                
Open Graph（OG）标签控制页面在 Facebook、LinkedIn、Slack 及大多数社交平台上分享时的显示效果。关键标签是 og:title、og:description 和 og:image，图片最好至少 1200×630 像素。

            

            

                什么是规范网址（canonical URL）？
                
canonical 标签（`<link rel="canonical">`）告诉搜索引擎哪个 URL 是页面的权威版本。当相同或相似内容存在于多个 URL 时使用，例如带和不带结尾斜杠的页面。

            

            

                robots meta 标签有什么作用？
                
`index, follow` 是默认值，搜索引擎会索引页面并跟踪其链接。`noindex` 阻止页面出现在搜索结果中，`nofollow` 阻止链接权重传递给被链接页面。感谢页、后台区域和重复内容适合使用 noindex。