Open Graph กับ Twitter Cards แตกต่างกันอย่างไร?

Open Graph เป็นมาตรฐานที่ใช้โดย Facebook, LinkedIn และ Slack ในขณะที่ Twitter Cards เป็นของ X โดยเฉพาะ แพลตฟอร์มที่ทันสมัยส่วนใหญ่จะย้อนกลับไปใช้แท็ก Open Graph หากแท็กเฉพาะของ Twitter ไม่มี

ทำไมรูปภาพตัวอย่างของฉันจึงไม่ปรากฏขึ้น?

แพลตฟอร์มโซเชียลต้องการ URL แบบสัมบูรณ์สำหรับรูปภาพ เช่น `https://example.com/image.jpg` ตรวจสอบให้แน่ใจว่ารูปภาพของคุณสามารถเข้าถึงได้แบบสาธารณะและตรงตามข้อกำหนดขนาดขั้นต่ำของแพลตฟอร์ม

เครื่องมือนี้บันทึกข้อมูลเว็บไซต์ของฉันหรือไม่?

ไม่ การสร้างแท็กทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ และไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ของเราหรือจัดเก็บภายนอก

ฉันจะรีเฟรชการแสดงตัวอย่างหลังจากอัปเดตแท็กได้อย่างไร?

แพลตฟอร์มอย่าง Facebook และ X จะแคชข้อมูลเมตา ใช้เครื่องมือ 'Debugger' หรือ 'Card Validator' อย่างเป็นทางการเพื่อบังคับให้มีการครอว์ล URL ที่อัปเดตของคุณอีกครั้ง

สีและการออกแบบ

ตัวสร้าง Open Graph / Twitter Card

Every social meta tag, preview-ready.

Runs in your browser

TitleDescriptionURLImage URLTwitter @handleType

Meta tags

<title>AnytimeConvert</title>
<meta name="description" content="100% free online converters for units, currency, dates, code, text and files." />

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://anytimeconvert.com" />
<meta property="og:title" content="AnytimeConvert" />
<meta property="og:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta property="og:image" content="https://anytimeconvert.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@anytimeconvert" />
<meta name="twitter:title" content="AnytimeConvert" />
<meta name="twitter:description" content="100% free online converters for units, currency, dates, code, text and files." />
<meta name="twitter:image" content="https://anytimeconvert.com/og.png" />

lines: 18chars: 1011size: 1011 B

live

Preview

anytimeconvert.com

AnytimeConvert

100% free online converters for units, currency, dates, code, text and files.

หมายเหตุจากบรรณาธิการ

Understanding · A title, a description, a 1200×630 image.

บทเชิงลึกนี้มีให้บริการเฉพาะภาษาอังกฤษในขณะนี้ เครื่องมือแปลงด้านบนทำงานในภาษาของคุณ บทความอธิบายแบบยาวยังไม่ได้แปล

คำถามที่พบบ่อย

Quick answers.

›What is the difference between Open Graph and Twitter Cards?

Open Graph is the standard used by Facebook, LinkedIn, and Slack, while Twitter Cards are specific to X. Most modern platforms will fall back to Open Graph tags if Twitter-specific tags are missing.

›Why is my preview image not appearing?

Social platforms require absolute URLs for images, such as `https://example.com/image.jpg`. Ensure your image is publicly accessible and meets the platform's minimum dimension requirements.

›Does this tool save my website data?

No. All tag generation happens locally in your browser, and no data is sent to our servers or stored externally.

›How do I refresh a preview after updating tags?

Platforms like Facebook and X cache meta data. Use their official 'Debugger' or 'Card Validator' tools to force a re-crawl of your updated URL.

ผู้คนยังค้นหา

เครื่องมือที่เกี่ยวข้อง

More in this room.

ดูทั้งหมดใน สีและการออกแบบ