Open Graph ו-Twitter Cards: שליטה במראה השיתוף ברשתות חברתיות

תגי OG ו-Twitter Cards שולטים על מראה השיתוף ב-Facebook, LinkedIn, WhatsApp, Twitter. בלעדיהם השיתוף נראה שטוח.

תגי og:title, og:description, og:image, og:url ו-twitter:card, twitter:image שולטים על איך הקישור לאתר נראה כשמשתפים אותו. בלי תגים אלה הפלטפורמות מנחשות, ולרוב מציגות שיתוף שטוח בלי תמונה.

למה זה משנה

שיתוף ב-Facebook עם תמונה גדולה (1200x630px), title מותאם ו-description מקבל פי 5 קליקים בהשוואה לשיתוף-טקסט. ב-LinkedIn ההבדל גדול יותר - פוסט עם preview עשיר זוכה לפי 7 engagement. ב-WhatsApp, שיתוף בלי תצוגה מקדימה נראה כקישור-טקסט יבש שמשתמשים פשוט מתעלמים ממנו.

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

השפעה על SEO עקיפה: שיתופים יוצרים backlinks ותנועה. תנועה ו-engagement הם סיגנלים שגוגל לוקח בחשבון (לא ישירות, אבל הם תורמים לסיגנלים אחרים). שיתוף בלי קליקים לא יוצר את הסיגנלים האלה.

השפעה על iMessage ו-Apple Messages: כשמשתפים קישור באייפון, iMessage מציג preview גדול עם תמונה, title ו-description - אם יש og: tags. בלעדיהם, רואים רק טקסט.

איך לזהות

פתח View Source על דף וחפש property="og:. אמורות להופיע לפחות 4 שורות:

<meta property="og:title" content="כותרת הדף" />
<meta property="og:description" content="תיאור קצר" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="article" />

אם חסר אחד מהבסיסיים (במיוחד og:image), יש בעיה. בדוק גם name="twitter: - לפחות twitter:card ו-twitter:image.

בדיקה משלימה: השתמש בכלי הבדיקה הרשמיים:

  • Facebook Sharing Debugger (https://developers.facebook.com/tools/debug/) - מציג איך פייסבוק רואה את הקישור.
  • LinkedIn Post Inspector (https://www.linkedin.com/post-inspector/) - לעיני LinkedIn.
  • opengraph.xyz - בדיקה כללית עם תצוגה מקדימה לכל הפלטפורמות.

איך לתקן

ההגדרה הקלה ביותר: תוסף SEO. כולם מוסיפים og: ו-twitter: tags אוטומטית בכל דף:

  • Yoast SEO - תחת SEO > Search Appearance > Social. הפעל גם Facebook וגם Twitter.
  • Rank Math - תחת Titles & Meta > Social Meta. הפעל אופציות "Add Open Graph Meta" ו-"Add Twitter Card Meta".
  • RankPlus - מוסיף אוטומטית.
  • SEOPress - PRO ב-SEO > Social Networks.

בעריכת פוסט/דף, גלול לקופסת ה-SEO של התוסף ובדוק טאב Social או Facebook/Twitter. אם רוצה לשנות תמונה ספציפית לשיתוף (שונה מ-Featured Image), העלה אותה כאן.

הגדר תמונת fallback ברירת מחדל בהגדרות התוסף - למקרה שאין Featured Image בפוסט. ממדים: 1200x630px, פורמט JPG או PNG (לא WebP - פייסבוק לא תומכת מלא), משקל מתחת ל-8MB.

ודא שתגי og:image מצביעים על URL מלא (https://example.com/image.jpg) ולא יחסי (/image.jpg) - חלק מהפלטפורמות לא מבצעות resolve יחסי.

טעויות נפוצות

הטעות הראשונה: og:image עם תמונה ביחס שגוי. פייסבוק חותך לפי 1.91:1 (1200x630). תמונה ריבועית (1:1) או אנכית (4:5) תיחתך ולעיתים ייעלם הטקסט החשוב. עצב hero images ב-1200x630 מההתחלה.

הטעות השנייה: og:image על URL HTTP באתר HTTPS. mixed content - חלק מהדפדפנים יחסמו את התמונה. ודא ש-URL מתחיל ב-https://.

הטעות השלישית: שכחה לרענן את הקאש של פייסבוק אחרי שינוי. גם אחרי שתיקנת תמונה, פייסבוק יציג את הגרסה הישנה במשך ימים. תמיד הרץ את הקישור ב-Sharing Debugger ולחץ "Scrape Again".

הטעות הרביעית: שימוש ב-twitter:card לא תקין. הערכים הנכונים: summary, summary_large_image, app, player. "summary_large_image" הוא הנפוץ והאפקטיבי ביותר - הוא מציג תמונה גדולה.

הטעות החמישית: og:type שגוי. לפוסט בבלוג צריך להיות "article". לעמוד מוצר "product". לעמוד הבית "website". תוסף SEO מטפל בזה אוטומטית, אבל אם אתה כותב ידנית, השתמש בערך הנכון.

בדיקה לאחר תיקון

הרץ את הקישור ב-Facebook Sharing Debugger ובדוק שכל הערכים נכונים ושאין warnings. לחץ "Scrape Again" כדי לרענן קאש. הרץ ב-LinkedIn Post Inspector ואמת. שתף קישור בקבוצה פרטית של WhatsApp ובדוק שה-preview נראה כמו שתכננת. אחרי שבוע, ב-Google Analytics > Acquisition > Social - בדוק עליה בתנועה מהפלטפורמות.

טיפ: תכנן תמונת hero כך שהטקסט הקריטי במרכז (1200x630 עם הטקסט ב-800x500 מרכזי). פלטפורמות שונות חותכות אחרת - WhatsApp לפעמים בריבוע, Facebook ב-1.91:1, Twitter במלבן ארוך. טקסט במרכז שורד את כל החיתוכים.