>> Tecnologia Eletrônica >  >> Celulares e Acessórios >> iPhone

Como Otimizar Site para Visualização no iPhone

Os dias de visitantes acessarem seu site exclusivamente de computadores pessoais estão acabando, pois donos de dispositivos móveis como iPhones preferem obter informações de seus sites favoritos em movimento. Navegar no seu site é difícil para usuários de iPhone se ele não estiver otimizado. Um site não otimizado resulta em tempos de carregamento longos e fluxo de conteúdo inadequado. Otimizar seu site para visitantes de iPhone é simples com alguns ajustes no conteúdo.

O que você precisará

  • Editor HTML (opcional)
  • Código HTML do site
  • Editor de imagens (opcional)
  • Ícone representando seu site (opcional)
  • Editor de texto simples (opcional)

Instruções

  1. Crie um ícone de 57x57 pixels: Use um editor de imagens. Faça upload da miniatura no seu site inserindo o seguinte código na seção "Head" do HTML da página inicial: <link rel="apple-touch-icon" href="/img/touch_icon.png">. Esta miniatura é usada quando um usuário de iPhone adiciona seu site à Tela Inicial.

  2. Remova todos objetos e conteúdo baseados em Flash: Apague as linhas de código correspondentes em um editor HTML ou de texto simples.

  3. Remova todos arquivos GIF animados: Localize o código que representa o GIF animado em um editor HTML ou de texto simples. O iPhone não suporta imagens salvas como GIF animado. Todos serão exibidos incorretamente, mostrando apenas o primeiro quadro.

  4. Crie folhas de estilo CSS separadas para iPhone: Inclua o seguinte código no HTML da página inicial para direcionar o navegador do iPhone à folha de estilo correta (sem aspas): <!-- Para iPhone: --> <link media="only screen and (max-device-width: 480px)" href="small-device.css" type="text/css" rel="stylesheet"> <!-- Para demais: --> <link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet">. Faça upload das folhas de estilo CSS recém-criadas para seu servidor web quando terminar.