WebP no WordPress com Cloudflare Grátis

Neste post vou ensinar como usar imagens WebP no WordPress em uma conta Cloudflare Grátis.

A cada dia as pessoas estão utilizando mais celulares ao invés do desktop, veja no exemplo abaixo, então otimizar os sites e blogs estão super em alta e quem não busca se atualizar acaba desaparecendo, não só falando em questões de SEO, mas as pessoas estão cada vez mais buscando sites rápidos e funcionais a tal UX (User eXperience).

Mobile vs Desktop | Configurar WebP no WordPress com Cloudflare Grátis

Além de uma Hospedagem Cloud escalável, de qualidade, e com um bom uptime (alta disponibilidade) recomendo e uso a Cloudways, um CDN (Content Delivery Network) que hoje também é indispensável para entregar o conteúdo rápido próximo a localidade do visitante, neste caso a Cloudflare que oferece um excelente produto mesmo no plano gratuito.

Esse post é valido exclusivamente para o plano Free, pois o plano Pro, custando $20 você pode utilizar a funcionalidade Polish que irá otimizar as imagens, convertendo e servindo imagens WebP para navegadores suportados, sem a necessidade de nenhum plugin.

Não vou entrar em detalhes sobre as definições de imagens WebP, pois se você chegou até aqui acredito que já saiba necessário e sabe o quanto elas são fantásticas em qualidade de compactação e tamanho.

Utilizando as configurações abaixo caso o navegador não suporte esse formato de imagem, será exibido imagens nos formatos padrões (JPG e PNG).

Sem mais delongas, vamos ao que interessa… Primeiramente faça uma backup, em seguida instale e ative o Plugin WebP Express.

Nas configurações do Plugin (Configurações > WebP Express)

Em Operation mode e General, selecione as opções abaixo:

Em Conversion

Em Alter HTML

Cliquem “Save settings and force new .htaccess rules”

Essas configurações geralmente funcionarão tranquilamente com a Cloudflare, caso as imagens não estejam carregando em WebP crie uma regra da seguinte forma, trocando o exemplo pelo seu domínio:

É isso! Caso não funcione altere a opção Operation mode para “Varied image responses”, se memso assim não funcionar, as principais causas de erros estão na FAQ do plugin.

 

 

Canonical URL Tag no Magento

Como inserir a Canonical URL Tag no Magento de forma super simples- SEO

Se você chegou até aqui, provavelmente você já sabe o que é a Canonical URL Tag, então vou poupar as explicações e ir direto ao assunto.

Em e-Commerce é muito comum você ter o mesmo produto em diversas categorias, ou muitas categorias com os mesmos produtos, isso é péssimo para SEO, pois você acaba tendo muito conteúdo duplicado e na dúvida você poder não ter nenhuma das urls com uma boa posição nas buscas. Para evitar isso e informar os mecanismos de busca qual categoria deve ser a principal (priorizada), é muito simples:

  1. Acesse a categoria secundária no Magento
  2. Em “Visual Personalizado”, adicione o código abaixo, trocando a url de exemplo pela url que você deseja dar prioridade
<reference name="head">
<action method="addLinkRel">
<rel>canonical</rel>
<href>https://blogdodiego.net/</href>
</action>
</reference>

Compartilhe! Assim você pode ajudar outras pessoas.

DigitalOcean vs Vultr? Qual a melhor?

 

DigitalOcean vs Vultr? Qual a melhor?

 

Estou sempre em busca de novos serviços Cloud para meus projetos pessoais e para meus clientes. Até hoje eu usava a Digital Ocean para hospedar este blog, porém vi que eles estão oferecendo as melhores configurações de Cloud com um custo menor, e acabei de migrar para a Vultr, veja a diferença no plano mais baixo de ambas as empresas:

Vultr (www.vultr.com)

Preço: $2.50
1CPU
20GB Disco SSD
512 MB Memória
500GB Transferência
Backup Diário (+ 20% do valor do plano)

Digital Ocean (www.digitalocean.com)

Preço $5.00
1CPU
20GB Disco SSD
512 MB Memória
1TB Transferência
Backup Semanal (+ 20% do valor do plano)

Como estou fazendo alguns testes, migrei este blog e pequenos projetos, em breve pretendo mudar tudo para a Vultr, ambas as empresas são ótimas e recomendo, mas pretendo fazer a migração dos meus servidores pelo fato da Vultr oferecer mais recursos pelo menor preço.

OBS. Características referente a data deste post.

Erro ao atualizar plugins no WordPress com EasyEngine

Permissões no WordPress com EasyEngine

Sem dúvidas de que o EasyEngine é infinitamente melhor que qualquer outro painel para administrar servidores que hospedagem blogs WordPress, ele instala automaticamente o pacote LEMP (Linux, Nginx, MySql e PHP), com muitas otimizações WordPress, opções de cache, etc… Enfim, coisa boa não precisa ser muito explicada!

Após alguns anos utilizando o EasyEngine, hoje me deparei com um erro de permissões ao atentar atualizar os plugin do blog, para corrigir este “problema”, é utilizar os comandos abaixo (1 linha por vez) via ssh, não esqueça de trocar o exemplo.com pelo domínio do blog que deseja recriar as permissões:

chown -R www-data:www-data /var/www/exemplo.com
 
find /var/www/exemplo.com -type d -exec chmod 755 {} \;
 
find /var/www/exemplo.com -type f -exec chmod 644 {} \;

É isso ai, se foi útil compartilhe!

Backup Mysql compactado e sem senha

Como fazer um Backup Mysql compactado e sem senha se forma simples.

Muitas vezes precisamos fazer backup de banco de dados (mysql) via script ou cron, uma forma bem simples de fazer um backup compactado e sem a necessidade de informar senha manualmente é utilizando da seguinte forma:

mysqldump -uUSUARIO -pSENHA --compatible=mysql40 BANCODEDADOS | gzip > /home/usuário/dbs/BANCODEDADOS-$(date +%d-%m-%Y).sql.gz

Altere USUARIO pelo nome de usuário do banco de dados.

Altere SENHA pela senha do usuário do banco de dados.

Altere BANCODEDADOS pelo nome do banco de dados.

Altere /home/usuário/dbs/ pelo diretório onde será feito o backup.

Você também pode utilizar diretamente via cron, não é a forma mais segura de se fazer, mas funciona!