Vantagens de usar o WordPress, de blogs a portais

Apresentação realizada na faculdade Pitágoras em Guaraparí, mostrando vantagens de usar o wordpress desde um pequeno projeto, até mesmo um grande portal

Transcript

1. Vantagens de usar o WordPress De Blogs a Portais
2. Quem é Daniel Marcos • Analista SEO • 4 anos em WordPress • Programador Back End • Contribuidor ativo no fórum oficial • Autor do livro “WordPress e suas funções”
4. danielmarcos.com.br
5. Vamos entender o que é esse WordPress.
6. Em 2013 https://twitter.com/wordcampsf
7. Em 2014 • 22,3% de todos os sites do mundo usam WordPress • 98,5 usam a versão 3.x
8. Em 2014 • 22,3% de todos os sites do mundo usam WordPress • 98,5 usam a versão 3.x • Joomla: 3.1% • Drupal: 1.9% • Blogger: 1.1% • Magento: 1.0%
9. http://en.wordpress.com/stats/traffic/
10. 409 milhões as visitas. 14,5 bilhões de páginas vistas por mês http://en.wordpress.com/stats/traffic/
11. http://newsroom.blogs.cnn.com
12. http://blogs.nfl.com http://newsroom.blogs.cnn.com
13. http://imasters.com.br
14. http://noticias.r7.com/prisma http://imasters.com.br
15. O que eu posso fazer com WordPress ? • E-commerce • Fóruns • Blogs • Wiki • Sites pessoais e profissionais • Grandes Sites
16. No mundo http://goo.gl/cAZIF7
17. http://goo.gl/YPvWVK No Brasil
18. wordpress.com wordpress.org x
19. wordpress.com Você pode criar o seu próprio blog usando um subdomínio.
20. wordpress.com Você pode criar o seu próprio blog usando um subdomínio. http://danielmarcos.wordpress.com
21. wordpress.org Voltado ao desenvolvedor. • Plugins • Themes • Fórum • Download do CMS • Documentação oficial
22. • Admin: Tem todos os acessos • Editor: Publica e edita qualquer post • Autor: Publica e editar apenas os seus posts • Colaborador: Escreve mas não publica • Assinante: Pode comentar nos posts
23. Falando em Performance
25. wordpress.com
26. wordpress.org
27. dreamhost.com
28. peixeurbano.com
29. cnn.com
30. http://goo.gl/KztKo Janeiro / 2012
31. http://goo.gl/zLvFD Maio / 2014
32. Tem versão para Windows e Linux
33. Tem versão para Windows e Linux http://nginx.org/en/docs
34. Tem versão para Windows e Linux http://nginx.org/en/docs http://winginx.com/en/download
35. Winginx
36. http://winginx.com/en/download
37. Você pode trabalhar com um pacote de ferramentas
46. C:\Winginx\home C:\Winginx\home\ondaylinux
47. Alguns teste com Nginx http://goo.gl/kpfr
48. Alguns teste com Nginx http://goo.gl/kpfr
49. http://goo.gl/9msmqr Em 2010, O site Mozilla fez uma otimização na página de download do firefox, ganhando mais 2.2 segundos. Isso lhe rendeu 15.4% no aumento em conversões, ou seja, houve um adicional de 60 milhões em um ano. Case de otimização
50. Boas práticas para melhorar performance • Quantidade de chamadas ao banco de dados
51. Boas práticas para melhorar performance <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <meta content="text/html; charset=<?php bloginfo('charset'); ?>" /> <meta name="generator" content="<?php bloginfo('version'); ?>" /> <style> @import url( <?php bloginfo('stylesheet_url'); ?> ); </style> <link type="application/rss+xml" href="<?php bloginfo('rss2_url'); ?>" /> <link type="text/xml" href="<?php bloginfo('rss_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> header.php
52. Boas práticas para melhorar performance Agora multiplica pela quantidade de visitas diárias, e pela quantidade de Pageviews.
53. Boas práticas para melhorar performance
54. Boas práticas para melhorar performance • Quantidade de chamadas ao banco de dados • CSS Sprite
55. Boas práticas para melhorar performance
56. Boas práticas para melhorar performance • Quantidade de chamadas ao banco de dados • CSS Sprite • W 3 total cache
57. Boas práticas para melhorar performance https://wordpress.org/plugins/w3-total-cache
58. Boas práticas para melhorar performance • Quantidade de chamadas ao banco de dados • CSS Sprite • W 3 total cache • Otimizando Imagens
59. Boas práticas para melhorar performance https://wordpress.org/plugins/wp-smushit O plugin Wp - Smushit faz redução automática de imagens que estão nos posts.
60. Boas práticas para melhorar performance • Quantidade de chamadas ao banco de dados • CSS Sprite • W 3 total cache • Otimizando Imagens • Ferramentas
61. Boas práticas para melhorar performance
62. Boas práticas para melhorar performance
63. Boas práticas para melhorar performance
64. Boas práticas para melhorar performance • Quantidade e tamanho de imagens, CSS e JS
65. Boas práticas para melhorar performance • Quantidade e tamanho de imagens, CSS e JS • Quantidade de requisições HTTP • Chamada por API
66. Boas práticas para melhorar performance http://developers.google.com/speed/pagespeed/insights
67. Boas práticas para melhorar performance http://developers.google.com/speed/pagespeed/insights
68. Boas práticas para melhorar performance http://www.webpagetest.org
69. Boas práticas para melhorar performance http://www.webpagetest.org
70. Boas práticas para melhorar performance http://www.webpagetest.org
71. Boas práticas para melhorar performance http://www.webpagetest.org
72. Boas práticas para melhorar performance http://tools.pingdom.com/fpt
73. Boas práticas para melhorar performance http://tools.pingdom.com/fpt
74. Boas práticas para melhorar performance http://tools.pingdom.com/fpt
75. Livro recomendado Alta Performance em Sites Web Autor: Steve Souders
76. Otimizando o conteúdo
77. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo
78. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo • Crie categorias com boas palavras
79. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo • Crie categorias com boas palavras • Use URL amigável
80. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo • Crie categorias com boas palavras • Use URL amigável • meusite.com.br?p=123
81. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo • Crie categorias com boas palavras • Use URL amigável • meusite.com.br/tutorial-criando-themes-em-wordpress
82. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo • Crie categorias com boas palavras • Use URL amigável • meusite.com.br/tutorial-criando-themes-em-wordpress • Otimizando imagens
83. Ofereça conteúdo que estão buscando • Usuário usam palavras para pesquisar, cuide que elas estejam em seu conteúdo • Crie categorias com boas palavras • Use URL amigável • meusite.com.br/tutorial-criando-themes-em-wordpress • Otimizando imagens <img src=“protesto-copa-do-mundo.jpg” alt=“Foto do protesto”>
84. Otimize seu conteúdo
85. Otimize seu conteúdo
86. Otimize seu conteúdo
87. Otimize seu conteúdo
88. Otimize seu conteúdo
89. Otimize seu conteúdo
90. Otimize seu conteúdo
91. Otimize seu conteúdo
92. Otimize seu conteúdo
93. Otimize seu conteúdo <img style="text-align:center" src="http://www.brasilescola.com/upload/conteudo/images/94ee0cd4b306a6ae7e4a535e284321a3.jpg" alt="A aceleração do degelo na calota polar da Groenlândia duplicou nos últimos 25 anos" title="Aquecimento Global">
94. https://wordpress.org/plugins/wordpress-seo
95. Otimize seu conteúdo
98. Dúvidas
99. danielmarcos.com.br
100. danielmarcos.com.br Obrigado!