Saltar al contenido
CMSKite

Agrega tu blog con dos líneas de código

Dos líneas en una página de tu sitio muestran ahí tus artículos, con las fuentes y colores de tu sitio. La lista está en esa página; un artículo se abre en la misma página con su propia dirección. Todo lo de abajo es opcional: las dos líneas funcionan tal como están.

Actualizado el

En esta página
  1. Las dos líneas
  2. Dónde pegarlas
  3. Qué hace por los buscadores
  4. Direcciones como /blog/mi-articulo
  5. Un artículo en cualquier página
  6. Un sitemap para tus artículos

Las dos líneas

Tus dos líneas, con el nombre de tu blog ya puesto, están en la página Conectar tu sitio web de tu panel. Se ven así:

html
<div id="cmskite-blog"></div>
<script src="https://cmskite.com/embed.js" data-blog="tu-blog" async></script>
AtributoQué hace
data-blogEl nombre de tu blog. Es el único que necesitas.
data-pathLe da a cada artículo una dirección como /blog/mi-articulo. Ver más abajo.
data-paramEl nombre en ?post=mi-articulo, si post choca con algo de tu sitio.
data-accentUn color para enlaces y etiquetas, p. ej. #2563eb.
data-targetEl id del elemento donde se dibuja el blog, si no es cmskite-blog.
data-postEl slug de un artículo: muestra solo ese artículo, en cualquier lugar. Mira abajo.

Dónde pegarlas

Crea una página llamada Blog en tu sitio y pega las dos líneas en el espacio que tu plataforma tiene para código. Cada plataforma tiene una página con los pasos y sus particularidades:

PlataformaDónde van las dos líneasPasos
WordPressUn bloque HTML personalizado en la página de tu blogcmskite.com/es/para/wordpress
WixAgregar elementos → Código incrustado → Incrustar HTMLcmskite.com/es/para/wix
ShopifyUna plantilla de página propia con una sección Custom Liquidcmskite.com/es/para/shopify
WebflowUn elemento Code Embed en la página de tu blog (requiere un plan de sitio de pago)cmskite.com/es/para/webflow
SquarespaceUn bloque de código en la página de tu blog (plan Core o superior)cmskite.com/es/para/squarespace
LovableNo hay que pegar nada: copia el prompt listo de tu panel en el chat de Lovablecmskite.com/es/para/lovable
Cualquier página HTMLEn cualquier parte del body de la página, donde deben aparecer los artículosEsta página

Qué hace por los buscadores

Con un artículo abierto, el script le da a tu página el título y la descripción del artículo, un enlace canónico a la única dirección del artículo en tu sitio y datos estructurados de tipo Article (título, descripción, imagen, autor, fecha de publicación y de actualización): lo mismo que tiene tu página del blog gratuito. Google ejecuta el script cuando renderiza la página, así que lo lee todo.

Cuando tu página ya mostró los artículos, tu página del blog gratuito en cmskite.com les indica a los buscadores que vayan a tu sitio, así las dos nunca compiten por el mismo artículo.

Direcciones como /blog/mi-articulo

De forma predeterminada, la dirección de un artículo es la de tu página del blog más ?post=mi-articulo. Funciona en todas partes y Google la indexa. Si tu hosting te deja agregar una regla de reescritura, puedes tener /blog/mi-articulo: agrega data-path="/blog" (la ruta de tu página del blog) a la etiqueta script y luego indica a tu servidor que responda a cualquier dirección /blog/… con la misma página del blog.

html
<div id="cmskite-blog"></div>
<script src="https://cmskite.com/embed.js" data-blog="tu-blog" data-path="/blog" async></script>

Los enlaces viejos con ?post= siguen funcionando, y su enlace canónico apunta a la nueva dirección. La regla de reescritura para tu hosting:

  1. WordPress

    Tu página del blog debe ser la página con el slug blog. Agrega esto con el plugin Code Snippets (o en el functions.php de tu tema), luego abre Ajustes → Enlaces permanentes y presiona Guardar cambios una vez.

    php
    add_action('init', function () {
      add_rewrite_rule('^blog/([^/]+)/?$', 'index.php?pagename=blog', 'top');
    });
  2. HTML simple en Apache (.htaccess)

    Junto a los archivos de tu sitio. Usa el archivo que de verdad es tu página del blog.

    apache
    RewriteEngine On
    RewriteRule ^blog/[^/]+/?$ /blog/index.html [L]
  3. HTML simple en Nginx

    Dentro del bloque server { } de tu sitio; luego recarga Nginx.

    nginx
    location ~ ^/blog/[^/]+/?$ {
      try_files /blog/index.html =404;
    }
  4. Netlify o Cloudflare Pages (_redirects)

    Un archivo llamado _redirects en la raíz de lo que publicas. El 200 lo convierte en una reescritura, no en una redirección.

    plain
    /blog/*  /blog/index.html  200
  5. Vercel (vercel.json)

    En la raíz de tu proyecto.

    json
    { "rewrites": [{ "source": "/blog/:slug", "destination": "/blog/index.html" }] }

En una página servida con una reescritura, escribe las rutas de tu propio CSS y tus imágenes desde la raíz (/style.css, no style.css); si no, se buscan dentro de /blog/mi-articulo/.

Un artículo en cualquier página

Para mostrar un solo artículo en otro lugar, como una landing page, el sitio de un socio o un centro de ayuda, agrega data-post con el slug del artículo. Solo aparece ese artículo: sin la lista de los demás ni enlace para volver. La página de cada artículo publicado en el panel ya tiene estas dos líneas listas para copiar.

html
<div id="cmskite-post-mi-articulo"></div>
<script src="https://cmskite.com/embed.js" data-blog="tu-blog" data-post="mi-articulo" async></script>

El artículo es un invitado en esa página: la página conserva su propio título, descripción y enlace canónico, y la visita se sigue contando. Puedes poner varios artículos en una página: cada par de líneas dibuja en su propio elemento cmskite-post-…. Un artículo que luego se despublica muestra “Este artículo no está disponible.”

Un sitemap para tus artículos

Un sitemap les dice a los buscadores la dirección de cada artículo, y eso importa sobre todo mientras tu blog es nuevo. Tu sitio no conoce tus artículos, así que nosotros mantenemos uno por ti, con cada artículo en su dirección dentro de tu sitio:

plain
https://cmskite.com/b/tu-blog/site-sitemap.xml

Usa las direcciones de tu sitio en cuanto un visitante abre tu página del blog con las dos líneas; antes de eso, lista las de tu blog gratuito. Después haz una de estas dos cosas:

  1. Menciónalo en tu robots.txt (lo mejor: se mantiene al día). Agrega la línea Sitemap: https://cmskite.com/b/tu-blog/site-sitemap.xml. Los buscadores aceptan un sitemap alojado en otro sitio cuando tu propio robots.txt lo menciona. WordPress: el editor de robots.txt de tu plugin de SEO (Yoast: Yoast SEO → Herramientas → Editor de archivos). Shopify: Online Store → Themes → Edit code → agrega la plantilla robots.txt. Webflow: Site settings → SEO → Robots.txt.
  2. O súbelo. Abre la dirección de arriba, guarda el archivo, súbelo a tu sitio (p. ej. como /blog-sitemap.xml) y envía esa dirección en Google Search Console, en Sitemaps. Vuelve a subirlo después de publicar artículos nuevos.

Si tu hosting no permite ninguna de las dos, los buscadores igual encuentran tus artículos siguiendo los enlaces de tu página del blog; solo tarda más. En Wix no hay nada que hacer: los artículos se posicionan en tu enlace gratuito del blog, que ya está en nuestro propio sitemap.