คำถามติดแท็ก facebook-opengraph

12
Facebook Sharer เลือกรูปภาพและข้อมูลเมตาอื่น ๆ อย่างไรเมื่อแชร์ URL ของฉัน
เมื่อใช้ Facebook Sharer Facebook จะเสนอทางเลือกให้แก่ผู้ใช้ในการใช้ 1 ในไม่กี่ภาพที่ดึงมาจากแหล่งที่มาเพื่อเป็นตัวอย่างสำหรับลิงค์ของพวกเขา มีการเลือกรูปภาพเหล่านี้อย่างไรและฉันจะมั่นใจได้อย่างไรว่าภาพใด ๆ ในหน้าของฉันจะรวมอยู่ในรายการนี้เสมอ

24
FB OpenGraph และรูปภาพ: รูปภาพไม่ดึงรูปภาพ (อาจเป็น https หรือไม่)
ครั้งแรก - ฉันไม่เชื่อว่านี่เป็นปัญหาซ้ำซ้อน ฉันค้นหาปัญหาที่คล้ายกันหรือคล้ายกันใน SO อย่างกว้างขวางและเนื่องจากลักษณะของการแก้ไขปัญหาก่อนถามฉันเชื่อว่าปัญหานี้มีลักษณะเฉพาะ Facebook ไม่สามารถเข้าใจog:imageไฟล์ของฉันและฉันได้ลองทุกวิธีการแก้ปัญหาตามปกติ ฉันเริ่มคิดว่าอาจมีบางอย่างเกี่ยวข้องกับhttps://... ฉันได้ตรวจสอบhttp://developers.facebook.com/tools/debugและไม่มีคำเตือนหรือข้อผิดพลาดใด ๆ กำลังค้นหารูปภาพที่เราเชื่อมโยงใน " og:image" แต่กำลังแสดงว่างเปล่า อย่างไรก็ตามเมื่อเราคลิกที่ภาพพวกเขาจะมีตัวตนอยู่และมันจะตรงไปที่พวกเขา มันแสดงหนึ่งภาพ - ภาพที่โฮสต์บนเซิร์ฟเวอร์ที่ไม่ใช่ https เราได้ลองใช้รูปสี่เหลี่ยมจัตุรัส jpegs, pngs ขนาดที่ใหญ่ขึ้นและขนาดที่เล็กลง เราวางรูปภาพไว้ใน public_html ศูนย์ปรากฏขึ้น ไม่ใช่ข้อผิดพลาดในการแคชเพราะเมื่อเราเพิ่มog:imageเมตาดาต้าอื่นเอ็นเตอร์ของ FB จะค้นหาและอ่านสิ่งนั้น มันแสดงตัวอย่าง ภาพตัวอย่างว่างเปล่า เท่านั้นยกเว้นเราได้รับเป็นภาพที่ไม่ได้อยู่ในเว็บไซต์นี้ เราคิดว่าอาจมีการป้องกันการรั่วไหลcpanelหรือมีการ.htaccessป้องกันไม่ให้ภาพปรากฏขึ้นดังนั้นเราจึงตรวจสอบ ไม่มี. เราทำอย่างรวดเร็ว< img src="[remote file]" >บนเซิร์ฟเวอร์ที่แตกต่างกันโดยสิ้นเชิงและภาพแสดงได้ดี เราคิดว่าอาจเป็นog:typeเรื่องแปลกหรืออื่นที่มีเมตาแท็กอื่น เราลบพวกเขาทั้งหมดหนึ่งครั้งและตรวจสอบ ไม่มีการเปลี่ยนแปลง. เพียงแค่คำเตือน รหัสเดียวกันในเว็บไซต์อื่นปรากฏขึ้นโดยไม่มีปัญหาใด ๆ เราคิดว่าอาจจะไม่ดึงภาพเพราะเราใช้หน้าผลิตภัณฑ์เดียวกันสำหรับผลิตภัณฑ์หลาย ๆ ตัว (เปลี่ยนตามค่าการรับเช่น …


21
Facebook Open Graph ไม่ล้างแคช
ฉันมีปัญหากับเมตาแท็กด้วย Open Graph ดูเหมือนว่า Facebook กำลังแคชค่าเมตาแท็กเก่าของฉัน ค่าเก่าสำหรับแอททริบิวต์og:titleและog:urlยังคงใช้อยู่แม้ว่าฉันจะเปลี่ยนไปแล้วก็ตาม ฉันวิ่ง Lint บนหน้าหนึ่งในเว็บไซต์ของฉันและสิ่งนี้ก็ปรากฏขึ้น โปรดสังเกตว่ามีสองค่าสำหรับog:titleและog:urlและค่าสุดท้ายมีค่า อย่างไรก็ตามสองรายการสุดท้ายเป็นรายการ OLDที่ฉันใช้สำหรับไซต์นี้ ขณะนี้ฉันกำลังใช้เมตาแท็กเหล่านี้ (คุณสามารถตรวจสอบว่าคุณดูซอร์สของ HTML หรือไม่): <meta property="og:title" content="Smart og rummelig pusletaske fra Petit Amour med god plads til alt – værdi 1.099 kr – køb nu kun 599 kr "/> <meta property="og:description" content="Pinq.dk - Det gode liv for …

5
เปิดการประกาศเนมสเปซกราฟ: HTML พร้อม XMLNS หรือคำนำหน้า
ฉันได้เห็นข้อมูลที่ขัดแย้งกันเกี่ยวกับวิธีใช้เนมสเปซ Open Graph ให้ดีที่สุด โดยเฉพาะอย่างยิ่งเว็บไซต์ Open Graph ใช้วิธีการที่แตกต่างกันเล็กน้อยและตัวอย่างของ Facebook Open Graph ใช้วิธีการอื่น ๆ ตัวอย่างเว็บไซต์ Open Graph (โดยใช้แอตทริบิวต์คำนำหน้า HTML): <html prefix="og: http://ogp.me/ns#"> เปิดซอร์สโค้ดเว็บไซต์ของกราฟ (ใช้แอตทริบิวต์ HTML XMLNS): <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"> เอกสาร Facebook Open Graph (โดยใช้แอตทริบิวต์คำนำหน้า HEAD): <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"> เอกสาร Facebook Open Graph # 2 (ใช้แอตทริบิวต์ HTML XMLNS): <html xmlns="http://www.w3.org/1999/xhtml" …

5
ข้อผิดพลาด“ JavaScript ไม่ปลอดภัยพยายามเข้าถึงเฟรมด้วย URL …” ถูกสร้างขึ้นอย่างต่อเนื่องในตัวตรวจสอบ Chrome webkit
Chrome (หรือเบราว์เซอร์ webkit อื่น ๆ ) พ่น "Unsafe JavaScript พยายามเข้าถึงเฟรมด้วย URL ... " จำนวนมากเหล่านี้เมื่อทำงานกับ Facebook API เป็นต้น มันไม่รบกวนการทำงานจริง แต่มันทำให้คอนโซล javascript ไม่สามารถใช้งานได้โดยทั่วไป ฉันต้องการทราบว่ามีวิธีระงับข้อผิดพลาดเฉพาะในคอนโซลหรือไม่ หรือหากมีวิธีแก้ปัญหาอื่น ๆ ที่พวกคุณคิดได้ฉันจะขอบคุณมาก ขอบคุณ

3
วิธีใช้เมตาแท็ก 'og' (Open Graph) สำหรับการแชร์บน Facebook
Facebook ดึงรูปภาพทั้งหมดจากไซต์ของฉัน ฉันต้องการแบ่งปันเพียงภาพเดียวที่อยู่ในหน้านั้น ฉันได้ยินเกี่ยวกับogเมตาแท็ก แต่ฉันไม่รู้ว่าจะใส่อย่างไร

22
แสดงภาพขนาดย่อสำหรับลิงก์ใน WhatsApp || og: เมตาแท็กรูปภาพไม่ทำงาน
พยายามทำตามคำถามนี้: ให้รูปภาพสำหรับการแชร์ลิงก์ whatsapp ฉันได้สร้างหน้าเว็บ HTML อย่างง่ายด้วยเมตาแท็กพื้นฐานของ Facebook: <!--FACEBOOK--> <meta property="og:title" content="San Roque 2014 Pollos" /> <meta property="og:description" content="Programa de fiestas /> <meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" /> ตัวอักษรของ Facebook ตรวจสอบได้อย่างถูกต้องและใน Facebook แสดงว่าสมบูรณ์แบบ แต่เมื่อฉันพยายามแบ่งปันโดย WhatsApp รูปภาพไม่ปรากฏขึ้น ฉันกำลังลองใช้WhatsApp บน Android → นี่คือ URL ของหน้าเว็บตัวอย่าง
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.