"ফেসবুক প্রকাশক" কীভাবে কোনও ভাগ করা ওয়েবসাইট থেকে চিত্র, শিরোনাম এবং সামগ্রী নির্বাচন করে?


12

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

বিষয়টি চিত্রিত করার জন্য এখানে একটি স্ক্রিনশট রয়েছে:

ফেসবুক থেকে স্ক্রিনশট

কীভাবে প্রকাশক অ্যাপ্লিকেশনটি লিঙ্ক থেকে চিত্রগুলি এবং পাঠ্য দখল করে? অন্যান্য জনপ্রিয় ওয়েব অ্যাপ্লিকেশন, গুগল অ্যাপ্লিকেশন, ওয়ার্ডপ্রেস ব্লগ ইত্যাদির জন্য কাজ করে এমন কি অ্যাপ্লিকেশন রয়েছে?

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



@ এফডাব্লুডি: মনে হয় @ অ্যাডওয়ার্ড তার পোস্টে একটি বাগ সম্পর্কে কথা বলছেন। এটি "তবে প্রায় দুই সপ্তাহ আগে থেকে ..."
অবধি কাজ করে যাচ্ছিল

উত্তর:


10

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

ওপেন গ্রাফ প্রোটোকল চারটি প্রয়োজনীয় বৈশিষ্ট্য সংজ্ঞায়িত করে:

ওগ: শিরোনাম - আপনার বস্তুর শিরোনাম যেমন গ্রাফের মধ্যে প্রদর্শিত হবে যেমন, "দ্য রক"।

ওগ: টাইপ - আপনার অবজেক্টের ধরণ, যেমন, "চলচ্চিত্র"। সমর্থিত ধরণের সম্পূর্ণ তালিকা দেখুন।

ওগ: চিত্র - একটি চিত্রের ইউআরএল যা গ্রাফের মধ্যে আপনার বস্তুর প্রতিনিধিত্ব করবে। চিত্রটি অবশ্যই কমপক্ষে 50px বাই 50px হতে হবে এবং এর সর্বোচ্চ অনুপাত 3: 1 হতে হবে।

ওগ: ইউআরএল - আপনার সামগ্রীর ক্যানোনিকাল ইউআরএল যা গ্রাফটিতে এটির স্থায়ী আইডি হিসাবে ব্যবহৃত হবে, যেমন, http://www.imdb.com/title/tt0117500/

এছাড়াও, আমরা আপনার পৃষ্ঠাকে ফেসবুকের সাথে সংযোগ করতে দুটি প্রয়োজনীয় ক্ষেত্র যুক্ত করতে বেসিক মেটা ডেটা প্রসারিত করেছি:

ওগ: সাইট_নাম - আপনার সাইটের জন্য একটি মানব-পঠনযোগ্য নাম, যেমন, "আইএমডিবি"।

fb: প্রশাসক বা fb: app_id - এই পৃষ্ঠাটি পরিচালনা করে এমন কোনও ফেসবুক ব্যবহারকারী আইডি বা একটি ফেসবুক প্ল্যাটফর্ম অ্যাপ্লিকেশন আইডির একটি কমা-বিচ্ছিন্ন তালিকা। আপনার পৃষ্ঠায় fb: প্রশাসক এবং fb: app_id উভয়ই অন্তর্ভুক্ত করা বৈধ।

আপনি নীচের সম্পত্তি পাশাপাশি এই বহু-অংশ বৈশিষ্ট্যগুলিকে অন্তর্ভুক্ত করারও পরামর্শ দেওয়া হচ্ছে।

ওগ: বর্ণনা - আপনার পৃষ্ঠার এক থেকে দুটি বাক্য বর্ণনা।

আমি নিশ্চিত নই যে তারা এই ট্যাগগুলির অভাবযুক্ত পৃষ্ঠাগুলির জন্য কীভাবে এটি ব্যবহার করে। আপনি যদি এই কার্যকারিতাটি সদৃশ করার চেষ্টা করছেন তবে এটি কোনও সহায়তা নয়, দুঃখিত। আপনি যদি চান তবে আপনার পৃষ্ঠাগুলি প্রকাশক হিসাবে প্রদর্শিত হবে তা নিশ্চিত করার চেষ্টা করছেন তবে সম্ভবত এটি হবে।

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

https://developers.facebook.com/tools/debug


আপনি যদি খোলার গ্রাফ ট্যাগ সরবরাহ না করেন তবে তারা মেটা ট্যাগ ব্যবহার করবে। ওয়েবপৃষ্ঠাগুলি পছন্দ করার সময়ে ওজি ট্যাগগুলি আরও সহায়ক হয়, কোজ এটি সাইট / ইউআরএল এর জন্য একটি ফেসবুক পৃষ্ঠা তৈরি করে
উমাইর জব্বার

4

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

    <meta name="title" content="title" />
    <meta name="description" content="description " />
    <link rel="image_src" href="thumbnail_image" / >

আমি এখানে তার বিবরণ পোস্ট করেছি http://umairj.com/2010/10/modify-how-the-shared-item-appears-on-facebook/


1
এটি আকর্ষণীয় এবং সেই মেটা ট্যাগগুলি অনেক ওয়েবমাস্টারদের জন্য প্রস্তাবিত অনুশীলন (এটি সার্চ ইঞ্জিনগুলি ইত্যাদিতে সহায়তা করে)। যাইহোক, প্রবাহিত ডেটা /2010/09/15/ … এর উত্সটি দেখুন । এই পৃষ্ঠায় এই ট্যাগ নেই, এবং একটি <link rel=ইমেজ ট্যাগ নেই।
স্টিফান লাসিউইস্কি

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

1

আমার জন্য যা কাজ করেছিল তা হ'ল ট্যাগের ঠিক পরে পৃষ্ঠায় কাঙ্ক্ষিত থাম্বনেইল চিত্র স্থাপন করা এবং এটি দেখতে খুব ছোট করে দেওয়া ..

<img src="imagename.jpg" width="1" height="1" />

আমি এটি উচ্চতা 0 এবং প্রস্থ 0 দিয়ে পরীক্ষা করেছি না তবে এটি সম্ভবত এখনও কাজ করবে .. এটি গ্যারান্টি দেয় না যে ব্যবহারকারী এই চিত্রটি নির্বাচন করবেন ..

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

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


0

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

আপনার নির্দিষ্ট করার জন্য সবচেয়ে গুরুত্বপূর্ণ মেটা ট্যাগগুলি হ'ল:

  • <meta property="og:title" content="The title of the sharing preview" />
  • $<meta property="og:description" content="The first few lines of content below the title" />
  • <meta property="og:image" content="http://site.com/your-image-1200x630px.jpg" />

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


-1

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

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


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