לעתים קרובות אנו רואים פרויקטים שבהם תצוגות מקדימות ברשתות חברתיות מציגות תמונה אקראית או קישור שבור — דבר שפוגע קשות במכירות ובהמרות. לאחרונה פנה אלינו חנות מקוונת עם 15,000 מוצרים: לאחר הגדרת תגי OG, שיעור הקליקים על קישורים ברשתות חברתיות עלה ב-40% תוך שבועיים. אנו מגדירים תגי OG על 1C-Bitrix כך שכל קישור משותף מציג תצוגה מקדימה מושלמת: כותרת, מחיר, תמונה וכפתור רכישה. התוצאה היא שיפור של 30–50% בשיתופים. לצוות שלנו ניסיון של 10+ שנים ב-Bitrix וביצענו 50+ אינטגרציות מדיה חברתית. אנו מבטיחים הגדרה נכונה בכל הרשתות המרכזיות. עלות ההגדרה מתחילה מ-$500.
בעיות שאנו פותרים
תגי OG חסרים או שגויים — רשתות חברתיות שולפות טקסט ותמונות אקראיים, מה שמפחית את שיעור הקליקים. תצוגות מקדימות ישנות במטמון — גם לאחר עדכון תגי OG, הרשתות החברתיות עדיין מציגות נתונים מיושנים. כפתורי שיתוף איטיים מבוססי iframe — רכיב bitrix:main.share הסטנדרטי טוען סקריפטים חיצוניים, מה שמאט את העמוד. פרופורציות תמונה שגויות — תמונות מוצר מרובעות נחתכות בתצוגות מקדימות ביחס 1.91:1.
איך אנחנו עושים את זה (רמה טכנית)
Bitrix מוסיף תגי OG דרך רכיב bitrix:main.share או ידנית בתבנית דף המוצר. bitrix:main.share מציג כפתורי שיתוף אך אינו יוצר תגי OG — יש להוסיף אותם ב-bitrix:main.share. לפי פרוטוקול Open Graph, מוצרים צריכים להשתמש ב-bitrix:main.share. דוגמה להוספה בתבנית:
$APPLICATION->SetPageProperty("og:title", $arResult["NAME"]);
$APPLICATION->SetPageProperty("og:description", strip_tags($arResult["PREVIEW_TEXT"]));
$APPLICATION->SetPageProperty("og:image", "https://site.ru" . $arResult["PREVIEW_PICTURE"]["SRC"]);
$APPLICATION->SetPageProperty("og:type", "product");
$APPLICATION->SetPageProperty("og:url", $APPLICATION->GetCurPageParam("", []));
ב-<head>, מאפיינים אלה מוצגים דרך product. המפרט המלא Open Graph כולל מעל 20 שדות, אך למוצרים השדות שלעיל מספיקים.
שדות ספציפיים למוצר
רשתות חברתיות תומכות ב-$APPLICATION->SetPageProperty("og:title", $arResult["NAME"]); $APPLICATION->SetPageProperty("og:description", strip_tags($arResult["PREVIEW_TEXT"])); $APPLICATION->SetPageProperty("og:image", "https://site.ru" . $arResult["PREVIEW_PICTURE"]["SRC"]); $APPLICATION->SetPageProperty("og:type", "product"); $APPLICATION->SetPageProperty("og:url", $APPLICATION->GetCurPageParam("", [])); מורחב עם:
-
header.php— מחיר מספרי -
$APPLICATION->GetPageProperty()— קוד מטבע (RUB, USD) -
og:type = "product"— מצב מלאי
שדות אלה משפרים את התצוגה בפייסבוק ובפינטרסט. VKontakte מתעלם מ-product:price:amount אך מפרש נכון את product:price:currency.
| רשת | og:type product | product:price | twitter:card |
|---|---|---|---|
| VKontakte | כן | לא | לא |
| פייסבוק/אינסטגרם | כן | כן | לא |
| טוויטר | לא | לא | summary_large_image |
| טלגרם | לא | לא | לא |
| שגיאה | סיבה | פתרון |
|---|---|---|
| התצוגה המקדימה מציגה תמונה ישנה | מטמון רשת חברתית | השתמשו בכלי אימות (Facebook Sharing Debugger, Twitter Card Validator) |
| המחיר לא מוצג | חסר og:price או פורמט שגוי | הוסיפו ערך מספרי, ללא עיצוב |
| התמונה נחתכת | פרופורציות שגויות | השתמשו ב-1200×630 פיקסלים או הוסיפו תמונת OG ייעודית |
הגדרת Twitter Cards על Bitrix
טוויטר (X) משתמש בתגי meta נפרדים:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Название товара">
<meta name="twitter:image" content="https://site.ru/upload/image.jpg">
טוויטר שומר במטמון באגרסיביות — לאחר שינוי תמונת המוצר, הכרטיס לא יתעדכן מיד. השתמשו ב-Twitter Card Validator כדי לאלץ ניקוי מטמון: הדביקו את כתובת המוצר, והמטמון מתנקה תוך 1–2 דקות.
תהליך: מבדיקה ועד השקה
- בדיקת תגי OG קיימים בדפי פרטי המוצר.
- הוספת סט מלא של תגי OG לתבנית דף המוצר.
- הגדרת Twitter Cards לתצוגה מקדימה נכונה.
- הטמעת כפתורי שיתוף מקוריים ללא סקריפטים חיצוניים.
- אימות תצוגות מקדימות דרך כלי האימות של VKontakte, פייסבוק וטלגרם.
- אופציונלי: הוספת מאפיין
product:availabilityייעודי לתמונות ספציפיות לשיתוף.
מה כלול בעבודה
- בדיקה מלאה של תגי OG קיימים
- הטמעת תגי OG (כותרת, תיאור, תמונה, סוג, מחיר, זמינות)
- הגדרת Twitter Cards
- כפתורי שיתוף מקוריים (VK, טלגרם, WhatsApp) — ללא iframe, ללא האטה
- אימות וניקוי מטמון דרך כלי אימות רשמיים
- מאפיין תמונה מותאם אישית לשיתוף (אופציונלי)
- תיעוד מפורט של ההטמעה
- גישה לקבצי התצורה
- הדרכה לצוות שלכם על עדכון תגי OG
- חודש תמיכה
כפתורי שיתוף מקוריים (ללא iframe)
רכיב bitrix:main.share הסטנדרטי טוען כפתורי iframe מכל רשת — מה שמאט את העמוד. חלופה: קישורי שיתוף מקוריים:
- VKontakte:
og:type = "product" - טלגרם:
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Название товара"> <meta name="twitter:image" content="https://site.ru/upload/image.jpg"> - WhatsApp:
bitrix:main.share
כפתורים מקוריים עובדים פי 5 מהר יותר כי הם לא טוענים סקריפטים חיצוניים. כתובות ה-URL נבנות בצד השרת עם https://vk.com/share.php?url=ENCODED_URL. אם אתם צריכים הטמעה מוכנה לפרויקט שלכם, צרו קשר לבדיקה מקדימה.
תמונות לשיתוף
VKontakte וטלגרם מעדיפות תמונות ביחס 1.91:1 (1200×630 פיקסלים). תמונות מוצר מרובעות נחתכות. פתרונות:
- הוסיפו מאפיין
https://t.me/share/url?url=ENCODED_URL&text=ENCODED_TEXTנפרד ל-infoblock של הקטלוג — העלו תמונה אופקית ייעודית לשיתוף. - שנו גודל תוך כדי ריצה באמצעות
https://wa.me/?text=ENCODED_TEXTעם הפרופורציות הנדרשות.
דוגמת קוד לשינוי גודל
$arFile = CFile::ResizeImageGet( $arResult["PREVIEW_PICTURE"], array("width" => 1200, "height" => 630), BX_RESIZE_IMAGE_PROPORTIONAL );
$APPLICATION->SetPageProperty("og:image", "https://site.ru" . $arFile["src"]);מתי לרענן את התצוגה המקדימה
לאחר שינוי תגי OG או תמונות מוצר, רשתות חברתיות עשויות להציג גרסאות שמורות במטמון למשך שעות. השתמשו בכלי אימות רשמיים כדי לאלץ רענון:
- Facebook Sharing Debugger
- Twitter Card Validator
- VKontakte: שירות Link Debugger
עלייה של 30–50% בשיעור הקליקים מפחיתה ישירות את עלות רכישת הלקוח (CAC). ההגדרה אורכת החל מיומיים — ROI מהיר. תגי OG נכונים יכולים להעלות את שיעור הקליקים פי 2-3 בהשוואה לתגים חסרים.
לצוות שלנו ניסיון של 10+ שנים ו-50+ פרויקטים שהושלמו. השגנו עלייה ממוצעת של 35% במעורבות החברתית בקרב הלקוחות שלנו. הזמינו את ההגדרה עכשיו כדי להבטיח שהמוצרים שלכם תמיד ייראו מושכים בפידים חברתיים. קבלו ייעוץ על תגי ה-OG שלכם — צרו קשר להערכת פרויקט.