Jump to content
Tuzzolino

Página sendo compartilhada pelo whatsapp não exibe a imagem

Recommended Posts

Boa tarde gente,

 

 

Estou fazendo  um site  e  na hora que eu vou compartilhar ele no whatsapp  ele tá pegando o link corretamente mas ao invés de aparecer o titulo aparece somente o description  e não pega a miniatura da imagem  alguém tem algum exemplo de como  deveria ser ?

 

 

A  imagem  é carregada assim 

 

<amp-img height="320" width="470" id="img" src="890x610.jpg" layout="responsive" class="i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout" i-amphtml-layout="responsive"><i-amphtml-sizer style="padding-top: 68.0851%;"></i-amphtml-sizer><img decoding="async" amp-img-id="img" src="890x610.jpg" class="i-amphtml-fill-content i-amphtml-replaced-content"></amp-img>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Felper
      Estou criando um jogo de avançar casas e não estou conseguindo somar os valores sorteados pelo dado. Quero fazer assim:
      let somadado=0;
      let valorsorteado=5;
      somadado=5;
      valorsorteado=3;
      somadado=8;
      valorsorteado=2;
      somadado=10;
       
      Assim por diante. 
       
    • By leonardorafaeldev
      Boa noite pessoal estou com um problema que o icone do meu site não aparece no mobile segue uma foto do problema o meu codigo esta assim
       
      <!-- icones -->   <link href="icones/favicon.ico" rel="icon">   <link href="icones/favicon.ico" rel="shortcut icon">    <link rel="apple-touch-icon" sizes="57x57" href="icones/apple-icon-57x57.png">   <link rel="apple-touch-icon" sizes="60x60" href="icones/apple-icon-60x60.png">   <link rel="apple-touch-icon" sizes="72x72" href="icones/apple-icon-72x72.png">   <link rel="apple-touch-icon" sizes="76x76" href="icones/apple-icon-76x76.png">   <link rel="apple-touch-icon" sizes="114x114" href="icones/apple-icon-114x114.png">   <link rel="apple-touch-icon" sizes="120x120" href="icones/apple-icon-120x120.png">   <link rel="apple-touch-icon" sizes="144x144" href="icones/apple-icon-144x144.png">   <link rel="apple-touch-icon" sizes="152x152" href="icones/apple-icon-152x152.png">   <link rel="apple-touch-icon" sizes="180x180" href="icones/apple-icon-180x180.png">   <link rel="icon" type="image/png" sizes="192x192"  href="icones/android-icon-192x192.png" >   <link rel="icon" type="image/png" sizes="36x36" href="icones/android-icon-36x36.png">   <link rel="icon" type="image/png" sizes="48x48" href="icones/android-icon-48x48.png">   <link rel="icon" type="image/png" sizes="96x96" href="icones/android-icon-96x96.png">   <link rel="icon" type="image/png" sizes="144x144" href="icones/android-icon-144x144.png">   <link rel="icon" type="image/png" sizes="72x72" href="icones/android-icon-72x72.png">   <link rel="icon" type="image/png" sizes="32x32" href="icones/favicon-32x32.png">   <link rel="icon" type="image/png" sizes="96x96" href="icones/favicon-96x96.png">   <link rel="icon" type="image/png" sizes="16x16" href="icones/favicon-16x16.png">   <link rel="manifest" href="icones/manifest.json">   <meta name="msapplication-TileColor" content="#ffffff">   <meta name="msapplication-TileImage" content="icones/ms-icon-144x144.png">   <meta name="theme-color" content="#ffffff">   <meta charset="utf-8">   <meta content="width=device-width, initial-scale=1.0" name="viewport">
    • By Vanessa Andrade
      Bom dia Pessoal!
       Gostaria da ajuda de vocês, não tenho conhecimento aprofundado em html e css e a tray não quer me dar suporte para alteração desta fonte dizendo que é padrão.....
      Enfim a fonte está minuscula mal dá para entender o que está escrito, e não acho onde altero...
      https://www.lacee.com.br/loja/extra.php?loja=495949&amp;pagina=afiliados
       

    • By asacap1000
      Galera estou desenvolvendo uma aplicação na qual eu preciso mostrar as câmeras de monitoramento, as câmeras são da HIKVISION e tenho o link pronto pra mostrar porém sempre pede login e senha como mostra a imagem abaixo:

       
      Existe alguma forma de chamar essa tela e preencher via script 
    • By LuizH.M
      Estou tentando alterar um css via javascript mas por algum motivo da erro
      se puder ajudar agradeço
       
      html
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
          <!--Titulo-->
          <title>Projeto</title>
          <!--Cadeia de caracteres-->
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-compatible" content="ei=edge">
          <link rel="stylesheet" type="text/css" href="css/estilo.css">
          
      </head>
      <body>
          <header></header>
          <input type="checkbox" id="chk" onclick="chk()">
          <label for="chk" class="menu-chk">&#9776;</label>
          <div class="bg"></div>
          <nav class="menu" id="principal">
              <ul>
                  <li><a href="#" class="home">Home</a></li>
                  <li><a href="#">Contato</a></li>
                  <li><a href="#">Forum</a></li>
                  <li><a href="#">Sobre</a></li>
              </ul>
              
          </nav>
          <footer>
                <script type="text/javascript" src="js/javascript.js"></script>
          </footer>
      </body>
      </html>
       
      css
      *{
          padding: 0;
          margin: 0;
      }
      header{
          position: fixed;
          top: 0;
          left: 0;
          height: 50px;
          width: 100%;
          background-color: #5b859a;
      }
      .menu-chk{
          position: fixed;
          font-size: 25px;
          font-weight: bold;
          padding: 5px;
          width: 40px;
          height: 40px;
          text-align: center;
          background-color: #5b859a;
          color: #fff;
          cursor: pointer;
          transition: all.4s;
          left: 301px;
          top: 0;
      }
      .menu-chk:hover{
          background-color: #fff;
          color: #5b859a;
      }
      .menu{
          height: 100%;
          position: fixed;
          background-color: #222;
          top: 0;
          overflow: hidden;
          transition: all .4s;
      }
      #principal{
          width: 300px;
          left: -300px;
      }
      ul{
          list-style: none;
      }
      ul li a{
          display: block;
          font-size: 18px;
          font-family: 'Arial';
          padding: 10px;
          border-bottom: solid 1px #000;
          color: #ccc;
          text-decoration: none;
          transition: all.4s;
      }
      ul li span{
          float: right;
          padding-right: 10px;
      }
      ul li a:hover{
          background-color: #5b859a;
      }
      .home{
          margin-top: 60px;
          background-color: #111;
          border-left: solid 5px #444;
      }
       
      js
       
      function chk() {
          var chk = document.getElementById('chk');
          var menu = document.getElementById('principal');
          
          chk.is(':checked'){
              menu.style.left = "300px";
          }
      }
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.