[{"data":1,"prerenderedAt":46},["ShallowReactive",2],{"tool-content-en-open-graph-card-generator":3},{"id":4,"title":5,"body":6,"description":37,"extension":38,"locale":39,"meta":40,"navigation":41,"path":42,"seo":43,"stem":44,"toolId":12,"__hash__":45},"tools\u002Ftools\u002Fen\u002Fopen-graph-card-generator.md","Open Graph Card Generator",{"type":7,"value":8,"toc":32},"minimark",[9,13,17,29],[10,11,5],"h2",{"id":12},"open-graph-card-generator",[14,15,16],"p",{},"Fill in the title, description, URL, and image to see a live preview of the link card on Facebook, X, LinkedIn, and Slack. The checks panel points out missing or over-long fields, relative URLs, and handle formatting problems before you ship.",[14,18,19,20,24,25,28],{},"Copy the generated Open Graph and Twitter Card tags as plain HTML, a Next.js ",[21,22,23],"code",{},"Metadata"," object, or a Nuxt ",[21,26,27],{},"useSeoMeta"," call. You can also paste existing meta tags to import the current values into the form.",[14,30,31],{},"Everything runs locally in your browser — no page is fetched and nothing is uploaded.",{"title":33,"searchDepth":34,"depth":34,"links":35},"",2,[36],{"id":12,"depth":34,"text":5},"Preview how links render on Facebook, X, LinkedIn, and Slack, and generate Open Graph and Twitter Card meta tags for HTML, Next.js, or Nuxt.","md","en",{},true,"\u002Ftools\u002Fen\u002Fopen-graph-card-generator",{"title":5,"description":37},"tools\u002Fen\u002Fopen-graph-card-generator","u8nLb6kygunvpGvTTuKAfBgA63hl_UGpxcpMihRc6OM",1792391419685]