دليل المشاركة لمسؤولي مواقع الويب
يتناول هذا المستند كيفية تحسين المحتوى المستضاف على الويب والذي يشاركه الأشخاص على فيسبوك، بغض النظر عما إذا تمت مشاركته من جهاز كمبيوتر أو متصفح ويب للهواتف المحمولة أو تطبيق هواتف محمولة.
يوفر هذا المستند معلومات حول:
ترميز Open Graph
تتم مشاركة معظم أنواع المحتوى على فيسبوك في شكل عنوان URL، لذلك من المهم ترميز موقع الويب لديك باستخدام إشارات Open Graph للتحكم في طريقة عرض المحتوى على فيسبوك. ومن أجل مشاركة موقع الويب لديك بشكل صحيح بواسطة المتتبع لدينا، يجب أن يستخدم الخادم لديك الترميزات gzip وdeflate أيضًا.
في حالة عدم استخدام إشارات 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" />
تتضمن الخصائص بيانات تعريف وصفية حول المقالة التي نرغب في عرضها تحديدًا عندما يشارك شخص ما المقالة.
الإشارات الأساسية
هذه هي معظم الإشارات الوصفية الأساسية التي يجب استخدامها مع جميع أنواع المحتوى:
| الإشارة | الوصف |
|---|---|
| تمثل عنوان URL المتعارف عليه لصفحتك. ويجب أن يكون عنوان URL غير منسّق دون تضمين متغيرات الجلسة أو معلمات محددة للمستخدم أو عدادات. يتم تجميع تسجيلات الإعجاب والمشاركات لعنوان URL في العنوان ذاته. على سبيل المثال، يجب أن تشير عناوين URL لنطاق الهاتف المحمول إلى إصدار الكمبيوتر لعنوان URL باعتباره عنوان URL المتعارف عليه لتجميع تسجيلات الإعجاب والمشاركات عبر مختلف إصدارات الصفحة. |
| تمثل عنوان المقالة دون تضمين أية علامات تجارية، مثل اسم موقعك. |
| تمثل وصفًا مختصرًا حول المحتوى ويتكون عادةً من جملتين إلى 4 جُمل. وسيظهر هذا أسفل عنوان المنشور على فيسبوك. |
| تمثل عنوان URL للصورة الذي يظهر عندما يشارك شخص ما المحتوى على فيسبوك. راجع أدناه لمزيد من المعلومات، واطلع على دليل أفضل الممارسات للتعرف على كيفية تحديد صورة معاينة عالية الجودة. |
| لاستخدام رؤى فيسبوك، يجب إضافة معرف التطبيق إلى صفحتك. وتتيح لك الرؤى عرض تحليلات الزيارات من فيسبوك إلى موقعك. يمكن العثور على معرف التطبيق في لوحة معلومات التطبيق. |
قد ترغب أيضًا في إضافة إشارات إضافية من أجل تحسين توزيع المحتوى والحصول على مزيد من التفاعل:
| الإشارة | الوصف |
|---|---|
| تمثل نوع وسائط المحتوى. وتؤثر هذه الإشارة على طريقة عرض المحتوى في الموجز. في حالة عدم تحديد أي نوع، يتم التعيين افتراضيًا إلى |
| تمثل لغة المورد. ويتم التعيين افتراضيًا إلى |
يمكن العثور على قائمة كاملة بخصائص الكائنات القياسية في مرجع خصائص الكائنات.
اختبار الترميز
للتعرف على طريقة عرض الترميز في متتبع بيانات فيسبوك أدخل عنوان URL في أداة تصحيح أخطاء المشاركة. وسيعمل ذلك على عرض الإشارات التعريفية التي يستخلص المتتبع البيانات منها، وكذلك أي أخطاء أو تحذيرات.
ستعمل أداة تصحيح الأخطاء أيضًا على تشغيل عملية استخلاص البيانات في صفحتك، وإذا كنت تواجه أخطاءً في لغة HTML، فيمكنك استخدام أداة تصحيح الأخطاء لتحديث المحتوى. راجع تحديث الكائنات للتعرف على المزيد.
اختبار ما إذا كانت تتم معالجة وكيل مستخدم فيسبوك بطريقة صحيحة
- افتح المتصفح لديك.
- قم بتغيير وكيل المستخدم بحيث يطابق وكيل مستخدم فيسبوك. لمزيد من المعلومات حول تغيير وكيل المستخدم، راجع http://osxdaily.com/2013/01/16/change-user-agent-chrome-safari-firefox/:
- قائمة التطوير > وكيل المستخدم > أخرى
- قم بتعيين وكيل المستخدم إلى:
facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)
- قم بتحميل عنوان URL الخاص بالمشكلة.
- قم بتعيين وكيل المستخدم على متصفح الهاتف المحمول، مثلSafari - iPhone:
قائمة التطوير > وكيل المستخدم > Safari — iOS 10 — iPhone - قم بتحميل عنوان URL الخاص بالمشكلة.
- إذا كانت هذه المشكلة تتعلق بوكيل المستخدم، فسيتم تحميل الصفحة بشكل صحيح في الخطوة 5 وليس في الخطوة 3.
أنواع محتوى الوسائط
يمكنك إضافة ترميز آخر إذا كان المحتوى يتضمن مقطعًا صوتيًا أو فيديو أو معلومات حول الموقع. تعرف على جميع خصائص الكائنات القياسية في مرجع أنواع الكائنات.
الفيديو
يمكن استخدام og:video لجميع أنواع المحتوى. ويوضح هذا القسم كيفية استخدام الإشارات الإضافية في تحسين طريقة عرض الفيديو على فيسبوك. علمًا بأن فيسبوك يدعم مقاطع الفيديو بتنسيق mp4 أو فلاش.
استخدم عنوان URL آمن مع إشارتي og:video:url وog:video:secure_url حتى تزيد من فرص تشغيل الفيديو في الموجز. لاحظ أنه ليس هناك ما يضمن عرض الفيديو ضمن آخر الأخبار استنادًا إلى عدة عوامل.
| إشارة Meta | الوصف |
|---|---|
| تمثل عنوان URL للفيديو. وإذا كنت ترغب في تشغيل الفيديو ضمن الموجز، فيجب استخدام عنوان URL بتنسيق https:// إن أمكن. |
| مماثل لـ |
| تمثل عنوان URL الآمن للفيديو. احرص على تضمينها حتى في حالة تعيين عنوان URL آمن في |
| تمثل نوع MIME للفيديو. إما |
| تمثل عرض الفيديو بالبيكسل. ويلزم توفير هذه الخاصية لمقاطع الفيديو. |
| تمثل ارتفاع الفيديو بالبيكسل. ويلزم توفير هذه الخاصية لمقاطع الفيديو. |
| يتم تحديد صورة للمعاينة عالية الجودة في الموجز |
الصور
استخدم مجموعة الخصائص هذه للمحتوى الذي يتضمن أكثر من صورة. وراجع أفضل ممارسات المشاركة للحصول على إرشادات بشأن كيفية تحقيق أقصى استفادة من og:image.
| إشارة Meta | الوصف |
|---|---|
| تمثل عنوان URL للصورة. ولتحديث صورة بعد نشرها، استخدم عنوان URL جديدًا للصورة الجديدة. يتم تخزين الصور مؤقتًا استنادًا إلى عنوان URL ولن يتم تحديثها إلا في حالة تغيير عنوان URL. |
| مماثل لـ |
| تمثل عنوان URL بتنسيق https:// للصورة |
| تمثل نوع MIME للصورة. واحد من |
| تمثل عرض الصورة بالبيكسل. يتم من خلالها تحديد ارتفاع وعرض الصور لضمان تحمليها بشكل صحيح في أول مرة تتم مشاركتها فيها. |
| تمثل ارتفاع الصورة بالبيكسل. يتم من خلالها تحديد ارتفاع وعرض الصور لضمان تحمليها بشكل صحيح في أول مرة تتم مشاركتها فيها. |
الأصول ثلاثية الأبعاد
يرجى الرجوع إلى مستند مشاركة Open Graph للمنشورات ثلاثية الأبعاد.