התאמת האתר שלכם לפייסבוק

רוצים לשתף את האתר שלכם בפייסבוק אבל הטקסט שמופיע הוא לא מה שרציתם?
ואולי התמונה שמופיעה לא מתאימה לכם?

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

איך עושים את זה?
אתר הפייסבוק מושתת על מערכת בשם Social Graph, כאשר הקישור שלו לאתרים חיצוניים נקרא Open  Graph Protocol (או בקיצור OGP). על האתר להכיל מספר פרמטרים שמוכרים ע"י אותו Open Graph כדי שפייסבוק יציג אותו כהלכה.
בפלטפורמות שונות (דוגמת וורדפרס וג'ומלה) קיימים פלאגינים בדיוק עבור הדבר הזה, אך ניתן לעשות זאת בקלות רבה גם ע"י הכנסת הקוד ידנית, בצורה הבאה אל בין תגיות ה-HEAD של האתר:

<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:title" content="אתר אינטרנט איכותי וזול" />
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://atar-israeli.info"/>
<meta property="og:image" content="http://www.digitay.co.il/images/digitay-atar-200.png"/>
<meta property="og:description" content="בניית אתר אינטרט תדמיתי ב-1500 שקל בלבד. מצוין לעסקים חדשים וקטנים" />

</head>

</html>

איך זה נראה בפייסבוק?
הקוד הנ"ל ייתן לנו בפייסבוק את התצוגה הבאה:

למעשה הקוד מורכב משישה רכיבים:

  • הוספת קישור בשורת ה-html המחבר אותנו אל ה-OGP של פייסבוק
  • תגית OG:title המגדירה את הכותרת של האתר
  • תגית OG:type המגדירה את תוכן היעד
  • תגית OG:URL המגדירה את כתובת היעד
  • תגית OG:image המגדירה את התמונה שתוצג
  • תגית OG:description המגדירה את תיאור תוכן היעד.

 

להתעמקות נוספת וקבלת פרטים ופרמטרים נוספים ניתן לגשת לאתר הבא: http://ogp.me/

This entry was posted in טיפים and tagged , , . Bookmark the permalink.