Ensalada seo 2017 presentación Taller WPO WordPress

TALLER WPO WordPress
ENSALADA SE 2017
4 horas de odio visceral a los desarrollos
web con plantillas predeﬁnidas
@EnsaladaSEO @IbanTheOne #EnsaladaSEO
– Ibán López –

LO PRIMERO

GRACIAS

• Consultor SEO freelance
• Especialista en WPO
• Desarrollador web
• Especialista en WordPress
• Docente Master SEOSEM
Kschool en Valencia
• Mi web: ibanlopez.net
• Twitter: @IbanTheOne
Ibán López

OBJETIVOS DEL TALLER
• Que merezca la pena
• Que entendáis que + es -
• Que aprendáis nuevas herramientas
• Que sepáis que se puede hacer mejor
• Y cómo se hace mejor

¿DE QUÉ HABLAMOS?
• Cómo hacer una web en general
• Cómo hacerla con WordPress en
particular
• Teniendo en cuenta las buenas
prácticas

¿CUÁNDO HABLAMOS?
• Planteamiento inicial
• Después del desarrollo web

ANALICEMOS
• Modelo de negocio
• Medio online - canales
• Análisis sector online
• Trabajo SEO previo
• Y luego viene todo lo demás
PLANTEAMIENTO INICIAL

LOS 4 PUNTOS DE VISTA
• Marketing
• SEO
• Diseño creativo
• Desarrollo web
WEB
Pero esto es un taller de WPO

CAPAS OPTIMIZACIÓN
• Sabemos APIs
• Sabemos Layouts
• Sabemos Assets
• Sabemos objetivos del proyecto
• Sabemos infraestructura
PLANTEAMIENTO INICIAL

PODEMOS OPTIMIZAR
• Formatos y tamaños de imagen
• Fuentes, iconos, etc.
• Estilos, funcionalidades, orden
y carga controlada de JS y CSS
FRONTEND

PODEMOS OPTIMIZAR
FRONTEND
¿Conocéis RAIL?
https://developers.google.com/web/fundamentals/performance/rail

PODEMOS OPTIMIZAR
• Código PHP controlado
• Gestión de datos y peticiones a base de
datos
• Usar los recursos necesarios de WordPress
• Elegir los plugins con sabiduría
BACKEND

PODEMOS OPTIMIZAR
• Infraestructura necesaria
• Caches correctas propias y ¿APIS?
• Tráﬁco de cookies
• Elegir los plugins con sabiduría
SERVIDOR

Para paaaara
Yo solo quiero que me optimices la wé
Que ya man hecho con la plantilla

INVERSIÓN
•Marketing
•Diseño
•¿SEO?
•WP¿QUÉ?, WPO señor WPO

¿WEB?
•Plantilla de WordPress
•60 pavos
•Y luego que me la optimicen
estos del SEO

Y LO QUE ES PEOR
•Desarrolladores web
•Buscar en google
•¿Precio? 100€ ya es caro

EMPECEMOS
DE NUEVO

CONCEPTOS WPO
•No es velocidad
•La velocidad es la
consecuencia
•WPO es rendimiento y eﬁcacia

¿QUÉ DICE GOOGLE?

¿Y QUÉ MÁS DICE GOOGLE?
WPO reduce costes de
anuncios y mejora la
posición de los anuncios

¿ALGO MÁS?
WPO ES DINERO

ALGUIEN ME DIJO
Yo no tengo claro que el
WPO sea SEO o que
inﬂuya en el
posicionamiento.

WPO
¿La velocidad no es un factor en el
posicionamiento SEO?
La velocidad es un factor de
desposicionamiento donde
el usuario es el juez
y Google el verdugo.
Tu sigue montando plantillas
aunque sean para los zapatos.

Y YO QUE DIGO
Por mi experiencia, si a alguien le vale
•Si mejora la experiencia de usuario
•Reduce el % de rebote
•Incrementa el nº de páginas vistas
•Genera por tanto más ingresos
•Reduce los costes de infraestructura
•Y además Google te lo está diciendo

QUE SI QUERÉIS OPTIMIZAR
WORDPRESS
•Nunca montéis una plantilla de WordPress
•Reducid los plugins a los que sean
rentables
•No dejéis algo tan importante en manos
de algo que no tiene en cuenta el WPO

¿Seguís queriendo aprender a
montar 4 plugins para optimizar
una web?

¿En serio?

ANÁLISIS WPO DE 7 WEBS

EXPECTATIVA
REALIDAD

23 PETICIONES HTTP
A ARCHIVOS CSS
10 PETICIONES HTTP
A ARCHIVOS JS
FRONTEND

BACKEND
•Ingentes peticiones a la base de datos
•Código WET
•Visual Composer (objeto cache horrible)
•Si es que se usa wp_cache
•Plugins y plugins y plugins
•Descontrol de archivos
•Mochila cargada de piedras

EMPECEMOS
EL TALLER

VALE ME HAS CONVENCIDO
•¿Y como lo hacemos?
•¿Rentabilidad?
•¿Tiempos?
•¿Haciéndolo a mano?

NO OS VOY A ENGAÑAR
•Hacer una web requiere de un
desarrollador web
•Tenéis que saber lenguajes de
programación
•Tanto de frontend como de backend

HERRAMIENTAS

AUTOMATIZACIÓN

NODE.JS VENTAJAS
• Javascript en máquina
• Modelo de ejecución asíncrono
• Velocidad superior a lenguajes de servidor
• Operaciones con archivos o peticiones
HTTP de forma asíncrona en tiempo real
• Multiplataforma WIN-MAC-LIN

HERRAMIENTAS
• CoffeScript -> Javascript
• SASS -> CSS
• Minificar/uflificar código (HTML,
CSS, JS)
• Compresión de imágenes

ENTORNO DE TRABAJO
•MAMP - XAMP - WAMP
• VAGRANT (SCOTCH BOX)
•https://box.scotch.io/
•https://www.vagrantup.com/
• VCS -> GIT (BITBUCKET)
•https://git-scm.com/
•https://bitbucket.org/

EL FERRARI
https://roots.io/

SAGE STARTER THEME

VAMOS A
VERLO

CHECKLIST
1 - Entorno desarrollo
• Modiﬁcar Hosts
• MAC (cli): cd /etc && sudo vim hosts
• WIN: https://pandapow.co/how-to/edit-hosts-ﬁle/
• Máquina virtual (VirtualBox + Vagrant + WPDistillery)
• Instalar VirtualBox y Vagrant (Mac y Win descargable: https://
www.virtualbox.org/). Aunque para Mac recomiendo usar Homebrew (https://
brew.sh/index_es.html) y particularmente: para instalar VirtualBox y Vagrant
(https://gist.github.com/tomysmile/0618f1aa16341706940ed36b423b431c).
• ScotchBox 3.0. Recomiendo PRO (https://box.scotch.io/pro/)
• WPDistillery https://wpdistillery.org/

CHECKLIST
2 - Instalar Sage WP Theme
• Clonar Repositorio SAGE
• Crear repositorio tema nuevo
• Instalar npm y bower
• Conﬁgurar tema nuevo

– Ibán López
“Las plantillas son para los zapatos”
MUCHAS GRACIAS A TODOS

Ensalada seo 2017 presentación Taller WPO WordPress

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Ensalada seo 2017 presentación Taller WPO WordPress

Semelhante a Ensalada seo 2017 presentación Taller WPO WordPress (20)

Último

Último (19)

Ensalada seo 2017 presentación Taller WPO WordPress