Nothing is fetched or uploaded. Paste the tags from your page source and they are parsed in your browser.
<!-- Open Graph / Facebook / LinkedIn / Slack / Discord --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://toolz.dev/tools/open-graph-preview" /> <meta property="og:title" content="Open Graph Preview: Test Social Cards Before You Ship" /> <meta property="og:description" content="Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your og: tags and copy a correct meta block." /> <meta property="og:site_name" content="Toolz" /> <meta property="og:image" content="https://toolz.dev/og-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="Open Graph Preview: Test Social Cards Before You Ship" /> <!-- X / Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://toolz.dev/tools/open-graph-preview" /> <meta name="twitter:title" content="Open Graph Preview: Test Social Cards Before You Ship" /> <meta name="twitter:description" content="Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your og: tags and copy a correct meta block." /> <meta name="twitter:image" content="https://toolz.dev/og-image.png" /> <meta name="twitter:site" content="@toolz" /> <meta name="twitter:creator" content="@toolz" />

toolz.dev
Open Graph Preview: Test Social Cards Before You Ship
Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your og: tags and copy a correct meta block.

toolz.dev
Open Graph Preview: Test Social Cards Before You Ship
Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your og: tags and copy a...

Open Graph Preview: Test Social Cards Before You...
Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your...
toolz.dev

Open Graph Preview: Test Social Cards Before You Ship
toolz.dev
Toolz
Open Graph Preview: Test Social Cards Before You Ship
Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your og: tags and copy a correct meta block.

Toolz
Open Graph Preview: Test Social Cards Before You Ship
Preview how your link looks on Facebook, X, LinkedIn, Slack, and Discord. Validate your og: tags and copy a correct meta block.

Recommended image: 1200x630 (1.91:1), served over HTTPS at an absolute URL. Platforms cache scraped previews, so re-scrape the URL in each platform's debugger after you ship a change.

כלי תצוגה מקדימה של Open Graph מראה לך איך ייראה קישור משותף לפני שתפרסם אותו. אתה מזין את השדות og:title, og:description, og:image, og:url ו-Twitter Card שלך - או מדביק את גוש המטא תגיות שכבר יש לך - והכלי מציג כרטיסים חברתיים משוערים עבור Facebook, X/Twitter, LinkedIn, Slack ו-Discord זה לצד זה. במקום לדחוף דף בשידור חי, לשתף אותו ולגלות שהכותרת נחתכת לשניים או שהתמונה לעולם לא נטענת, אתה רואה את הבעיה בזמן שאתה עדיין יכול לתקן אותה.
פרוטוקול Open Graph הוא אוצר המילים המשותף שכמעט כל פלטפורמה משתמשת בו כדי לבנות את הכרטיסים האלה. מגרד מבקר בדף שלך, קורא את ה-og: מטא תגיות ב-<head>, ומרכיב מהם תצוגה מקדימה. המלכוד הוא שכל פלטפורמה מעבדת את אותם תגים בצורה שונה: X מקצץ תיאורים בכ-110 תווים בעוד שפייסבוק מראה קרוב יותר ל-155, לינקדאין מסתירה את התיאור כולו על משטחים מסוימים, וסלאק ממוטט הכל לקובץ מצורף קומפקטי. שדה שנראה בסדר בכרטיס אחד יכול להיות מעוות באחר, וזו הסיבה שתצוגה מקדימה של כולם בבת אחת היא הבדיקה האמינה היחידה.
כלי זה פועל כולו בדפדפן שלך ואינו מבצע שיחות רשת לאתר שלך. זה לא מביא את כתובת האתר שלך או מגרד את הדף שלך - זה עובד מהתגים שאתה נותן לו, או מוקלד בטופס או מודבק כ-HTML גולמי ומנתח באופן מקומי. זה אומר שאתה יכול לאמת מטא נתונים עבור דפים שנמצאים מאחורי התחברות, בדומיין בימוי, או שאינם פרוסים כלל, ושום דבר שאתה מזין לא מועלה לעולם.
מלא את og:title, og:description, og:image, og:url ושדות כרטיס הטוויטר. אם לדף כבר יש מטא תגיות, הדבק את ה-HTML הגולמי בתיבת הניתוח והכלי טוען כל תג מזוהה בטופס עבורך.
כל שדה מקבל סטטוס מעבר, אזהרה או כישלון מול מגבלות פלטפורמה אמיתיות: אורך כותרת, אורך תיאור הן עבור X והן עבור פייסבוק, האם כתובת האתר של התמונה היא מוחלטת ו-HTTPS, והאם הידיות שלך תקפות.
סקור את כרטיסי Facebook, X Large-Image, X סיכום, LinkedIn, Slack ו-Discord. חתוך את הכותרת או התיאור שלך עד שכל כרטיס יקרא בצורה נקייה, ואשר את טעינות התמונה ביחס הגובה-רוחב הנכון.
העתק את בלוק התגים <meta> המוגמר והדבק אותו בראש הדף שלך, או הזן את הערכים לתוך ה-API של Framework Metadata שלך. לאחר מכן גזל מחדש את כתובת האתר בכל ניפוי באגים בפלטפורמה כדי לנקות כל תצוגה מקדימה במטמון.
מעבד כרטיסי פייסבוק, X (שני סגנונות הקלפים), LinkedIn, Slack ו-Discord משוערים מאותו סט תגים, כך שתוכל לזהות את הפלטפורמה שנשברת
הכנס ראש עמוד או בלוק רופף של מטא HTML והמנתח המובנה נטען כל OG: וטוויטר: תג שהוא מזהה ישר לתוך הטופס
סטטוסים של העבר, אזהרה וכשל עבור כל שדה מול מגבלות הפלטפורמה הנוכחיות, כולל מגבלות התיאור השונות בהן משתמשים X ו-Facebook
מסמן נתיבים יחסיים, תמונות שאינן HTTPS ותמונות חסרות, ומזכיר לך את ההמלצה בגודל 1200x630 (1.91:1) שכל כרטיס תמונה גדולה מניחה
Generate SEO, Open Graph, and Twitter Card meta tags for any page, with live preview and length checks
Build valid schema.org JSON-LD for Organization, Article, Product, FAQ, LocalBusiness, Breadcrumb, and more - copy the ready-to-paste script tag. 100% client-side.
Check one name across hundreds of TLDs at once. RDAP first, WHOIS fallback, and a verdict of available, taken or unknown — never a guess
Break any URL into its parts - scheme, host, port, path, query, and fragment - and read the query string as a clean, decoded key-value table.
0 comments
No comments yet. Be the first to share your thoughts!