دليل المشاركة لمسؤولي مواقع الويب

تتناول هذه الوثيقة كيفية تحسين المحتوى المستضاف على الويب والذي يشاركه الأشخاص على فيسبوك، بغض النظر عما إذا تمت مشاركته من جهاز كمبيوتر أو متصفح ويب للهواتف المحمولة أو تطبيق هواتف محمولة.

توفر هذه الوثيقة معلومات عن:

ترميز Open Graph

تتم مشاركة معظم أنواع المحتوى على فيسبوك في شكل عنوان URL، لذلك من المهم ترميز موقعك على الويب باستخدام علامات Open Graph للتحكم في طريقة عرض المحتوى على فيسبوك.

وفي حالة عدم استخدام هذه العلامات، يتم من خلال متتبع بيانات فيسبوك استخدام خوارزميات الكشف عن مجريات الأمور في الوصول لأفضل تخمين بشأن العنوان والوصف وصورة المعاينة للمحتوى. حدد هذه المعلومات صراحةً باستخدام علامات Open Graph لضمان تحقيق أعلى جودة في المنشورات على فيسبوك.

فيما يلي مثال على المحتوى المنسق باستخدام علامات Open Graph للوصول إلى العرض الأمثل على فيسبوك:

مثال على الترميز

على سبيل المثال، نعرض فيما يلي كيفية ترميز مقالة أو حدث إخباري أو منشور مدونة باستخدام og:type="article" والعديد من الخصائص الإضافية:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

تتضمن الخصائص بيانات وصفية توضيحية حول المقالة التي ترغب في عرضها على وجه التحديد عند مشاركة شخص ما للمقالة.

العلامات الأساسية

تمثل هذه العلامات معظم العلامات الوصفية الأساسية التي يجب استخدامها مع جميع أنواع المحتويات:

العلامة الوصف

og:url

عنوان URL المتعارف عليه لصفحتك. يجب أن يكون عبارة عن عنوان URL غير منسق، دون متغيرات جلسة أو معلمات محددة للمستخدم أو عدادات. يتم تجميع تسجيلات الإعجاب والمشاركات لعنوان URL في العنوان ذاته. على سبيل المثال يجب أن تشير عناوين URL لنطاق الهاتف المحمول إلى نسخة الكمبيوتر لعنوان URL باعتباره عنوان URL المتعارف عليه لتجميع تسجيلات الإعجاب والمشاركة عبر مختلف نُسخ الصفحة.

og:title

عنوان المقالة دون أية علامات تجارية مثل اسم موقعك.

og:description

وصف مختصر عن المحتوى، والذي عادةً ما يتكون من 2 إلى 4 جُمل. ويتم عرضه أسفل عنوان المنشور على فيسبوك.

og:image

عنوان URL للصورة الذي يظهر عند مشاركة شخص ما للمحتوى على فيسبوك. راجع أدناه لمزيد من المعلومات، واطلع على دليل أفضل الممارسات للتعرف على كيفية تحديد صورة معاينة عالية الجودة.

fb:app_id

حتى تتمكن من استخدام رؤى فيسبوك، يجب إضافة معرف التطبيق إلى صفحتك. تتيح لك الرؤى عرض تحليلات الزيارات من فيسبوك إلى موقعك. يمكن العثور على معرف التطبيق في لوحة التحكم في التطبيقات.


قد ترغب في إضافة علامات إضافية من أجل تحسين توزيع المحتوى والحصول على مزيد من التفاعل:

العلامة الوصف

og:type

نوع وسائط المحتوى. تؤثر هذه العلامة على طريقة عرض المحتوى في آخر الأخبار. وفي حالة عدم تحديد نوع، يتم التعيين افتراضيًا إلى website. يجب أن يكون كل عنوان URL عبارة عن كائن فردي، ولذا غير مسموح بقيم og:type المتعددة. يمكن العثور على قائمة كاملة بأنواع الكائنات في مرجع أنواع الكائنات

og:locale

لغة المورد. يتم تعيينها افتراضيًا إلى en_US. يمكن أيضًا استخدام og:locale:alternate إذا توفرت ترجمات أخرى للغة. تعرف على اللغات التي ندعمها في وثائق حول الترجمة.


يمكن العثور على قائمة كاملة بخصائص الكائنات في مرجع خصائص الكائنات.

اختبار الترميز الخاص بك

للتعرف على طريقة عرض الترميز في متتبع بيانات فيسبوك أدخل عنوان URL في مصحح أخطاء المشاركة. وسيعرض مصحح الأخطاء العلامات الوصفية التي يستخلص متتبع البيانات معلوماتها وأية أخطاء أو تحذيرات.

وسيتم من خلال مصحح الأخطاء أيضًا تشغيل عملية استخلاص لصفحتك، وإذا لم يكن هناك أخطاء في لغة HTML، يمكن استخدام مصحح الأخطاء في تحديث المحتوى. راجع تحديث الكائنات للتعرف على المزيد.

أنواع محتوى الوسائط

يمكن إضافة ترميز إضافي في حالة تضمن المحتوى لمقطع صوت أو فيديو أو معلومات الموقع. تعرف على جميع خصائص الكائنات القياسية في مرجع خصائص الكائنات.

الفيديو

يمكن استخدام og:video في جميع أنواع المحتوى. يصف هذا القسم كيفية استخدام العلامات الإضافية في تحسين طريقة عرض الفيديو على فيسبوك. يدعم فيسبوك مقاطع الفيديو من نوع mp4 أو فلاش.

استخدم عنوان URL آمن لعلامتي og:video:url وog:video:secure_url حتى تزيد من فرص تشغيل الفيديو في آخر الأخبار. لاحظ أنه ليس هناك ما يضمن عرض الفيديو ضمن آخر الأخبار استنادًا إلى عدة عوامل.

العلامة الوصفية الوصف

og:video

عنوان URL للفيديو. إذا كنت ترغب في عرض الفيديو ضمن آخر الأخبار، يحب استخدام https://، إن أمكن.

og:video:url

يؤدي نفس وظائف og:video

og:video:secure_url

عنوان URL الآمن للفيديو. قم بتضمينه حتى في حالة تعيين عنوان URL آمن في og:video.

og:video:type

نوع MIME للفيديو. application/x-shockwave-flash أو video/mp4.

og:video:width

عرض الفيديو بالبيكسل. هذه الخاصية مطلوبة لمقاطع الفيديو.

og:video:height

ارتفاع الفيديو بالبيكسل. هذه الخاصية مطلوبة لمقاطع الفيديو.

og:image

يتم من خلالها تحديد صورة للمعاينة عالية الجودة في آخر الأخبار


الصور

يمكن استخدام مجموعة الخصائص هذه مع المحتوى الذي يتضمن صورة أو أكثر. راجع أفضل ممارسات المشاركة للحصول على إرشاد بشأن كيفية تحقيق الاستفادة القصوى من og:image.

العلامة الوصفية الوصف

og:image

عنوان URL للصورة. لتحديث صورة بعد نشرها، يمكن استخدام عنوان URL جديد للصورة الجديدة. يتم تخزين الصور مؤقتًا استنادًا إلى عنوان URL ولن يتم تحديثها إلا في حالة تغيير عنوان URL.

og:image:url

يؤدي نفس وظائف og:image

og:image:secure_url

عنوان URL للصورة

og:image:type

نوع MIME للصورة. أحد الأنواع image/jpeg أو image/gif أو image/png

og:image:width

عرض الصورة بالبيكسل. يتم من خلالها تحديد ارتفاع وعرض الصور لضمان تحمليها بشكل صحيح في أول مرة تتم مشاركتها فيها.

og:image:height

ارتفاع الصورة بالبيكسل. يتم من خلالها تحديد ارتفاع وعرض الصور لضمان تحمليها بشكل صحيح في أول مرة تتم مشاركتها فيها.