Um dos pontos mais importantes para quem trabalha com SEO é criar um conteúdo legível pela google, e ter sempre em mente a celebre frase: A missão da google é entregar para o usuário que fez a pesquisa o conteúdo mais relevante. E as imagens são parte importantíssima de uma estratégia de conteúdo. Um post com imagens é um post mais enriquecido e o google entende como mais relevante portanto. Mas de nada adianta enriquecermos nosso material se não conseguirmos...

A definição de altura e largura da imagem é sem dúvida um dos pontos mais importantes para a google quando o assunto é performance de um site. Mas não estamos falando de definir altura e largura em folha de estilos (css, less, sass, ...), e sim definir os tributos width e heigth da tag <img />, conforme a imagem. [caption id="attachment_1182" align="alignnone" width="899"] Estes são os atributos width e height da tag [/caption] Este costuma ser um dos pontos de...

O formato de imagens WebP é um formato de imagem criado pela Google que pode reduzir em aproximadamente 40% do peso das imagens. Mas como tudo que é novo ele ainda não é suportado por todos os browsers. O ideal é você servir em mais de um formato. WebP e jpg, por exemplo. Caso o navegador do usuário não suporte WebP ele carrega o jpg. E aqui um detalhe importante: Você lembra que no tópico sugestões de tamanhos nós passamos...

Para entendermos estas duas propriedades precisamos falar primeiro das sugestões de tamanhos. Quando falamos em performance um dos principais calcanhares de aquiles são as imagens. Elas pesam muito mais do que os textos. Vamos supor que em seu site exista a imagem de um gato com um novelo de lã. E vamos supor ainda que seja uma imagem de alta, com 2890px de largura e 1325 de altura. O desenvolvimento web tradicional nos ensina a “responsivar” a imagem, definido a...

Carregamento demorado, carregamento atrasado.  Ao contrário do que o nome sugere, trabalhar com lazyload é uma das mais importantes estratégias de tratamento de imagens com vistas á performance. Mas antes de falarmos um pouco mais sobre o lazyload precisamos explicar o que é carregamento antes e depois da dobra. Você sabe o que é a dobra de um site? Vamos lá. Chamamos de carregamento antes da dobra  tudo que deve aparecer na tela antes de o usuário dar um scrool...

O que é semântica html? Antes de explicarmos o que é semântica html precisamos explicar o que é html. Ao contrário do que muitos pensam, html não é programação, e sim marcação. É a maneira que os desenvolvedores marcam o texto para informar os navegadores onde os elementos começam e onde eles terminam.   Um parágrafo com um texto em negrito, por exemplo. É necessário marcar o texto para dizer onde o parágrafo começa. E é necessário também, marcar o...

O google é o lugar onde as pessoas procuram produtos e servições. E é desinteligente ficar de fora. Seu trabalho não será encontrado por quem está procurando por ele. Muitas pessoas acreditam que basta fazer um site e ele é automaticamente localizado pelo google, mas não é assim que funciona. Você precisa “indexar” seu site. Assim como o índice de um livro serve para mostrar aonde encontramos o conteúdo que queremos ler, a indexação no google cumpre a mesma missão. Precisamos...