ফেসবুক শেয়ারের জন্য কীভাবে 'ওগ' (ওপেন গ্রাফ) মেটা ট্যাগ ব্যবহার করবেন


118

ফেসবুক আমার সাইট থেকে সমস্ত ছবি আনছে।

আমি এই পৃষ্ঠায় থাকা একটি মাত্র ছবি ভাগ করতে চাই।

আমি ogমেটা ট্যাগ সম্পর্কে শুনেছি , তবে কীভাবে এটি লাগাতে হয় তা আমি জানি না।

উত্তর:


355

ব্যবহার করুন:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

আপনার পৃষ্ঠার সামগ্রী অনুযায়ী সামগ্রী "" ... পূরণ করুন "

আরও তথ্যের জন্য, প্রতিটি ওয়েবপৃষ্ঠায় 2013 এর 18 টি মেটা ট্যাগ দেখুন


আপনি কি জানেন authorট্যাগটিতে লেখকের নাম, বা কোনও প্রোফাইল ইউআরএলের লিঙ্ক থাকা উচিত?
টোবাক

আমি মনে করি উভয়ই সম্ভব। আপনি যদি গুগল অনুসন্ধান পৃষ্ঠায় আপনার পোস্টের বাম দিকে আপনার প্রোফাইল চিত্র চান তবে আপনার গুগল + প্রোফাইলে লিঙ্কটি সরবরাহ করা উচিত।
জুনিহ্যান্ডল

মেটা ট্যাগ authorমানে ওয়েবসাইটের লেখক বা বর্তমান নিবন্ধের লেখক (ব্লগ নিবন্ধে ব্যবহারের উদাহরণ)?
LuiGi

এটি কি কার্যকর কার্যকর? গুগল / ফেসবুক / টুইটার কি এতে কোনও ত্রুটি খুঁজে পাবে না?
জেরোমি দেভেরা

2
1) ফেসবুক <মেটা নাম = "লেখক"> ট্যাগ পড়বে এবং প্রিভিউতে দেখবে যখন কেউ একটি পৃষ্ঠা ভাগ করে নেবে 2) ফেসবুকের এখন <মেটা সম্পত্তি = "নিবন্ধ: লেখক"> (বিবরণ giannopoulos.net/ ২০১৫ / 06/20 /… ) এবং আপনার ফেসবুক প্রোফাইলে একটি লিঙ্ক প্রদর্শন করবে (আপনি যদি নিবন্ধে এটির কোনও লিঙ্ক রাখেন: লেখক) 3) গুগল এখন "রিচ স্নিপেটস" বলে তার আকারে সমৃদ্ধ ডেটা সন্ধান করবে ( developers.google.com/structured-data )
MarkG

41

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

আমরা যেভাবে করি তা og:metaট্যাগ সহ।

ট্যাগগুলি এ জাতীয় কিছু দেখাচ্ছে -

  <meta property="og:title" content="Stuffed Cookies" />
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
  <meta property="og:description" content="The Turducken of Cookies" />
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

<head>আপনার এই এইচটিএমএল ফাইলের মধ্যে এই বা অনুরূপ মেটা ট্যাগগুলি স্থাপন করা দরকার । আপনার নিজের জন্য মান বিকল্প করতে ভুলবেন না!

আরও তথ্যের জন্য আপনি কীভাবে ফেসবুক তাদের ডকুমেন্টেশনে এই মেটা ট্যাগগুলি ব্যবহার করে সে সম্পর্কে সমস্ত কিছু পড়তে পারেন। সেখান থেকে টিউটোরিয়ালগুলির মধ্যে একটি এখানে রয়েছে - https://developers.facebook.com/docs/openographic/tutorial/


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

এখানে একটি লক্ষণীয় বিষয় হ'ল প্রতিবার আপনি মেটা ট্যাগগুলিতে পরিবর্তন করার সময় আপনাকে আবার ডিবাগারের মাধ্যমে URL টি খাওয়াতে হবে যাতে ফেসবুকটি আপনার ইউআরএল সম্পর্কে তাদের সার্ভারগুলিতে থাকা সমস্ত ডেটা সাফ করে দেবে।


আমি আমার বিবরণে এইচটিএমএল ট্যাগগুলি দেখছি, আপনি কীভাবে এটি ঘটাতে জানেন?
নীল

28

আমি মেটা প্রজন্মের জন্য একটি সরঞ্জাম তৈরি করেছি। এটি ফেসবুক, Google+ এবং টুইটারের জন্য এন্ট্রিগুলি পূর্ব-কনফিগার করে এবং আপনি এটি এখানে বিনামূল্যে ব্যবহার করতে পারেন: http://www.groovymeta.com

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


1
ধন্যবাদ @ মোগসদাদ আমি সেই অনুযায়ী আমার উত্তরটি প্রসারিত করেছি।
লুইস অটো

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