Como otimizar um site para iPhone Viewing

Os dias de visitantes que acessam o seu site exclusivamente a partir de seus computadores pessoais estão desaparecendo mais rápido que os proprietários de dispositivos móveis, como iPhones estão a optar por obter as informações de seus sites favoritos em qualquer lugar. Navegando no seu website é difícil para os usuários do iPhone , se o seu site não está optimizado corretamente. Um site não otimizado para o iPhone pode resultar em tempos de carregamento longos e fluxo de conteúdo impróprio para o usuário. Otimizar o seu site para os visitantes para iPhone é simples, com alguns ajustes para o conteúdo do seu website
. Coisas que você precisa
editor HTML (opcional)
Site código HTML
editor de imagem ( opcional)

ícone que representa o seu site (opcional)
editor de texto simples (opcional)
Instruções
1

Crie um ícone do pixel de tamanho 57x57 que representa o seu site usando um editor de imagens . Carregar a miniatura em seu site , digitando o seguinte código na seção "Cabeça" do código HTML do seu homepage : & lt; link rel = " apple -touch -icon " href = " /img /touch_icon.png "> . A miniatura é utilizado pelos visitantes para iPhone quando um iPhone bookmarks do usuário o seu site para sua tela inicial do iPhone .
2

Remova todos os objetos baseados em Flash e conteúdo do seu site , eliminando as linhas de código dentro de um HTML editor ou editor de texto simples .
3

Remova todos os arquivos GIFs animados a partir de seu site, localizar o código que representa o GIF animado em um editor de HTML ou editor de texto simples . O iPhone não suporta imagens salvas como gifs animados. Todos os gifs animados em seu site serão exibidos incorretamente , já que apenas a primeira imagem do gif animado é mostrado .
4

Criar folhas de estilo CSS separadas apenas para os telespectadores do iPhone. Inclua o seguinte código no HTML da página inicial de seu site para direcionar o navegador no iPhone do usuário para a folha de estilo CSS correta ( sem as aspas) : "& lt; - Para iPhone : -> & lt; media = link" só tela e (max -device- width: 480px ) " href =" small- device.css "type = " text /css " rel = " stylesheet "> & lt; - Para tudo o resto : -> & lt; media Link =" tela e (min -device- width: 481px ) " href =" não -pequenas - device.css "type = " text /css " rel = " stylesheet ">". Carregar as folhas de estilo CSS iPhone recém-criados para o seu servidor web quando completa.