tudo para wordpress planejamento design e desenvolvimento php in rio
DESCRIPTION
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 2011TRANSCRIPT
![Page 1: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/1.jpg)
![Page 2: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/2.jpg)
![Page 3: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/3.jpg)
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.
![Page 4: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/4.jpg)
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.
![Page 5: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/5.jpg)
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.
![Page 6: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/6.jpg)
“To the left, to the right, in the medium ... But in second time i have to control the match!”
(Santana, Joel)
![Page 7: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/7.jpg)
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.
![Page 8: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/8.jpg)
A primeira versão do site
Tema: Revolution City Theme, levemente modificado
![Page 9: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/9.jpg)
A primeira versão do site
![Page 10: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/10.jpg)
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!
![Page 11: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/11.jpg)
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.
![Page 12: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/12.jpg)
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
![Page 13: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/13.jpg)
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.
![Page 14: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/14.jpg)
“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
Google Analytics e Métricas
![Page 15: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/15.jpg)
Google Analytics e Métricas
Obs: Números fictícios
![Page 16: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/16.jpg)
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)
![Page 17: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/17.jpg)
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?
![Page 18: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/18.jpg)
• 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%
Resultados até o momento
![Page 19: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/19.jpg)
![Page 20: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/20.jpg)
O logotipo
![Page 21: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/21.jpg)
A cara do WordPress
![Page 22: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/22.jpg)
Elementos visuais
![Page 23: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/23.jpg)
![Page 24: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/24.jpg)
![Page 25: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/25.jpg)
![Page 26: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/26.jpg)
![Page 27: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/27.jpg)
![Page 28: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/28.jpg)
![Page 29: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/29.jpg)
![Page 30: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/30.jpg)
![Page 31: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/31.jpg)
![Page 32: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/32.jpg)
![Page 33: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/33.jpg)
![Page 34: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/34.jpg)
![Page 35: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/35.jpg)
![Page 36: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/36.jpg)
![Page 37: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/37.jpg)
![Page 38: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/38.jpg)
![Page 39: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/39.jpg)
![Page 40: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/40.jpg)
É pra inovar? Então vamos brincar direito...
![Page 41: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/41.jpg)
Usamos plugins, mas usamos poucos!!
• Akismet
• Redirection
• W3 Total cache
• WordPress SEO
• WP Smush.it
• Mais agilidade
• Menos requisições
• Menos código
• Menos dor de cabeça!!
Como acelerar seu blog WordPress usando menos plugins? - http://minim.in/t7
![Page 42: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/42.jpg)
Nem sempre a solução criada por um plugin é melhor que meia dúzia de linhas de código.
![Page 43: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/43.jpg)
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/
![Page 44: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/44.jpg)
Open Graph Protocol
![Page 45: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/45.jpg)
Ainda tem muito pra chegar!!
• Web Storage • Video • Facebook API • Twitter API
![Page 46: Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio](https://reader030.vdocuments.net/reader030/viewer/2022020207/549671f6ac795959288b51f5/html5/thumbnails/46.jpg)