হোয়াটসঅ্যাপ লিংক ভাগ করে নেওয়ার জন্য একটি চিত্র সরবরাহ করুন

Question

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

Comments

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

— তীর্থরাজ রাও

আপনি আপনার পৃষ্ঠাগুলির ডোমটি iframely.com

— কোওয়ালস্কি

কীভাবে ফেসবুক এটি রেন্ডার করে তা পরীক্ষা করুন: developers.facebook.com/tools/debug

— 10-10

Answer 1

2020 মান

পিসি এবং মোবাইল ডিভাইসের জন্য হোয়াটসঅ্যাপ, টুইটার, ফেসবুক এবং বুকমার্ক আইকনগুলির নিখুঁত পূর্বরূপ পেতে এটি কয়েকটি পদক্ষেপ নেয়। আপনি যদি পড়তে পছন্দ করেন তবে ogp.me এ যান - তবে সেরা হোয়াটসঅ্যাপের পূর্বরূপ পেতে এই উত্তরে 1 - 6 পদক্ষেপটি পড়তে ভুলবেন না।

দয়া করে নোট করুন: কিছু অ্যাপস বা ওয়েবসাইটগুলি ক্যাশে ব্যবহার করে বা এমনকি তাদের ডেটাবেজে ওয়েবসাইটের পূর্বরূপ সংরক্ষণ করে। এর অর্থ যখন আপনি হোয়াটসঅ্যাপ বা ফেসবুকে আপনার লিঙ্কটি পরীক্ষা করছেন, আপনি সম্ভবত এখনই কোনও পার্থক্য দেখতে পাবেন না। অন্য লিঙ্কটি ব্যবহার করে (অন্য পৃষ্ঠা) কৌশলটি করবে। তবে আপনি একবারে সেই লিঙ্কটি ব্যবহার করার সাথে সাথে এই "দয়া করে নোট করুন" বিভাগটি আবার শুরু হবে।

---

পদক্ষেপ 1: শিরোনাম

সর্বোচ্চ 65 টি অক্ষর

<title>your keyword rich title of the website and/or webpage</title>

---

পদক্ষেপ 2: বিবরণ

সর্বাধিক 155 অক্ষর

<meta name="description" content="description of your website/webpage, make sure you use keywords!">

---

পদক্ষেপ 3: ওগ: শিরোনাম

সর্বোচ্চ 35 টি অক্ষর

<meta property="og:title" content="short title of your website/webpage" />

---

পদক্ষেপ 4: ওগ: ইউআরএল

বর্তমান ওয়েবপেজ ঠিকানার সম্পূর্ণ লিঙ্ক

<meta property="og:url" content="https://www.example.com/webpage/" />

---

পদক্ষেপ 5: ও: বর্ণনা

সর্বোচ্চ 65 টি অক্ষর

<meta property="og:description" content="description of your website/webpage">

---

পদক্ষেপ 6: ওগ: চিত্র

চিত্র (জেপিজি বা পিএনজি) 300KB এর চেয়ে কম আকার এবং 300 x 200 ^{* এর} সর্বনিম্ন মাত্রা সহ

<meta property="og:image" content="//cdn.example.com/uploads/images/webpage_300x200.png">

^* @ রিচডিবার্ক আমার কাছে এটি উল্লেখ করেছেন তবে স্পষ্টতই হোয়াটসঅ্যাপ তার সর্বোচ্চ চিত্রের আকার (আকারের পাশাপাশি ফাইলের আকার) বাড়িয়েছে। আমি কয়েকটি পরীক্ষা করেছি: প্রতি ডিভাইসে এটি প্রতিবার অবিচ্ছিন্নভাবে কাজ করে না। আমি ২.x এমবি চিত্র পরীক্ষা করেছি এবং এটিও 9-10 / 10 বারের মতো কাজ করেছে বলে মনে হয়েছে। <300KB নিরাপদ পদ্ধতির, তবে আপনার 18-02-22020 পর্যন্ত বৃহত্তর চিত্রগুলি ব্যবহার করে ভাল হওয়া উচিত। যদিও আমি ফাইলের আকার 2MB এর নীচে রাখার পরামর্শ দেব। এবং আপনার চিত্রটি অবশ্যই টিনিপিএনজি বা অন্য কোনও চিত্র সংক্ষেপণ অ্যালগরিদমেরমাধ্যমে নিক্ষেপ করুন you

---

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

---

পদক্ষেপ 7: এবং: টাইপ

আপনার বস্তুটি গ্রাফের মধ্যে উপস্থাপনের জন্য আপনাকে তার ধরণটি নির্দিষ্ট করতে হবে। এখানে উপলব্ধ গ্লোবাল ধরণের তালিকা রয়েছে: http://ogp.me/#tyype । আপনি নিজের প্রকারেরও উল্লেখ করতে পারেন।

<meta property="og:type" content="article" />

---

পদক্ষেপ 8: ওগ: লোকেল

সংস্থানটির লোকেল। এছাড়াও আপনি ওগ: লোকেল: বিকল্প ব্যবহার করতে পারেন যদি আপনার অন্য ভাষা অনুবাদ উপলব্ধ থাকে।

আপনি যদি ওগ: লোকেল নির্দিষ্ট না করেন তবে এটি en_US এ ডিফল্ট হয়।

<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />

---

পদক্ষেপ 9: টুইটার

সেরা টুইটার সমর্থনের জন্য পড়া এই ।

---

পদক্ষেপ 10: ফেসবুক

সেরা ফেসবুক সমর্থনের জন্য পড়া এই ।

---

পদক্ষেপ 11: ফেভিকন

সব ব্রাউজার এবং ডিভাইসের জন্য শ্রেষ্ঠ ফেভিকন সমর্থনের জন্য পড়া এই ।

---

বোনাস ধাপ 12: ভিডিও / অডিও

অডিও / ভিডিও ভাগ করে নেওয়াও সম্ভব। ফেসবুক এবং টুইটার উদাহরণস্বরূপ ভিডিওগুলি খুব ভাল শেয়ার করে। Ogp.me পড়ুন ।

Comments

মনে রাখবেন যে আপনার সাইটটি স্বাক্ষরিত শংসাপত্রের সাথে https এ চলে তবে এটি কাজ করতে পারে না। ফেসবুক এবং হোয়াটসঅ্যাপে যাচাই করা হয়েছে

— ইন্দ্ররাজ

@ ইন্দ্ররাজ ভাগ করে নেওয়ার জন্য ধন্যবাদ, এটি বিকাশকারীদের জন্য ফেসবুকের

— ডার্ক জান স্পেলম্যান

<মেটা চরসেট = "utf-8"> <মেটা http-برابر = "এক্স-ইউএ-সামঞ্জস্যপূর্ণ" সামগ্রী = "আই = এজ"> <মেটা নাম = "ভিউপোর্ট" সামগ্রী = "প্রস্থ = ডিভাইস-প্রস্থ, প্রাথমিক-স্কেল = 1, সর্বাধিক-স্কেল = 1, ব্যবহারকারী-স্কেলেবল = না "> <শিরোনাম> </ শিরোনাম> <মেটা নাম =" বিবরণ "সামগ্রী =" "> <মেটা সম্পত্তি =" ওগ: শিরোনাম "সামগ্রী =" "/> <মেটা সম্পত্তি = "ওগ: ইউআরএল" সামগ্রী = "" /> <মেটা সম্পত্তি = "ওগ: বর্ণনা" সামগ্রী = ""> <মেটা সম্পত্তি = "ওগ: চিত্র" সামগ্রী = "mappointer.png"> <মেটা সম্পত্তি = "ওগ: চিত্র: প্রস্থ" সামগ্রী = "" /> <মেটা সম্পত্তি = "ওগ: চিত্র: উচ্চতা" সামগ্রী = "" /> আমি উপরের সমস্ত ট্যাগ রেখেছি।

— বালু কেবি

@ ডারক জ্যানস্পিলম্যান এখন ঠিকঠাক কাজ করছে। ধন্যবাদ. আমি ছবিটির মাত্রা 300 * 200 হিসাবে রাখতে ভুলে গেছি।

— বালু কেবি

@ ডারকজানস্পিলম্যান আমি বুঝতে পারি না, এই সাইটটি: jornada.unam.mx/ultimas/2018/06/19/… এর 35 টিরও বেশি অক্ষর রয়েছে এবং চিত্রের পূর্বরূপ কাজ করছে। আমি সঠিক স্পেসিফিকেশন কোথায় পেতে পারি?

— elios264

Answer 2

আমার একই সমস্যা ছিল এবং সমস্যাটি ছিল ছবির আকার। হোয়াটসঅ্যাপ 300KB এর চেয়ে বেশি আকারের ছবি সমর্থন করে না।

তাই হোয়াটসঅ্যাপে চিত্র প্রদর্শনের সর্বাধিক গুরুত্বপূর্ণ সম্পত্তি হ'ল:

<meta property="og:image" content="url_image">

এবং প্রদর্শিত চিত্রটির আকার অবশ্যই 300 কেবি এর চেয়ে কম হওয়া উচিত ।

যদি সমস্যাটি থেকে যায় তবে এই একই প্রশ্নের উত্তরও পড়ুন

Comments

আকার সীমা তথ্যের জন্য +1 তবে এটি সঠিক নয়। হোয়াটসঅ্যাপ অ্যাপটি প্রথম 300.000 বাইট নিয়েছে (এইচটিটিপি শিরোনাম: "ব্যাপ্তি: বাইটস = 0-299999")

— অ্যাড্রিয়ানো

লোকেরা কীভাবে 300.000 বাইট বা 300 কেবি (ছোট কে) এর আকার সীমা সম্পর্কে জানতে পারে? আমি ইন্টারনেটে কোনও উত্স অনুসন্ধান করেছি কিন্তু হোয়াটসঅ্যাপ ওয়েবসাইটে বা ওপেন গ্রাফ প্রোটোকল ওয়েবসাইট ogp.me এ এই আকারের সীমাটি খুঁজে পাইনি ।

— ᵔᴥᵔ

url_image https পরিবেশন করা দরকার

— tito.icreativos

Answer 3

আমার ধারণা, হোয়াটসঅ্যাপে কোনও সাদা তালিকা নেই, কারণ আমি এমন একটি সমাধান পেয়েছি যা আমার পক্ষে কাজ করে। নিম্নলিখিত হিসাবে না। 3 টি মেটা ট্যাগ সন্নিবেশ করান:

<meta property="og:image" content="http://yourimage_with_complete_URL.png"/>  
<meta property="og:title" content="Your Title"/>  
<meta property="og:description" content="Your description."/>  

আপনার চিত্র অবশ্যই .png ফর্ম্যাট এবং 600x600px মাত্রায় থাকতে হবে এবং অবশ্যই 'লোগো-thyite.png' নামকরণ করা উচিত (একবার এটি আমার পক্ষে কাজ করলে এটি অবশ্যই পছন্দ করবে)

আপনার ওয়েবসাইটে হোয়াটসঅ্যাপের লিঙ্কটি toোকাতে ভুলবেন না:

<a href='whatsapp://send?text=Text to send withe message: http://www.yoursite.com'>whatsApp</a>

এটি করুন এবং আপনি ভাল সম্পন্ন হবে!

Comments

চিত্রটি আমার জন্য প্রদর্শিত হচ্ছে না, আপনার কি অন্য কোনও সমাধান আছে?

— কিউর শাহ

এটি বৃহত্তর চিত্রগুলির সাথেও সম্ভব! ইন উত্তর এর @Cedriga বলেছেন ইমেজ 300kb চেয়ে বড় হতে পারে না, সে ঠিকই বলেছে।

— ডার্ক জান স্পিলম্যান

এটি অবশ্যই নাম নয়। এবং আমি নিশ্চিত করতে পারি যে জেপিজি কাজ করে।

— ওয়ার্কওয়াইজ

হোয়াটসঅ্যাপের লিঙ্কটি যা আমরা মিস করছি তা আমি বিশ্বাস করি এবং হ্যাঁ, যেমন @ ওয়ার্কওয়াইজ বলেছেন, পিএনজি এবং জেপিজি নিশ্চিতভাবে কাজ করে।

— আশিমা

Answer 4

আমি নিখুঁত বিশদ সমাধানটি এখানে ডকুমেন্ট করেছি - https://amprandom.blogspot.com/2016/12/blogger-whotapp-rich-link-preview.html নিখুঁত প্রাকদর্শন পাওয়ার জন্য সাতটি পদক্ষেপ নেওয়া উচিত।

শিরোনাম: সর্বাধিক 65 টি অক্ষর সহ আপনার ওয়েবপৃষ্ঠায় মূলশব্দ সমৃদ্ধ শিরোনাম যুক্ত করুন।

মেটা বর্ণনা: সর্বাধিক 155 টি অক্ষরে আপনার ওয়েব পৃষ্ঠা বর্ণনা করুন।

ওগ: শিরোনাম: সর্বাধিক 35 টি অক্ষর।

ওগ: ইউআরএল: আপনার ওয়েবপৃষ্ঠার ঠিকানার সম্পূর্ণ লিঙ্ক।

ওগ: বর্ণনা: সর্বাধিক 65 টি অক্ষর।

ওগ: চিত্র: চিত্র (জেপিজি বা পিএনজি) 300KB এর চেয়ে কম আকারের এবং ন্যূনতম মাত্রা 300 x 200 পিক্সেলের পরামর্শ দেওয়া হচ্ছে।

ফেভিকন: 32 x 32 পিক্সেলের মাত্রার একটি ছোট আইকন।

উপরের পৃষ্ঠায় আপনার প্রয়োজনীয় স্পেসিফিকেশন, চরিত্রের সীমা এবং নমুনা ট্যাগ রয়েছে। আপনি সন্তুষ্টিজনক একবার upvote করবেন।

Comments

আমি এটি যা খুঁজছি তার নিখুঁত উত্তরটি খুব ইমপ্রেস: og:image : Image(JPG or PNG) of size less than 300KB and minimum dimension of 300 x 200 pixel is advised.

— আমল

এই পরামিতিগুলি অত্যন্ত গুরুত্বপূর্ণ এবং আমি মনে করি og: চিত্র ট্যাগের দিকে ফোকাস করা উচিত। 300 কেবি আকার সীমা এবং সর্বনিম্ন 300px x 200px বাঞ্ছনীয়। মনে রাখবেন যে মাত্রা পিক্সেলগুলিতে রয়েছে।

— আশিমা

Answer 5

আমি এই বিষয়টির দিকে দৃষ্টি আকর্ষণ করতে চাই যে <meta property="og:image" content="image.png" />উপরোক্ত কোথাও প্রস্তাবিত একটি সরল , আমার পক্ষে কাজ করে না (এটি আসলে আমাকে কয়েক সপ্তাহ ধরে লুপে ফেলেছিল)। কোনটি কাজ করে তা হয় একটি পরম URL:
<meta property="og:image" content="https://domainname.com/image.png" />

বা একটি স্ল্যাশ দিয়ে শুরু (যদি চিত্রটি মূল ডিরেক্টরিতে থাকে):
<meta property="og:image" content="/image.png" />

(আমি এটি একটি মন্তব্য হিসাবে যোগ করতে পারতাম, তবে এখনও আমার অনুমতি নেই Mode আরও উপযুক্ত হলে মডারেটররা এটিকে সরাতে নির্দ্বিধায় মনে হয়))

Comments

আমি মনে করি যে কেউ যদি আপেক্ষিক পাথের আশ্রয় নেওয়ার চেয়ে যোগ্য পথ দেয়। আপনার উত্তরের পরামর্শটি আমার পক্ষে কাজ করেছে।

— আশিমা

আমার মনে হয় আপনার .jpg চিত্র ব্যবহার করা দরকার, .png চিত্রটি কেবল হোয়াটসঅ্যাপ দিয়ে কাজ করবে না।

— অ্যান্ড্রু

Answer 6

আমি নিজেও এটি করার চেষ্টা করছিলাম এবং আমি সমস্ত সঠিক মেটা ট্যাগ যুক্ত করেছি:

<meta property="og:image" itemprop="image" content="image_url" />
<meta property="og:image:url" itemprop="image" content="image_url" />
<meta property="og:image:type" content="image/png" />

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

আমি আবিষ্কার করেছি যে হোয়াটসঅ্যাপ চিত্র এবং ইউআরএল তথ্য কিছু ধরণের ক্যাশে করে, এটি আর কতক্ষণ জানতে পারে না।

আমি সঠিক ট্যাগগুলি sertedোকালাম কিনা তা পরীক্ষা করতে, আমি ঠিক আলাদা ইউআরএল চেষ্টা করেছি, উদাহরণস্বরূপ: http://www.domain.com এর পরিবর্তে http://domain.com ।

আশা করি এটি অন্য কাউকে সহায়তা করে।

Comments

আমার জন্য ভাল কাজ .. ধন্যবাদ!

— অভিষেক কুম্ভনি

Answer 7

একটি বাগে কাজ করার পরে, খুঁজে পেয়েছি যে আইওএস-এ, হেডের উপাদানগুলি হোয়াটসঅ্যাপের অনুসন্ধানের জন্য ওগ: চিত্র / ওগ: বর্ণনা / নাম = বিবরণ বন্ধ করতে পারে। তাই প্রথমে এগুলিকে অন্য কিছুর উপরে রাখার চেষ্টা করুন ।

এটি কাজ করে না

<head>
    <div id='hidden' style='display:none;'><img src="http://cdn.some.com/random.jpg"></div>

    <meta property="og:description" content="description" />
    <meta property="og:image" content="http://cdn.some.com/random.jpg" />
</head>

এই কাজ:

    <head>
        <meta property="og:description" content="description" />
        <meta property="og:image" content="http://cdn.some.com/random.jpg" />

        <div id='hidden' style='display:none;'><img src="http://cdn.some.com/random.jpg"></div>
    </head>

Comments

আমার 2 সেন্ট এবং আমি আশা করি এটি কারও পক্ষে সহায়তা করবে। আমার ক্ষেত্রে এটি twitter:imageখালি হচ্ছে, হোয়াটসঅ্যাপ পাওয়ার থেকে অক্ষম করছে og:image। অন্যান্য <meta>ট্যাগ মুছে ফেলার চেষ্টা সামাজিক ভাগ করে নেওয়ার ক্রিয়াগুলি ডিবাগ করতে সহায়তা করতে পারে।

— সানি পুন

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

— কিম সান্ট

আপনি কেন <হেড> বিভাগে <ডিভ> রাখছেন?

— টমাস গঞ্জালেজ

আমি এমন একটি সংস্থার হয়ে কাজ করেছি যা আপনার ইউটিউব, ইউএসও, এসইও ইত্যাদির সাহায্যে আপনার কন্টেন্ট ওয়েবে স্ক্র্যাপ করে "পুনরায় আকার দেবে" এবং যদি আপনি ক্লায়েন্টের কাছ থেকে মাথাটি স্ক্র্যাপ করেন এবং কেবল ওগ যোগ করেন: এর নীচে মেটাডেটা কাজ করে না। আমি কীভাবে এইচটিএমএল হোয়াটসঅ্যাপ প্রসেস করি তার মানসিক বিপরীত ইঞ্জিনিয়ারিং করতে উপভোগ করেছি, কোনও ডিবাগিং ইয়াল ইয়াল ইয়ালা আর না!

— কিম সন্ত

Answer 8

আমি সর্বদা https://developers.facebook.com/tools/debug/sharing এ একবার দেখার পরামর্শ দিই আপনার প্রোপার্টিটি বৈধ করতে কারণ ফেসবুক প্রায়শই এর নীতিমালা, সম্মতি এবং এপিআই পরিবর্তন করে।

আপনি যদি ম্যাসেঞ্জার বট বা অন্যান্য এফবি অ্যাপ্লিকেশনগুলির সাথে কাজ করেন তবে হোয়াটসঅ্যাপে লিঙ্ক চিত্রগুলি কাজ করার জন্য আপনার সম্পত্তি fb: app_id এর প্রয়োজন হতে পারে। ফেসবুক বিকাশকারীদের ওয়েবমাস্টার সাইটে আরও। https://developers.facebook.com/docs/sharing/webmasters

Comments

অনেকে ওয়ার্ডপ্রেসে Yoast SEO ব্যবহার করে। এটি প্রতিটি পোস্টের ইওস্ট এসইও ট্যাবে ফেসবুক চিত্র যুক্ত করলেই পোস্টগুলিতে ওগ: চিত্র যুক্ত হয়।

— ব্র্যাকননট_পপ

Answer 9

আমারও একই সমস্যা ছিল, এখানেই সমাধান করতে হবে।

আপনি মেটা ওগ: চিত্র যুক্ত করলে এটি প্রদর্শিত হবে

সমস্যাটি হ'ল হোয়াটসঅ্যাপ চিত্রটি প্রদর্শন করবে না যদি আপনি http: // ছাড়াই টাইপ করেন এবং / দিয়ে শেষ করেন উদাহরণস্বরূপ, আপনি http://google.com/ টাইপ করলে এটি চিত্র এবং বিবরণ প্রদর্শন করে তবে google.com দিয়ে নয়

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

Answer 10

আমি এই থ্রেডের একটি উত্তর নির্দিষ্ট করে বলতে চাই যে উপরের থ্রেডগুলির মধ্যে কোনটি আমাকে সমস্যাটি সমাধান করতে সহায়তা করেছে এবং যাতে মূল কারণটি সঠিকভাবে বুঝতে এবং এটিকে একবার এবং সর্বদা সমাধান করার জন্য সেগুলি অনুসরণ করা যেতে পারে:

এই সমাধানটির সাথে সামাজিক যোগাযোগের লিঙ্কটি ভাগ করে নেওয়ার সময় আমি আমার সমৃদ্ধ প্রাকদর্শন পেতে সক্ষম হয়েছি ।

আমি এই থ্রেডে বিভিন্ন অপশন অনুসরণ করেছি এবং নীচে সঠিক উত্তরের নিকটতম এবং তারা সকলেই শেষ ফলাফলে অবদান রেখেছে:

1. ট্যাগগুলি প্রয়োজনীয় (ফোকাস করার জন্য প্রধান ট্যাগ - ওগ: চিত্র)
2. চিত্র পরামিতি
3. সরঞ্জাম যা অবশ্যই সাহায্য করবে
4. কীভাবে সঠিকভাবে চিত্রের দেওয়া যায়
5. মূল কারণ এবং সমাধান

এটি আশা করি যে কাউকে উত্তোলনের জন্য প্রয়োজনীয় সময়টি সাশ্রয় করবে এবং উত্তরগুলির সঠিক সেট এবং সমস্ত পরীক্ষার এবং ত্রুটির জন্য প্রয়োজনীয় প্রচেষ্টা সন্ধান করবে।

Answer 11

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

ফেসবুক ভাগ ডিবাগার সাহায্য করেছে আমাকে মূল কারণ শনাক্ত ও সেখান থেকে আমি এই পদক্ষেপগুলি অনুসরণ:

1. উপরের ডিবাগারটি ব্যবহার করে আপনার ওয়েবসাইটটি ডিবাগ করুন। কেবল ইউআরএল টাইপ করুন এবং ডিবাগ হিট। এটি আপনাকে সতর্কতাগুলির একটি তালিকা দিতে হবে এবং একবার আপনি খোলার গ্রাফ ট্যাগ বিভাগে স্ক্রোল করে নিলে আপনি আপনার ওয়েবসাইটের জন্য প্রাপ্ত মানগুলি দেখতে সক্ষম হবেন। ফোকাস করা এক হ'ল ওগ: চিত্র ট্যাগ।
2. "আমাদের স্ক্র্যাপার আপনার URL টি দেখতে ঠিক কী দেখুন" লিঙ্কে আরও নীচে স্ক্রোল করুন এবং আপনার গল্পে খলনায়ককে খুঁজে পেতে og: চিত্র ট্যাগটি সন্ধান করুন।
3. এখন সহজভাবে, ঘটে যাওয়া ওভাররাইড অপসারণের উপায়গুলি বেছে নিন। আমার ক্ষেত্রে, আমি নিম্নলিখিত ফাংশনটি সহায়ক বলে মনে করেছি। এটি যে কোনও সময় ব্যবহৃত ডিফল্ট চিত্রটি পরিবর্তন করে জেটপ্যাক কোনও চিত্র ব্যবহার করার জন্য নির্ধারণ করতে পারে না।

এটি যে কোনও সময় ব্যবহৃত ডিফল্ট চিত্রটি পরিবর্তন করে জেটপ্যাক কোনও চিত্র ব্যবহার করার জন্য নির্ধারণ করতে পারে না

function custom_jetpack_default_image() {
    return 'YOUR_IMAGE_URL';
}
add_filter( 'jetpack_open_graph_image_default', 'custom_jetpack_default_image' );

আমার যুক্ত করা উচিত যে চিত্রের পরামিতি যেমন ন্যূনতম 300px x 200px এবং আকার <300 কেবি বাঞ্ছনীয়। এবং দয়া করে এই নির্দেশাবলী অনুসরণ করুন যদি এই ধরণের সাধারণ নির্দেশাবলী আপনার পক্ষে কাজ করে না, কারণ, তাহলে সম্ভবত আপনার সমস্যাটি আমার মতো হয়। এছাড়াও, কখনও কখনও সহজ সমাধান হ'ল প্লাগইনটি সরিয়ে ফেলা (যদি আপনি যাচাই করেন যে আপনি এটি না করেই করতে পারেন)।

শেষে আপনার মতো কিছু দেখতে সক্ষম হওয়া উচিত -

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

এখানে ক্লিক করুন

Answer 12

হোয়াটসঅ্যাপ চিত্রের পূর্বরূপ পেতে আপনার নীচের ট্যাগগুলির প্রয়োজন:

<meta property="og:title" content="Website name" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://url.com/" />
<meta property="og:description" content="Website description" />
<meta property="og:image" content="image.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="600" />

যেমন ফেসবুক ডকস বলেছেন, আপনি যদি ওগ: চিত্রের আকার নির্দিষ্ট করে থাকেন তবে তা অন্যথায় অযৌক্তিকর পরিবর্তে দ্রুত আনা হবে।

চিত্র বিন্যাসের জন্য পিএনজি প্রস্তাবিত। কমপক্ষে 600x600 পিক্সেল বাঞ্ছনীয়।

Comments

আমার ক্ষেত্রে আমার কাছে 1200 * 628 পিক্সেল ইমেজ রয়েছে যার অর্থ <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" />আমাকে ঠিক মতো দেওয়া উচিত? আমাদের কি ট্যাগগুলিতে চিত্রের প্রস্থ এবং উচ্চতা (সেই চিত্রটি রয়েছে) দেওয়ার দরকার আছে বা অন্যথায় চিত্র পাইলাক্সেল যা কিছু দেবে যদি আমরা মেটা ট্যাগগুলিতে প্রস্থ এবং উচ্চতা উল্লেখ করি তবে এটি মাত্রাটি প্রদর্শিত হবে? দয়া করে @ Moreirapontocom স্পষ্ট করুন

— সিলুভেরু কিরণ কুমার

Answer 13

আপনি যদি হোয়াটসঅ্যাপে ভাগ করে নেওয়া আপনার ওয়েবসাইটের url এর পাশে কোনও ছবি রাখতে চান তবে আপনাকে যে পৃষ্ঠায় ইউআরএল লিঙ্ক করেছে সেখানে একটি मेटाটাগ লাগাতে হবে:

<meta property="og:image" content="http://unrestrictedstock.com/wp-content/uploads/Unrestricted-Stock-Small.png"/>

Comments

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

— প্রশ্নগুলি

@AkhilSekharan সঠিক উত্তর পাওয়া যাবে এখানে: stackoverflow.com/a/32154775/501206

— stevenw00

ধন্যবাদ স্টিভ আমি ইতিমধ্যে সেভাবে চেষ্টা করেছি এবং এই সিদ্ধান্তে পৌঁছেছি যে হোয়াটসঅ্যাপের ডোমেনগুলির একটি অভ্যন্তরীণ শ্বেত তালিকা রয়েছে যা থাম্বনেলটি প্রদর্শন করতে পারে। উদাহরণস্বরূপ ইউটিউব

— 11:55

আমি একই উপসংহারে এসেছি ... FB ডিবাগার: 100% ঠিক আছে। সমৃদ্ধ পূর্বরূপ: 100% ঠিক আছে (ওয়াটসঅ্যাপ অন্তর্ভুক্ত)। আমি যখন হোয়াটসঅ্যাপের মাধ্যমে ভাগ করে নেওয়ার চেষ্টা করি তখন চিত্রটি প্রদর্শিত হয় না। আমার ক্ষেত্রে ইউআরএলটি রোবোটিক.স ... এক বছর পরে কোনও প্রতিক্রিয়া নেই?

— জুয়ানজো

চিত্রটি আমার জন্য প্রদর্শন করছে না, @ জুঞ্জো

— কিউর শাহ

Answer 14

একই সমস্যা ছিল, ওগ যোগ হয়েছে: চিত্র এবং ইউআরএল স্ল্যাশ চিহ্ন (/) দিয়ে শেষ হওয়ার সময় এটি কার্যকর হয়নি। ইউআরএল থেকে স্ল্যাশ সরিয়ে দেওয়ার পরে - চিত্রটি লোড হয়ে যায় .. আকর্ষণীয় বাগ ...

Answer 15

নিম্নলিখিত পদক্ষেপগুলি আমার ক্ষেত্রে সহায়তা করেছে।

একই হোস্টের নীচে চিত্র স্থাপন করা ।

<meta property="og:url" content="https://www.same-host.com/whatsapp-image.png" />

শীর্ষস্থানীয় স্ট্রিং দ্বারা উদাহরণস্বরূপ এর ব্যবহারকারী এজেন্ট সনাক্ত করে প্রয়োজনীয় চিত্রটি হোয়াটসঅ্যাপে পৌঁছে দেওয়া

WhatsApp/2.18.380 A

প্রকৃতপক্ষে প্রেরণ বোতামটি চাপ দেওয়ার কয়েক সেকেন্ড অপেক্ষা করে , তাই হোয়াটসঅ্যাপে ওগ মেটাডেটা থেকে চিত্র এবং বিবরণ পুনরুদ্ধার করার সময় আসবে।

Comments

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

— সিলুভেরু কিরণ কুমার

Answer 16

এমনকি এই চেষ্টা পরেও। আমার ওয়েবসাইটের চিত্রগুলি কিছু সময় আনা হয়েছিল এবং কখনও কখনও হয় নি। Https://developers.facebook.com/tools/debug/sharing দিয়ে বৈধতা দেওয়ার পরে

বুঝতে পারলাম যে আমার জ্যাঙ্গো (পাইথন) কাঠামোটি তুলনামূলকভাবে চিত্রের পথটি উপস্থাপন করছে। আমাকে পুরো url সহ চিত্রের পথে পরিবর্তন করতে হয়েছিল। (http: // সহ)। তারপর এটি কাজ শুরু

Answer 17

অতিরিক্ত দরকারী তথ্য:

আপনি বেশ কয়েকটি ওগ সরবরাহ করতে পারেন: চিত্র, হোয়াটসঅ্যাপ সর্বশেষটি ব্যবহার করবে। এটি এই সমস্যায় সহায়তা করবে যেমন উদাহরণস্বরূপ ফেসবুকটি 1.91: 1 অনুপাত এবং হোয়াটসঅ্যাপ 1: 1 চায়

<meta property="og:image" content="https://www.link.com/facebook.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />


<meta property="og:image" content="https://www.link.com/whatsapp.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />

https://roei.stream/2018/11/18/ideal-open-graph-image-size-for-whatsapp-link-share/

https://css-tricks.com/essential-meta-tags-social-media/