אופטימיזציה של האתר לפייסבוק

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

למה זה חשוב?

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

איך עושים את זה?

מה שאנחנו עושים בפועל זה מכניסים מידע אל תוך התיאור של האתר או העמוד. את המידע הזה אנחנו מכניסים אל ראש בין תגיות הhead כפי שניתן לראות בדוגמא:

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
    xmlns:fb="https://www.facebook.com/2008/fbml"> 

<head prefix="og: http://ogp.me/ns# YOUR_NAMESPACE: 
    http://ogp.me/ns/apps/YOUR_NAMESPACE#"> 
    <meta property="fb:app_id" content="YOUR_APP_ID" /> 
    <meta property="og:type" content="YOUR_NAMESPACE:recipe" /> 
    <meta property="og:title" content="Stuffed Cookies" /> 
    <meta property="og:image" content="http://example.com/zhen/cookie.jpg" /> 
    <meta property="og:description" content="The Turducken of Cookies" /> 
    <meta property="og:url" content="http://example.com/zhen/cookie.html"> 

</head> 

למה כדאי לשים לב בקוד הזה?
קודם כל לשים לב שיש בשורה השניה של ה html קיראה לפורמט שבו פייסבוק מדבר עם האתר שלנו Open Graph.
שנית, אנחנו קוראים לפקודות מטא שמכילות תוכן ספציפי לגבי האתר שלנו (ישנן אופציות נוספות שלא הכללתי בקוד הנ"ל)

כיצד זה נראה בפייסבוק?
אופטימיזציה לפייסבוק

עדיין לא הבנתי, איך עושים את זה?

לאלו מכם שלא רוצים להתעסק בקוד בוורדפרס וג'ומלה יש תוספים מיוחדים לניהול המידע Open Graph
בג'ומלה אני משתמש ב – Easy Open Graph
בוורדפרס – Facebook Open Graph Meta in WordPress
אפשר גם לעשות אינטגרציה מצויינת בין וורדפרס לפייסבוק עם המדריך הבא (אנגלית)
במקרה הזה אני ממליץ לעשות לבד לאלו מכם שיכולים התוספים אולי נראים כאילו שהם מקלים על החיים אבל זה לא כל כך נכון במקרה הזה מנסיוני

כפתור לייק – אחד לכל האתר או ספירה שונה לכל עמוד?

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

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

שגיאה בכפתוק לייקֿ/אהבתי

משהו שיצא לי להתקל בו כמה פעמים בזמן האחרון זה כפתורי לייק שמוציאים error אדום. הסיבה לכך היא הגדרה לא נכונה של מנהלי העמוד (משתמשים או אפליקציות) בהגדרות המטא שדיברתי עליהן מקודם.
על מנת לסדר את זה פשוט תגדירו מחדש ונכונה את אחד משני אלו

<meta property="fb:app_id" content="YOUR_APP_ID" />
<meta property="fb:admins" content="USER_ID"/>

על מנת להשיג את המספר משתמש שלכם על מנת להציב אותו ב fb:admins לכו לתמונות פרופיל שלכם ושם בשם הכתובת של התמונה תוכלו לראות את המספר משתמש שלכם
מציאת מספר משתמש בפייסבוק

אחד הפיטצ'רים החדשים שפייסבוק פתחו לנו המפתחים זה סטטיסטיקות לפעילות של האתר אינטרנט שלנו ברשת החברתית. על כך אני כבר ארחיב ביום אחר אבל כדאי לדעת שהאופציה קיימת!
למידע נוסף אני ממליץ לפנות לפייסבוק למפתחים

אם הפוסט הזה עזר לכם אני אשמח שתשתפו אותו 

שיתוף

מאמרים נוספים

Scroll to Top