Как получить карту с помощью мета - PullRequest
Новая
       19

Как получить карту с помощью мета

0 голосов
/ 04 марта 2019

У меня есть веб-сайт с несколькими страницами, и, например, если я хочу поделиться с кем-то одной из моих ссылок и отправить ее через WhatsApp, мне нужно увидеть логотип и текст в моем сообщении.[как на этом изображении]

enter image description here

Как я могу это сделать?

Я только что нашел этот образец: 

<link rel="shortcut icon" href="img/img.svg">
<link rel="apple-touch-icon image_src" href="img/img.svg">
<meta name="twitter:title" property="og:title" itemprop="name" content="Link to source">
<meta name="twitter:description" property="og:description" itemprop="description" content="Mycontent">

Ответы [ 2 ]

0 голосов
/ 05 марта 2019

Вы можете попробовать свой код с: https://cards -dev.twitter.com / validator 

<head>
    <meta property="og:type" content="website">
    <meta property="og:url" content="/12672984/kak-poluchit-kartu-s-pomoschy-meta">
    <meta property="og:site_name" content="Stack Overflow">
    <meta property="og:image" itemprop="image primaryImageOfPage" content="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png?v=73d79a89bded">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:domain" content="stackoverflow.com">
    <meta name="twitter:title" property="og:title" itemprop="name" content="How to get link to source using htm css">
    <meta name="twitter:description" property="og:description" itemprop="description" content="I have a web site with a few pages and for example if I want to share with somebody one of my link and send it via whatsapp, I need to see logo and some text in my message. [as it on this image] H...">

enter image description here

0 голосов
/ 04 марта 2019

Вы должны добавить несколько метатегов. 

<meta property="og:site_name" content="Your site name">
<meta property="og:title" content="Page title" />
<meta property="og:description" content="Page description" />
<meta property="og:image" itemprop="image" content="your_page_image.png">
<meta property="og:type" content="website" />
...