כיצד לגרום לתמונה ממוזערת של התצוגה המקדימה של האתר שלך להופיע בשיתוף פייסבוק

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

הוסף Open Graph Markup

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

סרטון היום

הוסף תגיות Open Graph לדף על ידי עריכת קוד מקור ה-HTML שלו:

שלב 1

פתח את קובץ ה-HTML בעורך טקסט כגון Notepad או בעורך HTML ייעודי. מקם את הסמן לפני תג הסגירה ליד החלק העליון של הקובץ ולחץ להיכנס כדי ליצור שורה חדשה.

קובץ HTML בפנקס רשימות, עם שורה ריקה בקטע Head.

קרדיט תמונה: התמונה באדיבות מיקרוסופט

שלב 2

הזן את המטא תג הבא:

החלף http://www.example.com/thumb.jpg עם הקישור בפועל לתמונה שאתה רוצה שפייסבוק תציג כאשר משתמש משתף קישור לאתר שלך.

עֵצָה

  • בעוד שפייסבוק מקבלת תמונות ממוזערות בגודל של עד 200 x 200 פיקסלים, גודל מומלץ הוא ברוחב 1200 פיקסלים ובגובה 630 פיקסלים.
  • כדי להגדיל את אחוז המשתמשים הלוחצים על הקישור -- משהו המכונה שיעור קליקים -- שקול להוסיף א קריאה לפעולה לתמונה, כגון לחץ כאן אוֹ גלה עוד.
קובץ HTML עם תג תמונה של מאפיין Open Graph מוקף בעיגול.

קרדיט תמונה: התמונה באדיבות מיקרוסופט

שלב 3

שמור את הקובץ שלך והעלה אותו למארח האינטרנט שלך.

בנוסף לתמונה הממוזערת, שקול להשתמש בתגי סימון Open Graph כדי, למשל, להתאים אישית כותרת או תיאור של קישור משותף.

קובץ HTML עם הכותרת של Open Graph ותגיות התיאור.

קרדיט תמונה: התמונה באדיבות מיקרוסופט