OG DockOPEN GRAPH PREVIEW LAB

CHROME EXTENSION · VERSION 0.1

เห็นการ์ดก่อนแชร์รู้ที่มาทุก fallback

OG Dock อ่าน Server HTML แบบไม่ส่งคุกกี้ แล้วพาไล่ดู Open Graph, Twitter metadata, รูป และลำดับ tag พร้อมจำลองว่าลิงก์อาจปรากฏอย่างไร บนแต่ละแพลตฟอร์ม

ดูเคสจาก URL จริง อ่านนโยบายความเป็นส่วนตัว
  • Server HTML · No cookies
  • Localhost ready
  • No telemetry
หน้าจอ OG Dock แสดง inspection target, Server HTML และ platform preview
ภาพจากตัว extension · reviewed demo capture
01อ่าน response จาก server ก่อน
02บอกว่า field ไหนชนะและมาจากไหน
03แยก simulation ออกจากหลักฐานจริง

WHY OG DOCK

แกะปัญหา link preview โดยไม่ต้องเดา

การ์ดผิดหนึ่งใบอาจมาจาก tag ซ้ำ, fallback คนละตัว, รูปเข้าถึงไม่ได้ หรือ HTML ที่ server กับ browser เห็นไม่เหมือนกัน
TRACE

ตามรอย metadata

ดู source order, raw tag, canonical, JSON-LD และเหตุผลที่แต่ละ platform เลือกค่าหนึ่งเหนืออีกค่า

COMPARE

เทียบ Server กับ Rendered

รักษา Server HTML เป็นหลักฐานหลัก ผู้ใช้เปิด Browser-rendered DOM ได้เอง และ OG Dock อาจลอง fallback นี้อัตโนมัติหลัง redirect ที่หยุดไว้ หรือ social response ที่อ่าน core metadata ได้ไม่ครบ เมื่อมี site access แล้ว

INSPECT

ตรวจรูปอย่างตั้งใจ

เช็ก status, MIME, dimensions และ ratio ของภาพ โดยรูปสาธารณะยังคง click-to-load ไม่ดาวน์โหลดเงียบ ๆ เพียงเพราะเปิด extension

REAL-WORLD LAB · CHECKED 28 SEP 2026

URL จริงจากผู้นำบริษัท — ทั้งเคสง่ายและเคสชวนสงสัย

ชุดนี้ใช้สำรวจ response แบบ Chrome-like และไม่ส่งคุกกี้ ผลอาจเปลี่ยนตาม region, public visibility, session และมาตรการป้องกัน bot ของแต่ละเว็บ

Server HTML พร้อมอ่าน

เริ่มเห็น card และ trace ได้จาก response หลัก

SERVER HTML

X

Sundar Pichai

CEO · Google and Alphabet

โพสต์สาธารณะส่ง title, description และภาพผ่าน OG/Twitter metadata ใน Server HTML ได้ครบ

เปิด URL ทดสอบ
SERVER HTML

YouTube

Neal Mohan

CEO · YouTube

หน้า channel มี OG/Twitter metadata พร้อมคำอธิบายและภาพขนาดใหญ่ เหมาะสำหรับดู card ที่สมบูรณ์

เปิด URL ทดสอบ
SERVER HTML

LinkedIn

Satya Nadella

Chairman and CEO · Microsoft

หน้า public profile ส่ง title, description และ profile image มาใน response แบบไม่ใช้คุกกี้

เปิด URL ทดสอบ

หน้า social ที่ซับซ้อน

เหมาะสำหรับดู permission, redirect และ Browser-rendered fallback

RENDERED CASE

TikTok

Shou Chew

CEO · TikTok

response ทั่วไปอาจเป็น WAF shell ที่ไม่มี core OG จึงเป็นเคสที่ดีสำหรับดู Browser-rendered fallback

เปิด URL ทดสอบ
RENDERED CASE

Facebook

Mark Zuckerberg

Founder, Chairman and CEO · Meta

anonymous response อาจถูกปฏิเสธหรือมี metadata ไม่ครบ ผล rendered จึงขึ้นกับ public access และ session

เปิด URL ทดสอบ
RENDERED CASE

Instagram

Mark Zuckerberg

Founder, Chairman and CEO · Meta

ใช้เป็น target URL เพื่อดู metadata/rendered comparison ได้ แต่ OG Dock ไม่มี Instagram simulation tab

เปิด URL ทดสอบ

URL เหล่านี้เป็นตัวอย่างสำหรับเรียนรู้ ไม่ใช่ endorsement หรือคำรับรองผลจากแพลตฟอร์ม และ Browser-rendered result ไม่ใช่หลักฐานว่า crawler ภายนอกเห็นเหมือนกัน

หน้าจอ OG Dock แสดง X simulation และแหล่งที่มาจาก Server HTML

PLATFORM-AWARE SIMULATION

ไม่ได้บอกแค่ว่า “ผ่าน” — แต่บอกว่าทำไม

เลือก platform แล้วดู card ควบคู่กับ source badge, fallback trace, issues และ raw data จึงแก้ที่ต้นเหตุได้โดยไม่ต้องสลับเว็บ debugger หลายแห่ง

  • เห็น field ที่ถูกเลือกและ fallback ที่ถูกข้าม
  • แยก field state: Server tag, Fallback, Missing และ Unknown
  • จัด diagnostic severity เป็น Blocker, Warning, Info หรือ Unknown
  • คงป้าย Simulation ไว้ชัดเจนทุกครั้ง

QUICK GUIDE

จาก URL ถึงคำตอบในสี่จังหวะ

  1. 1

    เลือกหน้า

    กดไอคอน OG Dock บนแท็บปัจจุบัน หรือวาง URL แล้วอนุญาต site access ที่ต้องใช้

  2. 2

    อ่าน Server HTML

    เริ่มจาก response แบบ no cookies, no-store, no-referrer และหยุดก่อนตาม redirect

  3. 3

    เปิด simulation

    สลับแพลตฟอร์ม ดู trace และกดโหลดรูปเมื่อพร้อมตรวจ bytes ของรูปจริง

  4. 4

    เทียบ Rendered เมื่อจำเป็น

    ใช้กับหน้า JavaScript, redirect หรือ social page ที่ HTML หลักไม่มี core metadata

PREVIEW SURFACES

จำลองหลายปลายทาง โดยยังยึดหลักฐานชุดเดียวกัน

กฎและหน้าตาของ platform เปลี่ยนได้เสมอ OG Dock จึงเรียกผลเหล่านี้ว่า simulation ไม่ใช่คำรับรองภาพสุดท้ายหรือ cache ของบริการจริง

  • X
  • TikTok · Experimental
  • Facebook
  • Google
  • Discord
  • LINE
  • LinkedIn
  • Slack
  • Telegram
  • WhatsApp

Instagram URL ตรวจเป็น target ได้ แต่ไม่มี Instagram simulation surface; ส่วน TikTok เป็น experimental generic Open Graph approximation

PRIVATE BY DESIGN

ผลตรวจอยู่ใน Chrome ไม่วิ่งเข้าหา OG Dock backend

URL, Server HTML, metadata, รูป และ rendered snapshot อยู่ใน memory ของหน้าต่าง Chrome ปัจจุบัน ส่วนข้อมูลที่คงอยู่มีเฉพาะ preferences, permission provenance ที่จำเป็น และ hostname classification ใน chrome.storage.local

อ่าน Privacy Policy ฉบับเต็มอ่านคำถามที่พบบ่อย

FAQ

ก่อนใช้ OG Dock

ภาพจำลองจะเหมือน card จริงทุกครั้งไหม?

ไม่รับประกัน แพลตฟอร์มอาจใช้ crawler, cache, crop และ fallback ของตนเอง OG Dock ช่วยอธิบายหลักฐานที่ตรวจได้และติดป้าย Simulation ไว้เสมอ

ทำไม Server HTML ต่างจากหน้าที่ล็อกอินอยู่?

การตรวจหลักไม่ส่งคุกกี้ จึงใกล้กับ anonymous response ส่วน Browser-rendered DOM อาจใช้ session ใน Chrome และรัน JavaScript/third-party requests ของหน้านั้น

ใช้กับ localhost และระบบภายในได้ไหม?

ได้ เมื่อผู้ใช้อนุญาต site access และควรจำไว้ว่าลิงก์หรือรูปในเครือข่ายส่วนตัว มักเข้าถึงไม่ได้จาก crawler สาธารณะ

OG Dock เก็บประวัติ URL ไว้หรือเปล่า?

ไม่ตั้งใจเก็บ inspection history แบบถาวร ผลตรวจอยู่ใน memory ของ Chrome window ปัจจุบัน และการตั้งค่าที่จำเป็นเท่านั้นจึงอยู่ใน local extension storage