","err_audit_input_required":"הדבק תחילה HTML המכיל את המטא תגים שלך.","mockups_heading":"איך זה נראה כתצוגה מקדימה של קישור","mockups_disclaimer":"ארבעת הכרטיסים האלה הם קירובים מעוצבים של כרום התצוגה המקדימה האמיתית של כל פלטפורמה, שנבנו למטרות תכנון בלבד - הם אינם שליפה חיה או צילום מסך של Twitter/X, Facebook, LinkedIn או Discord, ופלטפורמות עשויות לעצב מחדש את ממשק התצוגה המקדימה שלהן לאורך זמן.","mockup_twitter_heading":"טוויטר / X","mockup_facebook_heading":"פייסבוק","mockup_linkedin_heading":"לינקדאין","mockup_discord_heading":"מחלוקת","mockup_image_alt":"תמונת תצוגה מקדימה של קישור","mockup_no_image":"לא סופקה תמונה","mockup_no_image_short":"אין תמונה","domain_default_fallback":"example.com","audit_missing_title":"חסר og:title - רוב הפלטפורמות מציגות כותרת גנרית או ריקה בלעדיה.","audit_missing_description":"חסר og:description - כרטיס התצוגה המקדימה לא יציג טקסט סיכום.","audit_missing_image":"חסר og:image - רוב הפלטפורמות לא מציגות תמונה, או נופלות חזרה לתמונה הראשונה שנמצאה בעמוד.","audit_missing_url":"חסר og:url - בלעדיו, שיתופים של כתובות אתרים חלופיות (עם פרמטרי מעקב, גרסאות AMP וכו') עשויים שלא להתאחד לדף הקנוני.","audit_title_too_long":"og:title הוא {length} תווים - מעל נקודת ~{max}-תווים שבה רוב הפלטפורמות יקצצו אותו.","audit_title_long":"og:title הוא {length} תווים - מעל נקודת התווים ~{max} שבה חלק מהפלטפורמות מתחילות לקצץ אותה, אם כי היא עדיין עשויה להופיע במלואה במקום אחר.","audit_title_ok":"og:title הוא {length} תווים - בטווח הבטוח עבור רוב הפלטפורמות.","audit_description_too_long":"og:description הוא {length} תווים - מעל נקודת ~{max}-תווים שבה רוב הפלטפורמות יחתכו אותו.","audit_description_long":"og:description הוא {length} תווים - מעל לנקודת ~{max}-תווים שבה חלק מהפלטפורמות מתחילות לקצץ אותו.","audit_description_ok":"og:description הוא {length} תווים - בטווח הבטוח עבור רוב הפלטפורמות.","audit_url_not_absolute":"ערך og:url \"{value}\" אינו כתובת URL מוחלטת של http(s) - היא צריכה להיות כתובת האתר הקנונית המלאה של הדף.","audit_image_not_absolute":"ערך og:image \"{value}\" אינו כתובת URL מוחלטת של http(s) - רוב הפלטפורמות דורשות כתובת URL של תמונה מלאה.","audit_image_dims_small":"המוצהר og:image:width/height הוא {w}×{h} — מתחת למינימום המומלץ 1200×630 עבור תצוגות מקדימות של קישורים.","audit_image_dims_ok":"og:image:width/height המוצהר הוא {w}×{h} — עומד במינימום המומלץ ביותר של 1200×630.","audit_image_dims_unparseable":"og:image:width/og:image:height קיימים אך אינם תקפים מספרים.","audit_image_dims_unknown":"לא הוכרזה og:image:width/og:image:height - לא ניתן לאמת את מידות הפיקסלים האמיתיות מבלי להביא את התמונה, מה שהכלי הזה אף פעם לא עושה, לפי התכנון, לפרטיות. מינימום מומלץ: 1200×630.","audit_twitter_card_missing":"אין תג twitter:card - Twitter/X יחזור בדרך כלל לתגיות og: המקבילות, אבל twitter:card מפורש הוא אמין יותר.","audit_twitter_card_invalid":"twitter:card ערך \"{value}\" אינו אחד מארבעת הערכים שמאמת הכרטיסים של טוויטר מקבל: summary, summary_large_image, app, player.","audit_twitter_card_ok":"twitter:card הוא \"{value}\", ערך חוקי.","audit_large_image_needs_image":"twitter:card הוא summary_large_image אבל לא נמצאו og:image או twitter:image - סוג כרטיס זה זקוק לתמונה כדי להציג כראוי.","audit_twitter_title_fallback":"אין twitter:title מוגדר - Twitter/X יחזור ל-og:title.","audit_twitter_description_fallback":"אין twitter:description מוגדר - Twitter/X יחזור ל-og:description.","audit_twitter_image_fallback":"לא הוגדר twitter:image — Twitter/X יחזור ל-og:image.","audit_duplicate_tag_item":"\"{tag}\" הוכרז {count} פעמים - רק הניתוח האחרון של רוב הפלטפורמות ייכנס לתוקף."};
⭐ 0
🔍
טקסט תמונה PDF ומסמכים אודיו מוזיקה אלקטרוניקה זמן כלי עזר מאמתים אזוטרי משחקים

מחולל כרטיסי OG וטוויטר - בונה מטא תגים, מבקר ותצוגה מקדימה

בנה מוכנים להדבקה של Open Graph ו-Twitter Card <meta> מטופס, או הדבק <head> קיים כדי לבדוק אם תגיות חסרות, אורך כותרת/תיאור ותוקף twitter:card - ולאחר מכן הצג תצוגה מקדימה של שניהם ב-Twitter/X, Facebook, LinkedIn ו-Discord מודלים של כרטיס קישור.

Buy Me a Coffee at ko-fi.com
מעבד... 0%
קלט קריאה
בניית/ביקורת תגיות
עיבוד תצוגות מקדימות
בוצע

תוצאה

מטא תגיות Open Graph ו-Twitter Card מחליטות איך נראה קישור ברגע שהוא מודבק ב-Slack, iMessage, ציוץ או ערוץ Discord - כותרת, תיאור ותמונה שנבחרו על ידי <head> של העמוד עצמו, לא על פי מה שהפלטפורמה במקרה מגרד מהגוף הטקסט הגלוי. כלי זה הוא גם בונה וגם מבקר, לא מילוי תבנית גנרי. במצב BUILD, מלא כותרת, תיאור, כתובת אתר של תמונה, כתובת אתר קנונית, סוג תוכן וסוג כרטיס טוויטר, והוא מרכיב את בלוק התגים המדויק <meta property="og:..."> ו-<meta name="twitter:..."> מוכן להדבקה ב-<head> של הדף שלך, תוך דילוג על כל שדה שתשאיר ריק במקום לפלוט תגים חלולים עם תוכן ריק.

במצב AUDIT, הדבק את סימון ה-<head> הקיים שלך או HTML של עמוד שלם והכלי מנתח אותו עם ה-DOMParser המקורי של הדפדפן כדי לחלץ כל מטא תג og: ו-twitter: שכבר קיים, ולאחר מכן מפעיל את הבדיקות שחשובות למעשה: ארבעת התגים הנפוצים (og:title, og:description, og:image, og:url חסרים); og:title נמדדת מול הנקודה של בערך 60 התווים שבה חלק מהפלטפורמות מתחילות לקצץ אותה ונקודה של בערך 90 התווים שבה רוב הפלטפורמות יעשו זאת; og:description נמדד כנגד הטווח של 155 עד 200 תווים בערך שרוב הפלטפורמות מאפשרות לפני ניתוק אותו; twitter:card נבדק מול ארבעת הערכים האמיתיים שמאמת הכרטיסים של טוויטר מקבל - סיכום, summary_large_image, אפליקציה, שחקן - ומסומן אם זה משהו אחר; ותגים כפולים (אותו מאפיין הוכרז פעמיים, באג מפתיע להעתיק-הדבק) נקראים בשם.

מימדי התמונה מקבלים יחס ישר: כלי זה אינו יכול לאמת את גודל הפיקסלים האמיתי של התמונה שלך מבלי להביא אותו, והוא אף פעם לא עושה זאת בכוונה, בהתאם למדיניות של אתר זה ללא בקשות חיצוניות. אם ה-HTML שלך כבר מצהיר על og:image:width ו-og:image:height, המספרים המוצהרים האלה נבדקים מול המינימום המומלץ 1200×630; אם לא, תקבלו הערת הדרכה ברורה במקום מעבר או נכשל מפוברק. שני המצבים מציגים את אותם ארבע דגמי תצוגה מקדימה של קישורים - Twitter/X (מעבר בין פריסת התמונה הממוזערת "סיכום" הקומפקטית שלו לפריסת "summary_large_image" ברוחב המלא בהתאם לערך twitter:card), Facebook, LinkedIn ו-Discord - כל אחד מהם מעוצב מחדש באמת כדי להתאים לטיפוגרפיה של הפלטפורמה עצמה ותיבה אחת, כיוון שכל תווית ותיבה מעוצבת היא בבירור תווית שונה מאשר קונבנציות של תווית פריסה אחת. למטרות תכנון, מכיוון שפלטפורמות אמיתיות מעצבות מחדש את כרום התצוגה המקדימה שלהן לאורך זמן והכלי הזה לעולם לא מביא או מגרד אותן כדי לבדוק.

🛡️
מבוצע בדפדפן

הקבצים והקלטות שלך לעולם לא עוזבים את המכשיר הזה. העיבוד פועל באופן לא מקוון לחלוטין. 100% מאובטח.

פורמטים וכללים מקובלים

  • מצב BUILD מרכיב og:title, og:description, og:image, og:url, og:type, og:site_name ותגיות twitter:card/twitter:site/twitter:title/description/image תואמות, תוך דילוג על כל שדה שנותר ריק, עם עותק בלחיצה אחת של הבלוק המוכן להדבקה.
  • מצב AUDIT מחלץ כל תג og:/twitter: <meta> מ-HTML מודבק באמצעות DOMParser של הדפדפן, דגלים חסרים תגיות נדרשות (og:title/description/image/url), תגים כפולים וערכי twitter:card לא חוקיים.
  • הנחיית אורך משתמשת בספים האמיתיים המצוטטים בדרך כלל: og:title בסביבות 60 תווים לפני שפלטפורמות מסוימות מתחילות לקצץ אותה (עד בערך 90 בנתון המתירני ביותר), og:description בסביבות 155-200 תווים.
  • מעבד את כרטיס Twitter/X בפריסה הנכונה שלו עבור סוג הכרטיס המוצהר - כרטיס "סיכום" קומפקטי עם תמונה ממוזערת מרובעת, או פריסת "summary_large_image" ברוחב המלא - לצד תצוגות מקדימות של Facebook, LinkedIn ו-Discord.

יתרונות מרכזיים

✓ שני כלים אמיתיים באחד: מצב BUILD שמייצר את המדויק og: ו-twitter: <meta> תג HTML מטופס, ומצב AUDIT שמנתח HTML מודבק כדי למצוא ולדרג את התגים הקיימים שלך.
✓ אימות אמיתי, לא רשימת בדיקה קוסמטית: חסרות תגיות נדרשות, אורך og:title/og:description נבדק מול המגבלות בפועל שפלטפורמות קטועות בהן, ו-twitter:card נבדק מול ארבעת הערכים האמיתיים המותרים שלו.
✓ כנה לגבי מה שלא ניתן לאמת במצב לא מקוון: מידות פיקסלים של תמונה הן הנחיות בלבד, אלא אם ה-HTML שלך כבר מצהיר og:image:width/og:image:height, מכיוון שהכלי הזה לעולם לא מביא את התמונה שלך - לפי העיצוב, לפרטיות.
✓ ארבעה דגמי פלטפורמה שונים באמת (הסיכום של Twitter/X לעומת פריסות summary_large_image, Facebook, LinkedIn, Discord) שנבנו מאותו כותרת/תיאור/תמונה, המסומנים בבירור כהמחשה.

מקרי שימוש

  • • שלח פוסט חדש בבלוג עם כרטיסים חברתיים מתאימים: מלא את הכותרת, התיאור ותמונת שער מתארחת, צור את גוש התג og:/twitter: והדבק אותו ישר ב-<head> של העמוד.
  • • בדוק את ה-<head> של דף נחיתה קיים לאחר הגירה של CMS כדי לתפוס og:image חסר, og:title ארוך מספיק כדי להיקטע בפלטפורמות מסוימות, או ערך twitter:card לא חוקי שנשאר.
  • • השווה את האופן שבו אותה כותרת ותמונה נקראת בכרטיס הסיכום הקומפקטי של Twitter/X לעומת פריסת ה- summary_large_image ברוחב המלא לפני שתחליט על איזה סוג twitter:card להצהיר.