do marketplace ao wordpress - wordcamp bh 2015
TRANSCRIPT
Fellyph Cintra
Software Engineer Elo7
Instrutor WordPress DRC
Trabalha com WordPress
since 2008
@fellyph
Blog + Marketplace
• Gerar tráfego + vendas • Manter o Elo7 presente na vida das pessoas • Valorizar o trabalho craft
5
Blog em números
• Mais de 400k visualizações mês • Mais de 1.600 posts • 27k comentários • Mobile is coming
• 47% do acesso é mobile + tablet • Finais de semana o acesso mobile > 60%
Passado x Presente
• Sem suporte mobile • Páginas pesadas • Nenhuma otimização para SEO • Excesso de plugins instalados
7
• Suporte mobile • Integração com time de conteúdo • Otimização para SEO • Atualização e melhorias do tema
SEO META 1 click
https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc 9
Imagens
As imagens atualmente são uma grande fonte de tráfego, elas merecem uma atenção especial
A extensão aponta as imagens sem titles e ALT’s
18
ALT’s e titles ajudam, mas…
Existem outros pontos que devemos levar em consideração:
• A imagem está relacionada ao conteúdo? • É um conteúdo original? • Nada de arquivos com DSC98932.jpg • Escale as imagens no tamanho correto • Utilize ferramentas de otimização(ImageOptim,
JPEGMini e PunyPNG)19
schema.org
• A grosso modo ela auxilia na classificação de nosso conteúdo para os mecanismos de busca
• Ela possui uma série grupos de conteúdo onde vamos identificando item-a-item.
20https://schema.org/docs/full.html
schema.org + WordPress
• Dentro do schema.org temos umas série de grupos de classificação.
• Um grupo que podemos encaixar o blog é CreativeWorks > Article > BlogPosting
• Podemos encontrar dentro do blog conteúdo que se encaixe em outros grupos
21
Validando seu schema.orgStructured Data Testing Tool
23https://developers.google.com/structured-data/testing-tool/
Facebook debugger
https://developers.facebook.com/tools/debug/ 25
Revisando
título, descrição, keywords
26
Headers
Imagens
schema.org
Leia o código
Monitoramento
Validando Conteúdo
• Check list para conteúdo • Alerta para o nível de
otimização do conteúdo • Mas não adianta atender
todos os checklist e ter um conteúdo pobre
27
Webmaster tools
• Análise de dados estruturados • Search Analytics • Análise de facilidade de uso em
dispositivos móveis • Rastreamento de erros
28
doc.js
• doc.js é uma micro biblioteca para manipular o DOM e browsers mobile e desktop.
• 2.4kb minificado + gzip • Biblioteca utiliza uma estrutura em AMD
32
https://github.com/elo7/doc-amd
Alguns recursos do doc.js
els size each data val html append text attr hasClass addClass
removeClass toggleClass removeItem find filter first last previous next parent isEmpty
on off throttle selectedText … closest
33