Agora, mais do que nunca, é essencial garantir que seu processo de desenvolvimento inclua as melhores práticas e técnicas para alcançar uma representação eficaz da sua presença online em dispositivos móveis.
Seja qual for a sua área de atuação — direito, saúde, gastronomia, tecnologia ou qualquer outra —, uma implementação móvel de alta qualidade do seu produto/serviço é essencial. site do produto É um passo crucial na era "mobile-first".
Este autor recomenda focar em diversos aspectos das melhores práticas de desenvolvimento mobile, incluindo SEO técnico, desenvolvimento de websites e princípios de design mobile, para criar uma presença online coerente que resista à transição para a era "mobile-first" do Google.
Sem mais delongas, aqui estão 12 práticas recomendadas nas quais você deve se concentrar para obter um site móvel de alta qualidade.
1. A seção "Acima da Dobra" não desapareceu completamente.
É importante lembrar que, em um ambiente móvel, onde a rolagem é infinita, o conteúdo acima da dobra não desaparece completamente.
Ainda é preferível ter pelo menos parte do conteúdo de texto visível acima da dobra em um design para dispositivos móveis, para mostrar ao usuário que há um motivo para rolar a página.
Os benefícios psicológicos e o desejo de ver o que você oferece não desapareceram completamente, portanto, você ainda precisa otimizar isso, de alguma forma, em diversos dispositivos móveis.
2. Não se concentre sempre no consumidor de dispositivos móveis.
Com a convergência entre dispositivos móveis e computadores, também convergem os objetivos e desejos dos usuários dessas plataformas.
Ao focar no que o usuário deseja alcançar com base na plataforma, você cria uma abordagem holística que atinge os clientes por meio do seu site de forma mais eficaz.
Quer o usuário esteja comprando um produto ou pesquisando os serviços que você oferece, a combinação entre os objetivos do usuário e a aquisição de clientes para o negócio continuará.
Tanto é assim que focar especificamente nesses ideais e valores se tornará menos necessário. Não menos importante, entenda bem, apenas menos necessário à medida que essa mistura de dispositivos móveis e computadores se intensifica.
3. Use técnicas de design responsivo
Os dias dos sites separados com domínio "m-ponto" (m.example.com) acabaram.
Não existe nenhuma razão plausível para usar tal implementação na era em que o mobile é a prioridade.
A estrutura pode ficar muito confusa, com vários URLs criando problemas de conteúdo duplicado se não forem otimizados adequadamente.
Existem muitas técnicas disponíveis para garantir que uma transição eficaz seja concluída, mas, fora isso, as implementações de m-dot tornaram-se obsoletas com o advento de novas tecnologias.
Atualmente, a implementação ideal envolve um design responsivo. Esses designs utilizam recursos chamados media queries para definir as resoluções de tela que o design suportará.
Cada resolução separada é o que chamamos de "ponto de quebra" no design, ou seja, o ponto em que o design responsivo faz a transição de uma resolução para a seguinte.
A vantagem de usar esse tipo de estrutura é que você não enfrenta os problemas de conteúdo duplicado que ocorreriam em uma implementação com ponto (m-dot).
Além disso, a implementação para dispositivos móveis utilizará a tecnologia mais recente.
4. Pense em 'Código' em vez de 'Imagens por toda parte' para aumentar a velocidade do site.
Você realmente precisa usar esse fundo bicolor como fundo repetitivo de 2 pixels de largura por 1200 pixels de altura?
Se não o fizer, e puder programar em vez disso, programe.
Embora algo tão pequeno não cause um grande impacto na velocidade do site, as otimizações podem se acumular à medida que forem concluídas.
Na próxima vez que você realizar uma auditoria do site ou criar um site, pense: "Eu realmente preciso desta imagem aqui ou posso simplesmente codificá-la?"
Se a imagem realmente não for necessária, codificar o objeto pode ajudar a aumentar a velocidade do site exponencialmente, especialmente em designs de sites que utilizam uma quantidade excessiva de elementos gráficos.
5. Personalize o WordPress para dispositivos móveis
Existem muitos plugins disponíveis para WordPress.
Tanto é assim que alguns até oferecem funcionalidades para aumentar a compatibilidade com dispositivos móveis.
Os plugins mais úteis para essa finalidade são o Duda Mobile, o W3 Total Cache, bem como plugins para minificar HTML e CSS.
6. Certifique-se de que todo o conteúdo seja idêntico em computadores e dispositivos móveis.
A ideia por trás dessa boa prática é evitar conteúdo duplicado e acusações de ocultação de identidade.
Para garantir a segurança, certifique-se sempre de que todo o conteúdo seja idêntico na versão desktop do seu site e na versão para dispositivos móveis.
Uma das melhores técnicas para garantir que isso aconteça é o design responsivo.
Para quem não sabe, o design responsivo envolve a criação de uma folha de estilo que utiliza "media queries" para fazer a transição automática de designs entre uma ampla variedade de plataformas e dispositivos.
Se você deseja extrair o máximo de velocidade possível e tornar seu design enxuto e eficiente, considere usar sprites CSS para reduzir as requisições ao servidor.
7. Utilize uma abordagem de desenvolvimento "de cima para baixo"
Uma abordagem de desenvolvimento "de cima para baixo" significa que você considera todas as consequências potenciais de cada decisão tomada em um projeto, do início ao fim.
Você desenvolve priorizando a versão mobile em vez da versão desktop, adicionando o design mobile posteriormente. Essa abordagem de desenvolvimento é ideal porque evita a introdução de problemas no design final.
Eis um exemplo: você cria um site para desktop. Mais ou menos três quartos do processo já foram concluídos; você decide que também quer criar uma versão para dispositivos móveis.
Você cria o protótipo. Mas, depois de codificá-lo e percorrer as transições, encontra um bug aqui. E outro ali. Depois, encontra mais um acolá. Isso acontece porque a abordagem de baixo para cima não funciona e causa expansão descontrolada do escopo.
Este é o fenômeno em que problemas imprevistos surgem no último minuto, causando erros inesperados e aumentos na carga horária que não estavam previstos quando o projeto foi inicialmente planejado.
A verdade é que, se a abordagem de cima para baixo para o design responsivo em dispositivos móveis fosse considerada desde o início, esses bugs e problemas que precisam ser resolvidos não surgiriam no final, causando esse temido problema.
8. Não utilize anúncios intersticiais intrusivos para vender seu produto.
Sim. Sabemos. Seu produto é a coisa mais incrível e fantástica que já existiu neste planeta. É por isso que provavelmente estamos visitando seu site e pesquisando sobre ele antes de comprar.
Mas não precisamos de um anúncio intrusivo que bloqueie nossa atividade em todo o seu site para nos incomodar com a promoção.
Sempre que possível, minimize os anúncios intersticiais intrusivos e mantenha-os na parte inferior ou lateral da página, com uma opção para clicar no anúncio e removê-lo, no mínimo.
É importante notar que o Google penaliza anúncios intersticiais intrusivos. Vale a pena ler os guias para desenvolvedores e as diretrizes para webmasters sobre esse assunto, bem como a postagem do blog sobre o tema.
9. Identifique as fragilidades na sua implementação e verifique se há erros.
As deficiências nem sempre significam velocidade do site.
Podem significar problemas de implementação em diferentes telas e plataformas (como no caso do Windows Phone versus iPhone).
Gosto de usar o BrowserStack.com para isso.
Nada pior do que chegar à fase final da implementação em dispositivos móveis e ver o cliente descobrir problemas que você mesmo deveria ter identificado durante o processo de desenvolvimento!
10. Não use vídeos em Flash
Isso deveria ser uma prática comum nos dias de hoje, mas ainda vejo sites que a utilizam.
O Flash Video tornou-se obsoleto assim que a Adobe comprou a Macromedia e o descontinuou, abrindo caminho para o vídeo HTML5.
Se você não estiver usando pelo menos vídeo HTML5 em seu site, seus usuários podem estar sendo prejudicados.
11. Utilize dados estruturados do Schema.org
Os dados estruturados do Schema.org são importantes não apenas para identificar páginas do seu site que contêm informações estruturadas especiais que os mecanismos de busca precisam ver, mas também, quando o índice para dispositivos móveis estiver totalmente implementado, espere ver uma dependência crescente do Schema.
Este é um método conciso e fácil de entender informações que podem ser traduzidas em trechos relevantes nos resultados de pesquisa em dispositivos móveis.
De qualquer forma, na opinião deste autor, os dados estruturados do Schema devem ser usados mesmo em implementações para desktop, pois podem ajudar a aparecer nos resultados de rich snippets com base na sua palavra-chave alvo. Isso pode aumentar a visibilidade do seu site quando implementado corretamente.
12. Não bloqueie scripts de suporte como JavaScript, CSS ou elementos como imagens.
Isso deveria ser senso comum ao desenvolver sites para qualquer plataforma, seja desktop ou mobile, mas algumas pessoas ainda fazem isso.
É importante garantir que os scripts de suporte para o seu design mobile não estejam bloqueados, pois esse bloqueio pode resultar em problemas como erros 404 em dispositivos móveis posteriormente. Também pode resultar em erros 404 em computadores.
Mas, se você bloquear o rastreamento desses arquivos pelo Google, ele não poderá rastreá-los para verificar se seu site está funcionando corretamente.
Quando isso não acontece, pode resultar em classificações mais baixas, pois eles não conseguem compreender totalmente o seu site.
A estratégia "Mobile First" chegou: e a necessidade de implementação atingiu um ponto crítico.
Com a chegada do índice mobile-first do Google, implementar um site multiplataforma, multidispositivo e compatível com diversas plataformas tornou-se uma prioridade absoluta.
Isso significa que quanto mais você demorar, mais isso acontecerá. não não apenas tendo uma implementação móvel, mas não Ter a implementação móvel correta terá um custo em vários aspectos.
Não se trata apenas de rankings.
Se você ainda não deu o salto para o mobile, por que não?
_____
by Brian Harnish
Fonte: searchenginejournal. com
