do marketplace ao wordpress - wordcamp bh 2015

37
Do Marketplace ao WordPress Fellyph Cintra Elo7

Upload: fellyph-cintra

Post on 31-Jul-2015

1.300 views

Category:

Technology


1 download

TRANSCRIPT

Do Marketplace ao WordPressFellyph Cintra Elo7

Fellyph Cintra

Software Engineer Elo7

Instrutor WordPress DRC

Trabalha com WordPress

since 2008

@fellyph

O elo7

3http://craftedbits.elo7.com.br/2014/11/17/metodologia-agil-no-elo7/

Elo7 Marketplace e blog

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

Ferramentas

• SEO META 1 click8

• Webmaster tools

SEO META 1 click

https://chrome.google.com/webstore/detail/seo-meta-in-1-click/bjogjfinolnhfhkbipphpdlldadpnmhc 9

Resumo

• Título • Descrição • Keywords

10

Resumo

• Título • Descrição • Keywords

11

Headers

Lista todos os headers e suas hierarquias

12

Headers

Fique atento as hierarquias

13

Headers

Situação ideal 14

Headers

what? 15

Headers

Temas pagos são bonitos, já por dentro…

16

Headers

17

Possível solução

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

Exemplo

22

Validando seu schema.orgStructured Data Testing Tool

23https://developers.google.com/structured-data/testing-tool/

Social

• Pinterest e Facebook utilizam o OpenGraph, então cuidado com ele.

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

Acompanhando as melhorias

29

Taxa de cliques (+50%)

Integração

30

Marketing Design Engenharia+ +

Extra

31

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

Instalando com Bower via terminal

bower install doc-amd

34https://github.com/elo7/doc-amd

Craftedbits

35http://craftedbits.elo7.com.br/

36

37

Obrigado !