תגיות Open Graph הן שורות קוד בחלק העליון של העמוד, שקובעות איך הקישור ייראה כשמשתפים אותו בוואטסאפ, בפייסבוק, בלינקדאין ובטלגרם: איזו כותרת תופיע, איזה תיאור, ואיזו תמונה. בלי תגיות Open Graph, כל רשת מנחשת לבד — ולפעמים בוחרת את הלוגו של הפוטר, תמונה חתוכה או כותרת לא קשורה. התקן נוצר בפייסבוק, והיום כמעט כל אפליקציה שמציגה תצוגה מקדימה של קישור קוראת אותו.
ארבע התגיות החובה
לפי התקן של Open Graph, כל עמוד צריך ארבע תגיות בסיס:
| תגית | מה היא קובעת |
|---|---|
og:title |
הכותרת בתצוגה המקדימה |
og:type |
סוג התוכן — למשל article למאמר, website לדף הבית |
og:image |
התמונה שתופיע |
og:url |
הכתובת הקנונית של העמוד |
לצידן כדאי להוסיף og:description (התיאור), og:site_name ו-og:locale — לאתר בעברית he_IL. לתמונה יש תגיות משנה: רוחב, גובה וטקסט חלופי (og:image:alt), שהתקן מגדיר כ"תיאור של מה שבתמונה", לא כיתוב.
איך זה נראה בפועל
אלה התגיות שמופיעות במאמר באתר הזה, שנוצרות אוטומטית מתוך הכותרת, תיאור החיפוש והתמונה הראשית של הפוסט:
<meta property="og:locale" content="he_IL" /> <meta property="og:type" content="article" /> <meta property="og:title" content="..." /> <meta property="og:description" content="..." /> <meta property="og:url" content="https://webup.co.il/canonical-tag-guide/" /> <meta property="og:image" content="https://webup.co.il/wp-content/uploads/2026/10/canonical-tag-guide.webp" /> <meta property="og:image:width" content="1600" /> <meta property="og:image:height" content="900" /> <meta name="twitter:card" content="summary_large_image" />
השורה האחרונה היא תגית של X (טוויטר לשעבר): summary_large_image אומר להציג תמונה גדולה ולא ממוזערת. כשאין תגיות twitter: נפרדות, X משתמשת בתגיות Open Graph.
התמונה: החלק שהכי משפיע על הקליק
בתצוגה מקדימה בוואטסאפ, התמונה תופסת את רוב השטח. כמה כללים מעשיים:
- יחס רחב. רוב הרשתות חותכות לפורמט רוחבי. תמונה ריבועית או צרה תיחתך במקומות לא צפויים.
- טקסט במרכז, לא בשוליים. כל רשת חותכת מעט אחרת, ולכן מה שחשוב צריך להיות הרחק מהקצוות.
- לציין רוחב וגובה. לפי התיעוד של Meta, תגיות הרוחב והגובה עוזרות לתמונה להיטען נכון כבר בשיתוף הראשון.
- תמונה ייעודית לכל עמוד. לוגו כללי לכל העמודים עובד, אבל תמונה שמייצגת את תוכן העמוד מספרת לגולש מה הוא יקבל.
באתר הזה, לכל מאמר יש תרשים ייעודי שמשמש גם כתמונה הראשית וגם כתמונת השיתוף — כך שאין צורך לנהל שתי תמונות. על פורמטים ודחיסה כתבתי במאמר אופטימיזציה לתמונות.
שיניתי את התמונה — למה עדיין רואים את הישנה?
זו השאלה הנפוצה ביותר. הרשתות שומרות את התצוגה המקדימה במטמון. לפי Meta, תמונות נשמרות לפי הכתובת שלהן, ולא מתעדכנות אלא אם הכתובת משתנה. מה עושים:
- מעלים את התמונה החדשה בשם קובץ חדש (ולא דורסים את הישנה באותה כתובת).
- בפייסבוק — מריצים את הקישור ב-Sharing Debugger של Meta. הכלי מציג אילו תגיות הסורק ראה, אילו שגיאות יש, וגורם לסריקה מחדש של העמוד.
- בלינקדאין יש כלי דומה (Post Inspector).
- בוואטסאפ אין כלי רענון ציבורי; קישור שנשלח כבר לא יתעדכן בשיחה, אבל שיתוף חדש אחרי שהמטמון שלהם מתחלף יציג את הגרסה החדשה.
תקלות נפוצות
- אין תמונה בכלל. לרוב — כתובת תמונה יחסית במקום מלאה, תמונה שחסומה לסורקים, או תמונה גדולה מדי.
- מופיעה תמונה לא נכונה. אין
og:image, והרשת לקחה תמונה אקראית מהעמוד. - הכותרת חתוכה. כותרת ארוכה מדי. אותו עיקרון כמו בכותרת לגוגל — המילים החשובות בהתחלה.
- שני סטים של תגיות. תוסף אחד ותבנית אחרת מוסיפים כל אחד תגיות משלו, והרשת בוחרת אחת. בדיוק כמו בנתונים מובנים — צריך מקור אחד. ראו נתונים מובנים.
- og:url שלא תואם לקנוני. שיתופים של אותו עמוד בכמה כתובות מתפצלים.
og:urlצריך להיות זהה לכתובת הקנונית — ראו תג קנוניקל.
Open Graph בוורדפרס
תוספי SEO נפוצים, ובהם Yoast, מייצרים את התגיות אוטומטית מתוך כותרת החיפוש, התיאור והתמונה הראשית, ומאפשרים לדרוס אותן לכל עמוד. אם אתם משתמשים בתוסף כזה, אל תוסיפו תוסף "שיתוף חברתי" נוסף שמייצר תגיות משלו. על מה Yoast עושה ומה לא — במאמר מדריך Yoast.
שאלות נפוצות
האם תגיות Open Graph משפיעות על הדירוג בגוגל?
הן לא נועדו לזה — הן קובעות את התצוגה ברשתות ובאפליקציות. ההשפעה שלהן היא על הקליקים מהשיתופים.
צריך תגיות שונות לכל רשת?
לרוב לא. Open Graph אחד, ותגית twitter:card אחת, מכסים כמעט את כל האפליקציות.
איך בודקים מה יופיע לפני ששולחים?
ב-Sharing Debugger של Meta או ב-Post Inspector של לינקדאין. אפשר גם לשלוח את הקישור לעצמכם בוואטסאפ.
תגיות שיתוף מלאות ותמונה לכל עמוד הן חלק מהתשתית שאני בונה בכל אתר — ראו תשתית טכנית מוכנה למנועי חיפוש, או שלחו לי קישור שמופיע לא נכון בוואטסאפ.
אהבתם את המאמר?
