Aula 4 - Web Marketing - PDF

WEB MARKETING Publicidade e Marketing Aula 4  HOJE NO MENU SOCIAL PAGE WEBSITE SIGNALS PERFORMANCE USABILITY  HOJE NO MENU SOCIAL PAGE WEBSITE SIGNALS PERFORMANCE USABILITY  SOCIAL SIGNALS GOOGLE PRIVILEGIA LINKS COM GOSTOS E PARTILHAS...

WEB MARKETING Publicidade e Marketing Aula 4  HOJE NO MENU SOCIAL PAGE WEBSITE SIGNALS PERFORMANCE USABILITY  HOJE NO MENU SOCIAL PAGE WEBSITE SIGNALS PERFORMANCE USABILITY  SOCIAL SIGNALS GOOGLE PRIVILEGIA LINKS COM GOSTOS E PARTILHAS 1.Cria artigos que as pessoas queiram realmente partilhar ou fazer like. 2.Garante que o teu artigo tem as meta tags certas para uma correcta partilha nas páginas e uma imagem de partilha. 3.Vê o que funciona para a tua concorrência e faz melhor. 4.Coloca botões de partilha social no teu site. OPEN GRAPH TAGS ÚTIL PARA: ✓Termos total controlo sobre a forma como as redes sociais interpretam a nossa página OPEN GRAPH Tags utilizadas pelo Facebook, Pinterest e LinkedIn GERADOR DE TAGS OPEN GRAPH GENERATOR WORDPRESS - YOAST ÚTIL PARA: ✓Editarmos as tags Open Graph sem editar o código O Yoast já traz essa funcionalidade. Depois de cada alteração, deverás sempre refrescar o link recorrendo aos Sharing Debuggers IMAGEM OG 1200 px 630 px SHARING DEBUGGERS CADA REDE SOCIAL TEM O SEU SHARING DEBUGGER  HOJE NO MENU SOCIAL PAGE WEBSITE SIGNALS PERFORMANCE USABILITY PAGE PERFORMANCE GOOGLE PRIVILEGIA SITES RÁPIDOS PAGE PERFORMANCE UMA MÉTRICA IMPORTANTE PARA AS MARCAS O PESO DAS IMAGENS AS IMAGENS REPRESENTAM (EM MÉDIA) 60% DE CADA PÁGINA 1.Veri ca que as imagens não têm dimensões maiores do que o necessário. 2.Comprime sempre as imagens que colocares - poderás obter reduções de 30% ou mais. 3.Se a imagem não é exibida de imediato na página, opta pelo Lazy Loading. 4.O formato WebP gera imagens 25-35% mais pequenas que JPGs e PNGs e todos os browsers modernos o suportam. 5.Vídeo é geralmente uma melhor opção do que GIF. fi OTIMIZAR IMAGENS Utiliza ferramentas como o FileOptimizer (Windows) ou o ImageOptim (Mac), ou o Squoosh na web para reduzir ainda mais o tamanho, sem perda de qualidade PAGESPEED INSIGHTS UMA FERRAMENTA QUE NOS PERMITE AVALIAR A VELOCIDADE DO NOSSO SITE Com sugestões para melhorarmos a nossa pontuação GOOGLE LIGHTHOUSE FERRAMENTA DA GOOGLE PRESENTE NO CHROME Para além de informação de performance, dá-nos uma nota (e melhorias) para acessibilidade, SEO, boas práticas e PWA CHROME DEVTOOLS O NOSSO BROWSER TEM FERRAMENTAS QUE NOS MOSTRAM O QUE LEVA MAIS TEMPO A CARREGAR  HOJE NO MENU SOCIAL PAGE WEBSITE SIGNALS PERFORMANCE USABILITY  USABILIDADE GOOGLE PRIVILEGIA PÁGINAS QUE PENSAM PRIMEIRO NO UTILIZADOR 1.O HTTPS já não é só um nice-to-have. 2.O Site tem que estar preparado para dispositivos móveis. 3.Sites que di cultam o acesso à informação via pop-ups ou interstitials também são prejudicados. fi  HTTPS IMPORTANTE SOBRETUDO EM SITES QUE PEÇAM INFORMAÇÃO AO UTILIZADOR Um certi cado digital SSL (Secure Socket Layer) custa, no mínimo, 30€/ano. No entanto, sites como o Let’s Encrypt emitem-nos gratuitamente, e muitos alojamentos já o oferecem de raiz. fi MOBILE-FRIENDLY? CHROME DEVTOOLS O NOSSO BROWSER PODE MOSTRAR COMO O SITE É APRESENTADO EM VÁRIOS TELEMÓVEIS  ACESSIBILIDADE A ACESSIBILIDADE NA WEB TEM SIDO UMA PRIORIDADE NOS ÚLTIMOS ANOS Alguns cuidados a ter em conta: 1. Ter atenção ao contraste das cores 2. Utilizar headings para estruturar o texto (h1, h2…) 3. Dar nomes descritivos aos links 4. Identi car links que abrem numa nova janela 5. Inserir texto alternativo (atributo "alt") nas imagens 6. Inserir texto indicativo nos botões (atributo "aria-label") 7. Ter labels nos campos dos formulários 8. Indicar os elementos ativos (:focus) 9. Oferecer legendas nos vídeos fi POPUPS E INTERSTITIALS GOOGLE PENALIZA LAYERS QUE TAPAM O CONTEÚDO Todo o tipo de práticas que incomodam o utilizador acabarão por ser penalizadas. Esta é uma novidade recente nesse sentido. DÚVIDAS?