كيف Facebook المشارك اختيار الصور وغيرها من البيانات الوصفية حين تقاسم URL?
https://stackoverflow.com/questions/1138460
-
16-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russianسؤال
عند استخدام Facebook المشارك, Facebook سوف توفر للمستخدم خيار استخدام 1 من عدد قليل من الصور سحبت من المصدر كما معاينة على الارتباط بهم.كيف هي هذه الصور المختارة, و كيف يمكنني التأكد من أن أي صورة على الصفحة دائما المدرجة في هذه القائمة ؟
المحلول
كيف أقول Facebook الصورة المراد استخدامها عند صفحتي يحصل المشتركة ؟
Facebook يحتوي على مجموعة من فتح الرسم البياني العلامات الفوقية الذي يبدو في أن تقرر أي صورة.
مفاتيح واحدة على Facebook صورة:
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
وأنه يجب أن تكون موجودة داخل <head></head> الوسم في الجزء العلوي من الصفحة الخاصة بك.
إذا كانت هذه الكلمات ليست موجودة ، وسوف نبحث عن أقدم طريقة تحديد صورة: <link rel="image_src" href="/myimage.jpg"/>.إذا كان لا يتم الحاضر, Facebook سوف ننظر في محتوى الصفحة الخاصة بك و اختيار الصور من الصفحة الخاصة بك التي تفي حصتها في صورة معايير:يجب أن تكون الصورة على الأقل 200px قبل 200px, يكون الحد الأقصى الجانب نسبة 3:1 ، PNG ، JPEG أو GIF.
هل يمكنني تحديد صور متعددة تسمح للمستخدم لتحديد صورة ؟
نعم, تحتاج فقط إلى إضافة صورة متعددة العلامات الفوقية في الترتيب الذي تريد أن تظهر في.المستخدم ثم تقدم مع صورة محدد الحوار:
لقد تحديد الصورة المناسبة العلامات الفوقية.لماذا لا Facebook قبول التغييرات ؟
مرة واحدة url وقد مشترك, Facebook الزاحف ، التي لديها وكيل المستخدم من facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php), سوف الوصول إلى الصفحة الخاصة بك ذاكرة التخزين المؤقت المعلومات الوصفية.إلى قوة Facebook ملقمات إلى مسح ذاكرة التخزين المؤقت استخدام Facebook Url المصحح / اللنت أداة أنهم أطلقت في حزيران / يونيه 2010 لتحديث ذاكرة التخزين المؤقت وإصلاحها أي الفوقية الوسم القضايا على الصفحة الخاصة بك.
أيضا الصور على الصفحة يجب أن تكون متاحة للجمهور على Facebook الزاحف.يجب تحديد عنوان url مطلق مثل http://example.com/yourimage.jpg بدلا من مجرد /yourimage.jpg.
هل يمكنني تحديث هذه العلامات الفوقية مع العميل كود مثل جافا سكريبت أو مسج? لا.مثل محرك البحث الزواحف ، Facebook مكشطة لا يتم تنفيذ البرامج النصية لذا مهما كان ميتا العلامات موجودة عندما تكون الصفحة تحميلها هي العلامات الفوقية التي تستخدم في صورة الاختيار.
إضافة هذه العلامات أسباب صفحتي لم يعد التحقق من صحة.كيف يمكنني إصلاح هذا ؟
يمكنك إضافة اللازمة Facebook مساحات الخاص بك العلامة الصفحة الخاصة بك ثم يجب تمرير التحقق من الصحة:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
نصائح أخرى
عند المشاركة في Facebook، عليك إضافة في HTML الخاص بك في قسم الرأس العلامات المعتوية التالية:
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
وهذا كل شيء!
أضف الزر كما يجب عليه وفقا لما يخبرك ب FB.
جميع المعلومات التي تحتاجها في www.facebook.com/share/
اعتبارا من عام 2013، إذا كنت تستخدم Facebook.com/sharer.php (PHP) يمكنك ببساطة إجراء أي زر / رابط مثل:
<a class="btn" target="_blank" href="http://www.facebook.com/sharer.php?s=100&p[title]=<?php echo urlencode(YOUR_TITLE);?>&p[summary]=<?php echo urlencode(YOUR_PAGE_DESCRIPTION) ?>&p[url]=<?php echo urlencode(YOUR_PAGE_URL); ?>&p[images][0]=<?php echo urlencode(YOUR_LINK_THUMBNAIL); ?>">share on facebook</a>
معلمات الاستعلام الرابط:
p[title] = Define a page title
p[summary] = An URL description, most likely describing the contents of the page
p[url] = The absolute URL for the page you're sharing
p[images][0] = The URL of the thumbnail image to be used as post thumbnail on facebook
إنه بسيط بسيط: لا تحتاج إلى أي js أو إعدادات أخرى. هو مجرد رابط خام HTML. نمط العلامة بأي طريقة تريد.
ضع العلامة التالية في head:
<link rel="image_src" href="/path/to/your/image"/>
من http://www.facebook.com/share_partners.php.
بقدر ما يختاره كما هو الافتراضي في غياب هذه العلامة، لست متأكدا.
من تجربتي، http://www.facebook.com/sharer.php. لا يستخدم علامات التعريف. يستخدم السلسلة التي تمر بها. انظر أدناه.
http://www.facebook.com/sharer.php؟s=100&pittleintle=This. هو عنواني & P [ملخص] = هذا هو ملخصي & p [URL] =http: //www.myurl.com&P [الصور] [0] = http: //www.myurl.com/img/imageaddress
تعمل علامات التعريف مع مطور Facebook مثل / إرسال أزرار، وكذلك معلومات الرسم البياني المفتوح الأخرى. لذلك إذا كنت تستخدم إحدى عناصر Facebook الفعلية مثل التعليقات ومثلها، فمن المقرر أن يصل كل شيء إلى أشياء الرسم البياني المفتوح.
تحديث: هناك طريقتان لاستخدام المتشرد * لاحظ أن قيمة؟ قيمتها؟
1 ==> سلسلة: http://www.facebook.com/sharer.php؟ + محتوى من الأعلى
~~> سوف سحب المعلومات من السلسلة.
2 ==> URL: http://www.facebook.com/sharer.php؟u=url. حيث عنوان URL يساوي عنوان URL الفعلي
~~> سوف كشط الصفحة المتوفرة في قيمة عنوان URL
~~> يمكنك اختبار اختبار القيم هنا: https:/developers.facebook.com/tools/debug.
الطريقة القديمة، لم تعد تعمل:
<link rel="image_src" href="http://yoururl/yourimage"/>
ذكرت طريقة جديدة، أيضا لا تعمل:
<meta property="og:image" content="http://yoururl/yourimage"/>
لقد عملت بشكل عشوائي قبالة وفي اليوم الأول نفذته، لم يعمل على الإطلاق منذ ذلك الحين.
صفحة Facebook Linter، وهي أداة مساعدة تقوم بتفتيش صفحتك، تقارير مفادها أن كل شيء صحيح وتعرض المصغرة التي حددتها ... فقط أن صفحة Share.php نفسها لا تبدو تعمل. يجب أن يكون خطأ في Facebook، وهو ما يبدو أنه لا يهتم بإصلاح كل تقرير خطأ فيما يتعلق بهذه المشكلة التي رأيتها في نظامهم جميعا نقول حلها أو ثابتة.
لتغيير العنوان والوصف والصورة، نحتاج إلى إضافة بعض العلامات الوصفية تحت علامة الرأس.
الخطوة 1 :
إضافة علامات تا تحت علامة الرأس
<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />
الخطوة التالية :
انقر فوق الرابط أدناه
https:/developers.facebook.com/tools/debug.
أضف عنوان URL الخاص بك في مربع النص (على سبيل المثال http://www.test.com/) أين ذكرت العلامات. انقر فوق زر التصحيح.
تم التنفيذ.
يمكنك التحقق من هنا https://www.facebook.com/sharer/sharer.php؟u=http://www.test.com/
في أعلاه URL، U = رابط موقع الويب الخاص بك
استمتع !!!!
لآمنة https.
<meta property="og:image:secure_url" content="https://image.path.png" />
كان لدي هذه المشكلة وثابتها مع اقتراح مانويل 84. باستخدام صورة 400x400px عملت كبيرة، في حين أن صورتي الأصغر لم تظهر أبدا في المتشرد.
لاحظ أن Facebook توصي صورة مربعة بحد أدنى 200PX مثل علامة OG: https:/developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/#tags.
هذا هو ما نجح بالنسبة لي: لقد وضعت صورة المصغرة المطلوبة على الصفحة مباشرة بعد العلامة وجعلها صغيرة جدا برؤية ..
<img src="imagename.jpg" width="1" height="1" />
لم أختبرها بالارتفاع 0 وعرض 0 ولكن ربما ستظل تعمل .. هذا لا يضمن أن المستخدم سيختار هذه الصورة ..
كما يبدو وكأنه Facebook تخزين الصور المصغرة على صفحتك ولا تحقق دائما من أجل جديد .. حاول إضافة هذا إلى صفحة أخرى على موقعك وسترى أنه يعمل.
استخدم مربع حوار تغذية Facebook بدلا من حوار المشاركة لإظهار الصور المخصصة
مثال:
https://www.facebook.com/dialog/feed?app_id=1389892087910588
&redirect_uri=https://scotch.io
&link=https://scotch.io
&picture=http://placekitten.com/500/500
&caption=This%20is%20the%20caption
&description=This%20is%20the%20description
لم أستطع الحصول على Facebook لاختيار الصورة الصحيحة من منشور معين، لذلك فعلت ما هو موضح في هذه الصفحة:
https://webapps.stackexchange.com/questions/18468/ASTING-META-Tags-to-indiverual-blogger-Posts.
وبعبارة أخرى، شيء مثل هذا:
<b:if cond='data:blog.url == "http://urlofyourpost.com"'>
<meta content='http://urlofyourimage.png' property='og:image'/>
</b:if>
في الأساس، أنت ذاهب إلى البرمجية الصعبة إذا كان العبارة في HTML في موقعك للحصول عليه لتغيير محتوى التعريف لكل ما قمت بتغييره لهذا المنشور. إنه حل فوضوي، لكنه يعمل.
