Whatsapp 이미지를 표시할 때 우리는 어떻게 포함시키십시오 lionbridge 의 웹 사이트 링크 공유 이렇게?
It takes a 몇 단계를 위한 완벽한 내려받습니다 미리봅니다 WhatsApp, 트위터, 페이스북, 북마크, pc& # 39 의 꾩씠肄 srdf/s 및 모바일 기기. 맘에 판독값 gnu. orghttp://www. [ogp.me] (http://ogp.me/) - smartupdate 읽을 수 있지만 1 단계 - 6 이 될 수 있는 최고의 WhatsApp 미리봅니다.
최대 65 세 이상 문자
<title>your keyword rich title of the website and/or webpage</title>
155 극대화됩니다 문자
<meta name="description" content="description of your website/webpage, make sure you use keywords!">
최대 35 자
<meta property="og:title" content="short title of your website/webpage" />
현재 웹 사이트 주소를 전체 https://partner. microsoft.
<meta property="og:url" content="https://www.example.com/webpage/" />
최대 65 문자
<meta property="og:description" content="description of your website/webpage">
이미지 (PNG JPG 또는) 와 크기 및 최소 치수에는 300KB 미만으로 x 200 300
<meta property="og:image" content="//cdn.example.com/uploads/images/webpage_300x200.png">
< br>;
위의 단계를 완료됨으로 내용을 볼 수 있는 경우, 이제 미리봅니다 WhatsApp! Section, 어쨌든요 note", 플라스 " 고려하십시오.
< br>;
해당 객체를 표현할 수 있도록 하기 위해 그래프 안의 그 유형을 지정할 수 있어야 합니다. # 39 의 바뀌엇어요 here& 세계 유형은상위 사용할 수 있습니다. http://ogp.me/ # 유형. 자신의 유형을 지정할 수도 있습니다.
<meta property="og:type" content="article" />
리소스의 로켈을. 경우, 다른 언어 번역 제공 og 로케일에 대체 사용할 수도 있습니다.
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
가장 좋은 방법은 지원부에서는 검토완료 [이] 트위터 (https://dev.twitter.com/cards/overview).
가장 좋은 방법은 지원부에서는 검토완료 [이] 페이스북 (https://developers.facebook.com/docs/sharing/webmasters).
파비콘 가장 좋은 방법은 모두 지원 브라우저 및 디바이스에는 검토완료 [이] (https://stackoverflow.com/a/43154399/6086226).
난 이미 문제가 문제와 같은 크기의 사진을 찍었다. Whatsapp doesn& # 39 는 t 지원, 함께 사진을 보다 크기가 더 큰 300KB.
그래서 표시하십시오 이미지에 대한 가장 중요한 속성을 Whatsapp 입니다.
<meta property="og:image" content="url_image">
또한, 이 문제에 대한 문제가 계속되면 검토완료 [이 비슷한 질문] [1]
[1]: # 39182227 https://stackoverflow.com/questions/25100917/showing-thumbnail-for-link-in-whatsapp-ogimage-meta-tag-doesnt-work/39182227
Whatsapp 슬픔으로창백해지고 목록에 없는 것 같아요, as I com/downloads/global/corporate/iar/esg_prosupport. 가져다줄래요 협력했습니다 솔루션이다. 책임질래 다음과 같습니다. 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."/>
자신의 이미지를 & # 39 라는 치수이고 반드시 있어야 합니다 .png 포맷하여 600x600px logo-yoursite.png& # 39;; (일단 협력했습니다 가져다줄래요 하는 것처럼)
Whatsapp 을 웹 사이트의 링크를 삽입하려면 잊지 않습니다.
<a href='whatsapp://send?text=Text to send withe message: http://www.yoursite.com'>whatsApp</a>
이렇게 및 you& # 39, ll be 잘했다!
난 완벽한 문서화했습니다 상세한 솔루션 여기 - https://amprandom.blogspot.com/2016/12/blogger-whatsapp-rich-link-preview.html 7 가지 단계를 미리봅니다 얻기 위해 해야 할 일이 없다.
>. 제목: Add 키워드가 웹페이지 데이터베이스에구성원을 직무명 부유하도다 최대 65 세 이상 >. 문자를 사용할 수 있습니다. >. >. 메타 설명: 웹 페이지에 설명 최대 155 >. 문자를 사용할 수 있습니다. >. >. og 직무명:: 최대 35 자입니다. >. >. og: url: 전체 https://partner. 데이터베이스에구성원을 웹 페이지 주소. >. >. og: 설명: 최대 65 자입니다. >. >. og: 이미지: 이미지 (JPG 또는 PNG) 의 크기 및 최소 300KB 미만으로 >. x 200 300 치수처리 픽셀입니다 권장합니다. >. >. 파비콘: 32 개 작은 아이콘을 치수에는 32tb 픽셀입니다.
위 페이지이므로 필요한 사양을 문자 및 샘플 주기표시 제한값 있습니다. 일단 못하며창조된 업보테 찾아 좋습니다.
물론 이렇게 하려면 # 39, ve been i& 하고 스스로 I& # 39, ve 추가되든지 모두 올바른 메타 태그:
<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" />
하지만 내 링크를 공유할 때 WhatsApp 내 이미지를 볼 수 없었다.
이를 통해 다른 사람에게 기대해 본다.
봇 선지자께 FB 를 사용하는 경우 어플리케이션, 또는 기타 속성 fb:app_id 이미지를 Whatsapp 작업하십시오 링크 할 수 있습니다. 페이스북 개발자는 더 emc. 웹마스터를 사이트. https://developers.facebook.com/docs/sharing/webmasters
이후, IOS 의 버그 작업할 수 있다는 것을 밝혀냈다 중지하시겠습니까 WhatsApp 검색 og 이미지 , 헤드에게 요소에 대한 /og:description / name = 설명. 그래서 먼저 올려놓게 상단형 시도하시겠습니까 모든 것을 할 수가 없어요.
<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>
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" />
페이스북 docs 로 지정하면 될 것이라고 말하고, 그렇지 않으면 비동기식 기술을 빠르게 반입됨 대신 이미지 크기:
PNG 이미지 포맷을 사용하는 것이 좋습니다. 적어도 600x600 픽셀입니다 권장되기는.
내 경우에는 다음과 같은 작업을 도왔다.
<meta property="og:url" content="https://www.same-host.com/whatsapp-image.png" />
특히 해당 사용자 에이전트를 감지하여 반군지역 필요한 이미지를 이끌고 uxfs , 하위 WhatsApp
WhatsApp/2.18.380 A
이 후에도 한다. 때로는 내 웹 사이트 이미지들은 반입됨 일부 시간이 없습니다. 이후 검증중 와 https://developers.facebook.com/tools/debug/sharing
장고 (python) 은 렌더링 이미지 경로를 내 것을 알게 프레임워크입니다 상대적으로. 이미지 파일의 경로를 완벽하게 uirl 변경할 수 있었습니다. (http://로 포함). 그런 다음 일하기