מחולל תגיות OGP ‏(פלט אוטומטי ל-og:title, ‏og:image ועוד)

הזן URL, כותרת, תיאור ו-URL של תמונה. צור תגיות Open Graph ו-Twitter Card במקום אחד.

מוכן להעתקה והדבקה תצוגה מקדימה מובנית הנחיות לתמונות ול-cache

איך משתמשים

  1. פתח את הכלי והזן canonical URL, כותרת ו-URL של תמונה.
  2. לפי הצורך הוסף תיאור, שם אתר והגדרות Twitter.
  3. העתק את תגיות ה-meta שנוצרו והדבק אותן ב-head של הדף.
  4. בדוק את התצוגה המקדימה וההערות, ואז התאם יחס תמונה או אסטרטגיית cache לפי הצורך.

מהו OGP?

Open Graph Protocol ‏(OGP) הוא מטא-דאטה המשמש פלטפורמות חברתיות ואפליקציות צ'אט כדי להציג תצוגות מקדימות של קישורים.

באמצעות הגדרת ‏og:title, ‏og:description, ‏og:image ותגיות קשורות, אפשר להשפיע על האופן שבו כתובות משותפות נראות.

שילוב OGP עם תגיות Twitter Card מסייע לשמור על התנהגות תצוגה מקדימה עקבית יותר בין פלטפורמות.

הנחיות לגודל תמונה ‏(לתצוגה יציבה יותר של preview)

הנחיות פלטפורמות Meta ‏(לעיון)

  • הפניה מינימלית: ‏200×200.
  • לרוב יציב: ‏1200×630 ומעלה, לפחות ‏600×315.
  • יחס רוחב-גובה מומלץ סביב ‏1.91:1.
  • הנחיית גודל קובץ תמונה כוללת עד ‏8MB.

הנחיות לכרטיסי X ‏(לעיון)

  • summary_large_image מכוון לרוב ליחס של בערך ‏2:1.
  • טווח הייחוס: מינימום ‏300×157, מקסימום ‏4096×4096.
  • הנחיית גודל הקובץ כוללת פחות מ-‏5MB.
  • השתמש ב-JPG/PNG/WEBP/GIF היכן שנתמך.

כאשר עדכונים אינם מופיעים ‏(cache ו-re-scrape)

  • סורקים של רשתות חברתיות עשויים לשמור cache למטא-דאטה שנשלף. השתמש בכלי debugger/inspector של כל פלטפורמה כדי לבקש re-scrape.
  • אם החלפת תמונה אינה משתקפת, שינוי URL של התמונה עשוי לעזור ‏(עדכון שם קובץ או query string).
  • הגדרת ‏og:image:width ו-‏og:image:height עשויה לשפר את יציבות התצוגה במקרים מסוימים.

שאלות נפוצות

אפשר ליצור גם תגיות Twitter Card?

כן. אפשר להפיק יחד את ‏twitter:card ואת התגיות הקשורות. זמין גם מצב מינימלי.

באיזה גודל תמונה כדאי להשתמש?

השתמש בהנחיות המעשיות לפי יעד השיתוף. תצוגות מקדימות מוכוונות Meta משתמשות לעיתים ביחס של בערך ‏1.91:1 ‏(למשל ‏1200×630), ואילו ‏X summary_large_image משתמש לרוב ביחס של בערך ‏2:1 ‏(למשל ‏1200×600).

למה השינויים לא משתקפים?

ברוב המקרים זה קשור ל-cache. בצע re-scrape דרך כלי הפלטפורמות ושקול לשנות את URL של התמונה לאחר החלפה.