Palestra da Equipe Tudo Para WordPress falando sobre a história do site, sua evolução, e todo planejamento, design e desenvolvimento do novo layout implementado em outubro de 2011

3. O time de craques
@GugaAlves
Analista de Sistemas e com MBA em Marketing Digital.
Vencedor do Desafio SEO 2009/2010, nosso fundador e
editor-chefe do Tudo Para WordPress já palestrou sobre SEO
e WordPress em diversos eventos, compartilhando seu
aprendizado também no mundo offline e por todos os cantos
do Brasil, e é apontado como uma das principais referências
em WordPress do Brasil.

4. O time de craques
@lluanmuniz
nasceu em 91 no Rio de Janeiro, cidade que ama e adora!!
Trabalhou durante toda a sua vida profissional na área de
informática e se apaixonou cedo pelos códigos. Desde
sempre foi muito curioso e sempre se empenhou em
aprender e inovar.

5. O time de craques
@cristianoweb
Já foi vendedor de sapatos, promotor de brinquedos e até
cobrador de telemarketing.
Na Internet é mais conhecido como @cristianoweb e
trabalha como designer desde 2001, mas foi somente em
2007 que descobriu as maravilhas dos CMS e desde então
se especializou em layouts focados em negócio baseados
em WordPress.

6. “To the left, to the right, in the medium ...
But in second time i have to control the match!”
(Santana, Joel)

7. A história do site
Meu primeiro contato com WordPress foi em 2008 com o WordPress 2.5,
mesmo ano de nascimento do Tudo Para WordPress, enquanto era responsável
por suporte técnico em uma agência de Marketing Digital.
Ao conhecer o WordPress com programadores de tal agência e encontrar
poucos sites em português sobre o assunto, resolveu criar um site sobre
WordPress apenas para ser um ponto inicial para compartilhar o que vinha
aprendendo sobre WordPress sem ter noção no que seu site viria a se tornar
um dia.

8. A primeira versão do site
Tema: Revolution City Theme, levemente modificado

9. A primeira versão do site

10. A primeira versão do site
Pra época até que dava pro gasto, os destaques na home cumpriram seu papel
e o bom conteúdo fez o site crescer rapidamente em pouco tempo.
Mas o tempo passa amigo, e mudanças se fizeram necessárias!

11. Porque resolvemos mudar
• Novas tecnologias surgiram, como CSS3 e HTML5;
• Navegação via mobile não é mais só modismo, é realidade;
• Otimização de landing pages;
• Maior destaque para colaboradores do site;
• Crescimento das mídias sociais;
• Seu site é o seu portfólio, então ele deve ser belo;
• Utilização de novas metodologias aprendidas;
• Métricas do site apontavam pontos falhos a serem resolvidos.

12. Decisões tomadas para o layout novo
• Usabilidade precisava urgentemente ser melhorada
• Experiência adquirida mostrava que era possível melhorar os resultados atingidos
• Segmentação do conteúdo utilizando tags da maneira correta - http://minim.in/WM
• Manutenibilidade (tema e plugins)
• Velocidade de carregamento e utilização de banda
• Relatos de usuários
• Mapa de Calor (clickheat) - http://minim.in/WN
• Análise de Concorrência
• Métricas de nosso site

13. A importância das métricas
Obter controle de um projeto e, portanto, poder gerenciá-lo. Avaliamos para
estimar se estamos perto ou longe dos objetivos definidos no plano em
termos de conclusão, qualidade, compatibilidade com os requisitos, etc
Avaliamos também para podermos estimar melhor o esforço de novos
projetos, o custo e a qualidade, com base na experiência passada. Por fim,
avaliamos para estimar como melhorar algum aspecto importante do
desempenho do processo ao longo do tempo, para examinar os efeitos das
mudanças.

14. Google Analytics e Métricas
“Quando você pode medir o que você está falando, e expressá-lo em
números, você sabe alguma coisa sobre isso; mas quando você não pode
expressá-lo em números, seu conhecimento é do tipo frágil e insatisfatório.
Isso pode ser o princípio do conhecimento, mas você mal tem na sua mente
pensamentos avançado para o estado da ciência.”
Lord Kelvin, matemático e físico britânico
1824 - 1907

15. Google Analytics e Métricas
Obs: Números fictícios

16. Métricas Básicas
• Visitantes
• Visitantes Únicos (Unique Visitors)
• Páginas Vistas (PageViews)
• Duração da Visita (Tempo Médio no Site)
• Taxa de Rejeição (Bounce Rate)

17. Estudo de comportamento dos usuários
Algumas coisas que levamos em conta:
• Quais itens do menu são mais clicados?
• Quais elementos da página são mais clicados?
• Qual posicionamento ideal para os itens importantes?
• Quais posts foram mais comentados?
• Quais posts foram mais visitados?
• Quais categorias são mais visitadas?

18. Resultados até o momento
• Visitas: -6,95% (atualização DNS)
• Visualizações de página: + 26,50%
• Páginas/visita: + 35,95%
• Taxa de Rejeição: -13,72%
• Tempo médio no site: +2,97%

20. O logotipo

21. A cara do WordPress

22. Elementos visuais

40. É pra inovar? Então vamos brincar direito...

41. Usamos plugins, mas usamos poucos!!
• Mais agilidade • Akismet
• Menos requisições • Redirection
• Menos código • W3 Total cache
• Menos dor de cabeça!! • WordPress SEO
• WP Smush.it
Como acelerar seu blog WordPress usando menos plugins? - http://minim.in/t7

42. Nem sempre a
solução criada
por um plugin é
melhor que meia
dúzia de linhas
de código.

43. Open Graph Protocol (Facebook)
Você sabia que o Facebook tem seu próprio esquema de classificação com
metadados? Bem-vindo ao Open Graph Protocol!
https://developers.facebook.com/docs/opengraph/

44. Open Graph Protocol

45. Ainda tem muito pra chegar!!
• Web Storage
• Video
• Facebook API
• Twitter API