오픈 그래프 생성기
소셜 공유를 위한 오픈 그래프 메타 태그 생성
미리보기(페이스북/링크드인)
EXAMPLE.COM
Your Page Title
A description of your page content goes here.
생성된 HTML
Use these tools directly in Chrome
Install the DailyDevTools extension — access all tools from your browser toolbar
What is Open Graph Generator?
Open Graph (OG) tags are HTML meta tags in the head section that control how URLs are displayed when shared on Facebook, LinkedIn, Slack, WhatsApp, and other platforms. Without proper OG tags, link previews show random content or no image at all. DailyDevTools' Open Graph Generator builds the complete og: meta tag set — og:title, og:description, og:image, og:type, og:url — with a live preview.
How to use Open Graph Generator
- 1Fill in your page title, description, image URL, and page type (website, article, product)
- 2Preview how the link will appear when shared on Facebook and LinkedIn
- 3Set og:image to a 1200×630px image for optimal display across all platforms
- 4Copy the generated meta tag block and paste it between your page's head tags
Frequently asked questions
Comments
당신은 또한 좋아할 수도 있습니다
다른 인기 있는 개발자 도구 살펴보기