Stax
Tools

Meta Tag Preview

Preview how your page looks in Google Search and social shares.

stax.tools
Stax Tools — Free Online Developer & Finance Tools
100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private.
<!-- Primary Meta Tags -->
<title>Stax Tools — Free Online Developer & Finance Tools</title>
<meta name="title" content="Stax Tools — Free Online Developer & Finance Tools" />
<meta name="description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://stax.tools" />
<meta property="og:title" content="Stax Tools — Free Online Developer & Finance Tools" />
<meta property="og:description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." />
<meta property="og:image" content="https://stax.tools/og-image.png" />
<meta property="og:site_name" content="Stax Tools" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://stax.tools" />
<meta name="twitter:title" content="Stax Tools — Free Online Developer & Finance Tools" />
<meta name="twitter:description" content="100+ free browser-based tools — JSON formatter, EMI calculator, QR code generator, and more. No sign-up, no server, 100% private." />
<meta name="twitter:image" content="https://stax.tools/og-image.png" />
<meta name="twitter:site" content="@staxtools" />

เครื่องมือ Meta Tag Preview ทำงานอย่างไร

เครื่องมือ meta tag preview แสดงผลว่าหน้าเว็บของคุณจะปรากฏอย่างไรในผลการค้นหา Google การแชร์บน Facebook Twitter card และโพสต์ LinkedIn ทั้งหมดในอินเทอร์เฟซเดียว ใส่ title, description, URL และ Open Graph image URL เพื่อดูตัวอย่างที่แม่นยำก่อนเผยแพร่ จากนั้นคัดลอก HTML meta tag block ที่สมบูรณ์พร้อมวางใน page head

Google แสดง title tag ที่ความกว้างประมาณ 600 pixels ซึ่งสอดคล้องกับ 50–60 ตัวอักษรของข้อความความกว้างเฉลี่ย title ที่สั้นกว่า 50 ตัวอักษรอาจดูสั้นเกินไปและพลาดโอกาสของ keyword ส่วน title ที่ยาวกว่า 60 ตัวอักษรจะถูกตัดด้วยจุดไข่ปลา ตัวอย่างแสดงการตัดแบบ real time ใส่ keyword หลักไว้ใกล้ต้น title และพิจารณาเพิ่มชื่อแบรนด์ท้าย title คั่นด้วยเส้นแนวตั้งหรือขีดกลาง

Meta description ปรากฏในผลการค้นหาใต้ title และ URL Google แสดงได้ประมาณ 920 pixels (ราว 150–160 ตัวอักษร) บน desktop และ 130 ตัวอักษรบน mobile ก่อนตัด แม้ meta description ไม่ใช่ ranking factor โดยตรง แต่ description ที่น่าสนใจช่วยเพิ่มอัตราการคลิก ซึ่งเป็นสัญญาณผู้ใช้ ตัวอย่างแสดงความยาวการตัดทั้ง desktop และ mobile พร้อมกัน ช่วยให้คุณปรับให้เหมาะสมกับทั้งสองแบบ

Facebook, LinkedIn และโซเชียลเน็ตเวิร์กส่วนใหญ่ใช้ og:image meta tag สำหรับภาพ link preview ขนาดที่แนะนำคือ 1200×630 px (อัตราส่วน 1.91:1) ขั้นต่ำ 600×315 px Twitter's summary_large_image card ใช้ค่าแนะนำ 1200×630 px เหมือนกัน ภาพต้องให้บริการผ่าน HTTPS และควรน้อยกว่า 8 MB ตัวอย่างแสดง social card mockup ที่สมจริงโดยใช้ URL ภาพของคุณเพื่อยืนยันว่าขนาดและการครอบภาพถูกต้อง

Twitter Card ต้องการ twitter:card (กำหนดเป็น summary หรือ summary_large_image), twitter:title, twitter:description และ twitter:image ประเภท summary_large_image แสดงภาพความกว้างเต็มเหนือข้อความ ซึ่งมีผลกระทบทางสายตาที่มากกว่า thumbnail เล็กของ summary card พื้นฐาน หากไม่มี twitter: tags Twitter จะใช้ og: tags แทน meta tag preview แสดงทั้งสองประเภท card และสร้าง tag set ที่สมบูรณ์สำหรับการกำหนดค่าที่คุณเลือก

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

What is an OG image?
OG (Open Graph) image is the large preview image that appears when your URL is shared on social media like Facebook, LinkedIn, or Twitter/X. The recommended size is 1200×630 pixels (1.91:1 ratio). Without an OG image, social platforms pick any image from the page.
What is the ideal meta title length?
Google typically displays up to 60 characters in search results. Titles longer than 60 characters get truncated with '…'. Keep your most important keywords near the start of the title.
What is the ideal meta description length?
Google displays approximately 155–160 characters in search snippets. Descriptions longer than 160 characters are truncated. Include your primary keyword and a clear call to action.
What is Twitter Card?
Twitter Card is Twitter/X's version of Open Graph. The summary_large_image card type shows a large preview image above the tweet. Set twitter:card to summary_large_image and provide twitter:image for best visual impact.
Do meta tags affect SEO rankings?
Meta description does not directly affect rankings but strongly influences click-through rate in search results, which is an indirect ranking signal. Meta title is a confirmed ranking factor for Google.

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