আমি কীভাবে কোনও ওয়েবসাইট চিত্র সেট করতে পারি যা ফেসবুকে পূর্বরূপ হিসাবে প্রদর্শিত হবে?

156

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

image facebook preview

— ছাপ
সূত্র

উত্তর:

234

1. আপনার HTML ঘোষণায় ওপেন গ্রাফ এক্সএমএল নেমস্পেস এক্সটেনশন অন্তর্ভুক্ত করুন Inc

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://ogp.me/ns/fb#">

২. <head></head>আপনি যে চিত্রটি ব্যবহার করতে চান তা সংজ্ঞায়িত করতে নীচের মেটা ট্যাগটি ব্যবহারের অভ্যন্তরে

<meta property="og:image" content="fully_qualified_image_url_here" />

ওপেন গ্রাফ প্রোটোকল সম্পর্কে এখানে আরও পড়ুন ।

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

— Shef
সূত্র

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

— শেফ

@ কেডোগের মন্তব্য: সমস্যা আছে? ফেসবুক ডিবাগ সরঞ্জামটিতে আপনার কোডগুলি পরীক্ষা করুন। ফেসবুক ক্যাশে চিত্র, শিরোনাম, এবং বডি পাঠ্য। আমার ওয়েবসাইটটিতে এক্সএমএল যোগ করার সময় আমি শিরোনামটি পরিবর্তন করেছি এবং কারণ আমি ঘটনাক্রমে কয়েকটি বৈধতা ত্রুটি তৈরি করেছি, ফেসবুকের শেয়ার পূর্বরূপে কিছুই পরিবর্তন হয়নি nothing আমন্ত্রিত নতুন ডেটা প্রদর্শনের পরিবর্তে ফেসবুক একটি বৈধ ক্যাশে ব্যবহার করেছে। আমি এই ত্রুটিগুলি বিকাশকারীদের.ফেসবুক / টোলস / ডিবেগ ব্যবহার করে সমাধান করতে সক্ষম হয়েছি । এটি করার পরে, আমার নতুন শিরোনাম এবং চিত্রগুলি এখনই প্রদর্শিত হবে।

— জেরেমি থম্পসন

@ স্কোটারমনকি: হ্যাঁ, এটি প্রত্যাশিত আচরণ। আপনি কোন বিষয়বস্তু ব্যবহার করবেন তা FB কে বলতে সক্ষম to বিটিডাব্লু, আপনি উপাদানটির <meta property="og:image" content="your_image_here" />মধ্যে একাধিক যুক্ত করতে পারেন headযাতে আপনি এফবিতে পোস্ট করার সময় আপনি চয়ন করতে সক্ষম হন।

— শেফ

এইচটিএমএল-ঘোষণায় fb দিয়ে সেই জিনিসটি মিস করেছেন। আমার দিন বাঁচা! (যদিও এটি তিন বছরের পুরানো পোস্ট)। অনেক ধন্যবাদ!

— bestprogrammerintheworld

সামগ্রীর লিঙ্কটি একটি আসল url - আমার খুঁজে পাওয়া কোনও আপেক্ষিক লিঙ্ক নয়। অর্থাত্ http://mywebsite.com.au/Images/prettypic.pngনয়/Images/prettypic.png

— জাম্পিংজেজা

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

— davea0511
সূত্র

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

<meta property="og:image" content="/uploads/..." />

কেবল অনুলিপি / আপলোড / ... অনুলিপি করা চিত্রের ঠিকানা দিয়ে। পরিবর্তনটি প্রয়োগ করতে প্রকাশিত ক্লিক করুন।

নেমস্পেস সম্পর্কে শেফের উত্তরের অংশটি এড়িয়ে যেতে পারেন, কারণ এটি ইতিমধ্যে ওয়েবেলি-তে ডিফল্টরূপে সেট করা আছে।

— krubo
সূত্র