Ao longo dessa nossa série de posts passamos por um número muito grande de conceitos e informações. Para ajudá-lo a ter uma melhor fixação de tudo que foi visto, neste post nós faremos um pequeno resumo. Depois do entendimento agora vamos separa o que você precisa realmente fixar.   O que foi visto?                 Apresentação:                 A missão da google é entregar para quem fez a pesquisa o conteúdo mais relevante                 As imagens são parte importantíssima de uma estratégia...

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...

Olá! Seja bem-vindo á nossa série de posts sobre tratamento de imagens com vistas a SEO e performance. Aqui na Pipeline uma de nossas convicções é de que um site é uma ferramenta que precisa se comunicar com outras. Dentro do mundo do marketing digital, em pleno 2022, um site sozinho não se basta mais. Para ter visibilidade ele precisa comunicar com as redes sociais, mas principalmente com o Google. E a missão do buscador é entregar para o usuário...

Indexamos o site da Reat no google no dia 28/12/2021 e ele começou a aparecer na quarta página, conforme o print. Você pode entender melhor sobre o que é indexar seu site no google lendo este post. [caption id="attachment_823" align="alignnone" width="889"] Site da Reat na página 4 do resultado de pesquisa orgânica do google.[/caption]