Como criar páginas AMP de um jeito rápido e fácil

-

Como criar páginas AMP de um jeito rápido e fácil

E aí, blz pura? Vamos lá para mais um tutorial bem prático e tenho certeza que será muito útil para você, pois é de um assunto que vem ganhando muita força no mundo web: Páginas AMP!!!
O objetivo do tutorial é mostrar o que são páginas AMP, como funcionam e depois ir na prática e criar um modelo simples e funcional de site feito com PHP e utilizando estrutura de páginas AMP, então bora começar!

Introdução - O que é AMP?

A sigla AMP significa Accelerated Mobile Pages ou Páginas Móveis Aceleradas, mais ou menos isso. O que importa é que na prática, o grande do objetivo do projeto é fazer com que websites e anúncios na internet, principalmente postagens, sejam carregados "bem rápidos" e em vários tipos de dispositivos.
O link do projeto AMP oficial é este aqui https://www.ampproject.org/pt_br  e nele tem tudo que você precisa pra se aprofundar no assunto, mas isso depois.

Como identificar uma página AMP?

Para ver uma página AMP, você deve fazer pesquisas no Google através do celular, pois somente assim elas aparecem e são identificadas pelo símbolo raio.

Bsuca Página AMP - Por Aylton Inacio - Marketing Digital, Sites Otimizados e Web Analytics

Criando a sua primeira página amp

A ideia do tutorial é criar um modelo de site muito simples, específico para postagens em blog. Ele poderá ser acessado pela URL local a seguir, então para isso você precisa de um servidor web, como o XAMPP.
localhost/projetomobile/blog/meu-post-sobre-amp
Será uma página simulando um post sobre AMP, mas que poderia ser qualquer outro assunto. A grande sacada aqui é que vamos oferecer uma versão do mesmo conteúdo em formato AMP, através deste link aqui:
localhost/projetomobile/blog/meu-post-sobre-amp/amp
Então vamos começar!

1 - Defina quais páginas serão AMP

Pra começar, você precisa definir se o site todo será AMP ou se você terá a versão comum e a versão AMP, para todas as páginas ou somente algumas.
No caso do nosso projeto, as páginas AMP são somente para as postagens, mantendo a original e uma versão igual em formato AMP, sendo que as duas devem estar vinculadas.

Comentários

Postar um comentário

Postagens mais visitadas deste blog

O que são Usuários, Sessões e PageViews no Google Analytics

-
Imagem
  Acesse o conteúdo original sobre “ O que são Usuários, Sessões e PageViews no Google Analytics ” no site oficial do Aylton Inacio. Se você tem um site comum, blog ou ecommerce, com certeza precisa medir e analisar o tráfego que ele recebe, e uma das melhores ferramentas para fazer isso é o  Google Analytics . Ao  configurar o Google Analytics no seu site , diversos dados são capturados em cada acesso do usuário e transformados em relatórios estratégicos, compostos por dimensões e métricas. Uma métrica é o que você deseja mensurar, já uma dimensão é a perspectiva de análise. Por exemplo, nos últimos 30 dias o meu site teve 10.000 usuários do estado do Rio de Janeiro. Neste caso temos a métrica Usuários e as dimensões Data e Estado.  Se preferir, acesse  “O que são Usuários, Sessões e PageViews no Google Analytics”  no YouTube. Dentro do Google Analytics existem diversas Métricas e Dimensões, e neste post você vai entender as diferenças entre  Usuários...
Leia mais

Como criar um mapa preenchido no Looker Studio

-
  Os mapas do   Looker Data Studio   permitem que você apresente seus dados separados por regiões geográficas, no Brasil ou mundo, de forma gráfica e interativa. O Google aproveitou uma ferramenta que tem há muito tempo, que é o Google Maps, e integrou com o Looker, assim temos recursos realmente valiosos de mapas. Hoje são 5 tipos de mapas para usar: Mapa de balão Mapa preenchido Mapa de calor Mapa de linhas Gráfico de mapa Neste tutorial vamos focar no  Mapa Preenchido  que permite a apresentação dos seus dados até o nível de cidade e preenchendo as áreas com cores, criando marcações bem visíveis e limitadoras. ▶ Se preferir, acesse  "Como criar um mapa preenchido no Looker Studio"  no YouTube. Acesse o conteúdo completo e original sobre “ Como criar um mapa preenchido no Looker Studio ” no site oficial do  Aylton Inacio .
Leia mais

Testes condicionais com Datas no Looker Data Studio

-
  O Looker Studio (Data Studio) permite a manipulação de campos Data de várias maneiras e é fundamental entender as possibilidades de testes condicionais. Neste post você vai aprender como fazer testes com operadores condicionais entre campos; entre um campo e uma data criada com função Date; funções como DATETIME_ADD para adicionar dias. ▶ Se preferir, acesse  "Testes condicionais com Datas no Looker Data Studio"  no YouTube. Para nossos exemplos, considere a seguinte tabela já com dois camp...   Acesse o conteúdo completo e original sobre “ Testes condicionais com Datas no Looker Data Studio ” no site oficial do  Aylton Inacio .
Leia mais