טוויטר: איך לצייץ קישור עם תצוגה מקדימה המקושרת לדף אתר | הבלוג הטכני של סטודיו פייג'רס דיזיין   

טוויטר: איך לצייץ קישור עם תצוגה מקדימה המקושרת לדף אתר

שתף בפייסבוק +Google


כדי לייעל את "עבודת" הציוץ שלכם ולגרום ליותר קוראים להכינס לקישור שלכם שהכנסתם בציוץ תמיד מומלץ להוסיף תמונה. אלא שהדבקת קישור בציוץ לא תיתן תצוגה מקדימה של תמונה המופיעה בדף האתר שלכם או תקציר. אז איך אחרים עושים זאת?

Twitter Cards תצוגה מקדימה לקישור בציוץ

ציוצים עם תצוגה מקדימה המקושרת לדף אתר ניתן לראות בפיד טוויטר. תצוגה מקדימה זו נקראת Twitter Cards ויש ארבעה סוגים של כרטיסים כאלה:

1. Summery Card (כרטיס תקציר): מציג כותרת, תיאור ותמונה ממוזערת.
2. Summary Card with Large Image (כרטיס תקציר עם תמונה גדולה): מציג אתו הדבר אך עם תמונה מוגדלת. על התמונה שתופיע בכרטיס תקציר זה להופיע באתר במינימום גודל של 300x157 פיקסלים וביחס של 2:1 ביחס רוחב-גובה.
3. App Card (כרטיס לאפליקציה): מציג כרטיס עם קישור ישיר להורדת אפליקציה ישירות מהציוץ
4. Player Card (כרטיס מדיה): מציג בתוך הציוץ סרטונים, סאונד ושאר מדיה.

כל הכרטיסים הללו מקבלים נתונים מהדף המקושר בציוץ. הנתונים כמו: כותרת, תיאור וURL של התמונה בשרת מוטמעים בתגיות מטה בחלק ה-Head של דף האתר ונקראים משם.

דוגמא לקוד הקורא מידע עבור קישור בטוויטר בכרטיס תקציר:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@user" />
<meta name="twitter:title" content="Put title here" />
<meta name="twitter:description" content="Put description here." />
<meta name="twitter:image" content="Put full image url" />

בשורה הראשונה בקוד אין לשנות. בשורה השניה יש להזין את שם המשתמש שבו מצייצים בטוויטר את הקישור. שורה שלישית ורביעית יש להזין כותרת ותיאור ובשורה האחרונה יש להזין נתיב מלא לתמונה החל מ-http וכו'.

ברגע שתמלאו נתונים אלה בתגיות המטה ותטמיעו אותם בדף, תוכלו להדביק את הקישור לדף בציוץ בטוויטר ותקבלו תצוגה מקדימה מקושרת לדף עם כל הנתונים שהזנתם.

אם אתם רוצים לבדוק לפני הציוץ בטוויטר, אם הקישור שלכם אכן עובד ומופיעה תצוגה מקדימה לקישור, ניתן לעשות זאת באמצעות בדיקה ב Cards Vlidator של טוויטר.Save

שתף בפייסבוק +Google