tigtools

תצוגה מקדימה של Open Graph

הזינו את התוכן של תגי ה־Open Graph כדי לראות בקירוב כיצד קישור משותף עשוי להיראות, והאם התמונה בגודל הנכון.

פועל בדפדפן שלך ללא הרשמה

הדפדפן טוען את התמונה ישירות מהכתובת שתזינו.

מומלץ: 1200 × 630 px (1.91:1), JPG או PNG, עד כמה מגה-בייט. הרחיקו תוכן חשוב מהשוליים, כי חלק מהאפליקציות חותכות לריבוע.

כרטיס קישור גדול
ללא תמונה
example.com
—
כרטיס קישור קטן
ללא תמונה
example.com
—

כרטיסים אלה הם הערכות כלליות. לכל אפליקציה יש פריסה, גופנים וחיתוך משלה, והיא שומרת תצוגות מקדימות במטמון.

איך להשתמש בו

  1. הזינו את ה־og:title וה־og:description שבהם אתם משתמשים, או מתכננים להשתמש, בדף.
  2. הדביקו את ה־URL המלא של ה־og:image. הכלי טוען אותה ומציג את גודלה האמיתי בפיקסלים.
  3. הוסיפו את כתובת ה־URL של הדף או את הדומיין, ולאחר מכן השוו בין התצוגות המקדימות של הכרטיס הגדול והקטן ותקנו אזהרות.

איך זה עובד

כאשר מישהו משתף קישור, רוב הרשתות החברתיות ואפליקציות הצ'אט שולפות את הדף וקוראות את תגיות ה-Open Graph שלו: og:title, og:description, og:image ו-og:url. לאחר מכן הן בונות כרטיס. תמונה רחבה ביחס של כ-1.91:1 יוצרת בדרך כלל כרטיס גדול עם התמונה למעלה; תמונה קטנה או מרובעת יוצרת לרוב כרטיס קומפקטי עם תמונה ממוזערת לצד הטקסט.

כלי זה מציג שני סגנונות כרטיס כלליים כדי לעזור לכם להעריך את האורך ואת מסגור התמונה. הוא בודק את הגודל הטבעי של התמונה לאחר שהדפדפן טוען אותה: מתחת ל-200 × 200 px אפליקציות רבות מדלגות על התמונה, מתחת ל-600 × 315 px הן נוטות להשתמש בפריסה הקטנה, ויחס רחוק מ-1.91:1 משמעו חיתוך. 1200 × 630 px הוא הגודל המומלץ הנפוץ מכיוון שהוא נשאר חד במסכים בצפיפות גבוהה.

התצוגה המקדימה אינה יכולה להראות בדיוק מה אפליקציה מסוימת תציג. אפליקציות שונות זו מזו במספר השורות של הכותרת והתיאור שהן מציגות, חלקן מתעלמות מהתיאור, ורובן שומרות תצוגה מקדימה במטמון למשך זמן מה לאחר השיתוף הראשון, כך ששינויים בתגיות שלכם עשויים שלא להופיע מיד. פלטפורמות רבות מציעות כלי ניפוי משלהן לרענון המטמון הזה.

דוגמאות

צילום מסך המשמש כ־og:image

צילום מסך בגודל 1440 × 900 הוא ביחס 1.6:1. הכלי מתריע על היחס: בכרטיס גדול החלק העליון והתחתון ייחתכו. ייצוא גרסה של 1200 × 630 מונע הפתעות.

לוגו כתמונה היחידה

לוגו בגודל 180 × 180 קטן מ־200 × 200 פיקסלים, ולכן אפליקציות רבות לא יציגו תמונה. השתמשו בבאנר רחב וגדול יותר הכולל את הלוגו.

בדיקת אורך כותרת

כותרת og:title באורך 90 תווים נשברת לשלוש שורות בתצוגה המקדימה של הכרטיס הגדול. קיצור לכ־60 תווים שומר על כרטיס מסודר ברוב האפליקציות.

שאלות נפוצות

מדוע הקישור שלי נראה שונה ב־Facebook, ב־LinkedIn וב־X?

כל פלטפורמה מציגה כרטיסים עם פריסה, חיתוך ומגבלות טקסט משלה, וחלקן מציגות את התיאור ואחרות לא. תצוגה מקדימה זו היא קירוב כללי, לא העתק של העיצוב של אף פלטפורמה.

שיניתי את og:image אך התמונה הישנה עדיין מופיעה. מדוע?

פלטפורמות שומרות תצוגות מקדימות של קישורים במטמון. השתמשו בכלי ניפוי השיתוף של הפלטפורמה כדי למשוך את הדף שוב, או המתינו לפקיעת המטמון. שינוי שם קובץ התמונה גם עוזר.

האם אפשר להשתמש בתמונת SVG או WebP?

SVG אינו נתמך ברוב הפלטפורמות. WebP עובד באפליקציות רבות אך לא בכולן; JPG או PNG הם הבחירה הבטוחה ביותר.

מדוע הכלי לא מצליח לטעון את התמונה שלי?

ייתכן שה־URL דורש התחברות, מפנה לדף HTML במקום לתמונה, או שהשרת חוסם בקשות מאתרים אחרים. אם הדפדפן לא מצליח לטעון אותה כאן, ייתכן שגם הזחלן של פלטפורמה חברתית לא יצליח.

פרטיות

הטקסט שתזינו נשאר בדפדפן שלכם. כדי לבדוק את התמונה, הדפדפן מבקש אותה ישירות מכתובת ה-URL שהזנתם (מבלי לשלוח Referrer), כך שהשרת רואה בקשת תמונה רגילה. שום דבר לא נשלח אל TIG Tools.