Como Criar Uma Versão Mobile Para O Meu Site: Melhores Ferramentas Para Converter Seu Blog Em Um Site Móvel

"Como criar uma versão mobile para o meu site?" é provavelmente uma pergunta que já começou a circular por aí. Mas, depois daquela curiosidade inicial, pode ser que você ainda não tenha encontrado o melhor momento de pensar seriamente sobre como e quando converter o seu site ou blog em uma versão móvel para ser visualizada corretamente em qualquer iPhone, IPad ou outro smartphone moderno. Neste guia da MasterNewMedia, identificamos e revisamos todas as melhores ferramentas e serviços do mercado para ajudar a criar ou converter seu blog em um site móvel completo.

O crescimento previsto para as visitas provenientes de aparelhos móveis e a utilização crescente de smartphones são confirmações estatísticas que o momento de você, como editor online, agarrar a oportunidade de entregar conteúdo para um público mais amplo e em vários dispositivos já chegou.

BlackBerries, iPhones, iPads, Android e outros telefones móveis padrão talvez já correspondam a uma parte significativa do tráfego que você recebe em seu site, e as ferramentas que podem tornar seu site totalmente acessível em dispositivos móveis são muitas, fáceis de encontrar e baratas.

Por isso, por que não criar uma experiência melhor para os seus leitores se conectarem a você através de seus celulares?

Bom, um site que é exibido na tela de um computador padrão não é o mesmo que aquele visualizado em um iPhone ou BlackBerry.

Há questões que envolvem o design e o layout, a legibilidade e problemas de navegação, a necessidade do rápido carregamento dos elementos e de modo eficiente. Em particular:

• O tamanho da tela: As telas são menores e o conteúdo de suas páginas devem ser organizados de forma diferente que para o seu site padrão. Principalmente, é preciso organizar as informações em uma forma vertical, mas evitando, tanto quanto possível, a necessidade do deslocamento para baixo.

• Imagens: Todas as imagens em suas páginas devem ser redimensionadas corretamente e ser menores e mais leves para garantir um carregamento rápido da página.



• Velocidade da conexão: Seu site móvel deve ser otimizado para ter um carregamento rápido e saber lidar com quedas de conexão ou outras questões relacionadas com a velocidade da conexão. Isto é particularmente importante para um site móvel que vende produtos e não quer que o usuário fique preocupado se a conexão cai no meio de uma transação.

• Widgets e plugins: Todos os componentes extra, como widgets, plugins e add-ons podem tornar lento o seu site móvel e, mais importante, fazê-lo não funcionar em todos os de telefones celulares. Por exemplo, os dispositivos da Apple não suportam Flash, portanto se você estiver criando um site para o celular deles, deve evitar todos os elementos em Flash e, se possível, preferir o formato HTML5.



• Sensores: Os telefones de última geração têm sensores físicos como acelerómetros, giroscópios, sensores de luz e outras parafernálias embutidas. Por um lado, é preciso saber muito bem se estes sensores podem causar problemas adicionais para navegadores móveis e, por outro lado, você deve compreender como aproveitar esses sensores para oferecer uma experiência de navegação superior.

Para ajudar a identificar as melhores ferramentas para criar uma versão mobile do seu site, a equipe da MasterNewMedia pesquisou, identificou e reuniu neste guia as melhores ferramentas do mercado para converter um site em site móvel e para tornar a sua avaliação o mais eficaz possível, preparamos um mapa mental e um conjunto de tabelas comparativas, ilustrando lado a lado os pontos fortes e fracos de cada uma dessas ferramentas para a criação de sites móveis.

Aqui os critérios utilizados por nossa equipe para esta comparação:

• Domínio personalizado: Criar uma URL específica que identifica o seu blog móvel.



• Modelos de templates prontos: Dar estilo ao seu site móvel otimizado, com templates facilmente disponíveis.



• Ferramenta analytics para sites móveis: Supervisionar o tráfego, as receitas, palavras-chave e outros dados de entrada do seu blog móvel.

• Integração de anúncios: Integrar anúncios de terceiros no layout do seu site móvel.



• Redirecionamento automático: Redirecionar seus leitores para uma página otimizada do seu site móvel quando houver visitas ao seu blog a partir de um telefone celular.

• Preço: Custo da ferramenta de criação de sites móveis.



• Funcionalidades pro: Características avançadas para contas pro / pagas.

Além das ferramentas para criar um site mobile, nste guia, você encontrará os serviços online que permitem visualizar o seu blog como um site móvel para fins de teste ou que permitem redirecionar seus visitantes web padrão para uma versão móvel gerada automaticamente para o seu site ou blog.

Se estiver mais interessado em codificação que na utilização de soluções web-based, pode aproveitar o poder da CSS3 para criar uma versão mobile para o seu site.

Aqui todas as melhores ferramentas e serviços para converter o seu site em um site móvel: 

Melhores Ferramentas Para Criar Uma Versão Móvel Para O Seu Site - Tabelas De Comparação

Melhores Ferramentas Para Criar Uma Versão Móvel Para O Seu Site

1. Mobify

   

   Mobify é um serviço baseado na web que você pode usar para converter seu blog em um site móvel. Começando com a versão gratuita do Mobify, você já tem a capacidade de otimizar e projetar seu site móvel para milhares de celulares. Você também pode escolher um domínio personalizado para o seu site móvel e instalar um plugin em seu blog que automaticamente redireciona os visitantes para a versão móvel ao usar seus telefones para chegar ao seu site. Ao mudar para um plano pago (a partir de $ 249/mês) você também terá suporte avançado, analytics para a versão mobile e marca personalizada. Sem integração do anúncio, nem modelos prontos. 

   http://mobify.me/

   
   
   
   
   
   

2. MoFuse

   

   MoFuse é um serviço online que permite transformar o seu site em um site móvel. MoFuse lhe permite converter o seu blog em um site móvel para mais de 5000 celulares compatíveis, tendo o cuidado de exibir o seu conteúdo de acordo com a dimensão da tela e velocidade de conexão. Com o primeiro plano de preços ($ 7.95/mês), o serviço também oferece analytics para a versão móvel e SEO, redirecionamento automático e suporte padrão. Se você optar pelo plano profissional (a partir de $ 39/mês) também receberá recursos avançados como CSS personalizado para móveis, integração do Google Analytics, sitemaps para celulares e muito mais. Não traz domínio personalizado, templates prontos para dispositivos móveis, nem integração de anúncio disponível. 

   http://mofuse.com/

   
   
   
   
   
   

3. MobiSiteGalore

   

   

   MobiSiteGalore é um serviço baseado na web que permite criar uma versão móvel baseada em seu blog. Com planos de preços a partir de $ 7.99/mês, MobiSiteGalore oferece um domínio personalizado, analytics básico, SEO e redirecionamento automático. Se optar pelo próximo plano, por $ 11.99/mês, você também pode remover o logo do MobiSiteGalore de seu site móvel, integrar os anúncios em suas páginas, ter funções avançadas de análise, incluir widgets e muito mais. Sem modelos prontos para dispositivos móveis disponíveis.

   http://www.mobisitegalore.com/index.html

    

   
   

4. DotMobi Instant Mobilizer

   

   

   DotMobi Instant Mobilizer é um construtor de sites móveis que permite optimizar o conteúdo do seu blog para visualização através de um celular. Por preços em torno de € 1,51 - 1.81/mês, Dotmobi Instant Mobilizer disponibiliza marca personalizada, aperfeiçoamento de pesquisas em motores de busca, nome de domínio personalizado para seu site móvel e direções automatizadas no Google Maps e mais. Não traz analytics, nem templates prontos, anúncios móveis, integração de anúncios, nem redirecionamento automático. 

   http://instantmobilizer.com/

   
   
   
   
   
   

5. WireNode

   

   WireNode é um criador de sites móveis gratuito que permite transformar o seu blog em um site móvel. Você pode criar sites otimizados para celulares para a maioria dos telemóveis no mercado, analisar as estatísticas do seu blog, otimizar o SEO do seu site móvel, integrar widgets e fazer o redirecionamento automático, sem gastar um centavo. Se você também quiser ter um domínio personalizado para o seu site móvel, remover os anúncios de terceiros de suas páginas e obter 20 créditos SMS, deve migrar para o primeiro plano de preços, disponíveis por € 15/mês. Sem integração de anúncios, nem templates prontos.

   http://www.wirenode.com/

    

   
   

6. Onbile

   

   Onbile é uma plataforma online gratuita para a criação e gestão da versão móvel do seu blog. Com alguns cliques, você pode personalizar e construir as páginas e seções de seu site móvel utilizando um dos templates prontos disponíveis. Depois, basta definir um redirecionamento automático para levar os visitantes ao seu site móvel, quando visitarem o site padrão usando um celular. Não disponibiliza domínio personalizado, analytics para versões móveis, integração de anúncios, nem templates prontos.

   http://www.onbile.com/

    

   
   

7. Mippin Mobilizer

   

   Mippin Mobilizer é um serviço gratuito que permite mobilizar o seu blog ou site. Para começar a construir seu site, você deve enviar a URL do seu blog ou feed RSS, para poder usar um dos templates prontos disponíveis no estilo móvel. Você também pode ajustar o layout para o seu celular e optar por integrar um serviço de anúncios de terceiros como AdMob para monetizar suas páginas móveis. Não disponibiliza domínio personalizado, analytics para móveis, nem redirecionamento automático.

   http://mippin.com/web/maker/mobilize.jsp

Mehores Ferramentas Para Visualizar Seu Site Móvel

1. FeedM8

   

   FeedM8 permite que você visualize o seu site móvel. Basta digitar a URL do seu site e blog e FeedM8 irá gerar automaticamente uma URL que você pode usar para chegar a uma versão mobile do seu site, gratuitamente. Você também pode receber a URL móvel via SMS, digitando o seu número de telefone (disponível apenas para os E.U.A e Canadá).

   http://www.feedm8.com/web/

   
   
   
   
   
   

2. Mowser

   

   Mowser é um serviço gratuito da dotmobi que permite visualizar o seu blog é processado em um telefone celular. Não disponibiliza URL personalizada para o seu site móvel, já que o serviço tem fins de teste. 

   http://mowser.com/

    

   
   

3. Google Mobilizer

   

   

   Google Mobilizer é um serviço gratuito do Google que permite que você veja como um telefone móvel padrão exibiria seu site. Você só precisa digitar a URL do seu site e escolher se pretende que as imagens não apareçam.

   http://www.google.com/gwt/n

   
   
   
   
   
   

4. MobileAppsAmerica

   

   MobileAppAmerica é um serviço baseado na web que permite visualizar e converter seu blog em um site móvel. Basta digitar a URL do seu blog e o serviço irá convertê-lo a uma versão otimizada para celulares que funciona com mais de 2000 dispositivos móveis, incluindo os iPhones, Blackberries e telefones Android. Se desejar salvar seu site convertido, terá que pagar uma taxa de $ 4.99/mês.

   http://www.webtosmartphone.com/index-already-lp.php

   
   
   
   
   
   

5. WPtouch Pro

   

   

   WPtouch Pro é um plugin para a popular plataforma de blogs WordPress que permite criar uma versão móvel do seu blog WP e também redirecionar automaticamente os visitantes para a versão móvel, quando necessário. WPtouch é altamente personalizável e custa $ 29. 

   http://www.bravenewcode.com/products/wptouch-pro/

   
   
   
   
   
   

6. PadPressed

   

   PadPressed é um plugin para WordPress que permite converter o seu blog para o IPAD. O plugin não apenas otimiza o layout do blog para ser visualizado no IPad, como também permite que os controles móveis do site suportem sensores touch-based dentro do novo dispositivo móvel da Apple. Com PadPressed, os visitantes podem ainda ser redirecionados automaticamente para a versão móvel do seu blog WordPress para quem navega a partir de modelos IPAD. PadPressed custa 49,99 dólares e todas as atualizações são grátis para sempre. 

   http://padpressed.com/

    

   
   

7. Blogger Touch

   

   

   Blogger Touch é um widget gratuito que permite gerar uma versão móvel do seu blog Blogger e cuida também de orientar os visitantes que usam celulares para a versão móvel otimizada do seu site. Blogger Touch permite que os seus usuários sejam redirecionados para um domínio móvel de sua escolha.

   http://bloggertouch.sopili.net/