Comenzando con WordPress y cómo hacer una web que le guste a los buscadores. Charla de WordCamp San José en la que se nombran las características por defecto de WordPress para facilitar el SEO. Y consejos para optimización y WPO para incrementar la experiencia de usuario. Para usuarios noveles, explicación de conceptos básicos de SEO, optimización de imágenes, Core Web Vitals de Google, editor Gutenberg, instalación de WordPress, etc…

2. - Instalación de WP
- Lo que viene con WP por defecto, SSL/TLS,
- Primer consejo: seguridad, SG Security o iThemes Security
- SSL
- Herramientas, salud del sitio
- Rendimiento: plugins de optimización y WPO Tweaks
- Explicando SEO (pantallazo búsqueda)
- Explicando el snippet, ajustes generales, título del sitio y descripción corta
- Visibilidad en los motores de búsqueda (ajustes de lectura, robot.txt), acordarse de
quitarla, pantallazo del robot.txt antes y después (“hola mundo” ejemplo con búsqueda)
- Revisar “Ajustes de los enlaces permanentes” de WordPress
- Mapa del sitio XML, comentario de los Fernandos en WhatsApp
- Ajustes de lectura, “para cada entrada en el feed mostrar” con pantallazo
- Moderación de comentarios, afecta al SEO, palabras presentes en comentarios,
visibilidad de avatares
- Importancia del idioma del sitio
- Temas: filtrar temas “listo para accesibilidad” por los estándares web
- Personalización de temas, “tu página de entrada muestra”
- Imágenes, definir un texto alternativo no sólo por accesibilidad, sino por búsquedas.
También “relación del enlace” (33:31)y también en “menús”
- “i” contar palabras, profundidad del texto, contenido rico, imágenes, etc… Esquema del
documento con título, H1, H2…
- Visualizar los cambios para evitar el efecto ladrillo
s
José Ramón Padrón
@monchomad
@SiteGround_ES
SiteGround Spain Country Manager
Co-organizador de Meetup-WordCamp Las Palmas
Deputy y mentor del equipo comunidad global de
WordPress
Mentor de WordCamps

3. ¿Cómo es una web que gusta
a los buscadores?

4. - Instalación de WP
- Lo que viene con WP por defecto, SSL/TLS,
- Primer consejo: seguridad, SG Security o iThemes Security
- SSL
- Herramientas, salud del sitio
- Rendimiento: plugins de optimización y WPO Tweaks
- Explicando SEO (pantallazo búsqueda)
- Explicando el snippet, ajustes generales, título del sitio y descripción corta
- Visibilidad en los motores de búsqueda (ajustes de lectura, robot.txt), acordarse de
quitarla, pantallazo del robot.txt antes y después (“hola mundo” ejemplo con búsqueda)
- Revisar “Ajustes de los enlaces permanentes” de WordPress
- Mapa del sitio XML, comentario de los Fernandos en WhatsApp
- Ajustes de lectura, “para cada entrada en el feed mostrar” con pantallazo
- Moderación de comentarios, afecta al SEO, palabras presentes en comentarios,
visibilidad de avatares
- Importancia del idioma del sitio
- Temas: filtrar temas “listo para accesibilidad” por los estándares web
- Personalización de temas, “tu página de entrada muestra”
- Imágenes, definir un texto alternativo no sólo por accesibilidad, sino por búsquedas.
También “relación del enlace” (33:31)y también en “menús”
- “i” contar palabras, profundidad del texto, contenido rico, imágenes, etc… Esquema del
documento con título, H1, H2…
- Visualizar los cambios para evitar el efecto ladrillo
s
Una web que gusta a los buscadores tiene:
- Un diseño sencillo pensado en la efectividad, todos y cada uno
de sus elementos cumplen una función basada en un objetivo.
- Un buen contenido que se actualiza constantemente
- Es una web rápida, cargando por debajo del segundo si es
posible
- Mantiene unos cánones de calidad en cuanto a aspectos del SEO
- Tiene versión móvil (salvo que tus estadísticas sugieran otra
cosa)
- …
Fuente: https://es.semrush.com/blog/guia-seo-off-page

5. - Instalación de WP
- Lo que viene con WP por defecto, SSL/TLS,
- Primer consejo: seguridad, SG Security o iThemes Security
- SSL
- Herramientas, salud del sitio
- Rendimiento: plugins de optimización y WPO Tweaks
- Explicando SEO (pantallazo búsqueda)
- Explicando el snippet, ajustes generales, título del sitio y descripción corta
- Visibilidad en los motores de búsqueda (ajustes de lectura, robot.txt), acordarse de
quitarla, pantallazo del robot.txt antes y después (“hola mundo” ejemplo con búsqueda)
- Revisar “Ajustes de los enlaces permanentes” de WordPress
- Mapa del sitio XML, comentario de los Fernandos en WhatsApp
- Ajustes de lectura, “para cada entrada en el feed mostrar” con pantallazo
- Moderación de comentarios, afecta al SEO, palabras presentes en comentarios,
visibilidad de avatares
- Importancia del idioma del sitio
- Temas: filtrar temas “listo para accesibilidad” por los estándares web
- Personalización de temas, “tu página de entrada muestra”
- Imágenes, definir un texto alternativo no sólo por accesibilidad, sino por búsquedas.
También “relación del enlace” (33:31)y también en “menús”
- “i” contar palabras, profundidad del texto, contenido rico, imágenes, etc… Esquema del
documento con título, H1, H2…
- Visualizar los cambios para evitar el efecto ladrillo
s
Alguna pista sobre SEO…
Fuente: https://es.semrush.com/blog/guia-seo-off-page

6. - Instalación de WP
- Lo que viene con WP por defecto, SSL/TLS,
- Primer consejo: seguridad, SG Security o iThemes Security
- SSL
- Herramientas, salud del sitio
- Rendimiento: plugins de optimización y WPO Tweaks
- Explicando SEO (pantallazo búsqueda)
- Explicando el snippet, ajustes generales, título del sitio y descripción corta
- Visibilidad en los motores de búsqueda (ajustes de lectura, robot.txt), acordarse de
quitarla, pantallazo del robot.txt antes y después (“hola mundo” ejemplo con búsqueda)
- Revisar “Ajustes de los enlaces permanentes” de WordPress
- Mapa del sitio XML, comentario de los Fernandos en WhatsApp
- Ajustes de lectura, “para cada entrada en el feed mostrar” con pantallazo
- Moderación de comentarios, afecta al SEO, palabras presentes en comentarios,
visibilidad de avatares
- Importancia del idioma del sitio
- Temas: filtrar temas “listo para accesibilidad” por los estándares web
- Personalización de temas, “tu página de entrada muestra”
- Imágenes, definir un texto alternativo no sólo por accesibilidad, sino por búsquedas.
También “relación del enlace” (33:31)y también en “menús”
- “i” contar palabras, profundidad del texto, contenido rico, imágenes, etc… Esquema del
documento con título, H1, H2…
- Visualizar los cambios para evitar el efecto ladrillo
s
¿Qué vamos a ver hoy?
- Instalación y configuración de WP, qué incluye WP para mejorar o
facilitar el SEO
- Rendimiento y experiencia de usuario
- Buenas prácticas

7. Instalación de WordPress

8. Instalación de WordPress
Cuatro métodos:
Manual en un proveedor de hosting
Instalación automática en un proveedor de hosting
cPanel y autoinstaladores
A nivel local

9. Instalación desde un proveedor de hosting
especializado

10. Instalación desde un proveedor de hosting
especializado

11. Instalación desde un proveedor de hosting
especializado

12. HTML Lang nativo
Ojo al SSL/TLS, https

14. Activación de
certificado
SSL/TLS

15. dominio/robots.txt
ajustes/lectura

16. dominio/robots.txt
ajustes/lectura

17. dominio/wp-sitemap.xml

18. dominio/wp-sitemap.xml

19. META TITLE
ajustes/Generales

20. ENLACES PERMANENTES
ajustes/Enlaces permanentes

21. Feed, forzar visitas
ajustes/Lectura

22. Control de enlaces spam
ajustes/Comentarios

23. Peso de página

24. Peso de página

25. Peso de página
ajustes/medios

26. Peso de página
ajustes/medios

27. Peso de página

28. Peso de página

29. Peso de página

31. Apoyo SEO: Información del contenido

32. Apoyo SEO: Diferentes dispositivos

33. Apoyo SEO: Formatos incrustados

34. Apoyo SEO: Enlazado interno

35. Apoyo SEO: Enlazado interno

36. Apoyo SEO: Enlazado interno

37. Apoyo SEO: URLs canonical

38. ¿Y qué más?
“El mejor SEO es ofrecer a Google lo
único que no tiene y de lo que vive:
Contenido original, interesante y
actualizado.”
Fernando Tellado
- Etiquetas SEO automáticas
- Resultados enriquecidos
- Plugins especializados
- …

39. Rendimiento y experiencia de
usuario

40. Core Web Vitals de Google
Fuente: https://web.dev/optimize-lcp/
https://web.dev/optimize-fid/
https://web.dev/optimize-cls/

41. LCP (Largest Contentful Paint)
Causas Soluciones
Respuesta lenta del servidor Optimización, CDN, caché, imágenes,
Lazy Loading, minimización, recursos
de terceros
Renderizado-bloqueo de JS y CSS Aplazar CSS no crítico y JS, Inline CSS
crítico y JS minimizado,
Renderizado de navegador Minimización, aplazar no usados.
Reducir profundidad del DOM y
complejidad del JS, archivos
optimizados (fuentes, imágenes...)
Carga lenta de recursos Imágenes, CDN, Gzip-Brotli, precarga
Fuente: https://web.dev/optimize-lcp/

42. FID (First Input Delay)
Fuente: https://web.dev/optimize-fid/
Causas Soluciones
Ejecución pesada de JavaScript
Reducir el tiempo de ejecución
minimizando y aplazando JS no
utilizado o no crítico con async o
defer
Code-split, divide para carga
condicional
Tareas de más de 50 ms.
Web workers
Ejecución lenta del servidor Gzip, Brotli. Minimización

43. GTMetrix.com

44. Optimización fase 1
Imágenes: redimensionamos,
comprimimos, atención al tipo de
fichero
Estáticos:
minimizamos
HTML, JS, CSS,
SVG
Software: últimas versiones
de plugins, tema,
WordPress y
WooCommerce
Video: Fuera del
hosting
Entorno: https, HTTP/2 + QUIC, versión de PHP,
activamos Gzip/Brotli, caché de navegador y CDN,
validación de caché.
Servidor: activamos caché
dinámica con las
exclusiones (carrito,
checkout,...), reducir
redirecciones
Plugins eliminar
plugins no usados
WordPress: nº de posts que se
muestran, deshabilita pingbacks,
optimizar nº de comentarios. Full
caché para páginas estáticas
Woo:
¿Revisiones de
productos?
Medimos en cada paso el rendimiento y
contamos con un tema rápido que se ajusta a
nuestras necesidades

45. Optimización fase 1, herramientas
Imágenes: TinyJPG,
compressor.io, Kraken,
Image optimizer
Estáticos:
Autoptimize
Software: escritorio de
WordPress y panel de
hosting
Video: incrustar
vídeos en la web
alojándolos en
YouTube, Vimeo...
Entorno: Panel de control del proveedor de
hosting, código o plugin, activar CDN en su web
o desde el prov. Hosting, ejemplo CloudFlare,
KeyCDN
Servidor: plugins de
caché: WP Super Cache,
W3, WP fastest cache,
etc...
Plugins eliminar
plugins no usados
desde el escritorio
de WP
WordPress:
ajustes-lectura
WooCommerce:
ajustes Para estas operaciones: WP Rocket de pago, o
SG Optimizer gratuito

46. Optimización fase 2
Estáticos: Aplazar (Defer) o
asíncrona para CSS y JS no
críticos, Incrustar (Inline) CSS y
JS para los críticos. Carga
condicional de JS y CSS
Software:
Versión de
servidor web
Base de
datos:
Limpiar BBDD
(wp_options)
. Limpiar
transitorios
caducados.
Limitar y
borrar
revisiones
antiguas.
Entorno: precarga de DNS´s
externas. APO de CloudFlare
Servidor: caché
de objetos. Cron
wp a cron del
servidor
WordPress+WooCommerce:
Desactivar scripts Woo donde no
hagan falta, carga condicional
de plugins. Heartbeat
Medimos en cada paso el
rendimiento

47. Optimización fase 2, herramientas
Estáticos: Autoptimize, Async JavaScript,
JS & CSS Script Optimizer, Perfmatters
Software: Últimas
versiones de Apache,
Nginx.
Base de datos:
Crear índice en
wp_options, Index
Autoload.
WP-Optimize,
Clean up Booster,
Advanced
Database
Cleaner,
WP-Sweep
Entorno: (precarga DNS’s externas)
Identificarlas (GTmetrix), precargar en
cabecera, mediante función o con Flying
Scripts
Servidor: WP Super
Cache, W3, WP fastest
cache... Desactivar
WP-Cron, crearlos en
tu panel de control de
tu proveedor de
hosting
WordPress+WooCommerce: Código,
Perfmatters o Script Dequeuer. Heartbeat:
WPO Tweaks
Para estas operaciones: WPO Tweaks, WP
Rocket de pago, o SG Optimizer gratuito

48. Experiencia de usuario y optimización
- No nos obsesionemos con los indicadores
- La velocidad es importante, pero no es el objetivo final.
- Todos y cada uno de los elementos que incluyas en tu página
web deben cumplir un objetivo, todo lo demás sobra.
- Llamadas a la acción
- La optimización es una forma de trabajo más que una tarea,
incorpórala en tus procesos.
- Escoge temas modulares y accesibles
- Puedes optimizar en gran medida sin tener conocimientos
técnicos

49. Buenas prácticas

50. Previo a la web
Debemos saber a quién nos dirigimos, cuál es nuestro
usuario objetivo y asignar objetivos para nuestra
presencia en Internet

51. Diseños sencillos con llamadas a
la acción
La credibilidad de un sitio está basada en un 75% en la
estética general del mismo.
Ayuda a tu usuario a encontrar lo que está buscando

52. Estructura de contenido clara
Steve Krug: nuestro objetivo es que el cliente pueda
comprar sin tener que pensar o realizar el mínimo
esfuerzo.

53. Estructura de contenido clara
- Categorizar correctamente
- Uso correcto de etiquetas y atributos
- Legibilidad, relaja la lectura

54. Y sobre todo
- Crea contenido de calidad en diferentes formatos
- Esfuerzo, constancia, insistencia
- Mide, compara, edita, publica y vuelve a empezar.

55. ¡¡¡GRACIAS!!!