Postagens

Mostrando postagens de maio, 2019

Como tirar sua certificação Google Analytics IQ

Imagem
Se você já trabalha com Google Analytics avançado e deseja medir seu nível de conhecimento na ferramenta, poderá fazer o exame  Google Analytics Individual Qualification (GAIQ) . Embora não exista a palavra  “certificação”  no título do exame, mas sim  “qualificação” , os documentos oficiais do Google o tratam em diversos pontos como tal, além de estar disponível apenas no  Academy for Ads , programa de treinamento online do Google. A avaliação é composta por 70 perguntas e devem ser respondidas em até 90 minutos. Exame Google Analytics Individual Qualification Como se preparar para o exame GAIQ O Google Analytics Individual Qualifica… Acesse o conteúdo completo de  Como tirar sua certificação Google Analytics IQ

Como configurar o Google Analytics em páginas AMP

As páginas AMP (Accelerated Mobile Pages)  são páginas otimizadas para uma carregamento rápido em celular. É um projeto que o Google apoia e hoje afeta os resultados de pesquisa feitas pelos usuários do seu site. Neste post eu considero que você já tem páginas AMP no seu site e precisa configurar e usar o Google Analytics pra acompanhar os números de acesso relacionados com essas páginas. Configuração básica para acompanhar pageviews Para fazer a configuração básica do Google Analytics em uma página AMP, copie o seguinte código e substitua <GA_ID>  pelo código de propriedade que você quer usar. Saiba como  configurar o Google Analytics e encontrar seu cód… Acesse o conteúdo completo de  Como configurar o Google Analytics em páginas AMP

Como configurar o Google Analytics no WordPress sem plugin

Um site WordPress pode ficar muito lento com a utilização de plugins em excesso. Isso acontece praticamente em todos os sites pela facilidade de utilização do recurso, mas é algo que pode ser evitado. Muitos plugins podem ser substituídos por algumas ações manuais e a  configuração do Google Analytics  é um exemplo disso, pois pode ser feito em alguns minutos por qualquer pessoa. Vamos lá! Instalando o código do Google Analytics pelo WordPress O primeiro passo é  criar uma conta gratuita no Google Analytics , colocar os dados do seu site e conseguir o código de acompanhamento. Segue abaixo um exemplo de código que deve ser instalado no seu site. https://www.googletagmanager.com/gtag/js?id=UA-999999999-X window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-999999999-X'); No admin do seu WordPress, procure pe… Acesse o conteúdo completo de  Como configurar o Google Analy...

Botões de compartilhamento nativos para seu site

Com as redes sociais cada vez mais em alta, é uma prática muito comum, principalmente em blogs e sites de notícias, colocar botões para compartilhamento de conteúdo. Existem diversas maneiras de colocar esses botões, mas a grande maioria delas adiciona muito código ao site, deixando o carregamento mais lento e com possíveis conflitos de scripts, prejudicando o  PageSpeed . Neste post eu vou mostrar como criar esses botões ou links sem códigos de terceiros (AddThis, por exemplo), somente com as URLs próprias de cada rede social, além do  recurso de compartilhamento nativo para Chrome / Android (Web Share API: navigator.share) . Se preferir, acesse  “Como colocar botões de compartilhamento nativos em seu site com HTML e JavaScript” no YouTube. Criando os botões de compartilhamento com HTML Vamos fazer primeiro a forma mais pura e simples, com HTML. Você deve criar os botões com imagens ou ícones … Acesse o conteúdo completo de  Botões de compartilhamento n...

Imagens responsivas e dinâmicas com sizes e srcset

Quando o assunto é otimização de sites, as imagens são as que devem receber uma maior atenção, pois elas são responsáveis por grande parte do tempo de carregamento das páginas. Com a chegada do HTML5, novos recursos foram adicionados para facilitar o trabalho de otimização das imagens, e dois deles são os atributos  sizes  e  srcset  da tag  img  do HTML. Imagine um celular com tela de 360px de largura e DPR 1. Não faz sentido carregar uma imagem com 1500px, feita para acesso desktop e internet rápida, certo? A ideia deste post é mostrar na prática  (vou deixar tudo pra download)  como carregar imagens de forma inteligente, que se adaptam ao tamanho de tela, e pra isso vamos falar também de  viewport, resolução, pixel, DPR, além dos atributos sizes e srcset . Eu considero também que você possui conhecimento de HTML e CSS. Se preferir, acesse  “Imagens responsivas e dinâmicas com sizes e srcset (atributos HTML)”  no YouTube....

Tap targets e SEO: seu site com áreas de clique corretas

Se você tem um site comum, blog ou ecommerce, com certeza se preocupa com a experiência do usuário e SEO, certo? Principalmente em acessos feitos pelo celular, que não param de crescer. Você já entrou em um site pelo celular e teve dificuldade para clicar em algo? Ninguém gosta disso e o Google também não! Então evite a perda de tráfego e problemas com SEO configurando corretamente as áreas clicáveis do seu site. Se preferir, acesse  “Tap targets e SEO: seu site com áreas de clique corretas”  no YouTube. Regras de acessibilidade para links As regras são bem simples e devem ser aplicadas em todas as áreas clicáveis do seu site, como links e botões, principalmente na versão ou adaptação para cel… Acesse o conteúdo completo de  Tap targets e SEO: seu site com áreas de clique corretas

Autoridade de domínio: Seu site mais forte nas buscas (SEO)

Se você tem um site comum, blog ou ecommerce, com certeza quer ele bem posicionado no Google, certo? Principalmente para as palavras-chave que são diretamente relacionadas com o seu negócio. Se você já tem conhecimento sobre o assunto, sabe que essa tarefa é muitas vezes bem complexa e exige tempo, além de um ótimo trabalho de  SEO  (otimização para os sites de buscas). Um projeto de SEO conta com muitas tarefas e a escolha do domínio é importante! Muitas vezes vale mais a pena comprar um domínio do que registrar um novo, sabia disso? Vamos lá, vou explicar! Se preferir, acesse  “Autoridade de domínio: Seu site mais forte nas buscas (SEO)”  no YouTube. Autoridade de domínio A autoridade de domínio, também conhecida como  DA (Domain Authority) , é uma métrica dentro do SEO que mostra a relevância do endereço do seu site dentro da internet, numa  pontuação que vai … Acesse o conteúdo completo de  Autoridade de domínio: Seu site mais forte na...

Usuários Novos x Recorrentes no Google Analytics

Quem trabalha com Google Analytics, com certeza já passou pelo relatório Novos x Recorrentes e viu algo fora do lugar, ou seja, números aparentemente incorretos. Acontece que o Google Analytics oferece duas formas de analisar esses dados, onde você consegue fazer a leitura de acordo com um período específico ou ciclo de vida dos usuários. Se preferir, acesse  “Usuários Novos x Recorrentes no Google Analytics”  no YouTube. Usuários Novos x Recorrentes No Google Analytics, em vários relatórios aparecem métricas e dimensões sobre Usuários e Novos Usuários. O primeiro passo então é entender as diferenças entre elas. É considerado  Novo Usuário  aquele que teve apenas uma sessão no período anali… Acesse o conteúdo completo de  Usuários Novos x Recorrentes no Google Analytics

Como conseguir pontuação 100 no Google PageSpeed Insights

Você já acessou um site lento e acabou desistindo? Essa situação é muito comum de acontecer por causa da velocidade de conexão da internet e  principalmente pela falta de otimização do site. Se você tem um site, ele deve estar otimizado para ser carregado em todos os dispositivos e no menor tempo possível, com design adaptável e recursos de acessibilidade, assim você garante um público maior. Neste post eu vou mostrar como você pode medir o desempenho do seu site com o Google PageSpeed e também o significado dos itens auditados, dessa forma você terá o entendimento do que fazer para conseguir a pontuação máxima. Se preferir, acesse  “Como conseguir pontuação 100 no Google PageSpeed Insights”  no YouTube. O Google PageSpeed Insights O PageSpeed Insights do Google é uma ótima ferramenta pra medir o nível de otimização do seu site e também a velocidade de carregamento, simulando o acesso em celular e também no computad… Acesse o conteúdo completo de  Como c...

Como criar segmento por região do Brasil no Google Analytics

Este tutorial nasceu da necessidade de uma aluna minha, que precisava agrupar os dados no Google Analytics por região do Brasil, exibindo, por exemplo, os usuários da região Sudeste. No Google Analytics existem algumas dimensões para mostrar a origem geográfica dos acessos: país; cidade; continente; área metropolitana; região, sendo que este mostra o estado do país, e não a região. Não existe então a dimensão Região do Brasil, mas é possível "criar uma" , usando filtros avançados com expressão regular e segmentos personalizados, então vamos lá fazer! Se preferir, acesse  "Como criar segmento por região do Brasil no Google Analytics"  no YouTube. Criando o segmento por região Abra qualquer relatório do Google Analytics Clique em  Adicionar Segmento , na parte superior Clique em  Novo Segmento Coloque o nome do segmento (Sudeste, por exe... Acesse o conteúdo completo de Como criar segmento por região do Brasil no Google Analytics

Teste e corrija o contraste de cores do seu site (WCAG)

A  WCAG (Web Content Accessibility Guidelines)  é um conjunto de diretrizes sobre acessibilidade para conteúdos disponíveis na internet, que apresenta recomendações para tornar o conteúdo acessível aos usuários, principalmente portadores de necessidades especiais. Uma das recomendações diz que elementos de texto devem ter contraste de cores suficiente em relação ao plano de fundo. Muitas vezes é difícil ter certeza se o contraste está correto, por isso é importante testar. Se preferir, acesse  “Teste e corrija o contraste de cores do seu site (WCAG)”  no YouTube. Como testar e corrigir o contraste de cores Você pode usar a ferramenta  Google Lighthouse  para analisar o contraste dos textos, identificando possíveis itens fora da recomendação WCAG, além de fazer uma auditoria completa de outros itens relacionados com acessibil… Acesse o conteúdo completo de  Teste e corrija o contraste de cores do seu site (WCAG)