SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
SEO
WordPress e performance
SEO
SEO significa Search Engine Optimization (Otimização para mecanismos de
busca). É um conjunto de técnicas de otimização para sites, blogs e páginas na
web. Essas otimizações visam alcançar bons rankings orgânicos gerando tráfego
e autoridade para um site ou blog.
Fonte: Rock Content
SEO
Performance
(infra-estrutura)
Semântica
(códificação)
Conteúdo
Performance do site
A performance do site está diretamente ligado ao seu tempo de carregamento,
segundo o Google, um site deve carregar na média de 3.5 segundos (para
e-commerce).
Segundo especialistas um site com alta performance tem mais chances de
converter, pois tem um “uptime” maior.
Quanto mais pessoas acessam o site, maior as chances de conversão, e um site
otimizado consegue manter sua performance durante mais tempo.
Semântica - Código do site
A semântica é a parte que diz respeito há como os buscadores lêem a estrutura
de código do site, é praticamente um conjunto de regras que determina as boas
práticas de programação.
É importante sempre que o layout “preveja” que uma determinada estrutura seja
seguida com a finalidade de evitar surpresas ou penalidades por parte dos
buscadores.
Meta descrições e cabeçalhos são importantes para passar as primeiras informações a
respeito do conteúdo do site, é a primeira parte da estrutura a ser reconhecido pelos
buscadores quando o site é carregado.
Conteúdo
O conteúdo é a parte onde se inicia a estratégia, o desenvolvimento das páginas
devem ser sempre pensadas em como o conteúdo será disponibilizado para o
usuário, e em como os buscadores irão enxergar este conteúdo.
Segundo alguns especialistas a quantidade mínima de palavras para um blog
post é de 300 palavras, sendo 500 o tamanho máximo ideal. Porém existem
casos específicos de blog posts de 2000 palavras, nestes casos, vale a pena
observar se existe a real necessidade de um conteúdo tão extenso, se ele pode
ser quebrado em vários posts e até se não poderia virar um conteúdo mais rico
como e-book.
Obs: não existe um consenso sobre isso, mas alguns analistas dizem que um bom conteúdo deve ter frases
curtas com na máximo 30/40 palavras
Diagramação de conteúdo.
<h1> -> Titulo 1 no painel WordPress
Texto introdutório
<h2> -> titulo 2
Desenvolvimento do conteúdo
<h3> -> titulo 3 pode se iniciar um topico ou observação
desenvolvimento
Os títulos representam a importância do conteúdo para os buscadores sendo o h1 o mais importante e o
h6 menos importante que o h1, podem haver vários títulos repetidos, porém o h1 deve ser único
(geralmente inserido diretamente pela programação. Imagens devem conter o texto alternativo
preenchido.
Mobile First
Estima-se que mais de 60% dos acessos a internet hoje em são através de
mobile (tablets ou celulares), um estudo do IBGE aponta que 77% dos brasileiros
possuem aparelhos de celular e utilizam para acessar a internet
(app,site,buscadores).
Mobile First é uma metodologia ou conceito para projetos web onde o foco inicial
é a arquitetura e desenvolvimento direcionada para os dispositivos móveis.
Uma das principais vantagens é coibir erros de “mobile usability”, muito comuns
em sites que não são pensados primeiramente para o mobile e que acabam por
serem penalizados principalmente no Google.
Usabilidade UX
Experiência do Usuário Como uma pessoa se sente ao usar um produto. Ou mais
formalmente, de acordo com a definição dada pela ISO 9241-210, são as
respostas e percepções de uma pessoa resultantes do uso de um produto,
sistema ou serviço.
Não existe mais o padrão “faz ai o cliente se vira” ou “depois agente olha isso”,
desenvolvemos soluções, e como desenvolvedores de soluções devemos sempre
estar a frente dos nossos clientes e não o contrário.
1. O botão de US$ 300 milhões
As lojas virtuais que mais aumentam suas taxas de conversão são aquelas que se preocupam em
realizar testes de usabilidade com usuários. Mesmo quando o detalhe é mínimo, o usuário percebe e
aponta a falha, às vezes até sugerindo alguma alteração. Dessas interações, surgem sites otimizados e
que proporcionam uma experiência de navegação cada vez melhor.
Um exemplo de como um pequeno detalhe pode aumentar a conversão de um e-commerce á aquela
história do botão milionário. Depois de uma pequena alteração em um botão do site de uma loja virtual,
detectada após a aplicação de testes de usabilidade, aumentou as vendas em 45%, um faturamento
adicional de U$S 300 milhões só no primeiro ano.
A alteração foi sugerida por Jared Spool,fundador e CEO da User Interface Engineering, a maior
organização de pesquisa em usabilidade no mundo.
2. Walmart Brasil
Um dos maiores varejistas online da America Latina, o Walmart Brasil teve a estrutura e o posicionamento de seu
e-commerce reformulados em 2013, tudo para garantir uma melhor usabilidade e experiência aos usuários.
A página inicial mudou, aceita vários tipos de resolução de tela, o menu foi reduzido apenas para categorias (com a
subcategoria oculta), o topo do menu desaparece assim que o usuário utiliza a barra de rolagem, entre outras alterações.
O grande trunfo do Walmart foi tentar entender o momento de usuário, por meio de testes, e modificar o que não agradava
ou atrapalhava a navegação. Além disso, no site é possível ver todos os detalhes do produto, de vários ângulos distintos.
O usuário procura por detalhes que talvez nem sejam tão importantes para o fabricante ou o varejista, mas que serão a
diferença entre a compra e o abandono.
3. Jack Jones
A loja virtual Jack Jones é especializada em moda masculina e adotou o clustering como estratégia, uma das tendências
mais fortes do e-commerce. O clustering é uma técnica de Data Mining que faz agrupamentos automáticos de dados
segundo seu grau de semelhança.
A lógica é simples: a estratégia se concentra em conjuntos de roupas em vez de produtos individuais. Esse é um dos
princípios básicos do merchandising inteligente e pode ajudar a elevar os números de compra.
O site disponibiliza ideias de combinação para homens que normalmente não perdem muito tempo escolhendo roupas ou
sequer têm noção do que combina ou não. A loja ajuda os usuários a brincarem com diferentes combinações, até que
encontrem a que mais os agrade.
4. Netshoes
A grande sacada da Netshoes foi levar os reviews dos usuários mais a sério. Pense em você: costuma acreditar mais nas
especificações do fabricante ou no que os usuários dos produtos dizem?
Sabendo da relevância dessas informações para quem está pensando em comprar um calçado, a empresa passou a
mostrar dados adicionais aos reviews. Detalhes sobre a pessoa que escreveu o comentário, como gênero ou idade, se
pratica esportes sempre, é rato de academia, enriqueceram a confiabilidade e relevância dos reviews.
Outros detalhes como tamanho normal, muito aperto ou com folga também ajudam o usuário a escolher o tamanho do
tênis e diminuem o número de trocas e devoluções.
Cases Stalo
Enjoy

Mais conteúdo relacionado

Mais procurados

Tool Open-Source & Free for Web Analytics
Tool Open-Source & Free for Web AnalyticsTool Open-Source & Free for Web Analytics
Tool Open-Source & Free for Web AnalyticsFrancisco Gonçalves
 
SEO Básico - Otimização de Sites para mecanismos de buscas
SEO Básico - Otimização de Sites para mecanismos de buscasSEO Básico - Otimização de Sites para mecanismos de buscas
SEO Básico - Otimização de Sites para mecanismos de buscasExpertise na Web
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Renato Melo
 
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25Renato Melo
 
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29Renato Melo
 
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas DigitaisVender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas DigitaisRenato Melo
 
SEO - A história que não foi contada para você em 11 passos simples
SEO - A história que não foi contada para você em 11 passos simplesSEO - A história que não foi contada para você em 11 passos simples
SEO - A história que não foi contada para você em 11 passos simplesKarlahayde
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Renato Melo
 
Métricas e Otimização - Intercon 2009
Métricas e Otimização - Intercon 2009Métricas e Otimização - Intercon 2009
Métricas e Otimização - Intercon 2009Leonardo Naressi
 
Falando um pouco sobre Internet
Falando um pouco sobre Internet Falando um pouco sobre Internet
Falando um pouco sobre Internet Denis Budag
 
Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01
Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01
Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01Renato Melo
 
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a WebWebwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a WebResultados Digitais
 
Seo - Optimização de Página
Seo - Optimização de PáginaSeo - Optimização de Página
Seo - Optimização de PáginaAndré Craveiro
 
O Guia Completo do Redator Web
O Guia Completo do Redator WebO Guia Completo do Redator Web
O Guia Completo do Redator WebRock Content
 

Mais procurados (20)

Tool Open-Source & Free for Web Analytics
Tool Open-Source & Free for Web AnalyticsTool Open-Source & Free for Web Analytics
Tool Open-Source & Free for Web Analytics
 
Curso blog para sua empresa.
Curso   blog para sua empresa.Curso   blog para sua empresa.
Curso blog para sua empresa.
 
SEO Básico - Otimização de Sites para mecanismos de buscas
SEO Básico - Otimização de Sites para mecanismos de buscasSEO Básico - Otimização de Sites para mecanismos de buscas
SEO Básico - Otimização de Sites para mecanismos de buscas
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02
 
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
Ciencia da Conversao - Funil - Plat Digitais - Aulas 24-25
 
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
SEO, ADWORDS E GOOGLE - Plataformas Digitais - Aulas 28-29
 
OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...
OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...
OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...
 
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas DigitaisVender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
Vender, Converter, Lançar e Funil - Aulas 22 e 23 - Plataformas Digitais
 
SEO - A história que não foi contada para você em 11 passos simples
SEO - A história que não foi contada para você em 11 passos simplesSEO - A história que não foi contada para você em 11 passos simples
SEO - A história que não foi contada para você em 11 passos simples
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
 
Métricas e Otimização - Intercon 2009
Métricas e Otimização - Intercon 2009Métricas e Otimização - Intercon 2009
Métricas e Otimização - Intercon 2009
 
Entendendo Webwriting
Entendendo WebwritingEntendendo Webwriting
Entendendo Webwriting
 
Falando um pouco sobre Internet
Falando um pouco sobre Internet Falando um pouco sobre Internet
Falando um pouco sobre Internet
 
Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01
Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01
Marketing por Conteúdo e SEO - Plataformas Digitais - Aulas 26 e 27 de 2020-01
 
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a WebWebwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
 
Seo - Optimização de Página
Seo - Optimização de PáginaSeo - Optimização de Página
Seo - Optimização de Página
 
O Guia Completo do Redator Web
O Guia Completo do Redator WebO Guia Completo do Redator Web
O Guia Completo do Redator Web
 
USABILIDADE.
USABILIDADE.USABILIDADE.
USABILIDADE.
 
Introdução a Web Analytics
Introdução a Web AnalyticsIntrodução a Web Analytics
Introdução a Web Analytics
 
OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...
OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...
OTIMIZAÇÃO PARA MECANISMOS DE BUSCA (SEO), MARKETING PARA FERRAMENTAS DE BUSC...
 

Semelhante a Otimizando sites para e UX

SEO & Marketing Digital, mensurando resultados online.
SEO & Marketing Digital, mensurando resultados online.SEO & Marketing Digital, mensurando resultados online.
SEO & Marketing Digital, mensurando resultados online.Marcio Peruchi
 
Indústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatívelIndústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatívelArank
 
Brazil - guia internet_marketing
Brazil - guia internet_marketingBrazil - guia internet_marketing
Brazil - guia internet_marketingStanley Domeniquini
 
[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)Ricardo Belchior
 
Curso Básico de SEO
Curso Básico de SEOCurso Básico de SEO
Curso Básico de SEOGustavo Brito
 
Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?Felipe Bazon
 
Redação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8Ps
Redação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8PsRedação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8Ps
Redação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8PsVOZ Comunica
 
Como criar um site inteligente e que ajuda sua empresa a vender?
 Como criar um site inteligente e que ajuda sua empresa a vender? Como criar um site inteligente e que ajuda sua empresa a vender?
Como criar um site inteligente e que ajuda sua empresa a vender?Silvio César de Oliveira
 
SCurso de-seo-otimizacao-on-page
SCurso de-seo-otimizacao-on-pageSCurso de-seo-otimizacao-on-page
SCurso de-seo-otimizacao-on-pageErik Vicente
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digitalana
 
Modelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_websiteModelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_websiteAlan Pereira
 
Modelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteModelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteIsrael Degasperi
 
SEO para Wordpress
SEO para WordpressSEO para Wordpress
SEO para WordpressIan Castro
 
Como escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEOComo escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEOAlexandre Secco
 
Como escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEOComo escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEOGabriel Attuy
 
Manual Medialogue Como escrever para internet - Noções Básicas de SEO
Manual Medialogue Como escrever para internet - Noções Básicas de SEOManual Medialogue Como escrever para internet - Noções Básicas de SEO
Manual Medialogue Como escrever para internet - Noções Básicas de SEOMedialogue Digital
 
28-ferramentas-de-growth.pdf
28-ferramentas-de-growth.pdf28-ferramentas-de-growth.pdf
28-ferramentas-de-growth.pdfJailson Rodrigues
 
Mestrado - MRS - IA vs. SMM.pdf
Mestrado - MRS - IA vs. SMM.pdfMestrado - MRS - IA vs. SMM.pdf
Mestrado - MRS - IA vs. SMM.pdfAfonso Malheiro
 

Semelhante a Otimizando sites para e UX (20)

SEO & Marketing Digital, mensurando resultados online.
SEO & Marketing Digital, mensurando resultados online.SEO & Marketing Digital, mensurando resultados online.
SEO & Marketing Digital, mensurando resultados online.
 
Indústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatívelIndústrias e marcas: Como tornar seu site imbatível
Indústrias e marcas: Como tornar seu site imbatível
 
Brazil - guia internet_marketing
Brazil - guia internet_marketingBrazil - guia internet_marketing
Brazil - guia internet_marketing
 
[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)
 
Curso Básico de SEO
Curso Básico de SEOCurso Básico de SEO
Curso Básico de SEO
 
Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?Growth Hacking: Como o SEO se encaixa nessa história?
Growth Hacking: Como o SEO se encaixa nessa história?
 
Redação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8Ps
Redação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8PsRedação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8Ps
Redação Publicitárioa- Dicas de SEO e publicação sob a ótica dos 8Ps
 
Como criar um site inteligente e que ajuda sua empresa a vender?
 Como criar um site inteligente e que ajuda sua empresa a vender? Como criar um site inteligente e que ajuda sua empresa a vender?
Como criar um site inteligente e que ajuda sua empresa a vender?
 
SCurso de-seo-otimizacao-on-page
SCurso de-seo-otimizacao-on-pageSCurso de-seo-otimizacao-on-page
SCurso de-seo-otimizacao-on-page
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digital
 
Modelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_websiteModelo planejamento digital_interativo_website
Modelo planejamento digital_interativo_website
 
Modelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo WebsiteModelo Planejamento Digital Interativo Website
Modelo Planejamento Digital Interativo Website
 
Digitalks - FLN
Digitalks - FLNDigitalks - FLN
Digitalks - FLN
 
SEO para Wordpress
SEO para WordpressSEO para Wordpress
SEO para Wordpress
 
Como escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEOComo escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEO
 
Como escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEOComo escrever para a internet: Noções básicas de SEO
Como escrever para a internet: Noções básicas de SEO
 
Manual Medialogue Como escrever para internet - Noções Básicas de SEO
Manual Medialogue Como escrever para internet - Noções Básicas de SEOManual Medialogue Como escrever para internet - Noções Básicas de SEO
Manual Medialogue Como escrever para internet - Noções Básicas de SEO
 
SEO/SEM - Otimização de Websites
SEO/SEM - Otimização de WebsitesSEO/SEM - Otimização de Websites
SEO/SEM - Otimização de Websites
 
28-ferramentas-de-growth.pdf
28-ferramentas-de-growth.pdf28-ferramentas-de-growth.pdf
28-ferramentas-de-growth.pdf
 
Mestrado - MRS - IA vs. SMM.pdf
Mestrado - MRS - IA vs. SMM.pdfMestrado - MRS - IA vs. SMM.pdf
Mestrado - MRS - IA vs. SMM.pdf
 

Otimizando sites para e UX

  • 2. SEO SEO significa Search Engine Optimization (Otimização para mecanismos de busca). É um conjunto de técnicas de otimização para sites, blogs e páginas na web. Essas otimizações visam alcançar bons rankings orgânicos gerando tráfego e autoridade para um site ou blog. Fonte: Rock Content
  • 4. Performance do site A performance do site está diretamente ligado ao seu tempo de carregamento, segundo o Google, um site deve carregar na média de 3.5 segundos (para e-commerce). Segundo especialistas um site com alta performance tem mais chances de converter, pois tem um “uptime” maior. Quanto mais pessoas acessam o site, maior as chances de conversão, e um site otimizado consegue manter sua performance durante mais tempo.
  • 5. Semântica - Código do site A semântica é a parte que diz respeito há como os buscadores lêem a estrutura de código do site, é praticamente um conjunto de regras que determina as boas práticas de programação. É importante sempre que o layout “preveja” que uma determinada estrutura seja seguida com a finalidade de evitar surpresas ou penalidades por parte dos buscadores.
  • 6.
  • 7. Meta descrições e cabeçalhos são importantes para passar as primeiras informações a respeito do conteúdo do site, é a primeira parte da estrutura a ser reconhecido pelos buscadores quando o site é carregado.
  • 8. Conteúdo O conteúdo é a parte onde se inicia a estratégia, o desenvolvimento das páginas devem ser sempre pensadas em como o conteúdo será disponibilizado para o usuário, e em como os buscadores irão enxergar este conteúdo. Segundo alguns especialistas a quantidade mínima de palavras para um blog post é de 300 palavras, sendo 500 o tamanho máximo ideal. Porém existem casos específicos de blog posts de 2000 palavras, nestes casos, vale a pena observar se existe a real necessidade de um conteúdo tão extenso, se ele pode ser quebrado em vários posts e até se não poderia virar um conteúdo mais rico como e-book. Obs: não existe um consenso sobre isso, mas alguns analistas dizem que um bom conteúdo deve ter frases curtas com na máximo 30/40 palavras
  • 9. Diagramação de conteúdo. <h1> -> Titulo 1 no painel WordPress Texto introdutório <h2> -> titulo 2 Desenvolvimento do conteúdo <h3> -> titulo 3 pode se iniciar um topico ou observação desenvolvimento Os títulos representam a importância do conteúdo para os buscadores sendo o h1 o mais importante e o h6 menos importante que o h1, podem haver vários títulos repetidos, porém o h1 deve ser único (geralmente inserido diretamente pela programação. Imagens devem conter o texto alternativo preenchido.
  • 10. Mobile First Estima-se que mais de 60% dos acessos a internet hoje em são através de mobile (tablets ou celulares), um estudo do IBGE aponta que 77% dos brasileiros possuem aparelhos de celular e utilizam para acessar a internet (app,site,buscadores). Mobile First é uma metodologia ou conceito para projetos web onde o foco inicial é a arquitetura e desenvolvimento direcionada para os dispositivos móveis. Uma das principais vantagens é coibir erros de “mobile usability”, muito comuns em sites que não são pensados primeiramente para o mobile e que acabam por serem penalizados principalmente no Google.
  • 11. Usabilidade UX Experiência do Usuário Como uma pessoa se sente ao usar um produto. Ou mais formalmente, de acordo com a definição dada pela ISO 9241-210, são as respostas e percepções de uma pessoa resultantes do uso de um produto, sistema ou serviço. Não existe mais o padrão “faz ai o cliente se vira” ou “depois agente olha isso”, desenvolvemos soluções, e como desenvolvedores de soluções devemos sempre estar a frente dos nossos clientes e não o contrário.
  • 12. 1. O botão de US$ 300 milhões As lojas virtuais que mais aumentam suas taxas de conversão são aquelas que se preocupam em realizar testes de usabilidade com usuários. Mesmo quando o detalhe é mínimo, o usuário percebe e aponta a falha, às vezes até sugerindo alguma alteração. Dessas interações, surgem sites otimizados e que proporcionam uma experiência de navegação cada vez melhor. Um exemplo de como um pequeno detalhe pode aumentar a conversão de um e-commerce á aquela história do botão milionário. Depois de uma pequena alteração em um botão do site de uma loja virtual, detectada após a aplicação de testes de usabilidade, aumentou as vendas em 45%, um faturamento adicional de U$S 300 milhões só no primeiro ano. A alteração foi sugerida por Jared Spool,fundador e CEO da User Interface Engineering, a maior organização de pesquisa em usabilidade no mundo.
  • 13. 2. Walmart Brasil Um dos maiores varejistas online da America Latina, o Walmart Brasil teve a estrutura e o posicionamento de seu e-commerce reformulados em 2013, tudo para garantir uma melhor usabilidade e experiência aos usuários. A página inicial mudou, aceita vários tipos de resolução de tela, o menu foi reduzido apenas para categorias (com a subcategoria oculta), o topo do menu desaparece assim que o usuário utiliza a barra de rolagem, entre outras alterações. O grande trunfo do Walmart foi tentar entender o momento de usuário, por meio de testes, e modificar o que não agradava ou atrapalhava a navegação. Além disso, no site é possível ver todos os detalhes do produto, de vários ângulos distintos. O usuário procura por detalhes que talvez nem sejam tão importantes para o fabricante ou o varejista, mas que serão a diferença entre a compra e o abandono.
  • 14. 3. Jack Jones A loja virtual Jack Jones é especializada em moda masculina e adotou o clustering como estratégia, uma das tendências mais fortes do e-commerce. O clustering é uma técnica de Data Mining que faz agrupamentos automáticos de dados segundo seu grau de semelhança. A lógica é simples: a estratégia se concentra em conjuntos de roupas em vez de produtos individuais. Esse é um dos princípios básicos do merchandising inteligente e pode ajudar a elevar os números de compra. O site disponibiliza ideias de combinação para homens que normalmente não perdem muito tempo escolhendo roupas ou sequer têm noção do que combina ou não. A loja ajuda os usuários a brincarem com diferentes combinações, até que encontrem a que mais os agrade.
  • 15.
  • 16. 4. Netshoes A grande sacada da Netshoes foi levar os reviews dos usuários mais a sério. Pense em você: costuma acreditar mais nas especificações do fabricante ou no que os usuários dos produtos dizem? Sabendo da relevância dessas informações para quem está pensando em comprar um calçado, a empresa passou a mostrar dados adicionais aos reviews. Detalhes sobre a pessoa que escreveu o comentário, como gênero ou idade, se pratica esportes sempre, é rato de academia, enriqueceram a confiabilidade e relevância dos reviews. Outros detalhes como tamanho normal, muito aperto ou com folga também ajudam o usuário a escolher o tamanho do tênis e diminuem o número de trocas e devoluções.
  • 17.
  • 18.
  • 19.
  • 21.
  • 22.
  • 23. Enjoy