How apps like Whatsapp and Facebook identify the Logos of websites?

Asked

Viewed 41 times

0

Guys I need to send a link through Watshapp and I’d like him to show the logo on the message

Taking a test for example with the website: https://locaweb.com.br it shows a logo the title (tag title) of the page and the description (tag Description)

inserir a descrição da imagem aqui

I studied the metatags and added all that I thought was important for this in my case.

Did I forget something, because it shows the title and description of the page but not the icon

I will be owing the link of my application because it is still under development and I can not disclose in order of the direction :-|

But the tags used are as below:

<head>

    <title>{dinamico_title}</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content="{dinamico_description}"/>
    <meta name="author" content="{dinamico_author}"/>
    <!-- FIQUEI NA DUVIDA SE COLOCO ESSA TAG meta http-equiv="pragma" content="no-cache" /-->
    <meta itemprop="name" content="{dinamico_name}">
    <meta itemprop="description" content="{dinamico_description}">
    <meta itemprop="image" content="{dinamico_image}">

    <meta property="og:locale" content="pt_BR" />
    <meta property="og:title" content="{dinamico_title}" />
    <meta property="og:type" content="product" />
    <meta property="og:url" content="{dinamico_url}" />
    <meta property="og:description" content="{dinamico_description}" />
    <meta property="og:image" content="{dinamico_image}" />
    <meta property="og:image:secure_url" content="{dinamico_secure_url}" />
    <meta property="og:site_name" content="{dinamico_site_name}" />
    <meta property="og:updated_time" content="{dinamico_update_time}" />
    <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="315" />

    <meta property="article:section" content="{dinamico_seccion}" />
    <meta property="article:published_time" content="{dinamico_published_time}" >
    <meta property="article:modified_time" content="{dinamico_modified_time}" />
    <meta property="product:price:currency" content="BRL">

    <meta name="twitter:card" content="product" />
    <meta name="twitter:title" content="{dinamico_title}" />
    <meta name="twitter:description" content="{dinamico_description}" />
    <meta name="twitter:image" content="{dinamico_image}" />
    <meta name="twitter:site" content="{dinamico_site}">
    <meta name="twitter:label1" content="{dinamico_label1}">
    <meta name="twitter:data2" content="{dinamico_data2}">
    <meta name="twitter:label2" content="{dinamico_label2}">
    <!--meta property="twitter:app:id:iphone" content="423021834"-->
    <meta name="twitter:app:name:iphone" content="{dinamico_name_iphone}">
    <meta name="twitter:app:url:iphone" content="{dinamico_url_iphone}">
    <meta property="twitter:app:id:googleplay" content="{dinamico_id_googleplay}">
</head>

I saw an article right here in the stack Link with error when sharing on Facebook and Whatsapp - Site in Wordpress that is a little close to my problem, but I do not use wordpress and could not solve even applying the tip.

ps. All TAGS come from dynamic content as the code suggests, is that the problem? They are PHP pages and not pure HTML

  • I believe it’s from the metatag itself og:image. How long has your site been on the air? It may have to do with indexing, I don’t know if this is "instant"

  • So... if you take a link from the urban fish or marketplace for example and put in the Zap it already shows the image of the product then the question of indexing leaves me in doubt... could it be htaccess because I use it to have links "friendly"

  • When you share in Whatsapp appears something? Title, description, a placeholder image...? If yes, try to access the image directly in the browser by the generated link to check if it is a valid link

  • 1

    Yes... the Page Title appears and the Description, as for the image I open the source, I get the link that is in "og:image" and I can access the image normally, but it does not appear in Zap :-|

  • What size (KB) of the image?

  • @Rafael Tavares, see, I have an index.php that treats sessions and checks if this session is not active it limits sends to the homepage, I think this function is blocking access to the image when it is not by the browser, will it be that?

  • These icons are dynamic as access... but the average size turns around 10kb to 200kb, ie is small

  • I believe that php does not disturb, maybe this question Soen help you. There are several alternatives to try. Clear the cache, the image is less than 300 KB, .jpg or .png... Take a look there

  • I did a test by placing a link from an external image and it works, the problem is: or on my server on. htaccess or in my inbox php script... I’ll have to scan here.

Show 4 more comments
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.