হোয়াটসঅ্যাপে লিঙ্কের জন্য থাম্বনেইল দেখাচ্ছে || ওগ: চিত্র মেটা-ট্যাগ কাজ করে না

Question 1

এই প্রশ্নটি অনুসরণ করার চেষ্টা করা হয়েছে: হোয়াটসঅ্যাপ লিঙ্ক ভাগ করে নেওয়ার জন্য একটি ছবি সরবরাহ করুন

আমি বেসিক ফেসবুক মেটাট্যাগগুলি সহ একটি সাধারণ এইচটিএমএল ওয়েবপৃষ্ঠা তৈরি করেছি:

<!--FACEBOOK-->
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas />
<meta property="og:image" content="http://pollosweb.wesped.es/programa_pollos/play.png" />

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

আমি এটি অ্যান্ড্রয়েডে হোয়াটসঅ্যাপে চেষ্টা করছি

→ এটি নমুনা ওয়েবপৃষ্ঠার ইউআরএল

Question 2

আমি তোমাদের যোগ করতে হবে ভান itempropকরতে og:imageমেটা ট্যাগটি, এর ছবির আকার সেট আছে 256x256এবং এটি যোগ করতে ক্ষতি করতে পারবে না site_name, typeএবং updated_time পারেন বৈশিষ্ট্য :)

<meta property="og:site_name" content="San Roque 2014 Pollos">
<meta property="og:title" content="San Roque 2014 Pollos" />
<meta property="og:description" content="Programa de fiestas" />
<meta property="og:image" itemprop="image" content="http://pollosweb.wesped.es/programa_pollos/play.png">
<meta property="og:type" content="website" />
<meta property="og:updated_time" content="1440432930" />

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

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

সম্পাদনা:
আপনি যদি কোনও HTTP-Secureলিঙ্ক দ্বারা কোনও চিত্র নির্দিষ্ট করতে চলেছেন তবে আপনার og:image:secure_urlপরিবর্তে এটি ব্যবহার করা দরকার og:image।

সম্পাদনা 2: এটি আপনাকে চারটি বেস প্রয়োজনীয় পরামিতিগুলির একটি
হিসাবেও নির্দিষ্ট og:typeকরতে হবে।
<meta property="og:type" content="website" />আপনাকে সঠিক দিকে নিয়ে যাওয়া উচিত।

Question 3

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

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

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

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

Question 4

আমিও এই সমস্যার মুখোমুখি হব অবশেষে, আমি এটিকে সমাধান করেছি

<meta property="og:image" itemprop="image" content="http://yourdomain.com/yourfolder/imagename.png" />

আমার চিত্র সম্পত্তি

মাত্রা: 300X200
আকার: <300 কেবি
ইউআরএল: http://yourdomain.com/yourfolder/imagename.png

চিত্রের নামটিতে কোনও স্থান নেই তা নিশ্চিত করুন, যদি আপনার দুটি শব্দ থাকে তবে আন্ডারস্কোর চিহ্ন ব্যবহার করুন

Question 5

কয়েক মাস কেটে যাওয়ার চেষ্টা করার পরে, আমি শেষ পর্যন্ত সমস্যাটি সমাধান করেছি। এখানে আমার সমাধান:

<!-- MS, fb & Whatsapp -->

<!-- MS Tile - for Microsoft apps-->
<meta name="msapplication-TileImage" content="http://www.example.com/image01.jpg">    

<!-- fb & Whatsapp -->

<!-- Site Name, Title, and Description to be displayed -->
<meta property="og:site_name" content="The Rock Photo Studio">
<meta property="og:title" content="The Rock Photo Studio in Florida">
<meta property="og:description" content="The best photo studio for your events">

<!-- Image to display -->
<!-- Replace   «example.com/image01.jpg» with your own -->
<meta property="og:image" content="http://www.example.com/image01.jpg">

<!-- No need to change anything here -->
<meta property="og:type" content="website" />
<meta property="og:image:type" content="image/jpeg">

<!-- Size of image. Any size up to 300. Anything above 300px will not work in WhatsApp -->
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">

<!-- Website to visit when clicked in fb or WhatsApp-->
<meta property="og:url" content="http://www.example.com">

উপরের অনুলিপি করুন, ওয়েবসাইটের মাথা এলাকায় পেস্ট করুন। আপনার Whatsapp অ্যাপ্লিকেশনটি বন্ধ করুন, পুনরায় খুলুন, তারপরে পরীক্ষা করুন। ক্যাশে সাফ করার দরকার নেই, এবং ডেটা পরিষ্কার করার দরকার নেই।

সকলকে দোয়া!

Question 6

আমি সমাধানটি এখানে পেয়েছি হোয়াটসঅ্যাপ প্রিভিউ লিঙ্ক 2 মার্চ 16 এ পোস্ট করা হয়েছে

এবং আপনি কাজ দেখতে হবে

স্ক্রীনশটের আগে এবং পরে

দুটি ধরণের কোড রয়েছে। প্রথম মেটা ওগ: <হেড> এর ভিতরে চিত্র

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

<body> এর ভিতরে স্কিমা.org থেকে থাম্বনেইল স্কিমা

<link itemprop="thumbnailUrl" href="url_image"> 
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"> 
  <link itemprop="url" href="url_image"> 
</span>

এই সাহায্য আশা করি। ধন্যবাদ

Question 7

আপনার হোয়াটসঅ্যাপ ডেটা এবং ক্যাশে সাফ করুন (বা অন্য কোনও হোয়াটসঅ্যাপ ব্যবহার করুন)!

Android Phone : Go to SETTINGS > APPS > Application List > WhatsApp > Storage and Clear Data.

সাবধান হও ! এই ক্রিয়া করার আগে আপনার বার্তাগুলির ব্যাকআপ দিন।

তারপরে ফলাফল: ডেটা এবং ক্যাশে হোয়াটসঅ্যাপ সাফ করার আগে এবং পরে

Question 8

আমি হোয়াটসঅ্যাপে কাজ করতে প্রয়োজনীয় ন্যূনতম সংখ্যার মেটা ট্যাগ সম্পর্কে জানি না, এটি কোথাও খুঁজে পেয়েছি এবং এটি আমার পক্ষে নির্দ্বিধায় কাজ করেছে। দ্রষ্টব্য: চিত্রের রেজোলিউশনটি 256 x 256।

   <head>
    <meta property="og:site_name" content="sitename" />
    <meta property="og:title" content="title">
    <meta property="og:description" content="description">
    <meta property="og:image" itemprop="image" content="http://www.yoursite.com/yourimage.jpg">
    <link itemprop="thumbnailUrl" href="http://www.yoursite.com/yourimage.jpg"> 
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:updated_time" content="updatedtime">
    <meta property="og:locale" content="en_GB" />
    </head>

    <body>
    <span itemprop="image" itemscope itemtype="image/jpeg"> 
      <link itemprop="url" href="http://www.yoursite.com/yourimage.jpg"> 
    </span>

    </body>

Question 9

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

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

https://stackoverflow.com/a/61078968/8486854

Question 10

উত্তরে https://stackoverflow.com/a/35785393/1518500

স্কিমা.অর্গ.এর জন্য আপডেট হওয়া সংস্করণ ব্যবহার করে দেখুন

<span itemprop="image" itemscope itemtype="http://schema.org/ImageObject"> 
 <link itemprop="url" href="imgurlHere">
 <meta itemprop="width" content="1200">
 <meta itemprop="height" content="800">
</span>

বা গুগল থেকে জসন-এলডি ফর্ম্যাট ব্যবহার করে

<script type="application/ld+json">
 {
"@context": "http://schema.org/",
"@type": "ImageObject",
 "url": "ImgURLhere",
    "height": 800,
    "width": 1200

 }
 </script>

Question 11

সবার জন্য এখনও এই সমস্যাটি রয়েছে এবং আমার জন্য পোস্টের সমাধানগুলির কোনওটিই কার্যকর হয়নি।

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

যে সমাধানটি আমার পক্ষে কাজ করেছে: আমি ফায়ারবেস ব্যবহার করছি। তাদের স্টোরেজে আপলোড করা সামগ্রীর জন্য, আপনি মিডিয়া টোকেন সহ একটি অনন্য ডাউনলোড URL পান। কিছুটা এইরকম:

https://firebasestorage.googleapis.com/v0/b/XXXX.XXXXXXX.com/ ? Alt = মিডিয়া এবং টোকেন = YYYYYYYYY-YYYYYYYYYY-YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY

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

এর আগে (হোয়াটসঅ্যাপে কাজ নয়, তবে ফেসবুক ইত্যাদি)

<meta property="og:image" itemprop="image" content="https://firebasestorage.googleapis.com/v0/b/XXXX.XXXXXXX.com/your_image?alt=media&token=YYYYYYYY-YYYYYYYYYY-YYYYYYYYYYYYY">

এর পরে (এখন হোয়াটসঅ্যাপ সহ সমস্ত ভাগ করা কথোপকথনে পরীক্ষিত)

<meta property="og:image" itemprop="image" content="https://domain_name/path_to_image">

আশা করি এটি আপনার কয়েকজনকে সহায়তা করতে পারে :)

Question 12

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

শিরোনাম: সর্বাধিক 65 টি অক্ষর সহ আপনার ওয়েবপৃষ্ঠায় মূলশব্দ সমৃদ্ধ শিরোনাম যুক্ত করুন।
মেটা বর্ণনা: সর্বাধিক 155 টি অক্ষরে আপনার ওয়েব পৃষ্ঠা বর্ণনা করুন।
ওগ: শিরোনাম: সর্বাধিক 35 টি অক্ষর।
ওগ: ইউআরএল: আপনার ওয়েবপৃষ্ঠার ঠিকানার সম্পূর্ণ লিঙ্ক।
ওগ: বর্ণনা: সর্বাধিক 65 টি অক্ষর।
ওগ: চিত্র: চিত্র (জেপিজি বা পিএনজি) 300KB এর চেয়ে কম আকারের এবং ন্যূনতম মাত্রা 300 x 200 পিক্সেলের পরামর্শ দেওয়া হচ্ছে।
ফেভিকন: 32 x 32 পিক্সেলের মাত্রার একটি ছোট আইকন।

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

Question 13

আমি আশা করি এই সহায়তা:

<meta property="og:title" content="Title goes here">
<meta property="og:site_name" content="Site name">
<meta property="og:image" content="imageURLShouldBeFromSameDomainName">
<meta property="og:image:width" content="640">
<meta property="og:image:height" content="300">

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

Question 14

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

<meta property='og:locale' content='ar_AR' />

দ্রষ্টব্য: আপনি যদি ইংরাজী সামগ্রী ব্যবহার করেন তবে ইংরেজিটি ডিফল্ট মান হওয়ায় এই মেটা ট্যাগ যুক্ত করার দরকার নেই।

Question 15

শুরুতে আপনাকে কেবল "http: //" দিয়ে বার্তাটি টাইপ করতে হবে। উদাহরণস্বরূপ: http://www.google.com থাম্বনেল চিত্রটি দেখায়, তবে www.google.com নং।

Question 16

গ্রাফ ডেটা খুলুন:

<meta property="og:title" content="Title of your website | website.com"/>
<meta property="og:type" content="Most popular business directory of Bangladesh"/>
<meta property="og:url" content="http://www.website.com/"/>
<meta property="og:image" content="http://www.moumaachi.com/images/dhaka-city.jpg"/>
<meta property="og:site_name" content="@website"/>
<meta property="fb:admins" content="Author"/>
<meta property="og:description" content="website.com is your online business directory of Country"/>

Question 17

শুধু এই 3 ট্যাগ প্রয়োজনীয় হবে বলে মনে হচ্ছে ( og:title, twitter:description, rel="icon"):

<meta property="og:title" content="San Roque 2014 Pollos" />

<meta name="twitter:description" property="og:description" itemprop="description" content="Programa de fiestas" />

<link rel="icon" type="image/png" href="https://images.weserv.nl/?url=http://pollosweb.wesped.es/programa_pollos/play.png&w=192&height=192" sizes="192x192" />

পরীক্ষা নিরীক্ষা / খেলছে

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

Https://codesandbox.io/s/ দিয়ে একটি ভ্যানিলা অ্যাপ তৈরি করুন
index.htmlফাইলটিতে সেই অনুযায়ী আপনার মেটা ট্যাগগুলি সংশোধন করুন
ফাইলটি সংরক্ষণ করুন ( ctrl+s) যা অ্যাপ্লিকেশনটি কাঁটাচামচ করে এবং নিজস্ব অনন্য ইউআরএল তৈরি করবে
পূর্বরূপ দেখতে হোয়াটসঅ্যাপে সেই ইউআরএল আটকান (আপনার এমনকি কোনও বার্তা প্রেরণের দরকার নেই)
মেটা ট্যাগগুলিতে পরিবর্তন করুন
ইউআরএল সংশোধন করুন - ইউআরএল শেষে একটি অক্ষর যুক্ত করুন। এটি "পূর্ববর্তী ক্যাশেড পূর্বরূপ" বাতিল করে দেয়

উক্তি প্রয়োজনীয়

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

Question 18

এখনও যে কেউ এটি অনুভব করছেন, আমি দেখতে পেলাম যে অ্যামাজন এস 3 এ পরিবেশিত চিত্রগুলি হোয়াটসঅ্যাপ মোবাইল অ্যাপের জন্য কাজ করে না (অ্যান্ড্রয়েড এবং আইওএস উভয়ই, তবে ম্যাক ডেস্কটপ অ্যাপ্লিকেশনটি ভাল ছিল)। এটি খুব সম্ভব যে আমাদের এইডব্লিউএস সেটিংস এর কারণ হতে পারে, তবে আমি অন্যান্য সাইটগুলিতেও প্যাটার্নটি লক্ষ্য করেছি (যেমন এটিog:image একটি ডোমেনের মতো আঘাত সহকারে একটি https://s3.amazonaws.com)।

আমি চেষ্টা করেছি এমন অন্য কোনও প্ল্যাটফর্মে কোনও সমস্যা নেই, কেবলমাত্র হোয়াটসঅ্যাপ মোবাইল অ্যাপ্লিকেশন। <meta property="og:image" content="https://some-non-aws-location" />গুগল ড্রাইভ ফাইলের মতো আমি অন্য একটি সর্বজনীন ইউআরএলটির দিকে ইঙ্গিত করার সাথে সাথেই (অবশ্যই প্রকাশ্যভাবে ভাগ করা হয়েছে), এটি দুর্দান্ত কাজ করেছে।

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

Question 19

যদি এই সমস্ত টিপসের পরেও থাম্বনেইলটি এখনও না দেখায় তবে এটি চেষ্টা করুন:

আমার সমস্যাটি হ'ল উত্পাদনের জন্য নির্মিত হলে (এনপিএম রান বিল্ড) ওগ বৈশিষ্ট্যগুলি থেকে ডাবল উদ্ধৃতিগুলি সরানো হচ্ছে। মিনিফাইড মডিউলটি তা করছিল।

সুতরাং সমাধানটি হ'ল এই অপসারণটি বাতিল করা হবে, মুছে ফেলা অ্যাট্রিবিউটকোটিস বৈশিষ্ট্যটিকে মিথ্যা হিসাবে সেট করা:

minify: {
    ...
    removeAttributeQuotes: false,
    ...
}

আমার বিকাশের পরিবেশে, আমি এটি "ওয়েবপ্যাক.প্রড.কন.ফ.এস" ফাইলটিতে সেট করি। এটি আপনার সমতুল্য ফাইলে সেট করুন।

কেবল পুনর্নির্মাণ এবং এটি এখন কাজ করছে।

Question 20

আমি এখানকার সমস্ত নির্দেশাবলী অনুসরণ করেছি এবং আমি এখনও এটি কাজে লাগাতে পারি নি। দেখে মনে হচ্ছে হোয়াটসঅ্যাপেরও চিত্রটি প্রদর্শনের জন্য এটি এক্সটেনশনের প্রয়োজন।

তাই কোনও জেপিগের দিকে নির্দেশ করে একটি ট্যাগের জন্য:

<meta property="og:image" itemprop="image" content="https://example.com/someimageid"/>

এক্সটেনশানটি এবং ব্যবহারের অনুমতি দিতে API পরিবর্তন করুন:

<meta property="og:image" itemprop="image" content="https://example.com/someimageid.jpeg"/>

এবং এটি কাজ করে বলে মনে হচ্ছে ...

Question 21

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

ইন <head>ট্যাগ:

<meta property="og:title" content="ABC Blabla 2020 Friday" />
<meta property="og:url" content="https://bla123.neocities.org/mp/friday.html" />
<meta property="og:description" content="Photo Album">
<meta property="og:image" itemprop="image" content="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG"/>
<meta property="og:type" content="article" />
<meta property="og:locale" content="en_GB" />

ইন <body>ট্যাগ:

<link itemprop="thumbnailUrl" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">

<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
<link itemprop="url" href="https://bla123.neocities.org/mp/images/thumbs/IMG_327.JPG">
</span>

এই 8 টি ট্যাগ (মাথার 6 টি, শরীরে 2) নিখুঁতভাবে কাজ করেছে।

পরামর্শ:

১. ডিরেক্টরি বিন্যাসের পরিবর্তে চিত্রের সঠিক অবস্থান URL ব্যবহার করুন অর্থাত্ চিত্র / OG_thumb.jpg ব্যবহার করবেন না

২ কেস সংবেদনশীল ফাইল এক্সটেনশান: আপনার হোস্টিং সরবরাহকারীর চিত্রের এক্সটেনশনের নাম যদি ".JPG" হয় তবে ".jpg" বা ".jpeg 'ব্যবহার করবেন না I ঘটে, তাই নিরাপদে নিরাপদে থাকা কেবল ফাইল এক্সটেনশনের ক্ষেত্রে মেলে।

৩. উপরের পদক্ষেপগুলি সম্পন্ন করার পরে যদি থাম্বনেল পূর্বরূপটি এখনও হোয়াটসঅ্যাপ বার্তায় প্রদর্শিত না হয় তবে:

ক। মোবাইল অ্যাপটি জোর করে বন্ধ করুন (আমি অ্যান্ড্রয়েডে চেষ্টা করেছি) এবং আবার চেষ্টা করুন

b.Ug ট্যাগটি পূর্বরূপ দেখতে অনলাইন সরঞ্জামটি ব্যবহার করুন যেমন আমি ব্যবহার করেছি: https://searchenginereport.net/open- راف-checker

গ। মোবাইল ব্রাউজারে ওজি থাম্বের সাথে সরাসরি লিঙ্কটি পেস্ট করুন এবং ব্রাউজারটি 4-5 বার রিফ্রেশ করুন। যেমন https://bla123neocities.org/nmp/images/thumbs/IMG_327.JPG

Question 22

নভেম্বর 2020: আমি যেমন অভিজ্ঞতা পেয়েছি, এই মেটা ট্যাগগুলি প্রয়োজনীয় এবং আপনি হোয়াটসঅ্যাপে ভাগ করা লিঙ্কে যা দেখেন তার উপর প্রভাব ফেলে এবং WhatsApp-thumbnail:

<head>
 <meta content='myTitle' property='og:title'/>
  <meta content="myDescription" property="og:Description"/>
  <meta property="og:type" content= "website" />
  <meta property="og:image" itemprop="image primaryImageOfPage" content="https://i.ibb.co/1GRpwND/600px-Approve-icon-svg.png" />
</head>

এবং ভিতরে <body> :

<a href="https://wa.me/?text=https://myaddress.blogspot.com/2020/11/try-16.html" target="_blank" rel="nofollow">Hello whatsApp</a>

আরও ব্যাখ্যা:

1- ধরুন আপনার কাছে <meta content='example.com/page1' property='og:url'/>এবং দেহের অভ্যন্তরে আপনি উল্লেখ করেছেন <a href="https://wa.me/?text=example.com/page2" >Hello whatsApp</a>, আপনি শরীরের আপনার লিঙ্কটিতে উল্লেখ করার সাথে সাথে পৃষ্ঠাটির og:imageও পৃষ্ঠাগুলি হোয়াটসঅ্যাপে রেন্ডার করা হবে maybeog:descriptionexample.com/page2

2-আপনি যখন add/changeযেমন কোনো ওপেন গ্রাফ ট্যাগ og:description, এবং আবার আপনি আপনার ক্লিক <a></a>আপনার পৃষ্ঠার / শরীরের উপর ট্যাগ, যদি না আপনি পরিবর্তন কি হোয়াটসঅ্যাপ দেখতে পরিবর্তন করে না href="I am a new URL"আপনার এর <a></a>ট্যাগ বা হোয়াটসঅ্যাপ সুস্পষ্ট ক্যাশে !!

3-আমি Png/jpgচিত্রগুলি চেষ্টা করেছি , সমস্ত 300 কেবি আকারের চেয়ে কম এবং 300 * 300 এর চেয়ে বেশি পিক্সেলের, এবং চিত্রের সামগ্রীটি একটি https বা একটি httpইউআরএল ছিল, উপরের কোডটি উভয়টিকে সমর্থন করে (দরকার নেই og:image:secure_url)।

4-প্রতিবার আপনি ogসামগ্রী যুক্ত / পরিবর্তন করতে, হোয়াটসঅ্যাপে থাম্বনেইল রাখতে, পরিবর্তনগুলি প্রথম চেষ্টা করে প্রভাবিত করে না !! এবং দ্বিতীয় চেষ্টা সফল। খুব অদ্ভুত !

Question 23

এই সমাধানটি আমার পক্ষে কাজ করে:

    <meta property="og:title" content="Testing Title" />
    <meta
      property="og:description"
      content="This is best way to view your Time Table & Join Meetings"
    />
    <meta
      property="og:image"
      itemprop="image"
      content="//upload.wikimedia.org/wikipedia/commons/d/d4/JPEG_example_image_decompressed.jpg"
    />
    <meta property="og:url" content="https://google.com/" />
    <meta property="og:type" content="website" />
    <meta property="og:image:type" content="image/jpeg" />

কোডস্যান্ডবক্স.আইও-তে পরীক্ষিত

লিঙ্কটি এখানে: https://l8ogr.csb.app/

একটি মূর্খ ছোট্ট কাজ যাদুটি করেছিল, " http" বা " https" ইমেজ ইউরাল থেকে সরিয়ে দিয়ে

যদি আপনার ইমেজ ইউআরএল প্রাক্তন: https://test.com/img.jpegথেকে//test.com/img.jpeg

<meta property="og:image" itemprop="image" content="//test.com/img.jpg"/>