מחולל תגיות Open Graph — חינם אונליין

מה הכלי עושה

המחולל כותב את תגיות ה־meta מסוג og: שקובעות איך קישור ייראה כשמשתפים אותו ב־Facebook,‏ LinkedIn,‏ WhatsApp,‏ Slack,‏ Discord,‏ Telegram ובאפליקציות רבות אחרות. הזינו את הכותרת, התיאור, כתובת ה־URL הקנונית וכתובת התמונה, בחרו סוג (website,‏ article,‏ product או profile) והעתיקו את התגיות ל־<head> של הדף.

בפלט מופיעים רק השדות שמילאתם, ותווים מיוחדים עוברים escape. בלי תגיות Open Graph, אפליקציות מנחשות כותרת ובוחרות תמונה אקראית מהדף, או לא מציגות תצוגה מקדימה בכלל. התגית החשובה ביותר היא og:image: תמונה ברורה בגודל 1200 × 630 פיקסלים מגדילה מאוד את הסיכוי שילחצו על הקישור המשותף.

מתי להשתמש בו

• להכין פוסט בבלוג, דף מוצר או דף נחיתה לשיתוף ברשתות החברתיות.
• לתקן תצוגה מקדימה של קישור שמציגה תמונה שגויה או כותרת ישנה.
• להוסיף תצוגות מקדימות לשיתוף באפליקציית עמוד יחיד שמרנדרת תוכן עם JavaScript.
• להגדיר כרטיסי קישור לאתר תיעוד שמשתפים ב־Slack או ב־Discord.

דוגמה

קלט

Title: Free JSON Formatter
Description: Format and validate JSON in your browser.
URL: https://4dev.net/json-formatter
Image: https://4dev.net/og/json-formatter.png
Type: website

פלט

<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>

שאלות על הכלי