এফবি ওপেনগ্রাফ ওগ: চিত্র চিত্রগুলি টানছে না (সম্ভবত https?)


301

প্রথম - আমি বিশ্বাস করি না এটি একটি সদৃশ সমস্যা। আমি এসও তে একই বা অনুরূপ সমস্যাগুলি ব্যাপকভাবে অনুসন্ধান করেছি এবং জিজ্ঞাসার আগে সমস্যার সমাধানের প্রকৃতির কারণে, আমি বিশ্বাস করি যে এই সমস্যাটি অনন্য।

ফেসবুক আমার og:imageফাইলগুলি ধরে রাখতে পারে না এবং আমি প্রতিটি স্বাভাবিক সমাধান চেষ্টা করেছি। আমি ভাবতে শুরু করেছি এর সাথে কিছু করার আছেhttps://...

  • আমি http://developers.facebook.com/tools/debug পরীক্ষা করেছি এবং শূন্য সতর্কতা বা ত্রুটি আছে।
  • এটি আমরা " og:image" এর সাথে লিঙ্কযুক্ত চিত্রগুলি সন্ধান করছি তবে সেগুলি ফাঁকা দেখাচ্ছে। যাইহোক আমরা যখন ইমেজ (গুলি) এ ক্লিক করি তবে সেগুলি উপস্থিত থাকে এবং এটি তাদের কাছে সরাসরি হয়।
  • এটি একটি চিত্র দেখায় - একটি চিত্র যা কোনও নন-https সার্ভারে হোস্ট করা হয়।
  • আমরা স্কোয়ার ইমেজ, জেপিগস, পিএনজি, আরও বড় আকার এবং ছোট আকারের চেষ্টা করেছি। আমরা চিত্রগুলি সর্বজনীন_ html এ রেখেছি। জিরো দেখা যাচ্ছে।
  • এটি একটি ক্যাচিং ত্রুটি নয়, কারণ যখন আমরা og:imageমেটাতে অন্য যুক্ত করি, তখন এফবি'র লিটারটি এটি খুঁজে পায় এবং পড়ে। এটি একটি পূর্বরূপ দেখায়। পূর্বরূপটি ফাঁকা। শুধুমাত্র ব্যতিক্রম আমরা পেয়ে থাকেন চিত্র এই ওয়েবসাইটে নন জন্য।
  • আমরা ভেবেছিলাম সম্ভবত কিছু অ্যান্টি-ফাঁস রয়েছে cpanelবা .htaccessএটি চিত্রগুলি প্রদর্শিত হতে বাধা দিচ্ছে, তাই আমরা পরীক্ষা করে দেখলাম। সেখানে ছিলনা. এমনকি আমরা < img src="[remote file]" >সম্পূর্ণ ভিন্ন সার্ভারে একটি দ্রুত কাজ করেছি এবং চিত্রটি ভাল দেখায় fine
  • আমরা ভেবেছিলাম সম্ভবত এটি og:typeঅন্য মেটা ট্যাগের সাথে বা অন্য কোনও বৈচিত্র্য। আমরা সমস্ত একবারে একবারে তা সরিয়ে দিয়েছি। পরিবর্তন নেই. শুধু সতর্কতা।
  • কোনও ভিন্ন ওয়েবসাইটে একই কোডটি কোনও সমস্যা ছাড়াই প্রদর্শিত হবে।
  • আমরা ভেবেছিলাম সম্ভবত এটি চিত্রগুলি টানছিল না কারণ আমরা একাধিক পণ্যের জন্য একই পণ্য পৃষ্ঠা (গুলি) ব্যবহার করছি (প্রাপ্ত মানের উপর ভিত্তি করে এটি পরিবর্তন করা, অর্থাৎ, "Details.php? Id = xxx") তবে এটি এখনও একটিতে টানছে চিত্র (একটি ভিন্ন ইউআরএল থেকে)।
  • যেকোন og:imageবা ইমেজ_এসসিআর বন্ধ রেখে এফবি কোনও চিত্র খুঁজে পায় না।

আমি আমার দড়ি শেষে। আমি যদি বলি যে আমি এবং অন্যরা এতে ব্যয় করে তবে আপনি হতবাক হয়ে যাবেন। বিষয়টি হ'ল এটি একটি অনলাইন স্টোর। আমরা একেবারে, ইতিবাচকভাবে ছবি থাকতে পারে না। আমাদের করতে হবে. আমাদের দশ বা ততোধিক অন্যান্য সাইট রয়েছে ... og:imageসমস্যাগুলির মধ্যে এটিই একমাত্র । এটি শুধুমাত্র একমাত্র https, সুতরাং আমরা ভেবেছিলাম সম্ভবত এটিই সমস্যা ছিল। তবে আমরা ওয়েবে কোথাও এর নজির খুঁজে পাই না।

এগুলি হ'ল মেটা ট্যাগগুলি:

<meta property="og:title" content="[The product name]" /> 
<meta property="og:description" content="[the product description]" /> 
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" />
<meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" />
<meta property="og:image" content="http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG" />
<meta property="og:type" content="product"/>
<meta property="og:url" content="https://www.[ourwebsite].com/apparel-details.php?i=10047" />
<meta property="og:site_name" content="[our site name]" />      
<meta property="fb:admins" content="[FB-USER-ID-NUMBER]"/>
<meta name="title" content="[The product name]" />
<meta name="description" content="[The product description]" />
<link rel="image_src" href="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta name="keywords" content="[four typical keywords]">
<meta name="robots" content="noarchive">

আপনি যদি এটি চান তবে আমাদের প্রোডাক্ট পৃষ্ঠাগুলির একটিতে একটি লিঙ্ক এখানে কাজ করা হয়েছে working [আমাদের সাইটের অনুসন্ধানের ফলাফলগুলিতে এটিকে আটকাতে চেষ্টা করার জন্য লিঙ্কটি ছোট করা হয়েছে]: http://rockn.ro/114

সম্পাদনা ----

"ফেসবুক কী দেখে" স্ক্র্যাপ সরঞ্জামটি ব্যবহার করে আমরা নিম্নলিখিতটি দেখতে সক্ষম হয়েছি:

"image": [          
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png"
      },
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png"
      },
      {
         "url": "http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png"
      }
   ],

আমরা এটি একটি পৃষ্ঠার জন্য পাওয়া সমস্ত লিঙ্ক পরীক্ষা করেছি। সমস্ত সঠিকভাবে বৈধ ইমেজ ছিল।

সম্পাদনা 2 ----

আমরা একটি পরীক্ষার চেষ্টা করেছি এবং ননসিকিউর ওয়েবসাইটে একটি সাবডোমেন যুক্ত করেছি (যেখান থেকে চিত্রগুলি ফেসবুকের মাধ্যমে বাস্তবে দৃশ্যমান হয়)। সাবডোমেনটি ছিল http: // img। [Nonsecuresite] .com। তারপরে আমরা সমস্ত চিত্রগুলি মূল সাবডোমেন ফোল্ডারে রেখেছি এবং সেগুলি উল্লেখ করি। এটি এফবিতে এই চিত্রগুলি টানবে না। তবে এটি এখনও সুরক্ষিত মূল ডোমেনে রেফারেন্স প্রাপ্ত কোনও চিত্র টানতে পারে।

পোস্ট ওয়ার্কেরউন্ড ----

কেগানকে ধন্যবাদ, আমরা এখন জানি যে এটি ফেসবুকে একটি বাগ। কাজটি করতে, আমরা একটি আলাদা NON-HTTPS ওয়েবসাইটে একটি সাবডোমেন রেখেছি এবং এতে সমস্ত চিত্র ছুঁড়ে ফেলেছি। আমরা প্রতিটি পণ্য পৃষ্ঠাতে সমন্বয় http://img.otherdomain.com/[like-image.jpg]ইমেজ রেফারেন্স og:image। তারপরে ওজি ডেটা রিফ্রেশ করার জন্য আমাদের এফবি লিন্টার দিয়ে যেতে হয়েছিল এবং প্রতিটি লিঙ্ক চালাতে হয়েছিল। এটি কার্যকর হয়েছে, তবে সমাধানটি একটি ব্যান্ড-সহায়তা কাজ, এবং যদি httpsসমস্যাটি স্থির হয় এবং আমরা প্রাকৃতিক https ডোমেন ব্যবহার করতে ফিরে যাই তবে এফবি বিভিন্ন বিষয় থেকে জটিল চিত্রগুলিতে চিত্রগুলি ক্যাশে করবে। আশা করি এই তথ্যটি অন্য কাউকে তাদের জীবনের 32 টি কোডিং ঘন্টা হারাতে বাঁচাতে সহায়তা করবে ।


27
ভাল নথিভুক্ত প্রশ্ন। এটি আপনার জন্য উত্সাহিত!
ডিএমসিএস

সমস্যা সমাধানের জন্য, og:type: og_products:productওয়েবসাইট টাইপ করতে গিয়ে চেষ্টা করুন এবং চিত্রগুলি তোলা যায় কিনা তা দেখুন।
ডিএমসিএস

2
রসালো, আমাদের একটি ওগ আছে: চিত্রটি বাইরের সাইট থেকে রেফারেন্স করা হয় যা HTTP এবং https নয় এবং এটি প্রদর্শিত হয়।
সাইপ্রাস 106

1
হাই, ধন্যবাদ, দুর্দান্ত পোস্ট আপনি যখন একবার কাজ শুরু করে https-url এ ফিরে যান তবে ক্যাশে আপডেট করার বিষয়ে আপনার উদ্বেগ নিয়ে কেবল একটি ছোট্ট মন্তব্য: এফবি ক্যাশে কিছু সময়ের পরে প্রকাশিত হওয়ায় আমি এ নিয়ে উদ্বিগ্ন হব না, সুতরাং কেবলমাত্র একটির জন্য দ্বিগুণ ডেটা রাখুন দু'একদিন এবং নতুন ইউআরএলগুলি ব্যবহার করে ক্যাশে স্বয়ংক্রিয়ভাবে মুক্তি পাবে।
নিক্লাস লিন্ডকভিস্ট

1
@ নিক্লাসলিন্ডকভিস্ট আরে শুধু রেকর্ডের জন্য, আমাদের পুরানো চিত্রগুলি মাস এবং মাস কয়েক আগে ক্যাশে থাকতে হয়েছিল, তাই আমি লবণের দানা দিয়ে এফবি'র ক্যাশে স্ট্যান্ডার্ড নিই।
সাইপ্রাস 106

উত্তর:


93

আমি একই সমস্যায় পড়েছি এবং এটি ফেসবুক বিকাশকারী সাইটে বাগ হিসাবে রিপোর্ট করেছি। এটি বেশ পরিষ্কার বলে মনে হচ্ছে যে og:imageএইচটিটিপি ব্যবহার করে ইউআরআই ঠিকঠাক কাজ করে এবং ইউটিআর এইচটিটিপিএস ব্যবহার করে না। তারা এখন স্বীকার করেছে যে তারা "এটি অনুসন্ধান করছে"।

আপডেট: 2020 হিসাবে, বাগটি আর ফেসবুকের টিকিট সিস্টেমে দৃশ্যমান নয়। তারা কখনও সাড়া দেয়নি এবং আমি বিশ্বাস করি না যে এই আচরণটি পরিবর্তিত হয়েছে। তবে এইচটিটিপিএস ইউআরআই-তে নির্দিষ্ট করা ঠিক og:image:secureআছে বলে মনে হচ্ছে।


3
কিগান! ধন্যবাদ! এই প্রথমবার আমরা এইচটিটিপিএস ইস্যুটি বাগ হিসাবে নথিভুক্ত দেখলাম ..... এবং আমরা কঠোরভাবে দেখলাম। প্রশ্ন মন্তব্যগুলিতে আমাদের কর্ম পোস্ট।
সাইপ্রাস 106

2
আগস্ট ২০১৩ অনুসারে, সেই urlটি বাগটি দেখায় না। এটির কোনও আপডেট হয়েছে?
Andreas Andreou

3
বিকাশকারী.ফেসবুক. com/bugs/256470807842897 এই নতুন বাগটি প্রাসঙ্গিক। যদিও প্রশ্নের উত্তর দেওয়া হয়েছে, আমি অনুভব করেছি যে আমি এখানে লিঙ্কটি যুক্ত করব তাই যদি অনুরূপ সমস্যা আছে এমন অন্য কেউ যদি এখানে অবতরণ করে তবে তারা এটি খুঁজে পেতে পারে।
জোয়েডবার্গ

4
বলছেন যে সমস্যাটি আমার জন্য ভেবে নয়, 2014 সালের 18 ই মার্চ ঠিক করা হয়েছিল।
মাইক ফ্লিন

1
@ ম্যাটব্রাউন নোপ, এটি আমার জন্য ঠিক করা হয়নি :-(
স্টারবিয়াম্রেনবোলাবস

131

কিছু বৈশিষ্ট্যে এগুলির সাথে অতিরিক্ত মেটাডেটা সংযুক্ত থাকতে পারে। এই সঙ্গে অন্যান্য মেটাডেটা হিসাবে একই ভাবে উল্লিখিত propertyএবং contentকিন্তু propertyঅতিরিক্ত হবে:

og:imageসম্পত্তি কিছু ঐচ্ছিক গঠিত বিধি রয়েছে:

  • og:image:url - ওগ: আইডেন্টিকাল image
  • og:image:secure_url - ওয়েবপৃষ্ঠাতে এইচটিটিপিএস প্রয়োজন হলে ব্যবহার করার জন্য একটি বিকল্প ইউআরএল।
  • og:image:type - এই চিত্রের জন্য একটি মাইম টাইপ।
  • og:image:width - পিক্সেল প্রশস্ত সংখ্যা।
  • og:image:height - পিক্সেলের সংখ্যা বেশি।

একটি সম্পূর্ণ চিত্র উদাহরণ:

<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" /> 
<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" />

সুতরাং og:imageআপনার এইচটিটিপিএস ইউআরএলগুলির জন্য সম্পত্তি পরিবর্তন করতে হবেog:image:secure_url

উদা:

চিত্রের জন্য এইচটিপিপিএস মেটা ট্যাগ:

<meta property="og:image:secure_url" content="https://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

চিত্রের জন্য HTTP মেটা ট্যাগ:

<meta property="og:image" content="http://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

উত্স: http://ogp.me/# কাঠামোগত <- আরও তথ্যের জন্য আপনি এই সাইটটি দেখতে পারেন।

আশা করি এটি আপনাকে সহায়তা করবে।

সম্পাদনা: আপনার কোডগুলি আপডেট করার পরে ফেসবুক সার্ভারগুলিকে পিং করতে ভুলবেন না - ইউআরএল লিন্টার


1
স্যার, অনেক অনেক ধন্যবাদ আমি জানতাম না যে চিত্রগুলির জন্য আরও মেটাডেটা আছে! আমরা চিত্রটি করার চেষ্টা করেছি: নিরাপদ_আরল নিজেই এবং এফবি একটি ত্রুটি ছুঁড়েছে। আমরা ইমেজ & সুরক্ষিত_আরএল * কে বিভিন্ন উপায়ে চেষ্টা করেছি) এবং লিটারে কোনও পরিবর্তন দেখা যায় নি।
সাইপ্রাস 106

আমার জন্য, এটি মেটা ট্যাগ চিত্র নয়, পূর্বরূপ চিত্রগুলি দেখায়। আমি অবশ্যই সঠিক ইউআরএল আছে! :( আইডিয়াস?
জামিনরো

1
@ জামিনরো আপনি কি লিটেন্ট করেছেন? তা না হলে লিন্ট না। এটি বেশিরভাগই সমস্যার সমাধান করা উচিত। যদি এটি এখনও বাছাই না করে, তবে কী সরঞ্জামটি স্ক্র্যাপ করতে সক্ষম তা দেখুন, ঠিক কী স্ক্র্যাপ করা হচ্ছে তাও আপনি দেখতে পারেন, ফলাফলের শেষে একটি লিঙ্ক রয়েছে See exactly what our scraper sees for your URLএটিতে ক্লিক করুন এবং দেখুন যে এটি আপনার লিঙ্কটির সম্পূর্ণ উত্স দেখাচ্ছে বা স্ট্রিপিং প্রদর্শিত হচ্ছে কিনা কিছু. যদি charsetভুলটি সেট করা থাকে, তবে স্ক্র্যাপার কোনও কারণে স্ক্র্যাপ করতে সক্ষম হবে না (এই সমস্যাটি নিয়ে আমি কিছুদিন আগে একই ধরণের প্রশ্নের উত্তর দিয়েছিলাম)। সুতরাং এই সমস্ত জিনিস সঠিক কিনা তা নিশ্চিত করুন।
সৈয়দ আইআর

3
যদি এটি কাউকে সহায়তা করে - আমাদের ওগ: চিত্র URL দ্বারা কোনও পরিষেবা (/ foo / বার) তৈরি করা হওয়ায় ফাইলের এক্সটেনশন নেই। এই উত্তরটি ফেসবুক লিন্টারে আমাদের সমস্যাগুলি সমাধান করে, সম্ভবত: ওগ: টাইপ = "চিত্র / পিএনজি" এর কারণে। ধন্যবাদ!!
ডানক

3
@ জোহনওয়াশাম og:imageট্যাগটি এইচটিটিপিএস হতে পারে (যা স্ট্যাকএক্সচেঞ্জ, ইউটিউব, ওয়ার্ডপ্রেস ডটকম, অ্যামাজন ইত্যাদি করে)। এটি কিন্ডা আপনাকে অবাক করে তোলে og:image:secure_urlআসলে কি জন্য?
ডকরাট

16

আমি জানি না, যদি এটি কেবল আমার সাথে থাকে তবে আমার জন্য og:imageকাজ করে না এবং এটি আমার সাইটের লোগোটি বাছায়, যদিও ফেসবুক ডিবাগারটি সঠিক চিত্রটি দেখায়।

কিন্তু আমার og:imageজন্য og:image:urlকাজ করতে পরিবর্তন । আশা করি এটি একই রকম সমস্যার মুখোমুখি অন্য কাউকে সহায়তা করে।


চিয়ার্স - আমার জন্য কাজ করেছে - তবে ফেসবুক ডিবাগারটিও চিত্র চায়, তাই আমি উভয়কেই প্রেরণ করি। ওগ: চিত্র এবং
ওজি

1
ওগ: চিত্র: ইউআরএলটি সিনট্যাক্সটি স্বীকৃত বা এটি ভুল এবং তাই পার্স করা যায় না? অন্য কথায় এটি কি মোটেও মেটা ট্যাগ না রাখার মতো?
জোনাথন টঞ্জি

@ জোনাথন টঞ্জি ogp.me তে অ্যাকোডিং , " og:image:urlএর অনুরূপ og:image"।
ডকরাট

9

গুগল থেকে এখানে পেয়েছি তবে এটি আমার পক্ষে খুব একটা সহায়ক ছিল না। দেখা গেল যে লোগোর জন্য প্রয়োজনীয় ন্যূনতম 3: 1 অনুপাত রয়েছে। আমার প্রায় 4: 1 ছিল। আমি জিমকে একে একে ঠিক 3: 1 এবং ক্রমে কাটাতে ব্যবহার করেছি - আমার লোগোটি এখন এফবিতে প্রদর্শিত হয়।


2
এটি সর্বোচ্চ সর্বাধিক অনুপাতের পরিমাণ 3: 1 ( বিকাশকারী.ফেসবুক
ডকস

1
ফেসবুক ডিবাগার অনুসারে, আকারের প্রয়োজন এখন 200px x 200px
braX

8

tl; dr - ধৈর্য ধরুন

আমি এখানেই শেষ হয়েছি কারণ আমি কোনও https সাইট থেকে পরিবেশন করা ফাঁকা চিত্র দেখতে পাচ্ছি। যদিও সমস্যাটি একেবারেই আলাদা ছিল:

যখন প্রথমবারের মতো সামগ্রী ভাগ করা হবে, তখন ফেসবুক ক্রলারের ভাগ হওয়া ইউআরএল থেকে মেটাডেটা স্ক্র্যাপ করে ক্যাশে করবে। ক্রলারের ছবিটি রেন্ডার হওয়ার আগে একবার অন্তত একবার দেখতে হবে। এর অর্থ হ'ল প্রথম ব্যক্তি যিনি টুকরো টুকরো অংশ ভাগ করে নেবেন কোনও চিত্রিত চিত্রটি দেখতে পাবেন না

[ https://developers.facebook.com/docs/sharing/best-practices/#precaching]

পরীক্ষার সময়, অবশেষে রেন্ডার করা চিত্রটি দেখতে 10 মিনিটের মতো ফেসবুক লেগেছিল । সুতরাং আমি যখন আমার মাথাটি স্ক্র্যাচ করছিলাম এবং ফেসবুকে এলোমেলো ওগ ট্যাগ নিক্ষেপ করছিলাম (এবং এখানে উল্লিখিত https সমস্যাটি সন্দেহ করছে), আমাকে যা করতে হয়েছিল তা অপেক্ষা করতে হয়েছিল।

যেহেতু এটি সত্যিই আপনার লিঙ্কগুলি প্রথমবারের সাথে ভাগ করে নেওয়া থেকে বিরত থাকতে পারে, এফবি এই আচরণটি নিরসনের জন্য দুটি উপায়ের পরামর্শ দেয়: ক) আপনার সমস্ত লিঙ্কগুলিতে ওজি ডিবাগার চালানো: চিত্রটি ক্যাশে হবে এবং 10 মিনিট বা বিয়ের পরে ভাগ করার জন্য প্রস্তুত হবে ) ওগ: চিত্র: প্রস্থ এবং ওগ: চিত্র: উচ্চতা উল্লেখ করে। (উপরের লিঙ্কে আরও পড়ুন)

এখনও কি ভাবছে যে এগুলি এত দীর্ঘ সময় নেয় ...


এর কারণ চিত্র অনুপাত। যদি চিত্রের মাত্রা অনুপাত হুবহু 1.91: 1 এবং / অথবা আমি og:image:widthএবং og:image:heightডেটা অন্তর্ভুক্ত না করি তবে ফেসবুককে চিত্রটি স্ক্র্যাপ করার পরে তাদের মাত্রাগুলি ফিট করার জন্য প্রক্রিয়া করতে হবে। চিত্রটি ক্রপ করা শেষ হবে, যা অযাচিত হতে পারে। বিস্তারিত জানার জন্য দেখুন: developers.facebook.com/docs/sharing/best-practices/#images
স্লিকট্রিক

1
ওগ: চিত্র: প্রস্থ এবং ওগ: চিত্র: উচ্চমানের চিত্রগুলি যেগুলি তাদের উপযুক্ত রেজোলিউশনের খুব সংক্ষিপ্ত তালিকায় নেই, আমার পরীক্ষায় কোনও জিনিস গতি বাড়ান না don't
ক্রিস মোসচিনি

5

আমার একই ত্রুটি ছিল এবং আগের কোনও কিছুই সাহায্য করে নি, তাই আমি ওপেন গ্রাফ প্রোটোকলের মূল ডকুমেন্টেশন অনুসরণ করার চেষ্টা করেছি এবং আমি আমার এইচটিএমএল ট্যাগে উপসর্গের বৈশিষ্ট্য যুক্ত করেছি এবং সবকিছু দুর্দান্ত হয়ে উঠেছে।

<html prefix="og: http://ogp.me/ns#">

2

আমারও একই সমস্যা ছিল। আমি = "ওগ: চিত্র: সুরক্ষিত_আর্ল" সম্পত্তিটি সরিয়েছি এবং এখন এটি কেবল ওগ: চিত্র দিয়ে স্ক্রাব হবে। কখনও কখনও, কম বেশি হয়


1
আপনার উত্তরে আরও অনেক বেশি ভোট হওয়া উচিত! আপনি সম্পূর্ণরূপে ঠিক আছেন, যদি আপনি কেবল https- র মাধ্যমে সামগ্রী পরিবেশন করেন তবে কেবল ওগ: চিত্র: ইউআরএল ব্যবহার করুন এবং এটি দিয়ে সম্পন্ন করুন।
মার্চভ্যানেজেন্ড

1
আমি বুঝতে পারি না কেন এটি একটি সমাধান। প্রশ্নটিতে স্পষ্টতই নিরাপদ_আরলটি প্রথম স্থানে ছিল না, আপনি কেন এটি কাজ করে মনে করেন, এটি খুব এলোমেলো
bal:

1

আমি অন্য একটি পরিস্থিতি আবিষ্কার করেছি যা এই সমস্যার কারণ হতে পারে। আমি প্রশ্ন এবং উত্তরগুলিতে বর্ণিত সমস্ত পদক্ষেপগুলি পেরিয়েছি, এখনও সমস্যাটি রয়ে গেছে।

আমি আমার ছবিগুলি পরীক্ষা করে দেখেছি যে আমার কয়েকটি পোস্টে og:imageবেশ কয়েক হাজার পিক্সেল এবং বেশ কয়েকটি মেগাবাইটের পরিসীমাতে খুব বড় থাম্বনেইল চিত্র রয়েছে ।

ডাব্লুপি থেকে জ্যাকিলে সাম্প্রতিক স্থানান্তরিত হওয়ার কারণে এটি ঘটেছে, আমি আমার চিত্রগুলি গুল্প দিয়ে অনুকূলিত করেছি, তবে ভুল ছবিতে মূল চিত্রগুলি ওগ: চিত্রটিতে ব্যবহার করেছি।

ফেসবুক আমাদের আজকের হিসাবে নিম্নলিখিত প্রস্তাবগুলি দেয় :

উচ্চ রেজোলিউশন ডিভাইসগুলিতে সেরা প্রদর্শনের জন্য কমপক্ষে 1200 x 630 পিক্সেলযুক্ত চিত্রগুলি ব্যবহার করুন। সর্বনিম্ন, আপনার বড় চিত্রগুলির সাথে লিঙ্ক পৃষ্ঠাগুলি প্রদর্শন করতে 600 x 315 পিক্সেলযুক্ত চিত্রগুলি ব্যবহার করা উচিত। চিত্রগুলি 8MB আকার পর্যন্ত হতে পারে।

সুতরাং 8MB এর উপরের সীমা রয়েছে।


1

আমি যেমন দুর্ঘটনাক্রমে খুঁজে পেয়েছি, স্বচ্ছ ফাঁকা চিত্র প্রতিক্রিয়ার শিরোনাম নিয়ে আসে সমস্যার সম্ভাব্য কারণ নির্দেশ করে।

  1. Https://developers.facebook.com/tools/debug/og/object/ এ ডিবাগারে যান
  2. আপনার ইউআরএল রাখুন
  3. নীচে, ফেসবুকটি আপনার "চিত্র" দেখায় (স্বচ্ছ 1x1 জিআইএফ)
    1. চিত্রটি আপনার মূল চিত্রের সাথে লিঙ্কযুক্ত - এটি কোনও চাপ দিচ্ছে না
    2. ডান টিপুন এবং চিত্রটি দেখুন (আপনি এর মতো কিছু পাবেন https://external-ams3-1.xx.fbcdn.net/safe_image.php?d=...&url=...)
  4. ফায়ারব্যাগ / বিকাশকারী সরঞ্জামগুলিতে নেট ট্যাব চালু করুন, প্রয়োজনে পৃষ্ঠা রিফ্রেশ করুন
  5. আপনি x-error-detailব্যাখ্যা সহ প্রতিক্রিয়া শিরোনাম পাবেন

উদাহরণস্বরূপ, আমার ক্ষেত্রে এটি ছিল Invalid image extension for URL: https://[mydomain]/[myfilename].jpg

আমার ক্ষেত্রে আসল বিষয়টি প্রেরেন্ডার.ও সম্পর্কিত ছিল ।

যেমনটি দেখা যাচ্ছে, যদি চিত্রটিকে প্রেরেন্ডারের মাধ্যমে অনুরোধ করা হয়, তবে এটি HTML এ রূপান্তরিত হয়। এটার মতো কিছু:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body style="margin: 0px;"><img style="-webkit-user-select: none; cursor: -webkit-zoom-in; " src="https://[yourdomain].com/[yourfilename].jpg" width="1078" height="718"></body>
</html>

এটি হয় প্রেরেন্ডার নিজেই বাগ, অথবা *.jpgঅনুরোধগুলির জন্য প্রেরেন্ডার ব্যবহার না করার জন্য এটি আপনার প্রক্সিতে কনফিগার করা উচিত (যদিও তারা ফেসবুক বট দ্বারা অনুরোধ করা হলেও)।

এটি লক্ষ্য করা সত্যিই কঠিন, কারণ প্রেরেন্ডারটি কেবলমাত্র নির্দিষ্ট ব্যবহারকারী-এজেন্ট শিরোনামে ব্যবহৃত হয়।


1

আমি একই ইস্যুতে দৌড়েছি এবং তারপরে আমি লক্ষ্য করেছি যে এর জন্য আমার একটি আলাদা ডোমেন ছিল og:url

একবার আমি নিশ্চিত করেছিলাম যে ডোমেনটি একই ছিল og:urlএবং og:imageএটি কার্যকর হয়েছিল।

আশাকরি এটা সাহায্য করবে.


2
যদিও এটি সর্বদা সম্ভব নয় কারণ ওগ: চিত্রটি একটি ক্লাউডফ্রন্ট সিডিএন URL হতে পারে। এছাড়াও, আমার ক্ষেত্রে, যখন এফবি পৃষ্ঠাটি নিজে থেকেই সিডিএন চিত্র তুলছে না, এটি অন্য একটি সিডিএন চিত্র তুলেছে যা ক্লাউডফ্রন্ট, যার অর্থ এটিও আমার ওগ নয়: ইউআরএল। সুতরাং আপনার পয়েন্ট ভুল।
PKHunter

ঐটা সত্য. আমি সিডিএন ইউআরএল ব্যবহার করছিলাম না। আমি কেবল ভেবেছিলাম যে আমার জন্য যা কাজ করেছে তা আমি ভাগ করব।
ড্যারেন হল

1

আমার ক্ষেত্রে সমস্যাটি সিএ রুট শংসাপত্র না দেওয়ার ক্ষেত্রে ছিল । SSL কনফিগারেশন বিশ্লেষণ করতে : https://www.ssllabs.com/ssltest/analyze.html ব্যবহার করার পরে আমি এটি আবিষ্কার করেছি fig


1

সাইটের https শংসাপত্রটি সম্পূর্ণরূপে মেনে চলতে না পারলে অনুরূপ লক্ষণগুলি (ফেসবুক এট সঠিকভাবে ওগ: চিত্র এবং https- র উপরের অন্যান্য সংস্থানগুলি আনতে পারে না) দেখা দিতে পারে।

আপনার সাইটের https শংসাপত্রটি বৈধ বলে মনে হতে পারে (ব্রাউজারে সবুজ কী) এবং এটি যদি কোনও মধ্যবর্তী বা চেইন শংসাপত্র হারিয়ে না যায় তবে এটি সঠিকভাবে স্ক্র্যাপ হবে না। এটি বিভিন্ন নষ্ট ঘন্টা এবং সমস্ত ক্যাশে এবং মেটা ট্যাগগুলি পুনরায় পরীক্ষা করতে বাড়ে lead

আপনার সমস্যা নাও হতে পারে তবে একইরকম লক্ষণগুলির সাথে অন্যের মতো হতে পারে (আমার মতো)। আপনার শংসাপত্রটি যাচাই করার জন্য অনেকগুলি উপায় রয়েছে - আমি যেটি ব্যবহার করতে পেরেছিলাম তা হল: https://www.sslshopper.com/ssl-checker.html


1

আমি আমার থেকে http://বের হয়ে og:imageএটিকে কেবল পুরানো প্লেইন দিয়ে প্রতিস্থাপন করেছি www.তবে এটি ঠিকঠাক কাজ শুরু করে।

আপনি এই সরঞ্জামটি ফেসবুকের মাধ্যমে আপনার চিত্র স্ক্র্যাপ ক্যাশে পুনরায় সেট করতে এবং ডেমো চিত্রের জন্য এটি কোন URL টি টানছে তা পরীক্ষা করতে পারেন।


0

আমি দেখতে পাচ্ছি যে ডিবাগারটিog:image আপনার ইউআরএল থেকে 4 টি ট্যাগ পুনরুদ্ধার করছে

প্রথম চিত্রটি বৃহত্তম এবং তাই লোড হতে সবচেয়ে বেশি সময় নেয়। সেই প্রথম চিত্রটি সঙ্কুচিত করার চেষ্টা করুন বা প্রথমে একটি ছোট চিত্র দেখানোর জন্য ক্রম পরিবর্তন করুন।


ধন্যবাদ লিক্স! দীর্ঘকালীন প্রথম চিত্র হিসাবে আমাদের কাছে প্রায় 200x200 সর্বাধিক একটি ছোট বর্গ চিত্র ছিল। আমরা বেশ কয়েকবার পুনরায় সাজিয়েছি এবং পুনরায় স্ক্র্যাপ করেছি। আমরা আরও ছোট, বৃহত্তর, বা বিকল্পগুলির একমাত্র চিত্র তৈরির এবং শূন্য সাফল্যের হারের সাথে উদ্ধার করার সংমিশ্রণটিও করেছি।
সাইপ্রাস 106

0

এছাড়াও, আপনি যখন কোনও ব্যবহারকারী উত্পন্ন গল্প যুক্ত করেন (যেখানে আপনি ওগ: চিত্র ব্যবহার করবেন না) যুক্ত করলেও এই সমস্যা দেখা দেয়। উদাহরণ স্বরূপ:

POST /me/cookbook:eat?
  recipe=http://www.example.com/recipes/pizza/&
  image[0][url]=http://www.example.com/recipes/pizza/pizza.jpg&
  image[0][user_generated]=true&
  access_token=VALID_ACCESS_TOKEN

উপরেরটি শুধুমাত্র HTTP- র সাথে কাজ করবে এবং https- র সাথে নয়। আপনি যদি https ব্যবহার করেন তবে আপনি একটি ত্রুটি পাবেন যা বলে: সংযুক্ত চিত্র () আপলোড করতে ব্যর্থ


এটি ভালবাসুন, গুগল https এর সাথে সাইটগুলিতে আরও প্রাসঙ্গিকতা দেওয়ার দিকে এগিয়ে চলেছে এবং এই প্রশ্ন জিজ্ঞাসার দু'বছর পরে
এফবি'র


0

আজ একইরকম সমস্যা ছিল, যা ভাগ করে নেওয়ার ডিবাগার আমাকে সমাধান করতে সহায়তা করেছে। দেখে মনে হচ্ছে XMP মেটাডেটা এম্বেড থাকা ফেসবুক (বর্তমানে) চিত্র বুঝতে পারে না। আমি যখন এক্সএমপি মেটাডেটা ছাড়াই সংস্করণগুলি সহ আমাদের নিবন্ধগুলিতে চিত্রগুলি প্রতিস্থাপন করেছি এবং পৃষ্ঠাটি পুনরায় স্ক্র্যাপ করেছি (শেয়ারিং ডিবাগারটি ব্যবহার করে), সমস্যাটি চলে গেল। আপনার ছবিতে এক্সএমপি মেটাডেটা রয়েছে কিনা তা একটি হেক্স সম্পাদক আপনাকে দেখতে সহায়তা করবে।


0

আমার ক্ষেত্রে, দেখে মনে হচ্ছে যে ক্রলারটির কেবল একটি বাগ রয়েছে। আমি চেষ্টা করেছিলাম:

  • লিঙ্কগুলি কেবলমাত্র http- এ পরিবর্তন করা হচ্ছে
  • শেষ সাদা স্থান অপসারণ করা হচ্ছে
  • সম্পূর্ণ HTTP এ স্যুইচ করা হচ্ছে
  • ওয়েবসাইটটি পুনরায় ইনস্টল করা হচ্ছে
  • একগুচ্ছ ওজি প্লাগইন ইনস্টল করা (আমি ওয়ার্ডপ্রেস ব্যবহার করি)
  • সার্ভারটিকে সন্দেহ করার একটি অদ্ভুত ভুল কনফিগারেশন রয়েছে যা বটগুলিকে ব্লক করে (কারণ সমস্ত ওজি চেকার ট্যাগ আনতে অক্ষম, এবং আমার সাইটে অন্য অনুরোধগুলি অস্থিতিশীল)

এর কোনটিই কাজ করে না। এটি আমাকে এক সপ্তাহে উপভোগ করেছে। এবং হঠাৎ কোথাও কোথাও এটি আবার কাজ হবে বলে মনে হয় না।

এখানে আমার গবেষণাটি রয়েছে, যদি কেউ আবার এই সমস্যার সাথে মিলিত হয়:

এছাড়াও, আপনি যাচাই করার জন্য ফেসবুকের অবজেক্ট ডিবাগার ছাড়াও আরও চেকার রয়েছে : ওপেনগ্রাফচেক.কম , অভিনেতা রাঠোরের ওপেন গ্রাফ পরীক্ষক , ইফ্রামালির এম্বেড কোডস , কার্ড যাচাইকারী | টুইটার বিকাশকারীরা


0

ঠিক আছে ... আমি বুঝতে পারি যে এই থ্রেডটি পুরানো এবং উপচে পড়া ভিড়ের মধ্যে রয়েছে, তবে যদি কেউ এরকমভাবে আসে তবে আমি তাদের ওগ পেতে লড়াই করতে হয়েছিলাম: ফেসবুকের ডানদিকে কাজ করার জন্য চিত্র ট্যাগ, এখানে আমার জন্য কাজ করা কৌশলটি:

এই লিঙ্কটি ব্যবহার করবেন না:

https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fwww.google.com

আপনার সমস্যার মধ্য দিয়ে কাজ করতে। বা যদি আপনি তা করেন তবে অবিলম্বে নীচে স্ক্রোল করুন এবং স্ক্র্যাপ ভিআইএ এপিআইতে ক্লিক করুন।

https://developers.facebook.com/tools/explorer/?method=POST&path=%3Fscrape%3Dtrue%26id%3Dhttps%3A%2F%2Fwww.google.com&version=v5.0

এক্সপ্লোরার সরঞ্জামে প্রদর্শিত ত্রুটি রয়েছে যা "ডিবাগ" সরঞ্জামটিতে প্রদর্শিত হয় না। উন্মাদক !!! (আমার ক্ষেত্রে, চিত্র ফাইলের একটি স্থান আমার চিত্রটি ডিবাগ সরঞ্জামটিতে নিঃশব্দে ছিটকেছিল, তবে এটি এক্সপ্লোরার সরঞ্জামে ত্রুটি দেখিয়েছিল)।


0

আমি ওগ ইমেজগুলি এফবি কার্ডগুলিতে প্রদর্শন না করার জন্য আরেকটি কারণ পেয়েছি। তবুও, ওগ মেটা ট্যাগগুলি ডিবাগ করার জন্য এফবি স্ক্র্যাপার সরঞ্জামটি ব্যবহার করে , আমি আমার ওয়ার্ডপ্রেস পৃষ্ঠায় উপস্থিত সমস্ত প্রয়োজনীয় ট্যাগগুলি নিশ্চিত করতে পেরেছিলাম এবং তবুও আমি নিম্নলিখিত ফাইল ডাউনলোড ত্রুটিটি পেয়েছি,

প্রদত্ত ওগ: চিত্র, <https-link-to-jpg-image> ডাউনলোড করা যায়নি। এটি বেশ কয়েকটি বিভিন্ন কারণে যেমন আপনার সার্ভারটি অসমর্থিত সামগ্রী-এনকোডিংয়ের কারণে ঘটতে পারে। ক্রলারটি ডিলেটলেট এবং জিজিপ সামগ্রী এনকোডিংগুলি গ্রহণ করে।

আমার একটি অস্পষ্ট অনুভূতি ছিল যে চিত্রের ফর্ম্যাটটিতে একটি সমস্যা রয়েছে, চিত্রটির লিঙ্কটি কাজ করছে তবে বার্তাটি সামগ্রী-এনকোডিংয়ের সাথে ভুল কিছু বোঝায়।

অনেক অনুসন্ধানের পরে, আমি একটি ওয়ার্ডপ্রেস সার্ভারের জন্য প্রয়োজনীয় পিএইচপি এক্সটেনশনগুলি দেখে শেষ করেছিলাম এবং বুঝতে পারলাম যে pho-exif মডিউলটি ইনস্টল করা হয়নি। এক্সিফ মডিউল সমস্ত আপলোডকৃত চিত্রগুলিতে এক্সিফ মেটাডেটা লিখে । ফলস্বরূপ এফবি ওগ ইমেজ ট্যাগটিতে ব্যবহৃত চিত্রগুলির সাথে কোনও এক্সিফ মেটাডেটা যুক্ত হয়নি।

এক্সিফ মডিউলটি সক্ষম হয়ে গেলে, ওয়ার্ডপ্রেস কোনও চিত্রের জন্য এক্সিফ মেটাডেটা পুনরায় সেট করার অনুমতি দেয় (মিডিয়া লাইব্রেরি-> নির্বাচন করুন এবং চিত্র-> আরও বিশদ সম্পাদনা করুন-> মানচিত্র এক্সিফ মেটাডেটা) এবং চিত্রটি এখন প্রত্যাশার সাথে এফবি কার্ডে উপস্থিত হয়েছিল।


-1

আমি যা পর্যবেক্ষণ করেছি তা থেকে, আমি দেখতে পাচ্ছি যে যখন আপনার ওয়েবসাইটটি সর্বজনীন হয় এবং চিত্র URLটি https হলেও এটি ঠিকঠাক কাজ করে।


-1

আমার জন্য এটি কাজ করেছে:

<meta property="og:url" content="http://yoursiteurl" />
    <meta property="og:image" content="link_to_first_image_if_you_want" />
    <meta property="og:image" content="link_to_second_image_if_you_want" />
    <meta property="og:image:type" content="image/jpeg" /> 
    <meta property="og:image:width" content="400" /> 
    <meta property="og:image:height" content="300" />
    <meta property="og:title" content="your title" />
    <meta property="og:description"  content="your text about homepage"/> 

-2

কয়েক ঘন্টা পরীক্ষা এবং জিনিস চেষ্টা করার পরে ...

আমি যতটা সম্ভব এই সমস্যাটি সমাধান করেছি। আমি লক্ষ্য করেছি যে তারা ফেসবুক বিকাশকারী পৃষ্ঠার ভিতরে "পরীক্ষার পৃষ্ঠাগুলি" ব্যবহার করে যা কেবলমাত্র "ওগ" ট্যাগ এবং বডি ট্যাগের কিছু পাঠ্য রয়েছে যা এই ওগ ট্যাগগুলিকে রেফারেল করে।

তাহলে আমি কি করেছি?

আমি আমার অ্যাপ্লিকেশনটিতে দ্বিতীয় দর্শন তৈরি করেছি যাতে তারা ব্যবহার করে things

এবং আমি কীভাবে জানি যে ফেসবুকটি আমার পৃষ্ঠায় অ্যাক্সেস করছে যাতে আমি দৃষ্টিভঙ্গিটি পরিবর্তন করতে পারি? তাদের একটি অনন্য ইউজার এজেন্ট রয়েছে: "ফেসবুকএক্সটার্নহিট / ১.১"


-2

একবার আপনি মেটা ট্যাগ আপডেট করার পরে নিশ্চিত হয়ে নিন যে সামগ্রী (চিত্র) লিঙ্কটি নিখুঁত পাথ এবং এখানে যাওয়ার পরে https://developers.facebook.com/tools/debug/sharingআপনার সাইটের লিঙ্কটি প্রবেশ করুন scrape againএবং পরের পৃষ্ঠায় ক্লিক করুন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.