Mejoras de SEO Implementadas

Mejoras de SEO Implementadas

Resumen de Cambios

Se han implementado las siguientes mejoras de SEO en el blog NachoWeb3:

1. Meta Tags Mejorados (C:\Users\Usuario\Desktop\blog_includes\head.html)

Meta Tags Básicos

  • Meta description dinámica con truncado a 160 caracteres
  • Meta author agregado
  • Canonical URLs para evitar contenido duplicado

Open Graph Tags (Facebook, LinkedIn)

  • og:type: Diferencia entre artículos y páginas
  • og:url: URL absoluta de la página
  • og:title: Título dinámico
  • og:description: Descripción optimizada
  • og:image: Imagen destacada del post o imagen por defecto
  • og:site_name: Nombre del sitio
  • article:published_time: Fecha de publicación para artículos
  • article:section: Categoría del artículo

Twitter Cards

  • twitter:card: Tarjeta grande con imagen
  • twitter:url: URL del contenido
  • twitter:title: Título optimizado
  • twitter:description: Descripción optimizada
  • twitter:image: Imagen destacada
  • twitter:site: @nachoweb3__x
  • twitter:creator: @nachoweb3__x

Schema.org Structured Data

Para artículos (BlogPosting):

  • Headline
  • Image
  • Fecha de publicación y modificación
  • Información del autor
  • Información del publisher
  • Description
  • MainEntityOfPage

Para páginas (WebSite):

  • Name
  • URL
  • Description
  • Publisher

2. Sitemap.xml (C:\Users\Usuario\Desktop\blog\sitemap.xml)

Sitemap optimizado con:

  • Homepage (prioridad 1.0, changefreq: daily)
  • Posts del blog (prioridad 0.8, changefreq: weekly)
  • Categorías (prioridad 0.7, changefreq: weekly)
  • Páginas estáticas (prioridad 0.6, changefreq: monthly)
  • Imágenes incluidas en el sitemap con namespace de Google
  • Exclusión de páginas de error y feeds

3. Robots.txt (C:\Users\Usuario\Desktop\blog\robots.txt)

Configuración optimizada:

  • Permite todos los bots (User-agent: *)
  • Bloquea directorios privados y de sistema
  • Permite explícitamente CSS y JS para mejor crawling
  • Referencia al sitemap.xml

Acciones Pendientes

Imágenes Requeridas

Para completar la implementación de SEO, necesitas agregar:

  1. default-og.jpg (C:\Users\Usuario\Desktop\blog\assets\images\default-og.jpg)
    • Tamaño: 1200x630 píxeles
    • Uso: Imagen por defecto para Open Graph cuando un post no tiene imagen
    • Contenido sugerido: Logo + texto descriptivo del blog
  2. logo.png (C:\Users\Usuario\Desktop\blog\assets\images\logo.png)
    • Tamaño: 600x600 píxeles
    • Uso: Logo para Schema.org structured data
    • Formato: PNG con transparencia

Verificación y Validación

Después de publicar los cambios:

  1. Validar Open Graph Tags:
    • Facebook Debugger: https://developers.facebook.com/tools/debug/
    • LinkedIn Post Inspector: https://www.linkedin.com/post-inspector/
  2. Validar Twitter Cards:
    • Twitter Card Validator: https://cards-dev.twitter.com/validator
  3. Validar Structured Data:
    • Google Rich Results Test: https://search.google.com/test/rich-results
    • Schema.org Validator: https://validator.schema.org/
  4. Verificar Sitemap:
    • Google Search Console: Agregar y verificar el sitemap
    • URL: https://nachoweb3.github.io/blog/sitemap.xml
  5. Verificar Robots.txt:
    • URL: https://nachoweb3.github.io/blog/robots.txt
    • Google Search Console: Herramienta de prueba de robots.txt

Beneficios de SEO

Mejora en Redes Sociales

  • Previsualizaciones atractivas en Facebook, LinkedIn, Twitter
  • Mayor CTR en compartidos sociales
  • Mejor control de cómo se ve tu contenido compartido

Mejora en Motores de Búsqueda

  • Mejor indexación con sitemap optimizado
  • Rich snippets en resultados de búsqueda
  • Canonical URLs evitan penalizaciones por contenido duplicado
  • Structured data ayuda a Google a entender tu contenido

Mejora en Analytics

  • Mejor tracking de cómo se comparte tu contenido
  • Mayor visibilidad en búsquedas de Google

Próximos Pasos Recomendados

  1. Crear las imágenes default-og.jpg y logo.png
  2. Verificar que Jekyll compile correctamente
  3. Publicar en GitHub Pages
  4. Validar todos los tags con las herramientas mencionadas
  5. Registrar el sitio en Google Search Console
  6. Configurar Google Analytics si aún no está configurado
  7. Considerar agregar más structured data (FAQ, HowTo, etc.) según el contenido

Archivos Modificados

  • C:\Users\Usuario\Desktop\blog\_includes\head.html - Actualizado con meta tags completos
  • C:\Users\Usuario\Desktop\blog\sitemap.xml - Creado nuevo
  • C:\Users\Usuario\Desktop\blog\robots.txt - Creado nuevo
  • C:\Users\Usuario\Desktop\blog\assets\images\README.md - Creado con especificaciones de imágenes

Notas Técnicas

  • El blog ya tiene jekyll-seo-tag y jekyll-sitemap en los plugins, pero se han creado versiones personalizadas para mayor control
  • Las meta descriptions se truncan automáticamente a 160 caracteres
  • Los excerpts de los posts se usan como description si están disponibles
  • El structured data es diferente para posts (BlogPosting) vs páginas (WebSite)