התשובה הקצרה: כדי לבדוק את Open Graph באינטרנט, הדביקו את כתובת הדף לתוך תוכנת Open Graph Debugger החינמית PromoPilot. התוכנה תקרא את כל התגים og:* ו-Twitter Card, תבדוק את נוכחות התמונה וגודלה, תעריך את שלמות הסימון ותציג תצוגות מקדימות של קישורים עבור Facebook, X (טוויטר) ולינקדאין - בנוסף להמלצות לגבי מה להוסיף. אין צורך ברישום. להלן תמצאו את התגים הנדרשים, גודל ה-og:image הנדרש, וכיצד לעדכן תצוגה מקדימה "תקועה".
אני בונה אתרים כבר 12 שנים, ואני שומע את השאלה "למה אין תמונה בקישור Telegram?" מלקוחות לעתים קרובות יותר מאשר שאלות על דירוגים. זו בדרך כלל עבודה של חמש דקות - אם אתה יודע איפה לחפש.
מה בודק Open Graph Debugger?
כשמוסיפים קישור לפוסט או להודעה, הפלטפורמה עוברת לדף ומחפשת תגיות של Open Graph. אם היא מוצאת אחת, היא מציירת כרטיס מסודר. אם לא, היא לוקחת את מה שהיא מוצאת או מציגה כתובת URL גולמית. הכלי בודק רק את מה שרשתות חברתיות יקראו.
| מה זה בודק? | על מה הוא מסתכל? | למה עסקים צריכים את זה? |
|---|---|---|
| כל התגים og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | מאלה, האתרים אוספים את הכותרת, התיאור והתמונה של הכרטיס. |
| כרטיס טוויטר | טוויטר:כרטיס, טוויטר:כותרת, טוויטר:תיאור, טוויטר:תמונה | X (טוויטר) קורא את התגים שלו, ואם הם חסרים, הם קוראים חלקית |
| תמונה מקורית | האם יש תמונה ומה הגודל שלה? | התמונה הקטנה הופכת את הכרטיס לאייקון זעיר בצד |
| הערכת שלמות | כמה תגיות מומלצות מלאות? | עיון מהיר: האם הכל במקום? |
| תצוגות מקדימות של רשת | כרטיסים Facebook, X ולינקדאין | ניתן לראות כיצד ייראה הפוסט לפני הפרסום. |
| המלצות | מה עליי להוסיף או לתקן? | רשימת משימות מוכנה למפתח או לך |
איך לבדוק דפי Open Graph באינטרנט?
- פתח את מאתר הבאגים של גרפים פתוחים.
- הזן את כתובת האתר של הדף שברצונך לשתף: מאמר, מוצר או דף נחיתה פרסומי. לחץ על "בדוק".
- עברו על רשימת התגים: אילו מהם מוגדרים, אילו מהם ריקים, והאם יש כתובת זרה או כתובת בדיקה ב- og:url.
- בדקו את התצוגה המקדימה עבור כל רשת: האם הכותרת חתוכה, האם התמונה נראית לעין, והאם יש טקסט חשוב מסביב לקצוות.
- אנא הוסף את התגים החסרים כפי שהומלץ ובדוק שוב את הדף.
דף כלים: שדה כתובת, כפתור "בדיקה", רשימת בדיקות ושאלות נפוצות
הכלי קל משקל: מגבלה יומית מספיקה לאורח כדי לבדוק את כל התבניות של האתר - דף הבית, הקטגוריה, המוצר והמאמר. לאחר הרשמה חינמית, המגבלה משולשת.
מהן השגיאות הנפוצות ביותר ב-Open Graph?
הנה מה שאני מוצא כמעט בכל אתר אחר, ובאיזה סדר לתקן את זה.
- אין og:image או שהוא מצוין ככתובת URL יחסית. רשתות חברתיות לא יבינו
content="/img/cover.jpg"- נדרשת כתובת URL מלאה שמתחילה ב-https://. ללא תמונה, טווח ההגעה של הפוסט יורד משמעותית. - התמונה קטנה מדי. הלוגו בגודל 200x200 הופך את הכרטיס לריבוע קטן בצד. נדרשת תמונה בגודל 1200x630.
- תמונה אחת של og:image לכל האתר. כל מאמר וכל מוצר ברשתות החברתיות צריכים להיראות אותו הדבר - עם הלוגו. עבור הבלוג והקטלוג, התמונה צריכה להילקח מהתמונה הראשית של הדף.
- og:url מוביל לכתובת אחרת - דף הבית, דומיין בדיקה או גרסת
http://. הפלטפורמה יכולה לאחד את כל הקישורים לדף אחד. - אין twitter:card. בלעדיו, X מציג לעתים קרובות כרטיס קטן. לתמונה גדולה יותר, צריך
summary_large_image. - og:title משכפל את הכותרת עם "buy" והמותג. בפיד של מדיה חברתית, זה נראה כמו פרסומת; כותרת תוססת, כמו לפוסט, עדיפה.
הסט המינימלי הנכון נראה כך:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">איך להכין תמונה עבור og:image?
התמונה היא החלק הבולט ביותר בכרטיס, וזה המקום שבו אנשים לעתים קרובות חוסכים. הנה כמה כללים שאני מקפיד עליהם:
- הגודל הוא 1200×630 והכיוון הוא אופקי. הרשת החברתית תחתוך את החלק העליון והתחתון של תמונת מוצר מרובעת, מה שעלול לגרום לחוסר ראש או סוליה במוצר.
- הדבר החשוב הוא במרכז. פלטפורמות שונות חותכות את הקצוות בצורה שונה, ובפיד הנייד, הכרטיס אפילו קטן יותר. שמרו על טקסט גדול ורחוק מהקצוות.
- טקסט מינימלי. הכותרת כבר נמצאת מתחת לתמונה; 3-6 מילים או ללא כיתובים מספיקים לתמונה עצמה.
- קובץ קל משקל. קובץ JPG או PNG בגודל סביר ייטען במהירות, והפלטפורמה לא תפסיק לפעול.
- תמונה ייעודית לכל עמוד מפתח. עבור מאמרים ומוצרים, נוח ליצור תמונה באופן אוטומטי: כריכת מאמר או תמונת המוצר הראשית.
בדיקה טובה היא לפתוח את התצוגה המקדימה במכשיר ניפוי הבאגים בטלפון. אם הקישור אינו ברור ללא התקרבות, יש לעבד מחדש את התמונה.
איך אני מעדכן תצוגה מקדימה ישנה לאחר תיקון?
תרחיש נפוץ: תיקנתם את התגיות, אבל הרשת החברתית מציגה בעקשנות את התמונה הישנה. הסיבה היא מטמון: הפלטפורמה זוכרת את התצוגה המקדימה מהשיתוף הראשון. Facebook איסוף מחדש של הנתונים ב-Sharing Debugger עוזר, בלינקדאין, עם Post Inspector, Telegram, עם הבוט @WebpageBot, שאליו אתם שולחים את הקישור. אם כל השאר נכשל, הוסיפו פרמטר לא מזיק לכתובת, כגון ?v=2: עבור הפלטפורמה, זהו קישור חדש.
השוואה: ניפוי שגיאות גרפים פתוחים וחלופות
| כְּלִי | מה בחינם? | הגבלות | למי זה מתאים? |
|---|---|---|---|
| PromoPilot - ניפוי באגים של גרפים פתוחים | כל התגים של og וטוויטר, גודל תמונה של og, תצוגות מקדימות Facebook, X ולינקדאין, המלצות | לא מנקה את המטמון של המדיה החברתית | בדקו את הדף שלכם מיד לפני פרסומו בכל מדיה חברתית |
| ניפוי באגים (מטא) | תצוגה מקדימה Facebook ואיסוף נתונים מחדש | Facebook בלבד, נדרשת כניסה לחשבון | איפוס תצוגה מקדימה ישנה Facebook |
| מפקח פוסטים בלינקדאין | תצוגה מקדימה ורענון מטמון של לינקדאין | לינקדאין בלבד, נדרשת התחברות | למי שמקדם את עצמו בלינקדאין |
| @WebpageBot Telegram | עדכון תצוגה מקדימה של קישור Telegram | רק Telegram לא מנתח תגיות | לבעלי ערוצי Telegram |
סיכום: ניפוי באגים רשמיים של הפלטפורמה נחוצים כדי לנקות את המטמון, אך כל פלטפורמה מציגה רק את הרשת שלה. כדי לראות את כל התצוגות המקדימות ורשימת התגים החסרים בבת אחת, ניפוי באגים אוניברסלי נוח יותר.
אגב, ל-PromoPilot יש 87 כלי קידום אתרים חינמיים. אם עדיין לא כתבתם תגיות, יש לנו מאמר בסדרה שלנו על מחולל תגיות מטא שייצור בלוק Open Graph עם תצוגה מקדימה.
במה שונה Open Graph Debugger מניתוח מטא תגיות?
ניתוח מטא תגים בוחן דף דרך עיני מנוע חיפוש: כותרת, תיאור, קנוניקל, hreflang ו-Open Graph הן רק קבוצה אחת. ניפוי הבאגים מתמקד במדיה חברתית: הוא יוצר כרטיסים לפלטפורמות שונות, בודק את גודל התמונה ומציע המלצות ספציפיות על סמך תצוגות מקדימות. אם קישורים לאתר שלך משותפים באופן פעיל במדיה חברתית ובאפליקציות מסרים, ניפוי הבאגים שימושי יותר.
לשניהם יש מגבלה אחת: הם קוראים את ה-HTML המוחזר על ידי השרת. אם תגיות מוכנסות על ידי סקריפט דפדפן, רשתות חברתיות רבות לא יראו אותן - יש לתקן זאת בצד האתר. פרט נוסף: ניפוי הבאגים בודק את התגיות, אך לא את השיתוף עצמו. אם הדף מוגן בסיסמה, חסום גיאוגרפית או מוגן מפני בוטים, ייתכן שהרשת החברתית לא תוכל לגשת אליו גם אם כל התגיות קיימות.
מתי כלי חינמי לא מספיק?
ניפוי באגים יראה שהדף אינו מכיל את og:image. אבל אם יש אלפי עמודים, הוספת תמונות ידנית אינה אפשרית. נדרש מומחה כאשר:
- לכל מוצר או מאמר צריכה להיות תמונת תצוגה מקדימה משלו, שנאספת באופן אוטומטי;
- האתר מחזיר תגיות באמצעות סקריפט, ורשתות חברתיות לא רואות אותן;
- אתם משיקים מודעות ודיוור שבו כל תצוגה מקדימה משפיעה על העלות לקליק;
- אנחנו צריכים שילוב של "אתר אינטרנט + ערוץ Telegram + פרסום אוטומטי" עם הכרטיסים הנכונים.
מה אני יכול לעשות עבור אתר האינטרנט שלך?
אני ולרי דניוק, מפתח ומומחה קידום אתרים עם 12 שנות ניסיון ומעל 200 לקוחות. תצוגה מקדימה יפה של קישור היא בחינם, ואני מתאים אותה אישית לכל פרויקט.
קידום אתרים (SEO) וקידום
- ביקורת SEO של אתרים מוכנה לביצוע: אני בודק את כל תגי התבנית, מגדיר תמונות תצוגה מקדימה אוטומטית ומתקן קוד.
אתרי אינטרנט וחנויות מקוונות
- העברת החנות שלך Instagram לאתר שלך - מוצרים עם תצוגות מקדימות מתאימות לשיתוף קל.
- דף נחיתה למוצר חדש שנוצר בערב אחד – ניתוח מקרה של NordHarvest עם כרטיס מוכן למדיה חברתית.
- אתר אינטרנט למרפאת כירורגיה פלסטית עם בינה מלאכותית ואפליקציות דרך Telegram.
- אתר אינטרנט ב 1001site: תצוגות מקדימות עבור רשתות חברתיות ופרסום אוטומטי Telegram מוגדרים באופן אוטומטי.
בוטים ואוטומציה
- Telegram טלגרם עם בינה מלאכותית לחנות רטבים מקוונת.
- QuestFlow הוא בונה SaaS Telegram עם בינה מלאכותית.
- סוכני מסחר אלקטרוני במקום צ'אטבוטים.
שלח לי קישור שנראה גרוע במסנג'ר Telegram ואני אגיד לך איזה תגית חסרה.
תוֹצָאָה
- בודק מקוון של Open Graph מראה כיצד קישור נראה Facebook, X ולינקדאין, ואילו תגיות חסרות.
- המינימום הנדרש הוא og:title, og:type, og:image (1200×630, כתובת מלאה) ו-og:url, בתוספת twitter:card.
- לאחר התיקון, אפס את המטמון של האתרים: ניפוי שגיאות שיתוף, בודק פוסטים, @WebpageBot.
- עבור הקטלוג והבלוג, תמונות תצוגה מקדימה צריכות להיאסף באופן אוטומטי, כמו ב 1001site.
בדוק את הדף שאתה עומד לשתף ב- Open Graph Debugger החינמי לפני שהעוקבים שלך יראו את הפוסט.
מקורות
- דף כלי ניפוי השגיאות Open Graph של PromoPilot - רשימת בדיקות ושאלות נפוצות.
- פרוטוקול גרף פתוח (ogp.me) - מאפיינים חובה ואופציונליים.
- ניפוי הבאגים של מטא (Sharing Debugger) ו-LinkedIn Post Inspector הם הכלים הרשמיים של הפלטפורמות.
