ফেসবুকে শেয়ার প্রয়োগ করার সময় নির্দিষ্ট চিত্র কীভাবে থাম্বনেইল হিসাবে দেখানো যায়?

Question

আমি এই পদ্ধতিটি ভাগ করে নেওয়ার চেষ্টা করছি। আমি নিম্নলিখিত হিসাবে কোড ব্যবহার করছি

http://www.facebook.com/share.php?u=my_website_url

এখন যখন ফেসবুক এটিকে বাম দিকে কিছু থাম্বনেইল দেখায়। এই ছবিগুলি আমার ওয়েবসাইট থেকে নেওয়া হয়েছে। আমি কীভাবে কোনও নির্দিষ্ট চিত্রকে থাম্বনেইল হিসাবে বেছে নিতে পারি বা কমপক্ষে থাম্বনেইল প্রদর্শন বন্ধ করতে পারি?

আপনি আমার ব্লগের ঠিকানা দিয়ে এটি পরীক্ষা করতে পারেন ।

Comments

stackoverflow.com/questions/1810854/...

— user94154

Answer 1

এই ব্লগ পোস্টটিতে আপনার উত্তর রয়েছে বলে মনে হচ্ছে: http://blog.capstrat.com/articles/facebook-share-thumbnail-image/

বিশেষত, নিম্নলিখিতগুলির মতো একটি ট্যাগ ব্যবহার করুন:

<link rel="image_src" 
      type="image/jpeg" 
      href="http://www.domain.com/path/icon-facebook.gif" />

চিত্রটির নাম অবশ্যই উদাহরণের মতো হওয়া উচিত।

"পূর্বরূপের কাজ নিশ্চিত করে" ক্লিক করুন

দ্রষ্টব্য: ট্যাগগুলি সঠিক হতে পারে তবে তাদের ডকুমেন্টেশন অনুসারে ফেসবুকে প্রতি 24 ঘন্টা কেবল স্ক্র্যাপ করে। ছবিটি ফেসবুকে পেতে ফেসবুক লিন্ট পৃষ্ঠাটি ব্যবহার করুন।

http://developers.facebook.com/tools/lint/

Comments

ফেসবুক নিজেই উল্লেখ করেছে যে লিঙ্ক rel বৈশিষ্ট্যটি ব্যবহার করা কিছু লোকের পক্ষে সর্বদা কার্যকর হয় না। আমি অনেক বেশি নির্ভরযোগ্য হতে মেটা সম্পত্তি = "ওগ: চিত্র" পাই। নীচের উত্তরটি সঠিক হওয়া উচিত।

— ডোয়াইন চারিংটন

সম্ভবত সর্বোত্তম ব্যবহার উভয় বিকল্প

— ইউসুফ

এক্ষেত্রে চিত্রের ধরণটি 'চিত্র / জিআইএফ' হওয়া উচিত, তাই না?

— জোয়াকান এল। রোবলস

Answer 2

ফেসবুকের অনুমান থেকে, এই জাতীয় কোড ব্যবহার করুন:

<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />

সূত্র: ফেসবুক শেয়ার

Comments

এই শুধুমাত্র নতুন এপিআই, না বৃদ্ধ share.php লিঙ্কের জন্য কাজ বলে মনে হয়

— chrismarx

Answer 3

আমার ট্যাগগুলি সঠিক ছিল তবে তাদের ডকুমেন্টেশন অনুসারে ফেসবুকে প্রতি 24 ঘন্টা কেবল স্ক্র্যাপ করে। ফেসবুক লিন্ট পৃষ্ঠা ব্যবহার করে ছবিটি ফেসবুকে পেল।

আপনার URL টি এখানে লিখুন এবং এফবি আপনার পৃষ্ঠা থেকে মেটাডেটা আপডেট করবে:

https://developers.facebook.com/tools/debug (আপডেট লিঙ্ক)

Answer 4

ফেসবুক ব্যবহার করে og:tagsএবং ওপেন গ্রাফ প্রোটোকলটি আপনার ইউআরএলকে ভাগ করে নেওয়ার ডায়ালগে বা ফেসবুকে কোনও নিউজ ফিডে প্রাকদর্শন করার সময় কোন তথ্য প্রদর্শন করতে হবে তা বোঝাতে ।

og:tagsযেমন তথ্য থাকে:

• পৃষ্ঠার শিরোনাম
• পৃষ্ঠার ধরণ
• ইউআরএল
• ওয়েবসাইটের নাম
• পৃষ্ঠার একটি বিবরণ
• ফেসবুক ব্যবহারকারী_আইডি এর পৃষ্ঠা প্রশাসক (ফেসবুকে)

এখানে কিছু উদাহরণ ( ফেসবুক ডকুমেন্টেশন থেকে নেওয়া )og:tags

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

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

মনে রাখতে হবে একটা জিনিষ যে ফেসবুক হল না এই তথ্য সংক্রান্ত কিছু ক্যাশে না, যাতে পরিবর্তনগুলি কার্যকরী করতে জন্য আপনার পৃষ্ঠা টন করা হবে যাতে স্ক্র্যাপযুক্ত যেমন ডকুমেন্টেশনে বলেন:

মেটা ট্যাগ সম্পাদনা করা হচ্ছে

আপনি আপনার পৃষ্ঠার ট্যাগগুলি আপডেট করে আপনার পৃষ্ঠার বৈশিষ্ট্যগুলি আপডেট করতে পারেন। মনে রাখবেন যে ওগ: শিরোনাম এবং ওগ: প্রকারটি প্রাথমিকভাবে সম্পাদনাযোগ্য হয় - আপনার পৃষ্ঠা 50 টি পাওয়ার পরে শিরোনাম স্থির হয়ে যায় এবং আপনার পৃষ্ঠা 10,000 পাওয়ার পরে টাইপটি স্থির হয়ে যায়। এই বৈশিষ্ট্যগুলি ইতিমধ্যে পৃষ্ঠাকে পছন্দ করেছে এমন অবাক করা ব্যবহারকারীদের এড়াতে স্থির করা হয়েছে। এই সীমাটি পৌঁছে যাওয়ার পরে শিরোনাম বা টাইপ ট্যাগগুলি পরিবর্তন করা কিছুই করে না, আপনার পৃষ্ঠাটি মূল শিরোনাম এবং প্রকারটি ধরে রাখে।

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

Comments

আমি নীচে ট্যাগগুলি ব্যবহার করেছি: <মেটা সম্পত্তি = "ওগ: ইউআরএল" সামগ্রী = "72.5.167.17:8003/"; /> <মেটা সম্পত্তি = "ওগ: চিত্র" সামগ্রী = "72.5.167.17:8003/img/header-logo.png"; /> <মেটা সম্পত্তি = "ওগ: শিরোনাম" সামগ্রী = "এটি আমার শিরোনাম" /> <মেটা সম্পত্তি = "ওগ: বর্ণনা" সামগ্রী = "এটি আমার বিবরণ" /> শিরোনাম এবং বিবরণ সফলভাবে পরিবর্তিত হয়েছে, তবে চিত্রটি এখনও রয়েছে আসছে না.

— গৌরব 123

Answer 5

আমি দেখতে পাই যে প্রদত্ত সমস্ত উত্তর সঠিক। তবে, একটি গুরুত্বপূর্ণ বিবরণ উপেক্ষা করা হয়েছিল: চিত্রটির আকার কমপক্ষে 200 এক্স 200 পিক্স হতে হবে, অন্যথায় ফেসবুক থাম্বনেলকে প্রথম উপলব্ধ চিত্রের সাথে প্রতিস্থাপন করবে যা পৃষ্ঠায় মানদণ্ডগুলি পূরণ করে। আরেকটি সত্য হ'ল ন্যূনতম প্রয়োজনীয়টি হ'ল ওগ: চিত্রটি কার্যকর হওয়ার জন্য ফেসবুকের জন্য প্রয়োজনীয় 3 টি মেটাস অন্তর্ভুক্ত করা উচিত:

<meta property="og:title" content="Title of the page" />
<!-- NEXT LINE Even if page is dynamically generated and URL contains query parameters -->
<meta property="og:url" content="http://yoursite.com" />
<meta property="og:image" content="http://convertaholics.com/convertaholics-og.png" />

ফেসবুক ডিবাগার দিয়ে আপনার পৃষ্ঠাটি ডিবাগ করুন এবং সমস্ত সতর্কতাগুলি ঠিক করুন এবং এটি একটি কবজির মতো কাজ করা উচিত! https://developers.facebook.com/tools/debug

Comments

উপরের পাঠ্যটি অন্য উত্তরের সম্পাদনা হিসাবে প্রস্তাব করা হয়েছিল (ভুলভাবে)। এটি পরে প্রত্যাখ্যান করা হয়েছিল , তবে মনে হয় গুরুত্বপূর্ণ তথ্য রয়েছে তাই আমি সম্পাদনাটি এখানে সরিয়ে নিয়েছি।

— চ্যু x

Answer 6

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

এখানে আমি কীভাবে আমার সাইটটি স্থির করেছি http://gnorml.com/blog/facebook-link-thumbnails/

Answer 7

এটি কীভাবে কাজ করে তা এখানে দেখুন:

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

2. আপনি এই পৃষ্ঠায় এইচটিএমএল মেটা ট্যাগ যুক্ত করতে হবে। আপনি এটিতে রাখলে এটি কাজ করবে না। আপনার ক) চিত্র, খ) বিবরণ, গ) ইউআরএল এবং ঘ) শিরোনাম অনুযায়ী কাস্টমাইজ করতে নিশ্চিত করুন।

একটি বাস্তব উদাহরণ।

<meta property="og:image" content="http://www.coachesneedsocial.com/wp-content/uploads/2014/12/BannerWCircleImages-1.jpg" />

<meta property="og:description" content="Coaches share their secrets to success so you can rock 2015." />

<meta property="og:url"content="http://www.coachesneedsocial.com/coacheswisdomtelesummit/" />

<meta property="og:title" content="Coaches Wisdom Telesummit" />

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

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

বড় টিপস .. নিশ্চিত করুন যে আপনার এইচটিএমএলে "উদ্ধৃতি চিহ্নগুলি" একইরকম (এগুলি 2 টি সরল চিহ্ন এবং কোনও বক্ররেখার মতো হওয়া উচিত ... কখনও কখনও প্রোগ্রামগুলি এগুলিকে বিভিন্ন ফন্টে পরিবর্তন করে এবং এটি কোডটি আপ করে তোলে।

Answer 8

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

উপরের লিঙ্ক থেকে। সর্বোত্তম সম্ভাব্য শেয়ারের জন্য, আপনি আপনার এইচটিএমএলে 3 টি টুকরোগুলির পরামর্শ দিতে চান:

• শিরোনাম
• ছোট বিবরণ
• চিত্র

এটি নিম্নলিখিত দ্বারা সম্পন্ন হয়েছে, আপনার এইচটিএমএলের 'হেড' ট্যাগের ভিতরে রেখেছেন:

• শিরোনাম: <title>INSERT POST TITLE</title>
• চিত্র: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• বর্ণনা: <meta name=description content="INSERT YOUR SUMMARY TEXT"/>

আপনার ওয়েবসাইটটি যদি স্থির এইচটিএমএল হয় তবে আপনাকে আপনার HTML সম্পাদক ব্যবহার করে প্রতিটি পৃষ্ঠার জন্য এটি করতে হবে।

আপনি যদি দ্রুপালের মতো কোনও সিএমএস ব্যবহার করেন তবে আপনি এটির অনেকগুলি স্বয়ংক্রিয় করতে পারেন (উপরের লিঙ্কটি দেখুন)। আপনি যদি ওয়ার্ডপ্রেস ব্যবহার করেন তবে আপনি সম্ভবত একটি গাইডলাইন হিসাবে ড্রুপাল উদাহরণ ব্যবহার করে অনুরূপ কিছু বাস্তবায়ন করতে পারেন। আমি আশা করি আপনি এই দরকারী পেয়েছি।

অবশেষে, আপনি সর্বদা আপনার ভাগ পোস্ট ম্যানুয়ালি সম্পাদনা করতে পারেন। দেখুন কনটেন্ট কপিরাইট আইনে পূর্বানুমতি সঙ্গে এই উদাহরণে ।

Answer 9

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

আমি সমস্ত কিছু চেষ্টা করে দেখেছি এবং এই সিদ্ধান্তে পৌঁছেছি যে প্রতিটি লাইনের বোতামটি বাস্তবায়ন করা ক্যাশে। সুতরাং আসুন আমরা ইউআরএল এ-এর মতো লাইক বাটনটি ঘড়ি বলি, তারপরে আপনি শিরোনামে একটি চিত্র নির্দিষ্ট করেছেন এবং ইউআরএল-এ আবার লুক বোতামটি ক্লিক করে এটি পরীক্ষা করে দেখুন পৃষ্ঠাটি ক্যাশে হওয়ার সাথে সাথে আপনি ছবিটি দেখতে পাবেন না। ছবিটি बी পৃষ্ঠায় লাইক বোতামে ক্লিক করার পরে প্রদর্শিত হবে

ক্যাশেটি পুনরায় সেট করতে, আপনাকে উপরে উল্লিখিত লিন্ট ডিবাগার সরঞ্জামটি ব্যবহার করতে হবে এবং ক্যাশে হওয়া সমস্ত url যাচাই করতে হবে ... এটিই আমার পক্ষে কাজ করেছে।

Answer 10

প্রতিটি জুমলা নিবন্ধে ফেসবুক ওপেন গ্রাফ সেট করার সবচেয়ে সহজ উপায়টি আমি কম_ কনটেন্ট / নিবন্ধ / ডিফল্ট.এফপি ওভাররাইডে রেখেছিলাম, পরবর্তী কোড:

$app    = JFactory::getApplication();
$path   = JURI::root();

$document = JFactory::getDocument();
$document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />');
$document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />');
$document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />');
$document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />');
if (isset($images->image_fulltext) and !empty($images->image_fulltext)) : 
    $document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />');
else :
    $document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />');
 endif;

এটি বর্তমান নিবন্ধের বিবরণ সহ মাথায় মেটা ওগ ট্যাগ রাখবে।