WhatsApp लिंक साझा करने के लिए एक छवि प्रदान करें

186

जब हम इस तरह से एक लिंक साझा करते हैं तो हम व्हाट्सएप में प्रदर्शित करने के लिए अपनी वेबसाइट में एक छवि कैसे शामिल कर सकते हैं?

— maxdaniel98
स्रोत

अगर इसकी अलग लोगों के लिए एक से अधिक पृष्ठों होने जा रहा है, तो आप भी कोशिश कर सकते हैं sharesocial.in

— Tirthraj राव

1

आप अपने पृष्ठ 'डोम पर परीक्षण कर सकते हैं iframely.com/embed

— पिओर कोवालास्की

परीक्षण करें कि फेसबुक इसे कैसे प्रस्तुत करता है: Developers.facebook.com/tools/debug

— Noam

370

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: ओग: छवि

छवि (JPG या PNG) एक आकार 300KB और 300 x 200 के न्यूनतम आयाम से भी कम समय के साथ ^*

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

^* @RichDeBourke ने इसका उल्लेख किया, लेकिन जाहिर तौर पर व्हाट्सएप ने अपने अधिकतम छवि आकार (आयामों के साथ-साथ फ़ाइल आकार) में वृद्धि की है। मैंने कुछ परीक्षण किए: यह हर डिवाइस पर हर बार लगातार काम नहीं करता है। मैंने 2.x एमबी छवियों का परीक्षण किया और यहां तक कि 9/10 बार काम करने के लिए भी लग रहा था। <300KB सबसे सुरक्षित दृष्टिकोण है, लेकिन आपको 18-02-2020 तक बड़ी छवियों का उपयोग करके ठीक होना चाहिए। मैं फ़ाइल का आकार 2MB से कम रखने की सलाह दूंगा, हालाँकि। और निश्चित रूप से अपनी छवि को TinyPNG या किसी अन्य छवि संपीड़न एल्गोरिथ्म केमाध्यम से फेंक देंयदि आपने पहले से ही नहीं किया है।

यदि आपने ऊपर दिए गए चरणों को पूरा कर लिया है, तो अब आप व्हाट्सएप में अपना पूर्वावलोकन देख सकते हैं! हालाँकि, ऊपर "कृपया ध्यान दें" अनुभाग से अवगत रहें।

चरण 7: ओग: प्रकार

ग्राफ़ के भीतर आपकी वस्तु का प्रतिनिधित्व करने के लिए, आपको इसके प्रकार को निर्दिष्ट करने की आवश्यकता है। यहां उपलब्ध वैश्विक प्रकारों की एक सूची दी गई है: http://ogp.me/#types । आप अपने स्वयं के प्रकार भी निर्दिष्ट कर सकते हैं।

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

चरण 8: ओग: लोकेल

संसाधन का स्थान। यदि आप अन्य भाषा अनुवाद उपलब्ध हैं, तो आप og: locale: वैकल्पिक का उपयोग कर सकते हैं।

यदि आप ओग: लोकेल निर्दिष्ट नहीं करते हैं, तो यह 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 ।

— डर्क जान स्पिलमैन
स्रोत

11

ध्यान दें कि यदि आपकी साइट स्व-हस्ताक्षरित प्रमाणपत्र के साथ https पर चलती है तो यह काम नहीं कर सकती है। फेसबुक और व्हाट्सएप पर सत्यापित

— इंद्रराज

2

@ भारतराज साझा करने के लिए धन्यवाद, यह डेवलपर्स के लिए फेसबुक

— डर्क जान स्पिलमैन

2

<मेटा चारसेट = "utf-8"> <मेटा http-equiv = "X-UA- संगत" सामग्री = "IE = एज"> <मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = उपकरण-चौड़ाई, प्रारंभिक-स्केल = 1, अधिकतम-स्केल = 1, उपयोगकर्ता-मापनीय = नहीं "> <शीर्षक> </ शीर्षक> <मेटा नाम =" विवरण "सामग्री =" "> <मेटा संपत्ति =" og: शीर्षक "सामग्री =" /> <meta property = "og: url" content = "" /> <meta property = "og: description" content = ""> <meta property = "og: image" सामग्री = "mappointer.png"> <meta property = "og: image: width" content = "" /> <meta property = "og: image: height" content = "" /> मैंने उपरोक्त सभी टैग लगा दिए।

— BALU KB

2

@DerkJanSpeelman अब ठीक काम कर रहा है। धन्यवाद। मैं 300 * 200 के रूप में छवि आयाम रखना भूल गया।

— बालू केबी

1

@DerkJanSpeelman मुझे समझ में नहीं आता, यह साइट: jornada.unam.mx/ultimas/2018/06/19/… में 35 से अधिक अक्षर हैं और छवि पूर्वावलोकन काम कर रहा है। मुझे सही विनिर्देश कहां मिल सकते हैं?

— elios264

19

मेरे पास एक ही मुद्दा था और समस्या चित्र के आकार की थी। व्हाट्सएप 300KB से अधिक आकार के साथ तस्वीर का समर्थन नहीं करता है।

तो व्हाट्सएप पर छवि प्रदर्शित करने के लिए सबसे महत्वपूर्ण संपत्ति है:

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

और प्रदर्शित करने के लिए छवि का आकार 300KB से कम होना चाहिए ।

यदि समस्या बनी रहती है, तो इस तरह के प्रश्न का उत्तर भी पढ़ें

— Cedriga
स्रोत

3

आकार सीमा जानकारी के लिए +1 लेकिन यह सही नहीं है। व्हाट्स एप पहले 300.000 बाइट्स (Http हैडर: "रेंज: बाइट्स = 0-299999") प्राप्त करता है

— एड्रियानो

7

लोग 300.000 बाइट्स या 300kB (छोटे k) की आकार सीमा के बारे में कैसे जानते हैं? मैंने इंटरनेट पर एक स्रोत की तलाश की, लेकिन व्हाट्सएप वेबसाइट या ओपन ग्राफ प्रोटोकॉल वेबसाइट ogp.me पर इस आकार की सीमा नहीं पाई गई ।

— 12: 42 '24

url_image को https सेवा करने की आवश्यकता है

— tito.icreativos

13

मुझे लगता है कि व्हाट्सएप में कोई सफेद सूची नहीं है, क्योंकि मुझे एक समाधान मिला है जो मेरे लिए काम करता है। इस प्रकार करें। 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 आयाम में होनी चाहिए और इसका नाम 'logo-yoursite.png' होना चाहिए (एक बार यह मेरे लिए काम करता है)

अपनी वेबसाइट में व्हाट्सएप का लिंक डालना न भूलें:

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

यह करो और तुम अच्छी तरह से किया जाएगा!

— एलेजांद्रो ब्रासील
स्रोत

छवि मेरे लिए प्रदर्शित नहीं हो रही है, क्या आपके पास एक और उपाय है?

— कीउर शाह

1

यह बड़ी छवियों के साथ भी संभव है! में जवाब की @Cedriga कहते छवियों 300kb से बड़ा नहीं हो सकता है, वह सही है।

— डर्के जान स्पिलमैन

1

इसका निश्चित रूप से नाम नहीं है। और मैं पुष्टि कर सकता हूं कि जेपीजी काम करता है।

— वर्कवाइज

1

व्हाट्सएप का लिंक वह नहीं है जो हमें याद आ रहा है और हां, जैसा कि @वर्कवाइज ने कहा, पीएनजी और जेपीजी दोनों निश्चित रूप से काम करते हैं।

— आशियाना

9

मैंने यहाँ सही विस्तृत समाधान का दस्तावेजीकरण किया है - https://amprandom.blogspot.com/2016/12/blogger-whatsapp-rich-link-preview.html परफेक्ट पूर्वावलोकन प्राप्त करने के लिए सात चरण किए जाने हैं।

शीर्षक: अधिकतम 65 वर्णों के साथ अपने वेबपेज में कीवर्ड रिच शीर्षक जोड़ें।

मेटा विवरण: अधिकतम 155 अक्षरों में अपने वेब पेज का वर्णन करें।

ऑग: शीर्षक: अधिकतम 35 वर्ण।

og: url: आपके वेबपेज पते के लिए पूर्ण लिंक।

ओग: विवरण: अधिकतम 65 वर्ण।

og: छवि: 300KB से कम आकार और 300 x 200 पिक्सेल के न्यूनतम आयाम की छवि (JPG या PNG) की सलाह दी जाती है।

फ़ेविकॉन: आयामों का एक छोटा आइकन 32 x 32 पिक्सेल।

उपरोक्त पृष्ठ में, आपके पास आवश्यक विनिर्देश, वर्ण सीमा और नमूना टैग हैं। इसे संतोषजनक पाते ही अपटाउन करें।

— GZone
स्रोत

मैं जो देख रहा हूँ, उसके लिए एकदम सही उत्तर बहुत छोटा है: og:image : Image(JPG or PNG) of size less than 300KB and minimum dimension of 300 x 200 pixel is advised.

— अमोल

ये पैरामीटर महत्वपूर्ण हैं और मुझे लगता है कि फोकस ओग: इमेज टैग पर होना चाहिए। 300 KB आकार की सीमा और न्यूनतम 300px x 200px की सिफारिश की जाती है। याद रखें कि आयाम पिक्सेल में हैं।

— आशिमा

7

मैं इस तथ्य पर ध्यान आकर्षित करना चाहूंगा कि जैसा कि एक सरल <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" />

(मैंने इसे एक टिप्पणी के रूप में जोड़ा होगा, लेकिन मुझे अभी तक इसकी अनुमति नहीं है। यदि उपयुक्त हो तो मॉडरेटर इसे स्थानांतरित करने के लिए स्वतंत्र महसूस करते हैं।)

— अन्ना क्लिनर
स्रोत

मुझे लगता है कि यह सबसे अच्छा है अगर कोई रिश्तेदार पथ का सहारा लेने की तुलना में योग्य पथ देता है। आपके उत्तर में दिए गए सुझाव ने मेरे लिए काम किया।

— आशियाना

मुझे लगता है कि आपको .jpg छवि, .png छवि का उपयोग करने की आवश्यकता है जो सिर्फ व्हाट्सएप के साथ काम नहीं करेगी।

— एंड्रयू

4

मैं खुद भी ऐसा करने की कोशिश कर रहा हूं और मैंने सभी सही मेटा टैग जोड़े हैं:

<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" />

लेकिन अभी तक व्हाट्सएप के भीतर मेरे लिंक को साझा करते समय छवि नहीं देख सका।

मुझे पता चला है कि व्हाट्सएप इमेज और यूआरएल की किसी तरह की कैशिंग भी करता है, न जाने कितनी देर तक।

यह जांचने के लिए कि मैंने सही टैग लगाए हैं, मैंने उदाहरण के लिए http://domain.com : http://www.domain.com के बजाय केवल अलग यूआरएल की कोशिश की ।

उम्मीद है कि यह किसी और की मदद करता है।

— jony89
स्रोत

मेरे लिए ठीक काम कर रहा है .. धन्यवाद!

— अभिषेक कुंभानी

4

एक बग में काम करने के बाद, पता चला कि IOS में, HEAD में तत्व ओग: इमेज / ओग: विवरण / नाम = विवरण के व्हाट्सएप सर्च को रोक सकते हैं । इसलिए पहले उन्हें हर चीज के ऊपर रखने की कोशिश करें ।

यह काम नहीं करता है

<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>

— किम संत
स्रोत

मेरे 2 सेंट और मुझे आशा है कि यह किसी की मदद करता है। मेरे मामले के लिए यह twitter:imageखाली हो रहा है, व्हाट्सएप को प्राप्त करने में अक्षम og:image। अन्य <meta>टैग हटाने की कोशिश सामाजिक साझेदारी कार्यों को डीबग करने में मदद कर सकती है।

— सनी पुण्ठ

मुझे लगता है कि व्हाट्सएप नीचे तक पढ़ रहा है, और कुछ अनपेक्षित पाए जाने के बाद रुक जाएं (div, खाली ट्विटर: image)। यहाँ विचार लोगों को og:imageशीर्ष पर मेटा लगाने के लिए कहने के लिए था , और आश्वासन दिया गया कि यह पढ़ा जाए

— किम संत

3

आप <head> सेक्शन में <div> क्यों रखेंगे?

— टॉमस गोंजालेज

मैंने एक कंपनी के लिए काम किया है जो आपके कंटेंट वेब को अच्छे UX, SEO आदि के साथ स्क्रैप और "रीशैप" करती है। यदि आप क्लाइंट से सिर को कुरेदते हैं और सिर्फ ओग: मेटाडाटा जोड़ते हैं तो यह काम नहीं करता है। मुझे व्हाट्सएप प्रक्रिया का मानसिक उल्टा इंजीनियरिंग करने में मज़ा आया कि कैसे एचटीएमएल प्रक्रिया किसी भी डीबगिंग याला याला नहीं कर रही है!

— किम संत

4

मेरा सुझाव है कि आपकी संपत्तियों को मान्य करने के लिए https://developers.facebook.com/tools/debug/sharing पर हमेशा नज़र रखें क्योंकि फेसबुक अक्सर नीतियों, अनुपालनों और एपीआई को बदल देता है।

यदि आप मैसेंजर बॉट या अन्य FB एप्स के साथ काम करते हैं, तो आपको व्हाट्सएप में काम करने के लिए लिंक इमेज के लिए प्रॉपर्टी fb: app_id की जरूरत पड़ सकती है। Facebook डेवलपर्स वेबमास्टर्स साइट पर अधिक। https://developers.facebook.com/docs/sharing/webmasters

— Braconnot_P
स्रोत

बहुत से लोग Wordpress में Yoast SEO का उपयोग करते हैं। यदि आप प्रत्येक पोस्ट पर Yoast SEO टैब में facebook छवि जोड़ते हैं, तो यह ओग: पोस्टों पर छवि जोड़ता है।

— Braconnot_P

2

मुझे भी यही समस्या थी, यहाँ समाधान करना है।

यदि आप मेटा ओग: छवि जोड़ते हैं, तो इसे दिखाया जाना चाहिए

समस्या यह है कि यदि आप http: // के बिना टाइप करते हैं और उदाहरण के साथ समाप्त होता है तो व्हाट्सएप छवि नहीं दिखाएगा, यह छवि और विवरण दिखाता है यदि आप http://google.com/ टाइप करते हैं लेकिन google.com के साथ नहीं

आशा है कि यह किसी की मदद करता है।

— jurgel
स्रोत

2

मैं इस धागे का उत्तर विशेष रूप से उल्लेख करना चाहूंगा कि उपरोक्त धागों में से किसने मुझे इस मुद्दे को हल करने में मदद की और किस क्रम में मूल कारण को ठीक से समझने और एक बार और सभी के लिए इसे ठीक करने के लिए उनका अनुसरण किया जा सकता है:

मैं इस समाधान के साथ सोशल मीडिया पर लिंक साझा करते हुए अपना समृद्ध पूर्वावलोकन प्राप्त करने में सक्षम था ।

मैंने इस धागे में विभिन्न विकल्पों का पालन किया और नीचे सही उत्तर के सबसे करीब हैं और वे सभी अंतिम परिणाम में योगदान करते हैं:

आवश्यक टैग (मुख्य टैग पर ध्यान केंद्रित करने के लिए - og: छवि)
छवि पैरामीटर
उपकरण जो निश्चित रूप से मदद करेगा
छवि पथ को सही तरीके से कैसे दें
मूल कारण और समाधान

यह उम्मीद है कि किसी व्यक्ति को उत्तर के माध्यम से स्क्रॉल करने और उत्तर के सही सेट और सभी परीक्षण और त्रुटियों के लिए आवश्यक प्रयास करने के लिए समय की बचत होगी।

— आशिमा
स्रोत

2

मैंने इस धागे के नीचे और अपनी बाहरी खोजों से कई सुझावों का प्रयास किया लेकिन यह मेरे लिए एक पूरी समस्या थी। ओग द्वारा इंगित की गई छवि का उपयोग करने के लिए मेरा विशिष्ट निर्देश : जेटपैक प्लगइन द्वारा दिए गए खुले ग्राफ़ टैग द्वारा छवि टैग को ओवरराइड किया जा रहा था। आप यहाँ मेरा विस्तृत जवाब पा सकते हैं । हालाँकि, मैंने सोचा कि इस अधिक-अनुसरण वाले थ्रेड पर संक्षिप्त में चरणों को जोड़ना उचित होगा। आशा है कि यह किसी की मदद करता है।

फेसबुक शेयरिंग डीबगर मदद की मुझे मूल कारण की पहचान है और वहाँ से, मैं इन चरणों का पालन:

ऊपर दी गई डिबगर का उपयोग करके अपनी वेबसाइट को डीबग करें। बस URL और हिट डीबग में टाइप करें। यह आपको चेतावनियों की एक सूची देनी चाहिए और एक बार जब आप खुले ग्राफ़ टैग अनुभागों पर स्क्रॉल करते हैं, तो आप उन मूल्यों को देख पाएंगे जो आपकी वेबसाइट के लिए लाए जा रहे हैं। ध्यान केंद्रित करने वाला एक ओग: छवि टैग है।
स्क्रॉल करने के लिए नीचे आगे "देखो वास्तव में क्या हमारे स्क्रेपर अपने यूआरएल के लिए देखता है" के लिए खोज लिंक और ओग: छवि टैग अपनी कहानी में खलनायक को खोजने के लिए।
अब बस, होने वाले एक ओवरराइड को हटाने के लिए साधन चुनें। मेरे मामले में, मुझे निम्नलिखित फ़ंक्शन मददगार लगे। यह किसी भी समय उपयोग की जाने वाली डिफ़ॉल्ट छवि को बदलता है जेटपैक उपयोग करने के लिए एक छवि निर्धारित नहीं कर सकता है।

यह किसी भी समय उपयोग की जाने वाली डिफ़ॉल्ट छवि को बदलता है जेटपैक उपयोग करने के लिए एक छवि निर्धारित नहीं कर सकता है

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

मुझे यह जोड़ना चाहिए कि छवि पैरामीटर जैसे कि न्यूनतम 300px x 200px और आकार <300 KB की सिफारिश की जाती है। और कृपया इन निर्देशों का पालन करें यदि इस तरह के सामान्य निर्देश आपके लिए काम नहीं करते हैं, क्योंकि, तो यह सबसे अधिक संभावना है कि आपका मुद्दा मेरे जैसा ही हो। इसके अलावा, कभी-कभी सबसे आसान समाधान केवल प्लगइन को हटाने के लिए हो सकता है (बशर्ते आप यह सत्यापित करते हैं कि आप इसके बिना कर सकते हैं)।

अंत में आपको कुछ इस तरह देखना चाहिए -

उम्मीद है की यह मदद करेगा।

एन एस

— निशाचर कथाकार
स्रोत

1

WhatsApp छवि पूर्वावलोकन प्राप्त करने के लिए आपको निम्नलिखित टैग चाहिए:

<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 पिक्सेल अनुशंसित है।

— moreirapontocom
स्रोत

मेरे मामले में मेरे पास 1200 * 628 पिक्सेल की छवि है जिसका अर्थ है कि <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" />क्या मुझे सही तरह से एम प्रदान करना है ? क्या हमें टैग्स में छवि की चौड़ाई और ऊंचाई (जो छवि में है) देनी होगी या फिर जो कुछ भी इमेज पायलेट के लिए होगा यदि हम मेटा टैग में चौड़ाई और ऊंचाई का उल्लेख करते हैं तो यह उस आयाम में प्रदर्शित होगा? कृपया @moreirapontocom

— siluveru kiran kumar

0

यदि आप चाहते हैं कि आपकी वेबसाइट से किसी url के बगल में एक तस्वीर व्हाट्सएप पर साझा की जाए, तो आपको उस पृष्ठ पर एक मेटाटैग लगाना होगा जहां URL इस तरह लिंक होता है:

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

— maxdaniel98
स्रोत

3

नमस्ते! मैंने यह कोशिश की है, और फेसबुक के यूआरएल डीबगर के साथ प्रीफेक्ट काम करता है, हालांकि व्हाट्सएप संदेश अभी भी मेरे थम्बनेल को नहीं दिखाता है। यहाँ कोई और है, जिसके पास एक ही समस्या है: stackoverflow.com/questions/25100917/…

— लेप्पी

@AkhilSekharan सही उत्तर यहां पाया जा सकता है: stackoverflow.com/a/32154775/501206

— stevenw00

धन्यवाद स्टीव। मैंने पहले ही इस तरह की कोशिश की है और एक निष्कर्ष पर आया है कि व्हाट्सएप के पास डोमेन का एक आंतरिक श्वेतसूची है जो थंबनेल दिखा सकता है। उदाहरण के लिए youtube

— अखिल सेखरन

2

मैं एक ही निष्कर्ष पर आया ... एफबी डिबगर: 100% ठीक है। रिच पूर्वावलोकन: 100% ओके (वाट्सएप शामिल)। जब मैं व्हाट्सएप द्वारा साझा करने की कोशिश करता हूं तो छवि दिखाई नहीं देती है। मेरे मामले में url robotiqu.es है ... एक साल बाद कोई प्रतिक्रिया नहीं?

— जुआनजो

मेरे लिए प्रदर्शित न होने वाली छवि, किसी का भी समाधान नहीं हो सकता @Juanjo

— Keyur Shah

0

एक ही मुद्दा था, जोड़ा छवि: और यह काम नहीं किया, जबकि स्लैश साइन (/) के साथ url अंत। URL से स्लैश हटाने के बाद - छवि लोड हो गई .. दिलचस्प बग ...

— Yedidia
स्रोत

0

मेरे कार्यों में निम्नलिखित क्रियाओं ने मदद की।

एक ही मेजबान के तहत छवि डालना ।

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

व्हाट्सएप के लिए विशेष रूप से अग्रणी विकल्प द्वारा अपने उपयोगकर्ता एजेंट का पता लगाकर आवश्यक छवि को पारित करना, उदाहरण

WhatsApp/2.18.380 A

वास्तव में सेंड बटन पुश करने से कुछ सेकंड पहले प्रतीक्षा की जा रही है, इसलिए व्हाट्सएप के पास ओग और मेटाडेटा से छवि और विवरण प्राप्त करने का समय होगा।

— Baur
स्रोत

अगर मैं URL लिखें और कुछ समय तो यह कि उसके बाद अगर मैं भेजें बटन मारा तो यह, दिखा रहा है तो मैं यूआरएल और हिट भेजें बटन टाइप पूर्वावलोकन हो रही होगी के लिए प्रतीक्षा बिना किसी देरी के (मेटा टैग जानकारी प्राप्त करने से पहले) तो पूर्वावलोकन नहीं दिखा रहा है।

— सिलुवरु किरन कुमार

0

इन कोशिशों के बाद भी। मेरी वेबसाइट की छवियों को कुछ समय के लिए लाया गया था और कभी-कभी नहीं। Https://developers.facebook.com/tools/debug/sharing के साथ सत्यापन करने के बाद

एहसास हुआ कि मेरे django (अजगर) ढांचे छवि पथ अपेक्षाकृत प्रदान कर रहा है। मुझे पूर्ण यूआरएल के साथ छवि के मार्ग में परिवर्तन करना पड़ा। (http: // सहित)। फिर इसने काम करना शुरू कर दिया

— सिद्धाराम एच
स्रोत

0

अतिरिक्त उपयोगी जानकारी:

आप कई ओग: चित्र प्रदान कर सकते हैं, व्हाट्सएप अंतिम एक का उपयोग करेगा। यह उस समस्या के साथ मदद करेगा, जैसे कि फेसबुक 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/

— SinunHenkka
स्रोत