Blog

El módulo de Blog concentra todo lo que necesitas para crear, publicar y mantener artículos actualizados dentro de tu sitio web, combinando edición visual, herramientas SEO y estadísticas en un solo lugar.

1. ¿Qué es el módulo de Blog?

El módulo de Blog te permite crear, organizar y publicar artículos sin depender de herramientas externas. Puedes gestionar todo el flujo editorial desde MGPanel: escribir con un editor visual, programar fechas, seguir métricas y mantener tu contenido optimizado para buscadores.

• Para negocios y marketing: es el canal ideal para compartir novedades, casos de éxito y contenidos evergreen que atraigan tráfico.
• Para desarrolladores: el módulo mantiene la estructura del front y simplifica la integración de artículos en cualquier sección del sitio mediante shortcodes.

2. Acceso rápido y estructura del módulo

1. Entra a MGPanel y ve al menú lateral → Sitio Web → Blog.
2. Encontrarás una barra superior con búsqueda, filtros y el botón “Nuevo artículo”.
3. El tablero principal muestra:
   1. Estadísticas (total de artículos, vistas acumuladas, borradores y publicados).
   2. Tabla de artículos con portada, categorías, vistas, estado y acciones rápidas.
4. Cada artículo se edita en una interfaz con cuatro pestañas: Contenido, Multimedia, SEO y Configuración.

3. Crear y publicar artículos paso a paso ✍️

3.1 Configuración inicial del artículo

1. Haz clic en “Nuevo artículo” para abrir el editor.
2. Completa el Título y el contenido.
3. Define una Descripción corta, el Estado (Borrador o Publicado) y asigna categorías relevantes (dentro de la pestaña de configuración).
4. Usa el botón Vista previa para abrir el artículo en una ventana separada y validar su información.

3.2 Escribir contenido en el editor

• MGPanel integra un editor basado en bloques para construir artículos con títulos, párrafos, listas, citas, imágenes, embeds, tablas, etc.
• Puedes seleccionar bloques para cambiar el orden, editarlos o eliminarlos.
• El contenido se guarda automáticamente cuando presionas Guardar.

3.3 SEO, URLs y previsualización

• En la pestaña SEO puedes personalizar meta título y descripción (ideal entre 50-60 y 150-160 caracteres respectivamente).
• La URL amigable se genera a partir del título, pero puedes ajustarla; la vista previa te muestra el prefijo /blog/ o /docs/ según el tipo elegido.
• Selecciona el Tipo de artículo (Blog o Docs) para que MGPanel adapte las rutas y estilos públicos.

4. Multimedia y archivos adjuntos

• La pestaña Multimedia integra el mismo Media Manager que el resto del panel. Puedes subir allí imágenes que complemenataran tu articulo.
• Marca una imagen como portada (⭐) para que aparezca en la lista de artículos y en tarjetas públicas.
• El sistema admite múltiples archivos por artículo; organiza galerías, adjuntos descargables o recursos embebidos.

4.1 Imágenes con enlace 

• Cada bloque de Imagen incluye el campo Enlace (opcional) además del caption, ancho y alto. Pega una URL completa (https://...) para hacer la imagen clickeable.
• Buenas prácticas: usa enlaces externos solo cuando aporten contexto, verifica la vista previa y evita URLs vacías o con javascript:. Limpia el campo con el botón Limpiar si no lo necesitas.

5. Gestión de artículos existentes

• En la tabla principal puedes buscar por título, filtrar por estado, categoría o fecha.
• Cada artículo ofrece acciones directas: Ver, Editar, Crear copia o Eliminar.
• Si tienes varias cuentas, la vista muestra los artículos asociados a la cuenta activa que seleccionaste en el módulo Cuentas.

6. Categorías y tipos de URL

• MGPanel soporta un sistema de categorías jerárquico. Puedes crear categorías desde la pestaña de configuración del articulo para organizar mejor tu contenido.
• El tipo de URL Blog utiliza /blog/slug-del-articulo, mientras que Docs usa /docs/slug-del-articulo, ideal para documentaciones o guías técnicas.
• Desde la pestaña de SEO puedes personalizar el prefijo y habilitar la sección de documentación si necesitas un repositorio de ayuda.

7. Estadísticas y seguimiento

• El tablero muestra vistas totales, artículos publicados y borradores.
• Cada artículo registra las visitas por día y conserva un histórico mensual.
• Usa estas métricas para identificar entradas populares, ajustar estrategias de marketing y detectar contenido que necesita actualización.

8. Mostrar artículos en tu sitio web

Integra artículos en cualquier página del sitio utilizando shortcodes. 

Algunos ejemplos:

Últimos artículos

{{blog=ultimos:3}}

Muestra los 3 artículos más recientes con el estilo por defecto.

Filtro por categoría y estilo listado

{{blog=ultimos:5 category="noticias" style="list"}}

Lista cinco artículos de la categoría “noticias” en formato lista.

Versión compacta para sidebars

{{blog=ultimos:4 style="compact" title="false"}}

Ideal para barras laterales sin encabezado.

Parámetros disponibles:

• category="slug_categoria"
• style="grid" | "list" | "compact"
• class="mi-estilo" para añadir clases personalizadas
• title="false" para ocultar el encabezado

Además, en la vista pública del blog:

• Las tarjetas de listado muestran la Descripción corta completa del artículo.
• Al final de cada artículo publicado se muestra automáticamente un bloque “También te puede interesar” con más artículos:
  • Primero se priorizan artículos relacionados por categoría del artículo actual.
  • Si faltan resultados, se completa con los últimos artículos publicados del mismo tipo (blog o docs).
  • Todos los enlaces respetan el prefijo correcto (/blog/ o /docs/) según el tipo configurado.

9. Mejores prácticas según tu perfil

9.1 Para dueños de negocio y marketing

• Mantén un calendario editorial para publicar con frecuencia.
• Usa la descripción corta para destacar beneficios y llamados a la acción.
• Monitorea estadísticas y actualiza los artículos más leídos con nueva información.
• Promociona el contenido en redes sociales usando las URLs amigables.

9.2 Para desarrolladores

• Aprovecha los shortcodes para insertar artículos en landing pages, home o secciones específicas.
• Personaliza estilos desde el css global y usa la clase del shortcode para variaciones locales.
• Si trabajas en múltiples idiomas, organiza categorías por idioma y evalúa el uso de /docs/ para documentación técnica.
• Antes de grandes cambios estructurales, crea un borrador o duplica artículos como respaldo.

10. Solución de problemas comunes

Si persiste algún inconveniente, copia el shortcode o la URL y consulta a emyi para recibir ayuda personalizada.

11. Recursos adicionales y próximos pasos

• Documentación: revisa las guías de SEO, formularios y sitio web para complementar tu estrategia de contenidos.
• Blog: inspira nuevas ideas visitando https://www.mgpanel.co/blog.
• Equipo de soporte: abre un ticket desde el chat de emyi, ve a la sección de Ayuda -> Sugerir mejoras -> Reportar un error o escribe a soporte@mgpanel.co con el código del formulario y descripción del problema.
• Partners certificados: si estás trabajando una campaña compleja, puedes solicitar apoyo desde la sección "Contrata a un partner".