Conteúdos, dicas e sugestões sobre CDN, WAF, SSL, otimização de WordPress, Magento e aplicações web em geral.

Otimização de sites para SEO: um resumo completo

/em

Melhorar o posicionamento de uma página no Google é um dos melhores investimentos de marketing a longo prazo que você pode fazer pelo seu negócio, seja ele um comércio eletrônico ou um blog que vive de publicidade.

E como o Google usa muitos fatores de ranqueamento, nós fizemos um resumo de alguns pontos muito importantes para a otimização de SEO para sites e vamos compartilhar com você.

 

Usar (exatamente) sua palavra chave no título da sua página tem atualmente uma pequena relação com o Ranking

Desde os primeiros dias dos mecanismos de busca, o título principal da página foi (de longe) o fator mais importante para SEO.

Isso porque o título dá às pessoas (e aos buscadores) uma visão geral sobre o assunto principal da página, as palavras que aparecem no seu título tem um impacto direto no posicionamento do seu site.

No entanto, queríamos ver se depois dos avanços do Google sobre Pesquisa Semântica o título da página tinha se tornado menos importante.

Descobrimos que o uso de palavras chave no título ainda continua relacionado com os rankings. No entanto, tem um relacionamento muito menor do que imaginávamos.

Gocache.com.br

Esse resultado mostrou que você não precisa necessariamente usar sua palavra chave exata no seu título para que o Google entenda o assunto da sua página.

Por exemplo, aqui estão os seis principais resultados para a palavra-chave “criação de lista de e-mails”:

Gocache.com.br

 

Observe como nenhum dos resultados contêm a palavra-chave exata “criação de lista de e-mails” em seu título, mas possui palavras chaves relacionadas como “como criar uma lista de Email”.

Este é um reflexo de que o Google não leva mais tão em consideração o uso exato das palavras chave depois que começou a usar a Pesquisa Semântica.

Resumindo: Incluir sua palavra chave no título do seu texto vai te ajudar com rankings para essa palavra chave. No entanto, devido à Pesquisa Semântica, o impacto não parece ser tão grande como já foi no passado.

Quanto mais links externos, melhor o posicionamento

Existem muitos rumores sobre os novos critérios de classificação (como interações sociais) que os mecanismos de busca usam hoje. Muitos disseram que os links externos estão se tornando menos importantes na otimização de sites para SEO.

Nós ficamos curiosos para ver se o Google continua ou não usando o número de links externos apontando para a sua página como um fator importante para a otimização de sites para SEO.

Para mensurar isso nós usamos o Ahrefs, uma API que determina o total de links apontando para cada página do seu site no nosso conjunto de dados.

Descobrimos que as páginas com mais links externos (backlinks) ainda assumem as melhores posições no Google.

Gocache.com.br

Embora o Google continue evoluindo os critérios do seu algoritmo, parece que os backlinks continuam sendo um critério de classificação importantíssimo.

Resumindo: Páginas com mais links externos tendem a rankear melhor do que páginas com menos links externos.

Os Rankings do Google estão intimamente ligados à autoridade do link de uma página

Além dos links externos, nós queremos responder outra pergunta: A autoridade da página que origina o link influencia no rankeamento da página que recebe o link?

A maioria dos especialistas em SEO concorda que a qualidade do link externo é tão importante quanto a quantidade de links externos.

Em outras palavras, é melhor ter um link com autoridade alta apontado para a sua página do que 100 backlinks de baixa qualidade.

E os nossos dados confirmam isso:

Gocache.com.br

De acordo com nosso teste, páginas que recebem link de um domínio de maior autoridade ranqueiam melhor do que páginas que recebem link de domínios de autoridade pequena. No entanto, essa relação não foi tão forte como o impacto da quantidade de links externos. Ou seja, a qualidade dos links é importante, mas a quantidade de links de domínios diferentes (referring domains) parece ser ainda mais importante.

Resumindo: A autoridade do link da sua página é importante.

Se quiser aprofundar o assunto, aqui nós temos uma lista completa com os 200 fatores de classificação do Google.

Usar o Texto Âncora de maneira exata tem boa relação com rankeamento

Desde que o Google lançou sua atualização do Penguin em 2012, muitos especialistas em SEO se posicionaram contra a construção de backlinks escritos com texto exato de âncora. No entanto, vários estudos sobre os critérios dos buscadores descobriram que o texto âncora ainda é importante.

É por isso que queríamos investigar se o texto âncora continuava sendo um critério de classificação importante.

Nossa pesquisa mostra que o texto âncora de correspondência exata tem uma relação muito grande com os rankings.

Logo no início das estratégias de SEO, os backlinks com texto exato de âncora foram uma estratégia muito eficaz. Por exemplo, se você quisesse classificar para a palavra-chave “flores on-line” , você faria com que seus links tivessem o texto âncora “Flores On-Line”

No entanto, o Google provavelmente reprimiu essa prática, começando com a atualização inicial do Penguin. Por esse motivo, não recomendamos criar muitos links que utilizem o texto exato como âncora, apesar de ajudar muito no rankeamento.

Resumindo: Backlinks criados com o texto de âncora realmente são eficazes no rankeamento. No entanto, devido ao risco de penalidade em caso de uso excessivo, não recomendamos o uso de texto de âncora, de correspondência exata, como principal tática de SEO.

Baixas taxas de rejeição estão muito relacionadas ao bom ranqueamento de um site

Muitas pessoas que trabalham com SEO já especularam que o Google usa os “dados de experiência” (como taxa de rejeição, tempo de permanência no site e taxa de clique) como fatores de ranqueamento.

Para testar essa teoria nós puxamos os dados de 100,000 sites e analizamos os resultados no SimilarWeb.

Especificamente, nós analisamos três métricas relacionadas a experiência do usuário: taxa de rejeição, tempo de permanência no site e taxa de cliques nos resultados de busca (CTR).

E nós descobrimos que os sites com uma taxa de rejeição baixa estão ocupando as posições mais altas dos rankings.

Gocache.com.br

Isso não significa que taxas de rejeição baixas levam para um melhor ranqueamento do site.

Sim, pode ser que o Google use a taxa de rejeição como um sinal de classificação (embora anteriormente tenha negado). Porém pode ser também o fato de que o conteúdo de alta qualidade mantém as pessoas mais envolvidas, mais tempo no site, levando para uma taxa de rejeição menor. Portanto, menor taxa de rejeição pode ser, na verdade, uma consequência de conteúdo bem escrito e bem feito.

Como este é um estudo de correlação, é impossível determinar um resultado definitivo apenas usando esses dados.

Resumindo: o Google pode usar a taxa de rejeição como um sinal de classificação. Ou o tempo gasto no site pode ser apenas uma consequência por ser um bom conteúdo, e não a causa do ranqueamento.

 

Experiência do Usuário e Velocidade do Site.

Reconhecendo que o Google também analisa os dados de experiência do seu site e usa como fator de ranqueamento, a velocidade de carregamento da sua página é um fator que também está relacionado à um bom posicionamento no Google.

Se a sua página não está carregando rapidamente, uma boa opção é usar uma Rede de Distribuição de conteúdo. É uma rede de servidores que armazenam réplicas do conteúdo de outros sites na memória (cache) e depois os entrega aos visitantes. Assim você  reduz o tempo de renderização e carregamento das páginas, aumentando as taxas de conversão e melhorando o posicionamento do site nos mecanismos de busca. Com esse vídeo rápido você pode conhecer melhor essa solução.

[youtube https://www.youtube.com/watch?v=WKxS_spzMOE&w=640&h=360]

Essas são modificações simples que você pode aplicar no seu site e acompanhar a melhoria dos resultados.

A otimização de sites para SEO é uma atividade constante, por isso acompanhe sempre o blog e fique por dentro das atualizações que podem te ajudar a ranquear ainda melhor e mostrar seus conteúdos na primeira página do Google.

HTTPS, URLs curtos e Markup melhoram o SEO do seu site?

/em

Colocar o seu site no topo do Google é uma estratégia de retorno a longo prazo que não só vai aumentar as vendas no seu comércio eletrônico, mas diminuir também seus gastos com mídia paga.

É importante não só cuidar dos conteúdos, como também da estrutura do site. Por exemplo: Seu site carrega rápido? Suas URLs são amigáveis? Usa HTTPS para ser mais seguro?

Por isso, neste post, extraímos de uma pesquisa realizada pela Backlinko 3 importantes dicas de SEO relacionadas à estrutura do site, para você aplicar hoje mesmo e começar a ver os resultados.

HTTPS está correlacionado com melhor ranqueamento!

No ano passado, o Google convocou webmasters para que mudassem seus sites para uma conexão segura, através de HTTPS. Eles até chamaram o HTTPS de um “sinal de ranqueamento”. Mas o que os dados dizem?

Embora não tenha uma correlação forte, a Backlinko descobriu que o HTTPS esta sim relacionado com um ranqueamento melhor na primeira página do Google.

Gocache.com.br

Isso significa que você deveria migrar para HTTPS? Obviamente, a decisão é sua.

Mas mudar seu site para HTTPS é um projeto sério que pode causar problemas técnicos se não for bem planejado e realizado.

Então, antes de você introduzir o HTTPS, confira esse guia feito pelo Google.

Resumo da dica de SEO: Já que a associação entre o HTTPS e o ranqueamento do Google não foi tão forte – e o fato de que mudar para HTTPS não é um projeto tão simples – não recomendamos mudar imediatamente para o HTTPS. Mas, se você estiver iniciando um novo site, é melhor que o HTTPS já esteja desde o inicio.

Pra facilitar este processe, uma dica para lidar com os chatos detalhes de instalação de um certificado HTTPS é utilizar um Certificado SSL Gratuito, como o oferecido pela CDN GoCache.

 

Não existe relação entre Schema Markup e o Ranqueamento!

Existem vários comentários sobre a relação entre Schema markup e SEO.

A teoria surgiu de alguma coisa desse tipo: Schema markup dá aos buscadores uma compreensão melhor do que seu conteúdo significa. Esta compreensão mais detalhada irá incentivá-los a mostrar o seu site para mais pessoas.

Por exemplo, você pode usar o , dentro da tag de dados estruturados para deixar que o Google saiba que, quando você usar “Star Wars”, você está se referindo ao filme original, não a franquia como um todo.

Ou você pode usar o Schema para mostrar ao usuário a classificação dos produtos dentro do seu e-commerce, mostrando as famosas estrelinhas abaixo do link.

Todas essas coisas deveriam normalmente ajudar o site a ranquear. Na verdade, John Mueller, do Google, sugeriu que eles poderiam usar dados estruturados como um sinal de classificação no futuro.

No entanto, de acordo com a análise da Backlinko, a presença de dados estruturados não tem relação com o ranqueamento do Google. Talvez porque o Google tenha notado que esses Schema pode ser manipulados de uma forma que não será interessante para o usuário, apenas para melhorar o SEO.

Gocache.com.br

Resumo da dica de SEO: Sinta-se livre para usar dados estruturados em seu site. Mas não espere que ele tenha um impacto direto no seu ranqueamento. Talvez, essas informações ajudem em um aumento de CTR, que acabará influenciando no aumento de tráfego, mas atualmente não está diretamente relacionado ao ranqueamento.

 

URLs curtas ranqueam melhor do que URLs longas!

Geralmente recomenda-se que as pessoas usem URLs curtas para melhorar o SEO da página. Mas, por que?

Existem duas razões: Primeiro, uma URL curta como gocache.com/meu-post é mais fácil para o Google entender do que gocache.com/1/12/2016/blog/category/esse-e-o-titulo-do-meu-post.

Na verdade, de acordo com o Matt Cutts do Google, depois de 5 palavras na sua URL os algoritmos começam a valorizar menos essas palavras e simplesmente não dão muito crédito.

Então, o banco de dados do Google prefere URLs mais curtas.

Gocache.com.br

Felizmente, essa dica de SEO é simples de ser colocada em prática. Sempre que você publicar um novo conteúdo, torne a URL curta e simples.

Se você usa o WordPress, você pode definir o Link Permanent (permalink) para Nome do Post (post name):

Gocache.com.br

Então, sempre que você escrever um post, modifique a URL para um título simples e direto:

Observação importante: tenha certeza que as URLS amigáveis só sejam aplicadas nos seus futuros posts. Se você muda os links de posts antigo pode ter sérios problemas relacionados ao ranqueamento e seria preciso fazer redirects 301 (que redirecionam uma URL que mudou para uma nova permanentemente) para tentar manter o mesmo posicionamento.

Por exemplo, a URL do post: O que é SEO ? E como isso funciona? é simplesmente a palavra chave “o-que-e-seo-e-como-funciona”

Gocache.com.br

Segundo, uma URL longa tende a apontar para uma página que está há vários cliques de distância da página inicial. Isso geralmente significa que essa página possui uma autoridade menor. Menos autoridade, consequentemente significa posicionamento mais baixo.

Resumo da dica de SEO: Use URLs curtas sempre que possível e dê ao Google um entendimento maior sobre o que o seu conteúdo diz.

 

Conteúdos com pelo menos uma imagem performam melhor do que conteúdos sem nenhuma imagem!

Estudos descobriram que as páginas com boas imagens tendem a gerar mais visualizações e compartilhamentos sociais.

Isso sugeriu que, incluir muitas imagens dentro do seu conteúdo aumentaria as interações de usuário, e assim poderia melhorar o seu ranqueamento no Google.

Para medir o impacto do uso da imagem nos rankings, a Backlinko analisou a presença ou ausência de uma imagem no corpo da página (em outras palavras, no conteúdo da página)

De acordo com esses estudos, usar pelo menos uma imagem em seu conteúdo é significativamente melhor do que não ter nenhuma imagem.

Gocache.com.br

No entanto, quando analisamos o link entre o número total de imagens e rankings, não encontramos nenhuma correlação.

Isso sugere que existe um ponto de diminuição da efetividade dessa estratégia de SEO.

Resumo da dica de SEO: Usar uma única imagem é claramente melhor do que nenhuma imagem. Porém, incluir muitas imagens não parece ter um impacto grande nos mecanismos de pesquisa.

Gostou das dicas de SEO?

Com alguns pequenos detalhes você já  pode estruturar melhor a sua página e começar a rankear melhor hoje mesmo.

Dica bônus: Mesmo alterando todos esses de  talhes, um fator crucial não só para SEO, mas também para a experiência do usuário no seu site é a velocidade de carregamento da sua página.

E uma boa solução para melhorar a velocidade do seu site é utilizar uma rede de distribuição de conteúdo, ou CDN (Content Delivery Network).

CDN é uma rede de servidores que armazenam réplicas do conteúdo de outros sites na memória (cache) e depois os entrega aos visitantes, baseando-se na localização geográfica para conectá-los ao servidor mais próximo e mais rápido, reduzindo o tempo de transferência dos dados (latência). Assim o tempo de abertura de seu site ou loja diminuirá consideravelmente. Isto aumenta o engajamento dos visitantes e melhora, consequentemente, as taxas de conversão de seu e-commerce, ou a receita com publicidade de seu site.

Quer entender melhor como funciona? Agente um bate papo com a gente, e teste por 7 dias.

UX – User Experience: 10 perguntas e 4 ferramentas para melhorar a usabilidade do seu site

/em

User Experience é a “experiência do usuário”, a soma de todas as experiências que você oferece ao seu usuário dentro do seu site. Isso inclui tudo sobre identidade visual, áudio, estética, usabilidade, pagamentos e também a experiência que o usuário leva com ele ao finalizar a compra. Isso é um fenômeno constante, e determina o jeito que o usuário vai se sentir, pensar e agir sobre o seu site. Otimizar a experiência do usuário não é uma ciência exata, mas um mix entre ciência e arte. Nenhuma receita de bolo funciona em todas as páginas, porque isso depende do tipo do seu negócio e do público alvo que você está visando.

Existem várias mudanças óbvias que cada dono de loja tem que aplicar para criar uma experiência de usuário significativa em seu site. Requer atenção aos menores detalhes.

Para entender qual o tipo de experiência o seu site está construindo e projetando, você precisa primeiro quebrar toda a user experience em experiências únicas, entregues em vários pontos de contato em seus sites.

Gocache.com.br

As 10 perguntas sobre Experiência do usuário – UX

  1. Qual a impressão imediata que o usuário tem quando chega ao seu site?
  2. Qual resposta o usuário recebe quando ele digita alguma coisa na busca por produtos?
  3. Qual e-mail o usuário recebe quando se cadastra no site, altera a senha, faz o cancelamento ou um pedido?
  4. Como você agradece os usuários quando eles executam uma ação (como novas inscrições, compras, assinaturas, etc)?
  5. O que acontece se um usuário chega a uma página onde o produto não está mais em estoque?
  6. O que acontece se um usuário procura por um produto que não existe?
  7. Qual a mensagem que aparece para um usuário que digita um e-mail inválido durante o checkout?
  8. Quanta informação é necessária para que um usuário realize uma compra completa?
  9. Como sua loja inspira confiança para os visitantes?
  10. Como sua loja informa ao usuário que a compra será rapidamente enviada a ele?

 

Existem milhares de pontos que podem criar uma boa ou péssima experiência do usuário em seu site. Cuidar desses pontos é uma das maneiras mais rápidas e seguras para melhorar os resultados do seu comércio eletrônico.

A maioria das lojas de e-commerce (especialmente pequenas e médias empresas) são construídas com foco em tecnologia. Estética e usabilidade e o processo de otimizar a Taxa de Conversão geralmente são deixadas para um segundo momento.

Encontramos lojas que são construídas com base em código de alta qualidade e apoiadas por uma grande infraestrutura de TI, mas que não oferecem uma experiência de usuário significativa e memorável. Isso leva os usuários que visitam essas lojas e deixá-las sem piscar um olho, muito menos, fazer uma compra. E essa experiência mediana dentro do site, faz com que o usuário inclusive se esqueça de já terem visitado sua página.

Gocache.com.br

Assim como essas lojas, você também tem a chance de causar uma boa impressão, mas se você falhar, não há dúvida de que o usuário vai fechar a página 15 segundos após abrir o site.

Esse abandono imediato naturalmente vai diminuir o seu ROI investido no desenvolvimento e na comercialização da loja.

A razão pela qual isso acontece é simples. Na maioria das vezes, a maior parte da atenção durante o desenvolvimento do site vai para a construção da estrutura, onde os designers projetam, os programadores codificam as funcionalidades, o time de qualidade reporta os bugs, os redatores escrevem conteúdo. Mas nenhum desses times dá uma atenção exclusiva ao processo de experiência do usuário. Claro, qualquer site criado a partir do zero levará em consideração como o usuário vai navegar na página de uma identidade visual atraente. Mas, ainda falta uma preocupação maior com User Experience nas fases iniciais, durante o processo de design e desenvolvimento

Assim, nossa ideia nesse texto é bastante clara – Te dar um ponto de partida de como melhorar a taxa de conversão do seu site, identificando e trabalhando nos pontos de contato que você pode ter ignorado durante a fase de desenvolvimento de sua loja virtual. Nós reunimos alguns pontos para serem observados e listamos de forma fácil e legível. Assim você, que é dono de um e-commerce,  não tenha nenhuma dúvida ou veja dificuldade em reconhecer o problema e implementar a solução para ele!

Então vamos lá:

Conheça seus clientes

Empatia é bom, mas não é a solução quando o assunto é otimizar a conversão. Você não pode introduzir mudanças em sua loja, simplesmente se colocando no lugar do seu cliente e esperando que os visitantes os amem e, eventualmente, comecem a comprar mais. É um critério muito subjetivo. Se você quiser melhorar as conversões, você precisa olhar de novo com uma perspectiva diferente da sua. Você precisa conhecer seus clientes com a ajuda de interações diretas e não apenas com “achismos”

Gaste tempo e recursos para conhecer seu negócio, seus clientes e seus concorrentes antes de criar um único teste. Muitos empresários e especialistas em taxas de conversão criam testes A/B e estratégias de sucesso antes mesmo de conhecer as regras do jogo (e como ganhar). Isso não funciona até estar 100% seguro sobre o que seus clientes desejam

Você pode usar as seguintes ferramentas para estudar o comportamento do cliente:

 

1) Use o Qualaroo para fazer pesquisas com os visitantes: Esta ferramenta de pesquisa on-line (anteriormente chamada KissInsights.com) fornece a maneira mais rápida de adicionar uma breve pesquisa para ser respondida pelos usuários (geralmente apenas uma ou duas perguntas) nas páginas importantes da sua loja.

Gocache.com.br

Usando Qualaroo, você pode fazer perguntas como:

  • Por que você decidiu comprar no nosso site?
  • Você nos recomendaria a seus amigos ou colegas? Por quê?
  • Como foi sua experiência comprando com a gente?
  • Como você nos descreve para seus amigos?
  • O que faria você comprar mais frequentemente em nossa loja?

2) Inspecione seus clientes: se você estiver no setor há algum tempo e tem uma base de clientes fiéis, o ponto de partida do processo de otimização de conversão no seu site é conversar com seus clientes e entender a perspectiva que eles têm sobre a sua loja ou seu negócio. Você pode usar o SurveyMonkey para enviar e-mails de pesquisas um pouco mais longas (4 a 5 perguntas) aos usuários e pedir que eles respondam, e até sorteios ou brindes como incentivo. Esta é a maneira mais rápida de descobrir problemas de conversão, caso você tenha uma boa lista de e-mails de empresas.

3) Use Olark para interações de bate-papo direto:

Gocache.com.br

esta ferramenta permite que você converse com os visitantes do seu site e forneça informações sobre sua empresa. Isso é muito útil para identificar quais os problemas que as pessoas enfrentam ao comprar de sua loja em um cenário ao vivo enquanto eles realmente estão executando uma compra. Esta visão altamente crucial pode ajudá-lo a descobrir padrões comuns, problemas freqüentes que podem ser compartilhados com sua equipe de desenvolvimento e marketing para melhorar ainda mais a experiência e a usabilidade do usuário no seu site.

4) Deixe seu site rápido: um dos pontos principais que influenciam na experiência do usuário é o tempo que ele leva para encontrar as informações no site. A primeira coisa que vem em mente é sobre conteúdos pouco objetivos e que só confundem a cabeça do usuário. Sim, esse é um ponto importante. Mas já parou pra pensar no tempo de carregamento da página? Além de ser um fator importante de ranqueamento da sua página no Google, também é um fator que influencia na user experience. Você pode resolver isso com plugins em seu WordPress, ou outra opção é contratar um sistema de CDN, que em resumo, irá salvar as informações do seu site em vários locais online, fazendo com que a informação chegue mais rápido ao usuário assim que ele abrir o site. Para saber mais o que é CND e como funciona veja esse post.

Veja esse vídeo, que explica melhor como uma CDN pode ajudar no User Experience de seu comércio eletrônico:

[youtube https://www.youtube.com/watch?v=WKxS_spzMOE&w=640&h=360]

E aí, o que achou dessas 4 dicas para melhorar a experiência do usuário em seu site? Quer acrescentar algo mais? Deixe um comentário abaixo.

Conheça os Tipos de Certificado SSL

/em ,

tipos de ssl

 

Conheça os Tipos de Certificado SSL

 

Mesmo os administradores dos servidores das mais robustas companhias de tecnologia, os gerentes de produtos financeiros de instituições consolidadas, até mesmo startups que estão se lançando no mundo digital, todos querem segurança em suas transações online.

 

É errôneo ignorar o poder decisivo que a segurança tem na mente de um consumidor online. Imagine-se em um momento de escolha entre qual site optar para adquirir um novo produto. Ao encontrar três opções de preços atraentes, qual fator vai impulsionar sua próxima ação?

 

No perfil do consumidor atual, a credibilidade e privacidade dos dados na internet são relevantes no momento da compra. Sites com histórico e reputação na internet determinam a autenticação e inconscientemente ou conscientemente finalizam o que o usuário busca.

 

A credibilidade de um site pode ser estabelecida com reviews, que são comentários de compradores anteriores sobre o processo de pagamento, entrega e da utilização dos produtos e serviços, e claro, dos certificados de segurança.

 

Chamados de SSL, a sigla vem do termo em inglês Secure Socket Layer e basicamente tem a mesma funcionalidade de proteger, criptografar informações durante as movimentações entre o usuário e o servidor.

 

Um site que possui o certificado de segurança passa de http:// para https:// (Hyper Text Transfer Protocol Secure), sendo a letra s referente à segurança, e também passa a apresentar o cadeado com a palavra seguro.

url segura

 

 

Para se compreender a relevância do SSL, saiba que o Google notifica o usuário quando o site não é seguro.

A notificação pode vir com o sinal de informação abaixo, onde diz que não há garantia de segurança.

site inseguro

 

 

 

 

Ou já informa que não há segurança definitivamente.

url insegura

 

 

E mesmo ao forçar incluir o https, a mensagem é:

conexao insegura

Outro fator compete aos mecanismos de buscas, que não dão um bom posicionamento para sites sem segurança e isso faz com que o site não seja encontrado com facilidade na rede. Leia mais sobre o certificado SSL neste artigo.

 

certificados ssl

Tenha um Certificado de Segurança

 

Antes de adquirir um certificado, é função dos gerenciadores fazer uma análise para saber qual o mais apropriado. Trata-se de segurança interna ou externa? Quais as funcionalidades e limites do certificado? Será instalado em qual software ou servidor? De qual sistema estamos falando? E quais as políticas de segurança envolvidas?  

 

Por trás de toda técnica, geralmente uma questão muito importante é negligenciada, estamos falando da Confiança do Cliente. Escolher um certificado de segurança não envolve somente a funcionalidade mas preferivelmente tem que conquistar a confiança do seu cliente.

 

Hoje encontramos três tipos de certificados que oferecem três níveis de confiança do usuário, são eles: Domain Validated (DV), Organization Validated (OV) e Extended Validated (EV). Traduzidos significam Validação de Domínio, Validação da Organização e Validação Estendida, respectivamente.

 

Certificado de Validação de Domínio

 

Certificado de Validação de Domínio são certificados mais básicos que, como o próprio nome já diz, conferem a validade do domínio. Em geral, são mais baratos do que os outros mas têm funcionalidades que atendem a maioria dos sites.

 

Pode tranquilamente ser usado em sites e blogs que trocam informações via formulários, como nome, email, telefone, pois fornece criptografia básica, garantindo a privacidade das informações e que não haverá acessos de terceiros.

 

Certificado de Validação da Organização

 

Certificados de Validação da Organização são confiáveis já que as mesmas são minuciosamente autenticadas por agentes reais, conferidas em banco de dados hospedados por governos e documentadas para registro da veracidade.

 

No OV também conta validação das informações empresariais, sendo assim recomendadas para projetos comerciais ou sites com mais tráfego e informações a serem trocadas.

 

Portanto, confere-se a veracidade e responsabilidade da empresa por trás do domínio, o que eleva o nível de confiança do cliente.

 

Certificado de Validação Estendida

Este é o certificado mais confiável dentre os três e o mais usado e desejado pelas organizações, pois além de todas as comprovações empresariais de responsabilidade nas informações, também passa por auditoria anual e verificações minuciosas.

 

Sites que possuem este certificado, mostram o nome da empresa junto ao domínio, destacados em verde.

certificado EV

 

SSL x Navegadores

 

Além de informar se o site fornece segurança ou não, os navegadores não aceitam determinados certificados.

 

certificado não confiável

 

Este é um exemplo de acesso pelo Google Chrome:

 

Por isso, verifique a compatibilidade dos certificados com os navegadores mais utilizados pelo seu público para garantir a segurança nas transações.

 

Caso você já tenha concluído a instalação do certificado em seu site e percebe que ele ainda carrega como http e https, é preciso forçar o acesso dentro do seu painel. Entenda como forçar o acesso SSL em seu site neste artigo.

 

Conclusão

 

Esperamos ter esclarecido a importância de ter um certificado SSL no seu site e os motivos pelos quais isso requer estudo e análise antes da contratação.

 

Investimentos que melhoram a experiência do usuário agregam muito mais ao seu usuário do que simplesmente baixar o valor dos seus produtos. A decisão final do consumidor vai além disso.

 

Algumas empresas de hospedagem de sites oferecem Certificados SSL gratuitos para planos de hospedagem que já exercem o papel com bastante eficiência, proteger e assegurar os dados e transações do seu site.

 

Este artigo foi produzido pela Hostinger, referência no mercado de hospedagem de sites, além de oferecer hospedagem barata, serviços de registro de domínio, certificado SSL e VPS. O Grupo Hostinger Global atua no Brasil com as marcas Hostinger e WebLink.

Como melhorar o ranking da sua página no Google?

/em

Mais de 1 milhão de resultados de pesquisas do Google analisados para descobrir como melhorar o ranking de um site no Google

Recentemente analisou-se mais de um milhão de pesquisas pelo Google para responder uma única pergunta:

Como melhorar o ranking do meu site no Google?

Olharam-se os conteúdos, os backlinks, até a velocidade do site e foram descobertas algumas coisas bem interessantes.

Vejam abaixo:

O número de links externos tem uma influência muito grande nos Rankings

Você já deve ter ouvido que links externos direcionados de um mesmo site tem pouca efetividade.

Em outras palavras, para melhorar o ranking do seu site no Google é melhor ter 10 diferentes sites redirecionando para o seu site, do que o mesmo domínio redirecionando 10 links, de diferentes páginas, para sua página.

E, de acordo com a nossa análise, isso faz sentido. A quantidade de sites (domínios) diferentes apontando para o seu site vai impactar muito no seu posicionamento.

quantidade de dominios

O Google quer ver diferentes sites indicando sua página. E quando mais sites com links direcionados para você, mais relevante você vai ficando aos olhos do Google.

Na verdade, o número de redirecionamentos de domínios únicos foi o fator mais forte de correlação no estudo inteiro.

Resumindo: Obter links de um grupo diversificado de sites é extremamente importante para o SEO e um dos segredos sobre como melhorar o ranking do seu site no Google.

Página em Domínios com boa autoridade tendem a Ranquear melhor nos resultados do google

Não ficamos surpresos quando descobrimos que domínios com boa autoridade (medido usando a classificação de domínio Ahrefs) tendem a ranquear melhor.

autoridade de dominio

De fato, a autoridade geral de um site tem uma relação maior com ranking do Google do que autoridade da página.

Em outras palavras, o domínio da sua página é mais importante que a página em si.

Dica: Aumentar o número de links que apontem o seu site pode melhorar o ranking de outras páginas do seu site.

 

Publicar conteúdos compreensíveis e aprofundados vão melhorar o ranking do seu site no Google

No começo, o Google procurava só pelas palavras-chaves ao longo da página, e baseado nisso definia a ordem que os conteúdos iriam aparecer.

Se a palavra-chave aparecesse na página um número X de vezes, o Google deduzia que aquela página falava sobre aquele assunto. Hoje, graças ao algoritmo de Hummingbird, o Google consegue ler cada parágrafo de cada página.

Quando você procura, por exemplo “quem era o diretor do de De volta para o futuro”..

quem é o diretor de de volta para o futuroO Google não procura por páginas que tenham a palavra chave “quem era o diretor do De Volta para o Futuro”.

Ele instantaneamente entende a pergunta, que se refere ao filme De Volta ao Futuro e entrega a resposta

robert zemeckis

Como era de se esperar, isso teve um impacto significante na otimização dos conteúdos para SEO. Agora, o Google prefere uma página que fale sobre os assuntos com mais conteúdo e que trate dos temas com mais profundidade.

E os nossos dados batem com isso?

Para responder essa pergunta, foram analisadas mais de 10.000 URLS bem ranqueadas.

Descobriu-se que o conteúdo aprofundado superou na maioria dos casos os conteúdos rasos.

autoridade sobre assunto

Isso é interessante. Mas como escrever um conteúdo que o Google considere relevante?

Vamos olhar dois exemplos da nossa base de dados para descobrir.

Primeiro, nós temos esse artigo do Daily Press sobre Ingressos para o Busch Gardens.

busch gardens

Essa página tem várias das métricas tradicionais usadas para aparecer nas primeiras páginas. Por exemplo, eles usam a palavra-chave no Meta Título e no H1. O domínio (Dailypress.com) também possui boa autoridade (Métrica de Domínio no Ahrefs foi de 64).

Mesmo assim, essa página ranqueou somente na posição #10 para “Ingressos para Busch Garden”.

titulo H1

Já o mal ranqueamento desse link foi, em partes, porque o site não possui boa autoridade para esse tema.

Por outro lado, temos essa página sobre como fazer Molho Balinese Satay.

satay sauce

Essa página traz logo no primeiro parágrafo uma informação muito importante sobre o Molho Satay. Essa primeira parte do conteúdo traz a história do molho na Indonésia, como o molho é usado, onde pode ser servido, e até as informações nutricionais.

Embora esta página não use o termo “molho Satay Indonésio” em todos os lugares da página, ela está entre os primeiros resultados de pesquisa sobre essa palavra-chave:

resultados busca satay

Parte da explicação sobre o bom ranqueamento, é porque essa página é referência no assunto “Indonesian Satay Sauce”.

Resumindo: Escrever conteúdos informativos e detalhados pode te ajudar a ranquear melhor no Google.

Conteúdos longos e descritivos são melhor ranqueados do que conteúdos curtos

Será que os conteúdos longos são mais bem ranqueados do que os conteúdos curtos, com apenas 200 palavras?

Analisando o banco de dados, depois de remover Outliers (conteúdos com menos de 51 palavras, e mais de 9.999), descobriu-se que as páginas com conteúdos longos são significativamente mais bem ranqueadas que as de conteúdos curtos.

numero de palavras

A média de palavras dos conteúdos de primeira página é de 1980.

Baseado nessa contagem, podemos concluir que o Google prioriza os conteúdos longos.

Essa correlação pode ser baseada em dois fatos: os conteúdos longos geram mais compartilhamentos. Ou apenas uma simples preferência do Google por textos grandes.

Outra teoria é que os textos mais longos explorem melhor o conteúdo, e dão ao Google a oportunidade de entender melhor o que você está dizendo na sua página.

Além disso, conteúdos longos podem simplesmente mostrar que os donos da página estão preocupados em produzir um conteúdo de qualidade. Como esse é um estudo de dados, é impossível apontar o porquê dos conteúdos mais longos serem melhores ranqueados pelo Google.

Porém, se você junta esse estudo aos que já existem, fica claro que conteúdos longos realmente são melhores para SEO.

Resumindo: O conteúdo longo é mais bem ranqueado que o conteúdo curto. A média de palavras nos textos de primeira página é de 1980.

Os dados não mentem! Na hora de produzir conteúdos, priorize os textos maiores e mais detalhados. Com conteúdos detalhados, outros sites vão direcionar links para os seus e você vai se tornar referência.

Depois de tantos resultados, percebemos que a resposta para a dúvida: como melhorar o ranking do seu site no Google? É simples! Crie o conteúdo pensando no usuário.

URLS amigáveis, que deixem claro a informação que ele vai encontrar no texto. Faça conteúdos descritivos, com conteúdo relevantes. Conteúdos maiores ranqueam melhor, e você vai se tornar referência no assunto. E diminua o tempo de carregamento da página, retornar resultados rápidos é um fator de sucesso para o usuário.

Se precisar de ajuda para acelerar o carregamento das páginas do seu site, entre em contato com a gente! Entenda como funciona a CDN da GoCache e como ele pode levar o SEO do seu site para outro nível!

CDN para Conteúdo Dinâmico: Estudo de caso do site Feriados.com.br

/em

Neste artigo gostaríamos de mostrar um case interessante, onde o uso de uma CDN para conteúdo dinâmico permitiu que o site de um de nossos clientes absorvesse um grande e inesperado pico de acessos, evitando que o mesmo saísse do ar e queimasse sua reputação junto aos seus visitantes.

O site Feriados.com.br, apesar de ter apenas 4 meses de vida, tem crescido rapidamente, com uma proposta de concentrar informações sobre todos os Feriados das milhares cidades brasileiras.

Neste crescimento acelerado, esta semana eles foram “premiados” com a primeira posição no Google para a Keyword “Feriado Consciência Negra“, ou seja, poucos dias antes deste feriado ocorrer, o que resultou num grande e inesperado aumento de tráfego.

O sistema do site, que faz a busca em tempo real num banco de dados com mais de 5.500 cidades, não estava preparado para um aumento tão repentino na quantidade de acessos à pagina. Os servidores rapidamente se sobrecarregaram e iriam cair em questão de mais uma ou duas horas, então uma decisão rápida precisava ser tomada.

Refazer parte dos códigos do site, para torná-lo mais eficiente, armazenando em algum tipo de cache os resultados do banco de dados, seria algo trabalhoso e impraticável em tão pouco tempo.

Foi então que os desenvolvedores, que já usavam a CDN da GoCache em outros sites, se lembraram que poderiam usar nossa CDN também para conteúdos dinâmicos, e decidiram prontamente por tomar este caminho.

Usar a CDN foi algo bem simples: bastou incluir o domínio Feriados.com.br no painel da GoCache e, em seguida, habilitar o Smartcache, criando a regra abaixo para fazer cache dos conteúdos dinâmicos do site (.php).

smartrules

Veja nos gráficos abaixo que os servidores estavam praticamente em 100% de uso e os “créditos de processamento”, que são uma unidade de medida na hospedagem da Amazon, estavam quase acabando. Logo em seguida, minutos após habilitarem a CDN, a carga no servidor caiu vertiginosamente, e os créditos de processamento voltam a se acumular no sistema, para serem usados em qualquer outra ocasião de grande processamento.

 uso de CPU
Uso da CPU do servidor, que começou a crescer muito logo pela manhã, caindo após a configuração da CDN
creditos de cpu
Créditos de Processamento quase chegaram a zero, mas voltaram a subir logo que a CDN foi configurada.

Pra quem usa servidores do tipo T2 na Amazon (AWS), ficará fácil entender os gráficos acima, onde a sobrecarga (acima de 20%) estava consumindo os créditos do servidor, que chegou a 7,5% e sairia do ar assim que chegasse a 0%.

Outros gráficos interessantes são os que o Painel da GoCache apresentaram algumas horas após configurada a CDN. Vejam que a CDN absorveu mais de 80% das requisições do site e quase 75% da banda que era consumida, eliminando desta forma a grande sobrecarga que estava ocorrendo nos servidores.

eficiencia de cache

Desta forma, o site voltou a funcionar normalmente e agora é capaz de absorver qualquer futuro pico de acessos, além de também economizar nos custos com uso banda/tráfego e processamento.

Por fim, agradecemos ao pessoal do Feriados.com.br por terem compartilhado conosco, com ricos detalhes, este interessante caso, que poderá ajudar outros sites que venham a enfrentar problemas semelhantes.

O que é SEO? E como isso funciona?

/em

O que é SEO e como aplicá-lo no meu site?

SEO significa Otimização para Mecanismos de Busca, do Inglês Search Engine Optimization. É uma estratégia baseada em conseguir visibilidade de maneira orgânica (sem anúncios pagos) dentro dos buscadores. E como funciona o SEO? Ele junta os elementos técnicos e criativos que você precisa para melhorar o ranqueamento, impulsionar o tráfego e melhorar sua reputação dentro dos mecanismos de busca. Existem muitos aspectos dentro do SEO, desde as palavras que você utiliza no site até os links que apontam para a sua página. Às vezes, o SEO é simplesmente uma questão de garantir que seu site esteja estruturado de uma maneira que os mecanismos de pesquisa entendam.

SEO não é só sobre criar mecanismos para ranquear seu site. Para entender realmente como funciona SEO, você precisa entender que isso é também sobre tornar o seu site melhor para as pessoas que navegam nele.

www monkeys

Porque o meu site precisa de SEO?

A maioria do tráfego da WEB vem de mecanismos de busca como o Google, Bing, e Yahoo!

Embora as mídias sociais e outros tipos de tráfego possam gerar um tráfego qualificado ao seu site, os mecanismos de busca são o principal método de navegação para a maioria dos usuários da Internet. Isso é um fato, seu site fornecendo conteúdo, serviços, produtos, informações ou qualquer outra coisa.

Buscadores também são os únicos que oferecem tráfego direcionado – pessoas buscando exatamente pelo que você está oferecendo. SEO é a estrada que liga você a essas pesquisas.

Se os buscadores não podem encontrar o seu site ou o seu conteúdo dentro da base de dados deles, você está perdendo uma incrível oportunidade de tráfego para o seu site.

As Palavras-Chave (keywords) – as palavras que as pessoas digitaram dentro da barra de pesquisa do Google – tem um enorme valor. Pesquisas mostraram que tráfego orgânico pode ser responsável pelo sucesso, ou pelo fracasso, de uma empresa. O tráfego direcionado para um site pode fornecer publicidade, receita e exposição, como nenhum outro canal de marketing. Investir em SEO pode ter uma taxa de retorno excepcional em comparação com outros tipos de marketing e promoção.

 

Porque os buscadores não encontram meu site sem SEO?

Os mecanismos de busca são espertos, mas eles precisam de ajuda. A maioria dos buscadores está sempre tentando melhorar sua tecnologia para ler melhor as páginas e retornar melhores resultados para as buscas dos usuários. Mas, mesmo assim, existe um limite até onde eles podem operar.

Considerando que o SEO certo pode levar milhares de visitantes para o seu site e aumentar a atenção, uma página não otimizada pode colocar seu site lá no final dos resultados de pesquisa, onde a visibilidade é mínima.

Quando você entende como funciona SEO, além de melhorar o conteúdo que você apresenta para os mecanismos de busca, você consequentemente aumenta seu posicionamento no “ranking” – a posição em que sua página aparece nas SERPs (Search Engine Results Page – página de resultados da busca).

A internet se tornou extremamente competitiva e as companhias que entendem como funciona o SEO e investem nisso estão com uma vantagem competitiva muito grande.

Confira 6 truques e dicas de SEO para vencer seus concorrentes

Mecanismos de busca tem duas funções principais: rastrear resultados e criar uma ordem, e entregar aos usuários uma lista ranqueada dos sites que eles (os mecanismos de busca) determinaram ser mais relevantes.

Rastreamento e Indexação: Rastreando e indexando bilhões de documentos, páginas, arquivos, vídeos e mídias dentro do mundo da Internet. Também conhecido como “crawling”.

  1. Fornecendo respostas: Encontrar respostas para as perguntas dos usuários, na maioria das vezes criando listas baseadas nas páginas que eles encontraram, e classificando os resultados baseados na relevância.

rastreando e indexando

Imagine o mundo dos resultados de pesquisas como uma rede de paradas dentro de um metrô de uma grande cidade.

Cada parada é um documento único (geralmente uma página da WEB, mas às vezes um PDF, JPEG, ou outro formato). Os buscadores precisam encontrar um meio de listar todos que existem dentro da cidade inteira e encontrar os pontos ao longo do caminho. Então eles usam o melhor caminho disponível – o link.

A estrutura de um link serve para juntar todas as páginas

Os links permitem que os robôs automatizados dos motores de busca, chamados de “crawlers” ou “spiders”, encontrem bilhões de documentos interconectados na web.

Uma vez que os buscadores encontram essas páginas, eles leem o código e armazenam partes específicas, para usar quando o usuário fizer uma busca.

Para realizar essa tarefa de armazenar bilhões de páginas que podem ser acessadas em uma fração de segundo, as empresas de mecanismos de pesquisa criaram datacenters em todo o mundo.

Essas instalações de armazenamento monstruosas são formadas por milhares de máquinas que processam grandes quantidades de informações muito rapidamente. Quando uma pessoa realiza uma pesquisa em qualquer um dos principais buscadores, eles estão esperando resultados instantaneamente; mesmo um atraso de um ou dois segundos pode causar insatisfação no usuário. Então os motores de busca trabalham duro para fornecer respostas o mais rápido possível.

 

perguntas sobre buscas

Mecanismos de busca são máquinas de respostas. Quando uma pessoa faz uma busca online, os buscadores analisam seu banco de bilhões de documentos e fazem duas coisas: primeiro, retornam só os resultados que são relevantes ou que podem ser úteis para o usuário; em segundo lugar, classifica esses resultados de acordo com a popularidade dos sites que publicaram a informação. E entender como funciona o SEO vai te ajudar a performar melhor tanto na relevância, quanto na popularidade.

Como funciona o SEO para determinar relevância e popularidade?

Para os mecanismos de busca, relevância significa mais do que achar uma página que contém a palavra chave certa. No começo, os buscadores fazia pesquisa mais simples, não se aprofundavam muito. Ao longo dos anos, renomados engenheiros desenvolveram melhores maneiras de combinar os resultados com as consultas do usuário. Hoje, centenas de fatores influenciam a relevância, e vamos discutir como funciona o SEO neste post.

Mecanismos de busca consideram que, quanto mais popular um site ou uma página (ou seja, quanto mais bem ranqueado) mais criteriosos eles devem ser com a avaliação do conteúdo. Isso ajuda na satisfação do usuário com o resultado da pesquisa.

A popularidade e a relevância não são determinadas manualmente. Em vez disso, os buscadores utilizam equações matemáticas (algoritmos) para separar o joio do trigo (relevância) e depois classificar o trigo em ordem de qualidade (popularidade).

Esses algoritmos contém milhões de variáveis. Dentro do Marketing, nós chamamos isso de “critérios de ranqueamento”.

Como eu faço para ranquear melhor?

Ou, “Como os melhores resultados chegaram lá?”

A parte complicada dos algoritmos de busca é que eles são indecifráveis. Os próprios motores fornecem pouca informação sobre como obter melhores resultados ou aumentar o tráfego. Então, tudo que nós sabemos sobre otimização e melhores práticas, nós vamos dividir com você agora:

 

google king of the web

INFORMAÇÕES SOBRE COMO FUNCIONA O SEO PELO GOOGLE

O Google recomenda seguir os seguintes passos para ranquear melhor nas buscas:

  • Crie páginas para usuários, não para mecanismos de busca. Não engane seus usuários apresentando um conteúdo diferente para eles do que você apresenta para os buscadores.
  • Crie um site com hierarquias de textos e links claros. Cada página deve ser acessada em, pelo menos, um link estático.
  • Crie um site útil e rico em informações e escreva páginas que descrevam de forma clara e precisa seu conteúdo. Certifique-se de que seus elementos <title> e atributos ALT sejam descritivos e precisos.
  • Use palavras-chave para criar URLs descritivas e URL amigáveis. Forneça uma versão de um URL para páginas específicas. Use redirecionamentos 301 para endereçar o conteúdo duplicado.

Velocidade de carregamento também é um critério fundamental para o SEO. Por isso muitas empresas optam pelo uso de um CDN – Content Delivery Network. Veja nesse artigo como instalar e configurar uma CDN para seu WordPress: plugin GoCache CDN

Por fim, não deixe de olhar este completo guia de SEO para o Google: 200 Fatores de Classificação no Google

 

bing is fabulous

INFORMAÇÕES DE SEO DIRETO DO BING

Os engenheiros da Bing na Microsoft recomendam o seguinte para obter melhores rankings em seu mecanismo de pesquisa:

  • Crie uma URL clara, e que contenha a palavra chave
  • Certifique-se de que o conteúdo não esteja hospedado dentro de rich media (Adobe Flash Player, JavaScript, Ajax) e verifique se o servidor não esconde links de rastreadores..
  • Crie conteúdo com muitas palavras-chaves e combine a escolha das suas palavras-chave, com as que os usuários estão procurando. Produza sempre conteúdo novo.
  • Não coloque o texto que deseja indexar dentro de imagens. Por exemplo, se você quer que o nome ou o endereço da sua empresa seja indexado, verifique se ele não é exibido dentro do logotipo da empresa.

Aplicando todas essas dicas e investindo de fato em SEO você consegue um resultado muito bom a longo prazo: gasta menos com mídia paga, e consegue um tráfego direcionado para o seu site através dos buscadores.

Se quiser melhorar seu SEO agora mesmo, conte com a gente para implementar um CDN e melhorar a velocidade do seu site. Os sete primeiros dias são grátis, para você entender melhor como podemos te ajudar!

Como Otimizar meu Site? Otimizando seus Scripts…

/em ,

Por que otimizar meu site?

Sabemos que o tempo que seu site leva para ser carregado é muito importante, tanto para os mescanismos de busca (SEO), como o Google, como para a experiência do usuário na sua webpage. Uma pagina rápida é mais agradável e gera maior engajamaneto de seus visitantes, podendo levá-los a ficar mais tempo em seu site e até mesmo efetuar mais compras em um e-commerce.

Mas quais são os pontos mais importantes para Otimizar o seu site? Veja abaixo uma checklist dos itens que você sempre deve olhar. Iremos trabalhar cada um deles em diferentes artigos:

1) Otimizar Imagens (artigo anterior)

2) Otimizar Scripts (neste artigo)

3) Otimizar Hospedagem (próximos artigos)

Otimizando Scripts e Folhas de Estilo:

Com o advento de novas tecnologias como AJAX, o uso de scripts (Javascript) nos sites tem aumentado muito. Desde o uso de bibliotecas conhecidas, como o JQuery, até scripts feito especificamente para seu site. Existem também as famosas folhas de estilo, os arquivos .CSS, com informações sobre a aparência do seu site.

O uso destas tecnologias podem melhora muito a experiência de uso do site, mas é importante entender que, se mal utilizado, podem ter um efeito contrário, deixando muito lento o carregamento da página, a ponto do usuário desistir de navegar pelo site.

1) Juntar vários Scripts (.js) ou folhas de estilo (.css) em apenas um:

Cada arquivo que o seu navegador precisa carregar para exibir um site significa, ao menos, mais uma requisição de dados ao servidor. Essas requisições, particularmente no protocolo HTTP, são muito lentas. Portanto, quanto menos requisições, mais rápido seu site fica.

Uma dica muito simples é: se em uma página você carrega vários arquivos de script, como “arquivo_A.js”, “arquivo_B.js”, “arquivo_C.js”, você deve juntá-los todos em um único arquivo, como “tudo.js”.

Mas tome cuidado para não juntar muitos arquivos que vc quase nunca usa, colocando tudo em um único arquivo. Este arquivo poderá ficar muito grande, por conter coisas desnecessária, e acabará tendo um efeito contrário.

Lembrando que você pode fazer o mesmo com seus arquivos de estilo, arquivo .css

 

2) Hospedagem JQuery e de outras bibliotecas públicas:

É muito comum utilizarmos bibliotecas de scripts públicas, como JQuery ou até mesmo templates de sites como Bootstrap. Esses arquivos podem ser hospedados em seu servidor, mas recomendamos utilizar um servidor externo, na verdade, uma CDN, para armazená-los.

As bibliotecas mais usadas possuem CDNs gratuitas, que você pode utilizar à vontade, acelerando e otimizando o carregamento do seu site, além de economizar banda em sua hospedagem.

Vejamos por exemplo o uso de uma CDN Jquery. Existe quase uma dezena de CDNs Jquery gratuitas para você escolher: GoCache, MaxCDN, Google, CDNJS e a própria CDN do projeto JQuery.

Neste caso, para hospedagem JQuery no Brasil, nós recomendamos a utilização da CDN Gratuita da GoCache, pois ela possui servidores espalhados por todo território brasileiro. Já as outras CDNs possuem apenas um ou dois servidores no país. Pra entender porque mais servidores na CDN deixam mais rápido o site para seus clientes, leia este artigo: CDN JQuery

 

3) Minificar ou Minimizar seus scripts (Minify):

Você pode reduzir muito o tamanhos dos scripts que estarão hospedados em seu site utilizando “minifiers”. São softwares, normalmente gratuitos, que reprocessam seus scripts e folhas de estilo, gerando uma versão de difícil leitura pra humanos, mas muito menor e mais rápida para ser carregada pelos navegadores.

Você pode usar sites como https://javascript-minifier.com ou https://jscompress.com para minificar seus scripts e folhas de estilo.

 

4) Comprimir os arquivos:

Você deve habilitar a compressão de arquivos estáticos em seu servidor de hospedagem, assim eles serão compridos automaticamente, ficando menores e sendo transferidos muito mais rápido. Essa compressão traz ganhos até mesmo para os arquivos já minimizados, portanto é sempre importante estar ligada.

Vários sites te permitem testar se seu site está comprimindo os arquivos. Basta acessar, por exemplo, esse aqui http://www.whatsmyip.org/http-compression-test/ . Veja um exemplo abaixo, onde a compressão está reduzindo em 77% o tempo para transferência dos dados da página.

Vale lembrar que se você estiver usando uma CDN em seu site, esta compressão já estará automaticamente ligada e você não precisará se preocupar com isso.

5) Habilitar a cache dos scripts e folhas de estilo

Ao habilitar a cache dos arquivos do seu site você estará dizendo para o navegador memorizá-los, armazenando-os em disco. Desta forma, a próxima vez que seu usuário visitar seu site o navegador não precisará baixar novamente todos os scripts.

Veja o exemplo abaixo, o site MinhaConexão está usando uma CDN para, entre outras coisas, habilitar a cache dos seus arquivos. Note nesta análise, feita utilizando o Firefox, que nenhum segundo foi perdido para carregar os scripts, pois eles já tinham sido baixados em uma visita anterior ao site.

Você pode habilitar a cache de seus arquivos utilizando uma CDN (como o site acima fez) ou você pode alterar a configuração de seu servidor web para isto. Se estiver utilizando Apache, você pode colocar o seguinte código no arquivo httpd.conf ou no arquivo .htaccess

<filesMatch "\.(txt|html|js|css|htm)$">

ExpiresDefault A7200

Header append Cache-Control "proxy-revalidate"

</filesMatch>

6) Carregar scripts de forma não bloqueante

O que significa “carregar scripts de forma não bloqueante”? Basicamente significa que a página de seu site será exibida mesmo que seus scripts estejam demorando para carregar. Caso contrário, sua página poderá ficar sem exibir nada, por vários segundos, até que todos os scripts sejam carregados. Isto não é nada bom, pois seus usuários ficarão impacientes, com a impressão de que seu site está travado.

Duas dicas simples para conseguir isso:

  1. Coloque os Scripts menos importantes mais no final do seu arquivo HTML, assim seu site já exibirá algo aos seus usuários antes de começar a baixar os scripts.
  2. Tente usar a flag Async ao carregar os scripts, assim o navegador irá carregá-lo em paralelo com outras coisas de sua página. Exemplo:  <script src=”demo_async.js” async></script>

Mas atenção, apesar de simples, essas dicas podem fazer sua página parar de funcionar, caso você as utilize de forma errada, quebrando alguma dependência na execução dos códigos.

Por exemplo, se você tentar executar uma função que está dentro do arquivo “demo_async.js”, antes que este arquivo seja carregado pelo nevegador, isto causará um erro de execução.

Firewall Global na GoCache – proteção simples e eficiente para seus sites

/em ,

Lançamento GoCache – Firewall Global

Novidade saindo do forno da nossa equipe de desenvolvimento! Clientes GoCache com múltiplos domínios em nossa plataforma contam com uma nova funcionalidade, o Firewall Global.

 

Qual é a diferença do Firewall Global?

 

Na GoCache todas as configurações são isoladas por domínio. O Firewall aplica as regras de whitelist/blacklist somente para o domínio onde foram configuradas.

Já o Firewall Global permite que as regras sejam aplicadas para os demais domínios presentes na conta.

Isso é extremamente útil para clientes com múltiplos domínios, como por exemplo é o caso das plataformas de e-commerce e agências digitais.

No dia a dia da operação deste tipo de cliente são comuns as tentativas de ataques. Muitas vezes sem saber qual site era o ofensor, havia a necessidade de criar uma regra de Firewall em cada domínio para mitigar esses acessos maliciosos na GoCache. Agora, com um único clique (ou chamada em nossa API), uma regra pode ser aplicada a todos os domínios de uma só vez.

 

Como funciona o Firewall Global?

 

No menu “Segurança” do seu painel de controle, acesse a aba “Firewall” e crie a regra desejada. Você verá que agora os botões exibidos na conclusão da regra são “Salvar para este domínio”, “Salvar para todos domínios”, além do botão “Cancelar”.

 

firewall global

A opção “Salvar para todos domínios” faz com que a regra seja automaticamente replicada para os demais domínios presentes na conta.

É possível identificar a regra global na lista de regras pois ela é assinalada como aplicável a todos os domínios:

firewall global regras

A regra global é exibida na lista de regras de firewall no mesmo formato para todos os domínios de uma mesma conta, no exemplo deste artigo a regra foi criada para o domínio gocache.com.br, veja o que aparece no painel do domínio gocache.net:

firewall global dominio extra

 

Com a implantação do Firewall Global as configurações de controle acesso ficam ainda mais fáceis e práticas para que administra múltiplos domínios na plataforma GoCache.

 

Safer, Faster, GoCache!

 

Como Otimizar meu Site? 1o. Otimizando Imagens e Fotos…

/em , ,

Por que otimizar meu site?

Sabemos que atualmente o tempo que seu site leva para carregar é algo muito importante, tanto para os mescanismos de busca (SEO), como o Google, como para a experiência do usuário na sua webpage. Uma pagina rápida é mais agradável e gera maior engajamaneto de seus visitantes.

Mas quais são os pontos mais importantes para Otimizar o seu site? Veja abaixo uma checklist dos itens que você sempre deve olhar. Iremos trabalhar cada um deles em diferentes artigos:

1) Otimizar Imagens (neste artigo)

2) Otimizar Scripts

3) Otimizar Hospedagem (próximos artigos)

Otimizando as Imagens:

Normalmente as imagens são a parte mais pesada no carregamento de um site e existem alguns principais pontos para você otimizar:

1) A resolução das imagens:

A imensa maioria dos monitores atuais utiliza a resolução de 1366×768 pixels, podendo chegar a até 1920×1080.

Em celulares isso é ainda menor: mesmo os celulares com displays do tipo “retina”, com altíssima resolução, utilizam o que chamamos de resoluções virtuais, que é a adaptação da resolução real para uma resolução que você conseguirá ver confortavelmente em uma tela pequena (você não conseguiria ler nada se seu celular apresentar as páginas com mais de 1000 pixels de resolução). Desta forma, a resolução virtual usada em celulares é de “somente” 360×640 pixels.

Então, qual é o sentido de colocar aquelas fotos da sua super câmera com 10 ou 20 megapixels?

Isso é algo por volta de 6000×3000 pixels… Essas fotos são enormes e não serão aproveitadas pelo monitor ou display do celular.

Por isso, antes de fazer upload, verifique que tamanho você quer suas fotos na tela. Se forem ocupar meia tela, pense em redimensioná-las para 600 pixels de largura. Se for tela inteira, 1200 ou 1500 pixels já é mais que suficiente.

Essa simples alteração na resolução poderá deixar suas imagens de 4 a 10 vezes menores, portanto, de 4 a 10 vezes mais rápidas para carregar.

2) Tipo de Imagens: Devo usar PNG ou JPG?

O dois formatos mais usados para exibir imagens em site são: JPG e PNG. Mas qual a diferença entre JPEG e PNG? Qual você deve usar e quando?

Resumidamente, fotos ou imagens complexas, com muitas cores, normalmente devem utilizar o formato JPEG, pois é o que consegue maior compressão nesses casos e com perdas pouco perceptíveis (O JPEG é um formato que admite alguma perda de qualidade para aumentar a compressão).

Já se você precisa de imagens com regiões transparentes ou com poucas cores chapadas, você deve optar pelo formato PNG, mais específico para esses casos, pois suporta transparências e não há perda de qualidade. Esse formato é muito utilizado, por exemplo, para Logotipos ou desenho simples.

Veja abaixo um teste com JPEG. A imagem original deste gatinho fofo, em minha câmera fotográfica, tem uma tamanho de 4 Megabytes, usando a resolução de 5000×3330 pixels.

Quando redimensionei a foto para o tamanho que desejo exibi-la na tela, ou seja, aprox.  500×333, eu já reduzi em 10 vezes sua largura e sua altura.

Em seguida, salvei a foto nos dois formatos para compararmos a qualidade e os tamanhos resultantes.

imagem gato sem otimizar

gato.PNG – 315KBytes
imagem gato otimizada

gato.JPG – 76KBytes

O formato .PNG gastou 315KBytes, ou seja, mais de 12 vezes menor que a foto no tamanho original. Já o formato JPEG gastou apenas 76KBytes, ou seja 50 vezes menos que a foto original!!!!

Acho que nem precisamos de mais argumentos, ficou claro que você deve usar o formato JPG nesse caso, não?

Agora vamos para nosso segundo teste. Vamos comprimir um logotipo.

Logo de início, se você precisar de áreas transparentes na sua imagem, obrigatoriamente deverá utilizar o formato PNG, pois o JPEG não suporta transparências. Mas vamos supor que utilizará seu logotipo em um site com fundo branco (ou outra cor simples), então poderia talvez utilizar o formato .JPG

Salvamos abaixo o mesmo logotipo nesses dois diferentes formatos. Veja os resultados:

imagem gocache sem otimizar

logo_gocache.JPG – 27KBytes
imagem gocache otimizada

logo_gocache.PNG – 19KBytes

Escolhemos um alto grau de compressão para o arquivo JPG, pra ver se ele conseguiria competir com o PNG. Isto não resolveu o problema de tamanho, pois o JPG continuou maior, e ainda piorou a qualidade da imagem (veja que está um pouco quadriculada e embaçada).

Já o PNG é um algoritmo LossLess, ou seja, sem perdas de qualidade da imagem e, mesmo assim, conseguiu comprimir muito mais que o JPG. Além disso, de brinde, pudemos utilizar o fundo transparente para nosso logotipo.

Mas vamos confessar, algumas vezes ainda não será claro qual formato utilizar, então se você tiver tempo tente os dois formatos, faça a recompressão como mostraremos na próxima seção, e escolha o que ficar melhor.

Veja, por exemplo, a imagem que chamamos de “panda” e que foi utilizada na próxima seção, inicialmente ficou menor usando .JPG, mas quando recomprimimos, a versão em .PNG foi a que venceu.

processo de otimizacao

3) Recompressão das Imagens:

Nos testes feitos acima, utilizamos o programa Photoshop para gravar as imagens nos formatos .JPG e .PNG, utilizando o algoritmo padrão de compressão, existente neste software.

No entanto, existem softwares específicos para comprimir imagens para a internet. Eles e conseguem recomprimir consideralvemente as imagems, pois utilizam algoritmos específicos e também removem qualquer informação desnecessária que esteja nos arquivos.

Veja os resultados que conseguimos com nossas imagens anteriores, utilizando o site http://tinypng.com

processo de compressao

Conseguimos reduzir ainda em 30% a nossa já super comprimida foto do gatinho laranja (JPG). E reduzimos em quase 3 vezes, ou seja, 300%, a imagem do logotipo da GoCache (PNG).

Como havíamos comentado, sempre que estiver em dúvida sobre usar PNG ou JPG, faça o teste com os dois. Sobre essa imagem acima, com o Panda, esperávamos que teríamos o melhor resultado utilizando o formato JPG. Isto até foi verdade quando salvamos no Photoshop, mas quando recomprimimos no TinyPNG, olhem só a surpresa: o PNG ficou muuuito menor.

png ou jpg

 

4) Evite carregar imagens que não serão exibidas:

Muitas vezes nossas página tem bastante conteúdo e, por isso, algumas imagens só são exibidas quando rolamos a página para baixo.

No entanto, mesmo que sejam raramente exibidas, as imagens que estão mais “pra baixo” no texto geralmente serão desnecessariamente carregadas. Isto deixa sua página lenta e gasta banda do seu servidor.

No entanto, pra evitar isso, existe uma técnica chamada Lazy Load, que só carrega as imagens quando eles forem realmente ser exibidas para seus visitantes.

Existem vários scripts na internet para fazer o Lazy Load de imagens. Dê uma procurada no Google por “Lazy Load” para saber mais!

 

5) Configurar o Cache das Imagens

Existe um recurso onde você consegue pedir para o navegador de seu visitante guardar as imagens de seu site em disco (cache). Desta forma, quando seu cliente voltar a visitar seu site, o navegador não precisará de baixar novamente as imagens, pois elas já foram armazenadas na última visita. Isso acelera muito o carregamento de um site.

Se o servidor web do seu site utilizar Apache, é bem simples configurar isto, bastando colocar as linhas abaixo no arquivo .htaccess, que fica na raiz da pasta onde estão seus arquivos de internet:

<filesMatch "\.(gif|jpg|jpeg|png)$">

ExpiresDefault A604800

Header append Cache-Control "public"

</filesMatch>

6) Utilizar uma CDN

Por fim, um recurso que tem sido muito utilizado para otimizar sites, acelerando o carregamento das imagens, são as chamadas CDNs, ou Content Delivery Network.

Resumidamente, uma CDN é uma rede de computadores, espalhados pelo mundo, que armazenam o conteúdo do seu site (incluindo imagens) e, quando um visitante tentar entrar em seu site, será atendido por um computador mais próximo e mais rápido. Clique na imagem abaixo para entender melhor:

o que é cdn?

Além disso, as CDNs já configuram automaticamente recursos como Cache e Compressão de Imagem, para facilitar sua vida e otimizar seu site.

Veja esse artigo para saber em detalhes os benefícios que o uso de uma CDN trazem ao seu site. Agora, se preferir fazer tudo o que foi dito acima de forma automática, conheça nosso produto de otimização de imagens para web incorporado na CDN.

 

Em breve a segunda parte desta série, otimização de scripts!