Quer seu anúncio aqui ? Temos preços especiais.

08/09/2017

Como adicionar dados estruturados em minha página AMP

Nenhum comentário :


Atualmente o uso de AMPs está muito atrasado e é raro você encontrar AMPs na pesquisa Google e quando você encontra principalmente se você estiver no mobile ela é a primeira página depois dos vídeos, o AMP é uma tecnologia até recente mais é bastante simples, apesar de simples não adianta querer criar uma página AMP com o mesmo tamanho que as normais, já que a proposta das AMPs é carregamento rápido no navegador, já que o Java Script que atrapalha o trabalho do navegador,


Nas páginas normais o que estiver primeiro é carregado primeiro ou seja o conteúdo visual que é o texto são carregados depois de todo o head que geralmente contém infinidades de CSS e Java Script, já nas AMPs o Java Script é proibido e as CSS externo também, assim fica as CSS necessárias que deve ser básica, e que são rapidamente carregadas, ao final do carregamento para o body onde o texto é carregado e ao final começa o carregamento das imagens e anúncios. As nossa páginas normais levam cerca de 3.5s para carregar em uma boa internet usando o Firefox, com as páginas AMPs este número é reduzido para 1.4s e cerca de 3s em redes 3G, só não conseguimos diminuir mais a velocidade das páginas AMPs por que mais rápido que isso é quase impossível.




Para a marcação de dados em nosssas páginas AMPs nós usamos o seguite modelo :


<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Article",
  "image": [/*Imagem principal (geralmente igual ao conteúdo da tag meta og:image)*/],
  "datePublished": /*Data da publicação no segunte formato AAAA-MM-DDTHH:MM:SS FUSO por exemplo agora é 08/09/2017 20:53:35 no fuso horário UTC -3 (Hora de Brasília), ficaria assim 2017-09-08T20:53:35-03:00*/,
  "author": {
    "@type": /*Tipo que pode ser "Organization" ou "Person"(organização ou pessoa) do autor*/,
    "name": /*Nome da Organização ou da pessoa que foi o autor*/,
},
  "mainEntityOfPage": /*URL da página*/,
  "headline": /*Título (Manchete)*/,
  "publisher": {
    "@type": /*Tipo que pode ser "Organization" ou "Person"(organização ou pessoa)*/,
    "name": /*Nome da Organização ou da pessoa*/,
    "logo": {
      "@type": "ImageObject",
      "url": /*url da logo*/,
      "height": /*Altura da imagem, altura máxima 60px*/,
      "width": /*Largura da imagem*/
    }
  },
  "dateModified": /*Data da útima modificação no segunte formato AAAA-MM-DDTHH:MM:SS FUSO por exemplo agora é 08/09/2017 20:53:35 no fuso horário UTC -3 (Hora de Brasília), ficaria assim 2017-09-08T20:53:35-03:00*/
} </script>



Os comentários (conteúdo entre '/*' e */) deverão ser removidos e o conteúdo que for colocado referente ao comentário deve ser colocado entre aspas duplas (") por exemplo a linha "name": /*Nome da Organização ou da pessoa*/ ficará "name": "Aprendizador" para nós, já que este o nome de nossa organização. Dúvidas ? Deixe nós comentários

Nenhum comentário :

Postar um comentário

Ao acessar e comentar em nossos serviços você concorda com a nossas Politicas de privacidade, com nossos Termos de Uso e com a nossas Políticas de segurança