Cómo Diseñar un Blog Profesional en Blogger (Sin Saber Código)
Un blog bien diseñado no solo se ve bonito: genera confianza, reduce el rebote y aumenta las conversiones. Y lo mejor: en Blogger puedes lograr un aspecto profesional sin tocar una sola línea de código.
En esta guía práctica, te mostraré paso a paso cómo personalizar tu blog en Blogger usando solo herramientas gratuitas. Aprenderás a elegir colores, tipografías, plantillas optimizadas y elementos clave como el menú, el favicon y el footer. Todo pensado para que tu blog sea rápido, móvil-friendly y listo para monetizar.
¿Por qué el diseño de tu blog importa (más de lo que crees)?
Google premia la experiencia del usuario (UX). Si tu blog es lento, desordenado o no se ve bien en el móvil, Google lo posicionará peor. Además:
- El 75% de los usuarios juzga la credibilidad de un sitio por su diseño (fuente: Stanford Web Credibility Research).
- Los blogs con diseño limpio tienen hasta un 40% más de tiempo de permanencia.
- Los anunciantes (y marcas) solo colaboran con blogs que transmitan profesionalismo.
Paso 1: Elige una plantilla moderna y optimizada
No uses plantillas antiguas como “Simple” o “Watermark”. En su lugar, opta por diseños responsive, ligeros y SEO-friendly.
| Plantilla recomendada | Ventajas | Dónde conseguirla |
|---|---|---|
| Contempo (oficial de Blogger) | Diseño tipo tarjetas, móvil-first, carga rápida | Incluida en Blogger → Diseño → Elegir plantilla |
| Soho (oficial de Blogger) | Minimalista, ideal para blogs personales o de opinión | Incluida en Blogger |
| 101Helper – “ProMag” | Diseño de revista, menú desplegable, SEO optimizado | Ver aquí |
| Gooyaabi – “NewsPaper” | Ideal para nichos de información (seguros, finanzas, viajes) | Ver aquí |
Consejo clave: Antes de instalar una plantilla de terceros, haz una copia de seguridad. Ve a Diseño → Copia de seguridad/Restaurar → Descargar tema.
Paso 2: Define tu identidad visual (colores y fuentes)
Un blog profesional tiene coherencia visual. Usa máximo 3 colores y 2 tipografías.
Herramientas gratuitas para crear tu identidad
- Coolors.co: Genera paletas de colores en segundos. Ir a Coolors
- Google Fonts: Elige fuentes legibles y rápidas. Ir a Google Fonts
- Canva: Crea tu logo en minutos. Ir a Canva
Ejemplo para un blog de seguros:
- Color primario: Azul profesional (#1E3A8A)
- Color secundario: Blanco o gris claro
- Fuente de títulos: Poppins (moderna y clara)
- Fuente de cuerpo: Open Sans (legible en móvil)
Paso 3: Personaliza tu blog dentro de Blogger
Ve a Diseño → Personalizar y ajusta:
- Favicon: Una pequeña imagen que aparece en la pestaña del navegador. Usa una versión mini de tu logo (32x32 px). Puedes crearla gratis en favicon-generator.org.
- Encabezado: Sube un logo o un banner simple (máx. 1200 px de ancho).
- Menú de navegación: Crea páginas estáticas (“Acerca de”, “Contacto”, “Recursos”) y enlázalas en el menú.
- Widgets: Elimina los innecesarios (como “Lista de blogs”). Mantén solo:
- Búsqueda
- Publicaciones recientes
- Suscripción por email (opcional)
Paso 4: Verifica que todo funcione (y complazca a Google)
Antes de publicar, haz estas pruebas obligatorias:
| Prueba | Herramienta gratuita | Objetivo mínimo |
|---|---|---|
| Velocidad en móvil | PageSpeed Insights | > 60/100 |
| Compatibilidad móvil | Test móvil de Google | “Aprobado” |
| Enlaces rotos | W3C Link Checker | 0 errores |
| HTTPS activo | Barra de direcciones del navegador | Icono de candado visible |
¿Y ahora qué?
Ahora que tu blog luce profesional, el siguiente paso es crear contenido que resuelva problemas reales. En las próximas entradas de Bloguea y Monetiza aprenderás:
- Cómo escribir tus primeras 5 entradas esenciales (con plantillas descargables)
- Cómo optimizar cada post para Google (SEO en Blogger)
- Cómo estructurar tu blog para dominar tu nicho en 6 meses
¿Ya personalizaste tu blog? ¡Enséñanos cómo quedó en los comentarios! Y si esta guía te ayudó, compártela con alguien que sigue usando una plantilla de 2012.
){kind=link}
0 Comentarios