0 Compartilhamentos 53 Views

Criando links em páginas HTML de apps mobile Android e iOS

16 de março de 2016

Você gastou horas e mais horas desenvolvendo um aplicativo mobile para seu negócio. E agora? Como faço para criar uma referência contextual do meu novo aplicativo nos navegadores, para Android e iOS (da Apple)?

Não entre em pânico, a solução é bem simples e rápida!

Vamos já começar com um exemplo prático, olha só esse código extraído do Mercado Livre:

Não precisa ser nenhum gênio para ver que esses são os links que apontam para a home page dos aplicativos iOS e Android do Mercado Livre.

Só pra lembrar que a tag link deve ser adicionada dentro da tag head na página.

Mais um exemplo:

Muito legal mas o que significa realmente essas informações?

Android

No caso do Android o link tem essa estrutura:

Onde:
package_name: É o ID da aplicação utilizado no Google Play Store.
scheme: O scheme da aplicação, pode ser http ou um scheme customizado.
host_path: Identifica um conteúdo específico dentro da sua aplicação, nesse caso “home” é a home page do aplicativo. Esta opção é ótima para criar links contextuais dentro do aplicativo.

Apple iOS

Já para o iOS a estrutura é essa:

app-id: Este é o identificador único no App Store.
app-name: Representa o nome do aplicativo na App Store.
app-url: Identifica um conteúdo específico dentro da sua aplicação. Incluindo essa opção o usuário que tiver o aplicativo instalado irá pular do site para a tela especificada dentro do iOs App.

Benefícios

Os benefícios de se implementar essa chamada é enorme. Os robôs dos buscadores já estão bem espertos quanto a esse tipo de chamada. Claro que esta é só uma das soluções possíveis.

O Google tem também uma outra solução para indexação de informações diretamente do seu aplicativo, o que é excelente opção para quem tem só o aplicativo como gerador de conteúdo e usa o site somente para divulgação, por exemplo.

Espero que esta pequena explicação te ajude!

Você pode se interessar

DICA EXTRA: Prepare seu Currículo de Programador // Vlog #53.1
Vídeos
17 visualizações
Vídeos
17 visualizações

DICA EXTRA: Prepare seu Currículo de Programador // Vlog #53.1

Gabriel Fróes - 9 de outubro de 2017

No último vídeo do canal demos algumas dicas sobre como preparar seu currículo para uma vaga de programador mas esquecemos de uma dica super importante que falaremos nesse vídeo.

Confira os principais trailers da New York Comic Con 2017
Notícias
27 visualizações
Notícias
27 visualizações

Confira os principais trailers da New York Comic Con 2017

Carlos L. A. da Silva - 9 de outubro de 2017

Festa dos quadrinhos foi palco de trailers de mega-produções do cinema e séries de TV: Liga da Justiça, The Walking Dead e novo Círculo de Fogo. Confira!

Google teria encontrado indícios de anúncios patrocinados pelo governo russo em sua plataforma
Notícias
9 visualizações
Notícias
9 visualizações

Google teria encontrado indícios de anúncios patrocinados pelo governo russo em sua plataforma

Carlos L. A. da Silva - 9 de outubro de 2017

Segundo o jornal The Washington Post, empresa teria começado sua investigação depois de casos similares no Twitter e no Facebook.

Deixe um Comentário

Your email address will not be published.

Mais publicações

Executivo da Microsoft confirma desinteresse no Windows Phone
Notícias
27 visualizações
27 visualizações

Executivo da Microsoft confirma desinteresse no Windows Phone

Carlos L. A. da Silva - 9 de outubro de 2017
Elon Musk critica Google Clips
Notícias
25 visualizações
25 visualizações

Elon Musk critica Google Clips

Carlos L. A. da Silva - 9 de outubro de 2017
Michel Temer vetou emenda que poderia censurar a internet
Notícias
24 visualizações
24 visualizações

Michel Temer vetou emenda que poderia censurar a internet

Carlos L. A. da Silva - 9 de outubro de 2017