
¿Qué es el Método Blogpocket?
El Método Blogpocket es un un procedimiento sencillo para construir de manera eficiente un sitio web de WordPress optimizado en redimiento, seguridad, preparación para el SEO y legalidad.
¿A quién va dirigido?
El Método Blogpocket se enfoca hacia creadores y propietarios de sitios web no-code. Es decir, blogueros, emprendedores o emprendedoras, propietarios de pequeños negocios y personas con proyectos relacionados con la comunicación pública digital; sin conocimientos técnicos de desarrollo web.
¿En qué consiste?
A grandes rasgos, el Método Blogpocket consiste en un proceso sencillo y fácil de llevar a cabo, basado en un conjunto de herramientas gratuitas o freemium, de eficacia contrastada. Se basa en unos principios (las características que se obtienen creando un sitio web con el método Blogpocket) y una infraestructura (los pilares en los que se sostiene un sitio web fabricado con el método Blogpocket)
¿Cuál es la ventaja de utilizar el Método Blogpocket?
Construyendo un sitio web con el Método Blogpocket, garantizamos que el sitio web inicial «vacío» (pero plenamente operativo) está optimizado al 100 % en seguridad y rendimiento. Eso permite, en la segunda fase, corregir fácilmente cualquier empeoramiento en la optimización provocado por la incorporación al sitio web inicial de un nuevo elemento, bien sea un plugin o tema, un script interno o externo o cualquier recurso adicional. También permite evaluar si es aceptable esa pérdida en la optimización del rendimiento debido a la necesidad de uso del recurso implicado.
¿Se utiliza algún constructor visual?
No se emplea ningún constructor visual del estilo de Divi, Elementor, etc. Única y exclusivamente, se utiliza el Editor del sitio de WordPress y el Editor de contenidos, para implementar el diseño del Front-end con bloques, patrones de bloques y plantillas del denominado proyecto Gutenberg.
No se mantiene ninguna relación comercial (patrocinio, descuentos, etc.) con las empresas propietarias de los productos y servicios que se emplean en el Método Blogpocket
El Método Blogpocket dividido en dos fases
Las dos fases en las que se divide la construcción de un sitio web de WordPress, mediante el Método Blogpocket, son:
1. Construcción del sitio web inicial

La primera parte del proceso consiste, básicamente, en la creación de un sitio web operativo y preparado para la seguridad y el rendimiento óptimo. A ese sitio lo denominamos «inicial» y es un sitio web vacío e independiente del proyecto que va a albergar. Está configurado mínimamente con un tema predeterminado (por ej. Twenty-Twenty Four) y los plugins Wordfence (seguridad) y el plugin de almacenamiento en caché propio de uno de los hostings recomendados (LiteSpeed Cache, en el caso de Greengeeks; o SG Optimizer, en el caso de SiteGround).
2. Personalización del sitio inicial

En la segunda parte del proceso, «rellenaremos» el sitio web inicial vacío configurando todos los parámetros e instalando los recursos, tanto internos como externos, necesarios para completar el sitio. En esta fase es fundamental la personalización del Front-end; es decir, la parte visible para el usuario. En este apartado, emplearemos el Editor del sitio de WordPress, creando o modificando plantillas, utilizando patrones de bloques (propios del tema o creados para ello), así como implementando páginas a través del Editor de contenidos. Todos los diseños serán hechos con bloques. Así mismo, se instalarán y configurarán los plugins necesarios con objeto de realizar la preparación para el SEO, la legalidad (documentos legales, control de cookies, etc.) y todos aquellos ajustes adicionales que sirvan para finalizar la construcción del sitio (como por ejemplo la activación de un sistema anti-spam).
Fase 1 donde se construye el sitio web inicial «vacío»
Vamos a describir, a continuación, el proceso correspondiente a la primera fase del Método Blogpocket, de manera resumida remitiendo a la documentación disponible en Blogpocket, junto con un vídeo que incluye un ejemplo de construcción de un sitio web desde cero.
Los pasos de esta primera fase son:
1. Abrir una cuenta en un hosting de élite, crear dominio o subdominio y el certificado SSL
Abrir una cuenta en un hosting de élite (SiteGround o GreenGeeks, por ejemplo), registrando a la vez el dominio. Estos hostings garantizan el mejor rendimiento, mediante su propio sistema de almacenamiento en caché.
- Cómo se abre una cuenta: en SiteGround | en GreenGeeks
- Dominios, dominios adicionales y subdominios: en SiteGround | en GreenGeeks
- Instalar certificado SSL: en SiteGround | en GreenGeeks
- Punto de entrada en Blogpocket a toda la información sobre hosting: Dónde y cómo alojar un sitio web de WordPress
2. Instalar WordPress
El sitio web inicial «vacío» se crea instalando WordPress, con HTTPS, el plugin Loginizer (seguridad mínima) y uno de los temas predeterminados (por ej. TT4).
WordPress es la plataforma de contenidos de un tercio de las webs en Internet. La versión instalable (WordPress.org) es escalable y permite la mayor personalización posible. En SiteGround y GreenGeeks se instala apenas con un clic. Con la instalación automática obtendrás también instalado y activo el plugin de optimización del rendimiento y un theme por defecto preparado para personalizarse.
- Cómo se instala WordPress [asegurarse de que tras la instalación tenemos el protocolo HTTPS activo, el plugin Loginizer activado y un tema predeterminado activo]: en SiteGround | en GreenGeeks
- Administrador de archivos: en SiteGround | en GreenGeeks
- Gestión de las instalaciones de WordPress: en SiteGround | en GreenGeeks
- El administrador de WordPress: WordPress básico
- Punto de entrada en Blogpocket a toda la información sobre WordPress: Construye un sitio web de WordPress
3. Optimizar el rendimiento del sitio web inicial al 100 %
Configurar el WPO, para obtener el 100 % de optimización. Esencialmente, se trata de instalar y activar el plugin propio de almacenamiento en caché que proporciona el hosting. Probablemente, y en la mayoría de los casos, eso será suficiente para alcanzar en el sitio web inicial un nivel del 100 % en optimización del rendimento.
- Optimizar el rendimiento: LiteSpeed en GreenGeeks | SG Optimizer en SiteGround (y Ajustes finos)
- Punto de entrada en Blogpocket a toda la información sobre WPO: WPO en un hosting de élite: Cómo optimizar un sitio web de WordPress
CONSIDERAR EN ESTE PUNTO LOS SIGUIENTES RECURSOS QUE OPTIMIZAN EL RENDIMIENTO: 1) Establecer WebP como mecanismo para reducir el tamaño de las páginas que contengan imágenes (recomendado), mediante el plugin Converter for Media 2) Eliminar, entrando en el Editor del sitio de WP, las fuentes tipográficas del tema y dejar solo las del sistema (por ej. System Sans-Serif (esto también reduce mucho el tamaño de las páginas); 3) Establecer un mantenimiento periódico de la Base de datos con el plugin Optimize Database After Deleting Revisions (una base de datos de WP depurada, limpia y optimizada repercute también en la velocidad de carga de las páginas). Todo esto se puede hacer ya ahora o dejarlo para la fase 2; 4) La recomendación es realizar una revisión de la salud del sitio, desactivar WP-Cron y habilitar la caché de objetos persistentes para mejorar el rendimiento del sitio web y solucionar posibles problemas de ejecución de tareas programadas: Revisión de la salud del sitio, eliminación de WP-Cron y habilitar caché de objetos persistentes
4. Sustituir Loginizer por Wordfence, implementar copias de seguridad y activar Akismet
El plugin Loginizer debe sustituirse por el plugin de seguridad Wordfence, una vez que el sitio se haya puesto en marcha. Activar el firewall extendido.
- Instalar y configurar Wordfence: En SiteGround (incluye la activación del firewall extendido pero en el antiguo gestor cPanel, no en SiteTools) | En GreenGeeks
- Activar el firewall extendido: En SiteGround (en SiteTools) | En GreenGeeks
- Realizar y restaurar copias de seguridad: en SiteGround | En GreenGeeks
- Backups adicionales en WordPress: Updraft Plus
- Restauración de copias de seguridad hechas con Updraft Plus (y uso de phpMyAdmin): Ver vídeo
- Activar Akismet: Ver vídeo
- Punto de entrada en Blogpocket a toda la información sobre seguridad en WordPress: Seguridad en WordPress: cómo proteger tu sitio web de los piratas informáticos
Fase 2 donde se personaliza el sitio web
Una vez que tenemos disponible y operativo un sitio web inicial 100 % optimizado en rendimiento y seguridad, con uno de los temas de bloques predeterminado (por ej. TT4), es cuestión de personalizar el Front-end (página home, página del blog, etc.) y crear las páginas correspondientes. Supongamos que el sitio web es tan sencillo como eso y no es un sitio web que requiera una tienda online ni tipos de datos personalizados adicionales (para una newsletter, un podcast o cualquier otra cosa), ya que eso implicaría algún procedimiento aparte (trataremos ese tipo de sitios web en un apéndice a esta guía).
1. Personalizar el tema
La personalización del tema requiere el conocimiento del Editor del sitio y del Editor de contenidos. Ambos se basan en bloques. Los diseños con bloques incluyen patrones de bloques y plantillas. Todo eso se asocia a páginas del sitio web y es así de sencillo. No se requiere el uso de ningún plugin de terceros para la construcción del Front-end, del estilo de Divi, Elementor, etc.
- Cómo personalizar la página de inicio y del blog en el tema de bloques Twenty-Twenty Four (actualizado a WordPress 6.6) [Incluye 4 vídeo tutoriales explicativos]
- Punto de entrada en Blogpocket a toda la información sobre el Editor del sitio: Curso de Full Site Editing (Edición completa del sitio)
Consejo importante que afecta mucho en la optimización del rendimiento: Un factor que impacta negativamente en el tamaño de las páginas (y por lo tanto en el rendimiento) es la tipografía utilizada. El tema TT4 puede alcanzar, ejecutando la primera fase del Método Blogpocket tal como se ha descritio en esta checklist, un tamaño de página de 499.07 KB sin comprimir (19.92 KB comprimidos) con las fuentes tipográficas predeterminadas. Sin embargo, eliminándolas mediante el Editor del sitio (en estilos globales, apartado Tipografía) y dejando exclusivamente la fuente «System Sans-Serif» y asignándola en todos los elementos; se obtiene una mejora enorme del tamaño de la página, pasando a 36.76 KB comprimidos.
Consejo importante que afecta también mucho al rendimiento: Las imágenes deberían servirse en el formato WebP, tal como se explica en Cómo optimizar imágenes para WordPress – Y uso de WebP dentro del apartado «Cómo servir imágenes en formato WebP». En SiteGround existe una opción para evitar el uso de plugin pero en GreenGeeks se puede utilizar el plugin Converter for Media que automatiza el proceso de conversión de las imágenes a WebP e, incluso, puedo convertir las ya existentes.
2. Ajustes al sitio
En este paso, realizaremos los ajustes del sitio web dentro de WordPress, incluyendo la configuración de los ajustes generales, de los comentarios y de las estadísticas.
- Aplicar todos los ajustes a la web dentro del dashboard de WordPress.
- Revisa las opciones de configuración de los comentarios del blog en los ajustes de wordPress: ver vídeo [Comprueba que el plugin Akismet esté activado aunque no habilites el sistema de comentarios]
- Alta en Search Console y Google Analytics: Plugin SiteKit
3. Preparación para el SEO
Un apartado vital si queremos estar bien posicionados en los motores de búsqueda, Google principalmente. La preparación para el SEO se lleva a cabo mediante el plugin Yoast SEO. Este plugin incluye un asistente de redacción SEO y la generación automática del archivo sitemap.xml (información para Google del contenido de tu web). Respecto al archivo robots.txt (información para Google de lo que se debe indexar), hay herramientas para crearlo pero lo más útil y rápido es crearlo manualmente dentro de la carpeta «public_html» (o la carpeta correspondiente a tu subdominio o dominio adicional) usando el Administrador de Archivos.
- Cómo instalar Yoast SEO: ver vídeo
- Cómo crear el archivo robots.txt: ver vídeo [Yoast SEO crea un archivo robots.txt por defecto]
- Punto de entrada en Blogpocket a toda la información sobre SEO: Cómo configurar el plugin Yoast SEO correctamente
Consejos importantes: 1) Verifica que Yoast SEO tiene activada la opción de generar el archivo sitemap.xml; 2) Añadir la ruta del archivo sitemap.xml en el fichero robots.txt; 3) Asegúrate cuando insertas un enlace externo en una de tus publicaciones o páginas que le añades el parámetro rel=nofollow (Yoast SEO añade esas opciones en el bloque de enlace]; 4) Por accesibilidad, añade siempre un texto alternativo en las imágenes, dentro de la configuración del bloque de imagen.
4. Adaptación legal
La preparación de tu web y la adaptación de tus estrategias online al RGPD son muy importantes.
- El primer paso para adaptar legalmente tu sitio web es generar los documentos legales: Aviso legal, Política de privacidad y Política de Cookies. Independientemente de que dicha adaptación legal sea revisada por un experto en leyes de Internet y privacidad de datos, el plugin Adapta RGPD resuelve, en general, bien el problema y se actualiza con frecuencia: ver vídeo [Si tienes sistema de comentarios, verifica que Adapta RGPD ha añadido el resumen de privacidad con el check para aceptar la política de privacidad]
- La carga de cookies sin que el usuario exprese su consentimiento explícito incumple el RGPD. Además, hay que avisar a tus usuarios de la existencia de cookies no necesarias, guardar los consentimientos y establecer un mecanismo sencillo para modificar las preferencias. Hay un recurso que hace todo eso automáticamente, incluida la detección de las cookies que se cargan en tu web: Plugin Complianz
- Punto de entrada en Blogpocket a toda la información sobre Adaptación legal: Guía práctica RGPD en WordPress: adaptación legal de un sitio web [Suponemos que no tenemos formulario de contacto en el sitio web, ya que en ese caso habría que añadir el resumen de la política de privacidad mediante el correspondiente shortcode de Adapta RGPD]
Consejo importante: La configuración ideal es que implementes las estadísticas de Google Analytics con el plugin Site Kit. Asegúrate de que: 1) Site Kit NO inserte el código de seguimiento «G-«; 2) Desactives la integración con el plugin Site Kit en Complianz; 3) Sea Complianz quien ponga el código de seguimiento. Y comprueba que «Analytics está activo actualmente para todos los visitantes.» en los ajustes de Site Kit, al menos durante las pruebas con el modo en tiempo real de Google Analytics, para que no tengas que estar entrando y saliendo del WordPress.
Hack al plugin Complianz: Complianz esconde el botón para gestionar las cookies, correspondiente al banner de aviso, cuando se guardan las preferencias. Esto se puede arreglar añadiendo un CSS en el CSS Adicional del sitio. Para ello, entra en el Editor del sitio, al apartado Estilos y en la sección «CSS Adicional» añade el código que aparece al final de artículo Complianz: suite de privacidad y gestión de cookies para WordPress, dentro del apartado «Banner de cookies».
Comprobación importante: Las fuentes tipográficas que utilices se deben cargar manualmente para cumplir con el RGPD. Verifícalo utilizando la consola de JavaScript (Red > Fuentes). El sistema de fuentes del Editor del sitio de WordPress permite cargar manualmente las fuentes de Google, desde Estilos > Tipografía.
5. Mantenimiento del sitio
El mantenimiento de tu web debe incluir una limpieza automática de la Base de Datos. La versión reciente de SG Optimizer ofrece esta opción por lo que se debe evaluar cuál de las dos soluciones es más eficiente.
- Instalar plugin Optimize Database After Deleting Revisions: ver vídeo
- El mantenimiento completo de tu web de WordPress se puede realizar con el servicio Manage WP. Tendrás que instalar el plugin ManageWP Worker y conectar tu WordPress al servicio: ver vídeo
6. Ética y responsabilidad frente a IA
- Adoptar una postura ética y responsable para el uso de la IA.
Bonus extra: Federación del sitio web
Como bonus extra, una buena idea es federar el sitio web (mejor si posee blog) mediante la instalación del plugin Activity Pub: Cómo y por qué tener un blog federado con ActivityPub en 2024.
El modelo
La siguiente figura representa un modelo del Método Blogpocket.

Para más detalles sobre el Método, consulta Crea tu sitio web optimizado (checklist) y Creando tu Web Premium.
Todos los recursos incluidos en esta guía son de elaboración propia y son el resultado de lo publicado en Blogpocket desde 2016. Se ha tratado de actualizar toda la información (agosto de 2024) pero, lógicamente, no es posible revisar todo el material completamente. Es probable que algún tutorial, guía o artículo haya quedado obsoleto. En algunos casos, hemos preferido dejar el trabajo a modo histórico, reflejándolo con un aviso. Esperamos que todo es esfuerzo de revisión, corrección, recopilación y actualización sea de utilidad para ti.
En esta publicación se incluyen imágenes generadas mediante IA : la imagen destacada fue generada mediante Copilot Designer). En Blogpocket, creemos en un uso ético y responsable de la IA