ফেসবুক পোস্ট লিংক চিত্র


96

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

আমি পড়েছি যে ব্যবহারকারী নির্দিষ্ট করতে ইচ্ছুক ইমেজের জন্য এফবি "ইমেজ_এসসিআর" রিল ট্যাগ পছন্দ করে তবে এটি আমার সাইটের জন্য এই থাম্বনেল তৈরি করে না।

আমার ইউআরএল সরাসরি ডিএনএসে যায়, এবং ফরোয়ার্ড হয় না, তাই আমি ভাবছি না যে সমস্যাটিও হতে পারে।

এফবি কেন আমার সাইট থেকে কোনও থাম্বনেইল তৈরি করতে পারে না সে সম্পর্কে কারও কি ধারণা আছে?


আপনি যদি আপনার সাইটে আমাদের লিঙ্ক (বা অন্যটি কাজ করে না) দেয় তবে এটি সাহায্য করবে - এটি কিছু ধারণা উত্সাহিত করতে পারে।
নিক ফোরটস্কিউ

এখানে আপনি এটি দেখতে কিভাবে দেখতে পারেন! আমি পিএইচপি + jQuery ব্যবহার করে এটি তৈরি করি। উত্স কোডটি ডাউনলোডের জন্য উপলব্ধ। আশা করি তুমি উপভোগ কর! Lab.leocardz.com/facebook-link-preview-php--jquery
লিওনার্দো কার্ডোসো

এবং যদি আপনি Google এ একই কাজ করতে চান প্লাস, এখানে সেরা রেফারেন্সড লিংক আমি খুঁজে পাইনি আছে: stackoverflow.com/questions/7985398/...
cregox

উত্তর:


119

সবচেয়ে সহজ উপায় হ'ল একটি লিঙ্ক ট্যাগ:

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

তবে আরও কিছু জিনিস যা আপনি নিজের সাইটে আরও সামাজিক যোগাযোগের জন্য বন্ধুত্বপূর্ণ করতে যোগ করতে পারেন:

গ্রাফ ট্যাগ খুলুন

ওপেন গ্রাফ ট্যাগগুলি এমন একটি ট্যাগ যা <head>আপনার পৃষ্ঠায় প্রতিনিধিত্ব করে এমন সত্ত্বাকে বর্ণনা করতে আপনি নিজের ওয়েবসাইটটিতে যুক্ত করেন, এটি ব্যান্ড, রেস্তোঁরা, ব্লগ বা অন্য কিছু হোক।

একটি ওপেন গ্রাফ ট্যাগ এর মতো দেখাচ্ছে:

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

আপনি যদি ওপেন গ্রাফ ট্যাগ ব্যবহার করেন তবে নিম্নলিখিত ছয়টি প্রয়োজনীয়:

  • og:title - সত্তার শিরোনাম।
  • og:type- সত্তার ধরণ। ওপেন গ্রাফ প্রকারের তালিকা থেকে আপনাকে অবশ্যই একটি প্রকার নির্বাচন করতে হবে।
  • og:image- সত্তার প্রতিনিধিত্ব করে এমন কোনও চিত্রের URL। চিত্রগুলি কমপক্ষে 50 পিক্সেল দ্বারা 50 পিক্সেল হওয়া উচিত। স্কোয়ার চিত্রগুলি সর্বোত্তমভাবে কাজ করে তবে আপনাকে লম্বা হওয়ার কারণে তিনগুণ প্রশস্ত চিত্র ব্যবহার করার অনুমতি দেওয়া হচ্ছে।
  • og:url- সত্তার প্রতিনিধিত্বকারী পৃষ্ঠার ক্যানোনিকাল, স্থায়ী URL। আপনি যখন ওপেন গ্রাফ ট্যাগগুলি ব্যবহার করেন, পছন্দ বোতামটি লাইক বোতাম কোডটিতে og:urlURL এর পরিবর্তে একটি লিঙ্ক পোস্ট করে ।
  • og:site_name - আপনার সাইটের জন্য একটি মানব-পঠনযোগ্য নাম, যেমন, "আইএমডিবি"।
  • fb:adminsবা fb:app_id- পৃষ্ঠা প্রশাসকদের ফেসবুক আইডি বা একটি ফেসবুক প্ল্যাটফর্ম অ্যাপ্লিকেশন আইডির একটি কমা-বিচ্ছিন্ন তালিকা। সর্বনিম্ন, কেবল আপনার নিজের ফেসবুক আইডি অন্তর্ভুক্ত করুন।

ওপেন গ্রাফ ট্যাগগুলি সম্পর্কিত আরও তথ্য এবং আপনার পৃষ্ঠা পরিচালনা করার বিষয়ে বিশদটি ওপেন গ্রাফ প্রোটোকল ডকুমেন্টেশনে পাওয়া যাবে।

http://developers.facebook.com/docs/references/plugins/ Like


4
আমি এই ত্রুটিটি লিন্ট সরঞ্জাম থেকে পেয়েছি। All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.। মাত্র একটি ফাই
ট্রেভর

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

কেবল আপনাকে জানাতেই , ফেসবুক অ্যাপের মধ্যে অ্যাপলিংকস ( অ্যাপলিংকস.অর্গ ) ব্যবহার করার সময় কোনও পোস্টে একটি ছবি যুক্ত করার একমাত্র উপায় হ'ল <লিঙ্ক> ট্যাগ ব্যবহার করে, ওগের সাথে < মাইটা > ট্যাগ ব্যবহার করা: চিত্র কাজ করবে না ।
এমেরিনো

এই ধরনের ইত্যাদি একটি তালিকা আছে, এবং কিছু অন্যান্য দরকারী তথ্য রয়েছে।
উইল্ফ

61

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

  1. আশি আটটি যেমন বলেছেন, নিশ্চিত করুন যে আপনার এইচটিএমএলটি বৈধ কিনা - এবং এটি আপনার জাভাস্ক্রিপ্ট এবং সার্ভার-সাইড কোডের (পিএইচপি, এএসপি, ইত্যাদি) জন্য যায়। কোডের টুকরোতে আমার একটি ছোট পিএইচপি ত্রুটি ছিল যা মূল পৃষ্ঠা থেকে সার্ভারে পৃথক কল হিসাবে সম্পাদন করছিল। বেশ কয়েকটি উদ্ভট কাকতালীয় কারণে, সেই কোডটি 500 টি ত্রুটি তৈরি করেছিল - তবে কেবলমাত্র আই 6 এর জন্য এবং ডাব্লু 3 সি বৈধকরণকারী এবং ফেসবুক পৃষ্ঠার ক্রলারের মতো কঠোর পার্সিং ইঞ্জিন। আধুনিক ব্রাউজারগুলিতে সমস্যাটি উপস্থিত হয়নি (ক্রোম 4, এফএফ 3.5, আই 8, ইত্যাদি) তাই আমি এখনই তা দেখতে পাইনি, তবে পুরানো / কঠোর ক্লায়েন্টরা প্রতিবার 500 দেখিয়েছিল এবং এটাই ছিল মূল কারণ এফবি আমাদের পৃষ্ঠাটি হামাগুড়ি দিচ্ছে না (যখন সমস্ত কিছু ঠিক আছে বলে মনে হচ্ছে)।

  2. রেন্ডির প্রতিক্রিয়া সম্পর্কে, তিনি ঠিক বলেছেন যে ফেসবুক আপনার পৃষ্ঠাটি আপডেট করার পরে এটি একটি দীর্ঘ পুরানো ক্যাশেড কপি রাখবে। এফবি দাবি করেছে যে এটি কেবল 24 ঘন্টা ধরে রাখা হয়েছে, তবে আমি তার থেকে অনেক দীর্ঘ সময় অনুভব করেছি। সৌভাগ্যক্রমে, এফবি তাদের "ইউআরএল লিন্টার" সরঞ্জাম প্রকাশ করেছে যা আপনাকে এফবিতে ভাগ করার সময় কীভাবে আপনার পৃষ্ঠা প্রদর্শিত হবে তার একটি পূর্বরূপ দেখায় এবং এটি FB কে তাত্ক্ষণিকভাবে আপনার পৃষ্ঠার ক্যাশে আপডেট করতে বাধ্য করবে। এটি একটি জীবন রক্ষার সরঞ্জাম ছিল। আপনি এটি http://developers.facebook.com/tools/lint/ এ খুঁজে পেতে পারেন

  3. ইউআরএল লিন্টার সরঞ্জাম সম্পর্কে, সাবধান থাকুন যে ইউআরএল এর প্রতিটি প্রকরণটি ফেসবুকে পৃথকভাবে ক্যাশে করা হয়েছে, সুতরাং "www.example.com" "উদাহরণ.com" এর মতো নয়। এছাড়াও, অনন্য মূলধন পাশাপাশি সংরক্ষণ করা হয়, সুতরাং "উদাহরণOne.com" "উদাহরণone.com" এর মতো নয়। (এটি আমার ক্লায়েন্ট এবং আমার মধ্যে অনেক বিভ্রান্তির কারণ হয়েছিল যখন আমার কাছে উপস্থিত হয়েছিল যে ক্যাশেটি ঠিকঠাক আপডেট হয়েছে এবং ক্লায়েন্ট দাবি করেছিল যে তারা আপডেটগুলি দেখছে না Turn আমি উদাহরণোন ডটকমকে দেখছিলাম এবং ব্যবহার করেছি ক্যাশে আপডেট করার জন্য লিন্টার, তবে তারা উদাহরণ ওনে ডটকমের দিকে তাকাচ্ছিল যা আমি লিন্টারের কাছে জমা দিইনি a ফলস্বরূপ, আমি কেবল ঘাঁটিগুলি আবরণ করার জন্য লিন্টারে ইউআরএলটির বেশ কয়েকটি ভিন্নতা জমা দিয়ে শেষ করেছি))

  4. চিত্র_এসআরসি লিঙ্ক ট্যাগটি ব্যবহার করার জন্য ওয়াইর্ডনেক্সাসের পরামর্শ স্পট-অন। এটি আপনাকে নিশ্চিত হতে দেয় যে এফবি আপনার পৃষ্ঠার জন্য সর্বোত্তম সম্ভাব্য চিত্রটি স্ক্র্যাপ করছে। চিত্রের ফাইলের কী কী স্পক্স হওয়া উচিত সে সম্পর্কে কিছু বিবিধ নির্দেশিকা রয়েছে, তবে আমি সফলভাবে একটি 128px বর্গক্ষেত্রের চিত্র ব্যবহার করেছি এবং একটি 130x97 চিত্র এটির মাধ্যমে তৈরি করতে দেখেছি। এখানে http://developers.facebook.com/docs/references/plugins/ Like / এর ফেসবুকের অফিসিয়াল ডকুমেন্টেশন রয়েছে :

    চিত্রগুলি কমপক্ষে 50 পিক্সেল দ্বারা 50 পিক্সেল হওয়া উচিত। স্কোয়ার চিত্রগুলি সর্বোত্তমভাবে কাজ করে তবে আপনাকে লম্বা হওয়ার কারণে তিনগুণ প্রশস্ত চিত্র ব্যবহার করার অনুমতি দেওয়া হচ্ছে।

    স্পষ্টতই, এফবি আপনার জন্য একটি বৃহত চিত্রের আকার বদলে দেবে, তবে আপনি যদি নিজের আগে এটির আকার পরিবর্তন করেন তবে আপনি প্রায় সর্বদা আরও ভাল ফলাফল পাবেন।

  5. মাইক কুপারের eHow নিবন্ধের লিঙ্ক সম্পর্কিত, নিবন্ধটির # 1 পদক্ষেপ ব্যবহার করা এড়িয়ে চলুন। নিবন্ধটি কখন লেখা হয়েছিল এবং মাইক যখন লিঙ্কটি পোস্ট করেছিলেন তখন এটি বৈধ পরামর্শ ছিল, তবে আপনার পৃষ্ঠা ভাগ করে নেওয়ার সময় কীভাবে প্রদর্শিত হবে তার পূর্বরূপ দেখার জন্য ইউআরএল লিন্টার সরঞ্জামটি ব্যবহার করা ভাল। লিন্টার ব্যবহার করে, আপনি এটির টুইট করার সুযোগ পাওয়ার আগে আপনি এফবি পৃষ্ঠার একটি (সম্ভাব্য) খারাপ কপি ক্যাশে দেবেন না।


আমি কয়েক দিন ধরে সংগ্রাম করে যাচ্ছিলাম এবং আমার থাম্বনেলটি সঠিকভাবে আপডেট করা হয়নি। ফেসবুক লিন্টার সরঞ্জামটি আমার সমস্যা সমাধান করেছে - এটির ক্যাশে আপডেট করার জন্য এটি ফেসবুক পেয়েছে! হুররে!
হ্যাডি

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

4
লিঙ্ক সরঞ্জামটি এর নাম পরিবর্তন করেছে। এখন এটি সবেমাত্র ডিবাগ করা হয়েছে : developers.facebook.com/tools/debug - যা আমি বলতে পারি, এটিই এই টিএল; ডাঃ সংস্করণ: কেবলমাত্র সরঞ্জামটি ব্যবহার করুন!
ক্রেগক্স

11

এখানে উপলব্ধ ফেসবুক লিন্টার ব্যবহার করুন। http://developers.facebook.com/tools/lint/

এটি আপনার লিঙ্কটি পরীক্ষা করবে এবং কোনও চিত্র আনবে। এটি কোনও পুরানো ক্যাশেও সাফ করে।

অথবা এটি ব্যবহার করে দেখুন - https://developers.facebook.com/tools/debug


11

শিরোনাম, বিবরণ এবং চিত্র পরিবর্তন করতে আমাদের হেড ট্যাগের অধীনে কিছু মেটা ট্যাগ যুক্ত করতে হবে।

পদক্ষেপ 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

আপনি ট্যাগগুলি উল্লেখ করেছেন এমন পাঠ্য বাক্সে (যেমন: http://www.test.com/ ) আপনার URL যুক্ত করুন । DEBUG বাটনে ক্লিক করুন।

এটি সম্পন্ন

আপনি এখানে যাচাই করতে পারবেন https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

উপরের url এ, ইউ = আপনার ওয়েবসাইটের লিঙ্ক

উপভোগ করুন !!!!


দয়া করে একাধিক প্রশ্নের যথাযথ একই উত্তর পোস্ট করবেন না: এটি সকলের পক্ষে ভাল নয় বা প্রশ্নগুলি হ'ল ডুপ্লিকেট যা এই জাতীয় পতাকা হিসাবে চিহ্নিত / বন্ধ করা উচিত।
ক্লিওপাত্র

হ্যালো ক্লিওপাত্রা, আমি অন্যদের সাহায্য করার জন্য উত্তরটি পোস্ট করার চিন্তা করছিলাম। আমি মনে করি আপনার বক্তব্য সম্পূর্ণ বৈধ। আমি এই যত্ন নিতে হবে। ধন্যবাদ বন্ধু
গৌরব 123

@ গৌরব 123 পরীক্ষার লিঙ্কটি মারা গেছে। তবে আমি ফেসবুকে ম্যাসেজ করে এটি পরীক্ষা করেছিলাম। খুব সহায়ক উত্তরের জন্য আপনাকে অনেক ধন্যবাদ!
gsamaras



2

আসলে, আপনি যদি "ইমেজ_সিসিআর" লিঙ্কটি যুক্ত করার আগে ফেসবুকের সাথে ইতিমধ্যে সেই পৃষ্ঠাটি লিঙ্ক করার চেষ্টা করে থাকেন, তবে ফেসবুক পুরানো ক্যাশেড অনুলিপিটি ব্যবহার করতে থাকবে এবং আপনার পরিবর্তনগুলিও দেখতে পাবে না। 'Www' মুছে ফেলা বা যুক্ত করে URL টি সংশোধন করার চেষ্টা করুন বা এটি পরীক্ষা করার জন্য আপনার পৃষ্ঠাটিকে নকল করুন।


1

আমি লক্ষ্য করেছি যে ফেসবুক ওয়েবসাইটগুলি https দিয়ে শুরু করলে থাম্বনেইল নেয় না, এটি কি আপনার ক্ষেত্রে হতে পারে?


1

একই সমস্যা ছিল এবং বুঝতে পেরেছিলাম যে আমার মাথা বন্ধ করার ট্যাগটি ভুল জায়গায় ছিল


0

পুরানো প্রশ্ন তবে সম্প্রতি আমার লিঙ্কের থাম্বনেইল চিত্রগুলি ফেসবুকে স্ট্যাটাস আপডেটগুলিতে প্রদর্শিত হচ্ছে না এমন একই সমস্যাতে চলেছে বলে মনে হচ্ছে। আমি অনেক ক্লায়েন্টের জন্য পোস্ট করি এবং এটি তুলনামূলকভাবে নতুন।

এফবি আর লম্বা ইউআরএল পছন্দ করবে বলে মনে হয় না - আপনি যদি goo.gl বা bitly.com এর মতো একটি URL সংক্ষিপ্ত ব্যবহার করেন তবে আপনার লিঙ্ক / পোস্টের থাম্বনেলটি আপনার এফবি আপডেটে উপস্থিত হবে।


0

এরকম কিছু ব্যবহার করার চেষ্টা করুন:

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

আপনি যতক্ষণ না আপনার ইমেজের পুরো পথ ব্যবহার করেন ততক্ষণ ফায়ারফক্সে ঠিকঠাক কাজ করে।

সমস্যা হ'ল কোনও কারণে এটি উল্লম্বভাবে নিচের দিকে অফসেট হয়। আমি কোথাও পড়ার প্রস্তাবিত হিসাবে চিত্রটি 200 x 200।


আমি কোনও লিঙ্ক ট্যাগের জন্য কোড পোস্ট করার ইচ্ছা করি যা পোস্ট করেনি কারণ আমি বোকা। দুঃখিত
ব্যবহারকারী 2494810

-1

আপনি যদি এসইওর জন্য কোনও প্লাগইন ব্যবহার করেন তবে প্রথমে আপনার এসইও প্লাগইন সেটিংস পরীক্ষা করে দেখুন hen নইনডেক্সের জন্য মিডিয়া সক্ষম করে যদি নোইন্ডেক্স সেটিংটি খুঁজে নিন তবে এটি অক্ষম করুন।

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