รูปภาพลิงก์โพสต์บน Facebook

Question 1

เมื่อมีคนโพสต์ลิงก์บน facebook สคริปต์มักจะสแกนลิงก์นั้นเพื่อหารูปภาพใด ๆ และแสดงภาพขนาดย่อที่อยู่ถัดจากโพสต์ สำหรับ URL บางรายการ (รวมถึงของฉัน) ดูเหมือนว่า FB จะไม่ได้รับอะไรเลยแม้ว่าจะเป็นภาพจำนวนหนึ่งในหน้านั้นก็ตาม

ฉันอ่านพบว่า FB ต้องการแท็ก rel "image_src" สำหรับรูปภาพที่ผู้ใช้ต้องการระบุ แต่สิ่งนี้ไม่ได้สร้างภาพขนาดย่อนั้นสำหรับไซต์ของฉัน

URL ของฉันไปที่ DNS โดยตรงและไม่มีการส่งต่อดังนั้นฉันไม่คิดว่าอาจเป็นปัญหาเช่นกัน

ใครมีความคิดว่าทำไม FB ไม่สามารถสร้างภาพขนาดย่อจากเว็บไซต์ของฉันได้บ้าง?

Question 2

วิธีที่ง่ายที่สุดคือแท็กลิงค์:

<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" />

แต่มีบางสิ่งที่คุณสามารถเพิ่มลงในไซต์ของคุณเพื่อให้โซเชียลมีเดียเป็นมิตรมากขึ้น:

เปิดแท็กกราฟ

แท็ก Open Graph คือแท็กที่คุณเพิ่มลงใน<head>เว็บไซต์ของคุณเพื่ออธิบายเอนทิตีที่เพจของคุณแสดงไม่ว่าจะเป็นวงดนตรีร้านอาหารบล็อกหรืออย่างอื่น

แท็ก Open Graph มีลักษณะดังนี้:

<meta property="og:tag name" content="tag value"/>

หากคุณใช้แท็ก Open Graph จำเป็นต้องมีหกรายการต่อไปนี้:

og:title - ชื่อของเอนทิตี
og:type- ประเภทของนิติบุคคล คุณต้องเลือกประเภทจากรายการประเภท Open Graph
og:image- URL ไปยังรูปภาพที่แสดงถึงเอนทิตี รูปภาพต้องมีขนาดอย่างน้อย 50 พิกเซลคูณ 50 พิกเซล รูปภาพสี่เหลี่ยมจัตุรัสจะทำงานได้ดีที่สุด แต่คุณสามารถใช้รูปภาพที่มีความกว้างได้ถึงสามเท่าเมื่อมีความสูง
og:url- Canonical URL ถาวรของหน้าที่แสดงถึงเอนทิตี เมื่อคุณใช้แท็ก Open Graph ปุ่ม Like จะโพสต์ลิงก์ไปยังog:urlURL แทนในโค้ดปุ่ม Like
og:site_name - ชื่อที่มนุษย์อ่านได้สำหรับไซต์ของคุณเช่น "IMDb"
fb:adminsหรือfb:app_id- รายการที่คั่นด้วยจุลภาคของ ID Facebook ของผู้ดูแลเพจหรือ ID แอปพลิเคชันแพลตฟอร์ม Facebook อย่างน้อยที่สุดให้ใส่เฉพาะ ID Facebook ของคุณเอง

ข้อมูลเพิ่มเติมเกี่ยวกับแท็ก Open Graph และรายละเอียดเกี่ยวกับการดูแลเพจของคุณสามารถพบได้ในเอกสารโปรโตคอล Open Graph

http://developers.facebook.com/docs/reference/plugins/like

Question 3

ฉันรู้ว่าคำถามนี้เก่า แต่ฉันเพิ่งจัดการกับปัญหาเดิม ๆ และดำเนินการไปเรื่อย ๆ สองสามสัปดาห์ การค้นหาหลายครั้งบน Google ทำให้ได้ข้อมูลที่เป็นประโยชน์มากมาย แต่ส่วนใหญ่เน้นไปที่แท็ก Open Graph ซึ่งฉันไม่สนใจที่จะใช้ ปรากฎว่าไซต์ของฉันมีปัญหาหลายประการ แต่นี่คือข้อมูลเบื้องต้นบางประการ

ดังที่ EightyEight กล่าวไว้ตรวจสอบให้แน่ใจว่า HTML ของคุณถูกต้องและเช่นเดียวกันกับจาวาสคริปต์และโค้ดฝั่งเซิร์ฟเวอร์ของคุณ (PHP, ASP และอื่น ๆ ) ฉันมีข้อผิดพลาดเล็กน้อยเกี่ยวกับ PHP ในโค้ดส่วนหนึ่งที่เรียกใช้งานเป็นการเรียกเซิร์ฟเวอร์แยกจากหน้าหลัก เนื่องจากความบังเอิญที่แปลกประหลาดหลายประการรหัสดังกล่าวจึงสร้างข้อผิดพลาด 500 ข้อ แต่เฉพาะสำหรับ IE6 และเอ็นจิ้นการแยกวิเคราะห์ที่เข้มงวดเช่นตัวตรวจสอบ W3C และโปรแกรมรวบรวมข้อมูลของหน้า Facebook ปัญหาไม่ปรากฏในเบราว์เซอร์รุ่นใหม่ (Chrome 4, FF 3.5, IE 8 ฯลฯ ) ดังนั้นฉันจึงไม่เห็นมันทันที แต่ไคลเอนต์รุ่นเก่า / เข้มงวดกว่าแสดง 500 ทุกครั้งและนั่นคือเหตุผลหลักที่ FB ไม่ ไม่รวบรวมข้อมูลหน้าเว็บของเรา (เมื่อทุกอย่างดูเหมือนจะถูกต้อง)
เกี่ยวกับการตอบสนองของ Randy เขาถูกต้องที่ Facebook จะเก็บสำเนาหน้าเว็บของคุณไว้เป็นเวลานานหลังจากที่คุณอัปเดตแล้ว FB อ้างว่ามันถูกกักไว้เพียง 24 ชั่วโมง แต่ฉันมีประสบการณ์นานกว่านั้นมาก ในความเป็นจริง FB ได้เปิดตัวเครื่องมือ "URL Linter" ซึ่งจะแสดงตัวอย่างว่าเพจของคุณจะปรากฏอย่างไรเมื่อถูกแชร์บน FB และจะบังคับให้ FB อัปเดตแคชของเพจของคุณทันที นี่เป็นเครื่องมือช่วยชีวิต สามารถค้นหาได้ที่http://developers.facebook.com/tools/lint/
เกี่ยวกับเครื่องมือ URL Linter โปรดทราบว่ารูปแบบของ URL แต่ละรูปแบบจะถูกแคชแยกกันบน Facebook ดังนั้น "www.example.com" จึงไม่เหมือนกับ "example.com" นอกจากนี้ยังมีการจัดเก็บอักษรตัวพิมพ์ใหญ่ที่ไม่ซ้ำกันด้วยดังนั้น "ExampleOne.com" จึงไม่เหมือนกับ "exampleone.com" (นี้นำไปมากของความสับสนระหว่างลูกค้าของฉันและตัวผมเองเมื่อมันปรากฏตัวกับผมว่าแคชได้รับการปรับปรุงเพียงแค่ปรับและลูกค้าอ้างว่าพวกเขาไม่ได้เห็นการปรับปรุง. จะเปิดออกฉันถูกมองที่ exampleone.com และได้ใช้ Linter เพื่ออัปเดตแคช แต่พวกเขากำลังดู exampleOne.com ซึ่งฉันไม่ได้ส่งไปยัง Linter ด้วยเหตุนี้ฉันจึงส่ง URL ที่หลากหลายไปยัง Linter เพื่อปกปิดฐาน)
คำแนะนำของ WyrdNEXUS ในการใช้แท็กลิงก์ image_src คือเฉพาะจุด วิธีนี้ช่วยให้คุณมั่นใจได้ว่า FB กำลังคัดลอกรูปภาพที่ดีที่สุดสำหรับเพจของคุณ มีแนวทางที่แตกต่างกันออกไปเกี่ยวกับข้อกำหนดของไฟล์ภาพ แต่ฉันใช้ภาพสี่เหลี่ยมจัตุรัสขนาด 128px สำเร็จแล้วและได้เห็นภาพขนาด 130x97 ผ่านเช่นกัน นี่คือเอกสารอย่างเป็นทางการของ Facebook จากhttp://developers.facebook.com/docs/reference/plugins/like/ :

รูปภาพต้องมีขนาดอย่างน้อย 50 พิกเซลคูณ 50 พิกเซล รูปภาพสี่เหลี่ยมจัตุรัสจะทำงานได้ดีที่สุด แต่คุณสามารถใช้รูปภาพที่มีความกว้างได้ถึงสามเท่าเมื่อมีความสูง

เห็นได้ชัดว่า FB จะปรับขนาดภาพขนาดใหญ่ให้คุณ แต่คุณจะได้ผลลัพธ์ที่ดีขึ้นเกือบตลอดเวลาหากคุณปรับขนาดเองล่วงหน้า
เกี่ยวกับลิงก์ของ Mike Cooper ไปยังบทความ eHow ให้หลีกเลี่ยงการใช้ขั้นตอน # 1 ในบทความนั้น เป็นคำแนะนำที่ถูกต้องเมื่อเขียนบทความและเมื่อ Mike โพสต์ลิงก์ แต่ตอนนี้ควรใช้เครื่องมือ URL Linter เพื่อดูตัวอย่างว่าเพจของคุณจะปรากฏอย่างไรเมื่อมีการแชร์ เมื่อใช้ Linter คุณจะไม่ทำให้ FB แคชสำเนาของเพจที่ไม่ถูกต้อง (อาจเป็นไปได้) ก่อนที่คุณจะมีโอกาสปรับแต่ง

Question 4

ใช้ lintter ของ facebook ได้ที่นี่ http://developers.facebook.com/tools/lint/

การดำเนินการนี้จะตรวจสอบลิงก์ของคุณและดึงภาพมาใหม่ นอกจากนี้ยังล้างแคชเก่า ๆ

หรือลองดู - https://developers.facebook.com/tools/debug

Question 5

ในการเปลี่ยนชื่อคำอธิบายและรูปภาพเราจำเป็นต้องเพิ่มเมตาแท็กใต้แท็กส่วนหัว

ขั้นตอนที่ 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/ ) ที่คุณกล่าวถึงแท็ก คลิกที่ปุ่ม DEBUG

มันจบแล้ว.

คุณสามารถตรวจสอบได้ที่นี่ https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

ใน url ด้านบน u = ลิงค์เว็บไซต์ของคุณ

สนุก !!!!

Question 6

ลองดู: http://www.ehow.com/how_4938148_thumbnail-show-up-facebook-share.html

Question 7

HTML ของไซต์ถูกต้องหรือไม่ เรียกใช้ผ่านบริการตรวจสอบ W3C

Question 8

อันที่จริงหากคุณได้ลองเชื่อมโยงเพจนั้นบน Facebook แล้วก่อนที่จะเพิ่มลิงก์ "image_src" Facebook จะใช้สำเนาแคชเก่าต่อไปและไม่เห็นการเปลี่ยนแปลงของคุณด้วยซ้ำ ลองแก้ไข URL โดยลบหรือเพิ่ม "www" หรือทำซ้ำหน้าเว็บของคุณเพื่อทดสอบ

Question 9

ฉันสังเกตเห็นว่า Facebook ไม่ใช้ภาพขนาดย่อจากเว็บไซต์หากพวกเขาขึ้นต้นด้วย https นั่นอาจเป็นกรณีของคุณหรือไม่?

Question 10

มีปัญหาเดียวกันและพบว่าแท็กปิดส่วนหัวของฉันผิดตำแหน่ง

Question 11

คำถามเก่า แต่เมื่อเร็ว ๆ นี้ดูเหมือนว่าฉันจะประสบปัญหาเดียวกันกับภาพขนาดย่อจากลิงก์ของฉันไม่แสดงในการอัปเดตสถานะบน Facebook ฉันโพสต์สำหรับลูกค้าจำนวนมากและสิ่งนี้ค่อนข้างใหม่

ดูเหมือนว่า FB จะไม่ชอบ URL แบบยาวอีกต่อไปหากคุณใช้ตัวย่อ URL เช่น goo.gl หรือ bitly.com ภาพขนาดย่อจากลิงก์ / โพสต์ของคุณจะปรากฏในการอัปเดต FB ของคุณ

Question 12

ลองใช้สิ่งนี้:

<link rel="image_src" href="http://yoursite.com/graphics/yourimage.jpg" /link>`

ดูเหมือนว่าจะทำงานได้ดีบน Firefox ตราบใดที่คุณใช้เส้นทางแบบเต็มไปยังรูปภาพของคุณ

ปัญหาคือมันหักล้างกันในแนวตั้งด้วยเหตุผลบางประการ รูปภาพมีขนาด 200 x 200 ตามที่แนะนำบางแห่งที่ฉันอ่าน

Question 13

หากคุณใช้ปลั๊กอินใด ๆ สำหรับการทำ seo ให้ตรวจสอบการตั้งค่าปลั๊กอิน seo ก่อนจากนั้นค้นหาการตั้งค่า Noindex หากเปิดใช้งาน Media สำหรับ Noindex จากนั้นปิดใช้งาน