ממיר חינם

תג OG גנרטור

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

0/95
0/200

תצוגה מקדימה של פייסבוק

YOURWEBSITE.COM
כותרת העמוד שלך (מקסימום 95 תווים)
תיאור קצר של הדף שלך (מקסימום 200 תווים)

נוצר HTML

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

אודות כלי זה

תגיות Open Graph (OG) שולטים כיצד דף מופיע בעת שיתוף בפלטפורמות חברתיות. Facebook, LinkedIn, Slack, Discord ורבים אחרים קוראים תגיות OG כדי לבנות כרטיסי תצוגה מקדימה. ללא תגיות OG מתאימות, קישורים משותפים נראים שבורים - סמלים גנריים, תמונות חסרות, כותרות קטומות. בעזרתם, המניות נראות מהוקצעות ושיעורי ההקלקה משתפרים משמעותית.

תגיות ה- OG הסטנדרטיות: og:title (הכותרת המוצגת בתצוגה המקדימה), og:description (קטע הטקסט), og:image (תמונת התצוגה המקדימה, באופן אידיאלי 1200×630), og:url (כתובת אתר קנונית), og:type (בדרך כלל 'אתר' או 'מאמר'). שכבת תגיות כרטיס טוויטר למעלה: טוויטר:כרטיס, טוויטר:כותרת, טוויטר:תיאור, טוויטר:תמונה. רוב הכלים נופלים בחזרה ל-OG כאשר תגים ספציפיים לטוויטר נעדרים.

מחולל זה מייצר סט שלם של תגיות OG ו-Twitter Card מהקלט שלך. הדבק את ה-HTML שנוצר ב-<head> של הדף. התוצאה היא עיבוד נכון של תצוגה מקדימה בכל הפלטפורמות החברתיות הגדולות.

למה להשתמש במחולל תגיות OG

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

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

כיצד להשתמש

מלא את התשומות, קבל את התגים.

  1. הזן כותרת ותיאור: אלו הם מה שמופיעים בתצוגה המקדימה של השיתוף. שמור על כותרת מתחת ל-60 תווים ותיאור מתחת ל-200 תווים לתצוגה נקייה בפלטפורמות.
  2. ספק כתובת אתר של תמונה: 1200×630 פיקסלים הוא הגודל הסטנדרטי. השתמש בכתובת אתר מוחלטת (https://example.com/og-image.png). התמונה חייבת להיות נגישה לציבור - תמונות מאומתות שוברות תצוגות מקדימות.
  3. הגדר את כתובת האתר הקנונית: כתובת האתר של הדף עצמו. משמש כ-og:url ומסייע לפלטפורמות לזהות את המשאב הקנוני גם כאשר הוא משותף באמצעות כתובות אתרים להפניה מחדש.
  4. בחר סוג עמוד: אתר לדפים כלליים, מאמר לפוסטים וחדשות בבלוג, מוצר למסחר אלקטרוני. משפיע על האופן שבו חלק מהפלטפורמות מציגות את התצוגה המקדימה.
  5. העתק את התגים שנוצרו: הכלי מייצר תגיות קישור HTML המוכנות להדבקה ב-<head> של הדף. הגש בקשה באמצעות CMS, מנוע התבניות שלך או ישירות ב-HTML.

מקרי שימוש נפוצים

פרטים טכניים

תגיות OG משתמשים בתכונת meta property (לא שם): <meta property="og:title" content="..." />. תכונת המאפיין נדרשת עבור OG; חלק מהמנתחים מקבלים שם כחלופה, אבל המאפיין נכון.

דרישות תמונה: 1200×630 פיקסלים לעיבוד רשתית, יחס רוחב-גובה של 1.91:1. תגי og:image:width ו-og:image:height עוזרים לפלטפורמות לשמור תמונות בצורה נכונה. og:image:alt מספק טקסט נגישות.

תגיות כרטיס טוויטר משתמשות בתכונת שם: <meta name="twitter:title" content="..." />. טוויטר חוזר לתגיות OG כאשר חסרים טוויטר ספציפיים, כך ש-OG מוגדר היטב מספיק לעתים קרובות. הוספת twitter:card בוחרת במפורש את סוג הכרטיס (תמונה_תמצית_גדולה היא הנפוצה ביותר).

שיטות עבודה מומלצות

שאלות נפוצות

האם אני יכול להתאים אישית את הפלט שנוצר?
כן. הכלי מספק אפשרויות התאמה אישית שונות כדי להתאים את הפלט לצרכים הספציפיים שלך. התאם את ההגדרות לפני היצירה, או צור מחדש עם אפשרויות שונות.
האם התוכן שנוצר בחינם לשימוש?
כן. כל מה שאתה מייצר עם הכלי הזה הוא שלך לשימוש למטרות אישיות, חינוכיות או מסחריות ללא הגבלות או דרישות ייחוס.
האם זה מצריך חשבון?
לא. הכלי מוכן לשימוש מיידי ללא הרשמה, ללא דוא"ל וללא רישום. פשוט פתח את הדף והתחל להפיק.
האם נתוני הקלט שלי נשמרים פרטיים?
כֵּן. כל העיבוד מתרחש בדפדפן שלך. נתוני הקלט והפלט שנוצר לעולם לא נשלחים לשום שרת חיצוני.
האם אוכל להשתמש באותה תמונת OG עבור כל עמוד?
אפשרי אבל לא אופטימלי. תמונות ספציפיות לדף עולות על התמונות הגנריות ברחבי האתר עבור קליקים. השתמש בברירת מחדל ל-fallback, אך הפק תמונות לכל עמוד עבור תוכן חשוב.
האם יש צורך בהצהרת מימד תמונה?
מועיל אך לא חובה בהחלט. og:image:width ו-og:image:height מאפשרים לפלטפורמות לאחסן תמונות במטמון ללא אחזור מחדש כדי לקבוע מידות. מאיץ את השיתופים הבאים.
האם הנתונים שלי מועלים?
לא. הדור מתרחש בדפדפן שלך.
כיצד אוכל לבדוק תגיות OG?
Facebook Sharing Debugger, Twitter Card Validator ו- LinkedIn Post Inspector כל אחד מאחזר ומאמת. השתמש בהם לאחר פריסת תגיות OG חדשות.