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
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í:
<div id="cmskite-blog"></div>
<script src="https://cmskite.com/embed.js" data-blog="tu-blog" async></script>| Atributo | Qué hace |
|---|---|
data-blog | El nombre de tu blog. Es el único que necesitas. |
data-path | Le da a cada artículo una dirección como /blog/mi-articulo. Ver más abajo. |
data-param | El nombre en ?post=mi-articulo, si post choca con algo de tu sitio. |
data-accent | Un color para enlaces y etiquetas, p. ej. #2563eb. |
data-target | El id del elemento donde se dibuja el blog, si no es cmskite-blog. |
data-post | El 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:
| Plataforma | Dónde van las dos líneas | Pasos |
|---|---|---|
| WordPress | Un bloque HTML personalizado en la página de tu blog | cmskite.com/es/para/wordpress |
| Wix | Agregar elementos → Código incrustado → Incrustar HTML | cmskite.com/es/para/wix |
| Shopify | Una plantilla de página propia con una sección Custom Liquid | cmskite.com/es/para/shopify |
| Webflow | Un elemento Code Embed en la página de tu blog (requiere un plan de sitio de pago) | cmskite.com/es/para/webflow |
| Squarespace | Un bloque de código en la página de tu blog (plan Core o superior) | cmskite.com/es/para/squarespace |
| Lovable | No hay que pegar nada: copia el prompt listo de tu panel en el chat de Lovable | cmskite.com/es/para/lovable |
| Cualquier página HTML | En cualquier parte del body de la página, donde deben aparecer los artículos | Esta 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.
<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:
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.phpadd_action('init', function () { add_rewrite_rule('^blog/([^/]+)/?$', 'index.php?pagename=blog', 'top'); });HTML simple en Apache (.htaccess)
Junto a los archivos de tu sitio. Usa el archivo que de verdad es tu página del blog.
apacheRewriteEngine On RewriteRule ^blog/[^/]+/?$ /blog/index.html [L]HTML simple en Nginx
Dentro del bloque
server { }de tu sitio; luego recarga Nginx.nginxlocation ~ ^/blog/[^/]+/?$ { try_files /blog/index.html =404; }Netlify o Cloudflare Pages (_redirects)
Un archivo llamado
_redirectsen la raíz de lo que publicas. El 200 lo convierte en una reescritura, no en una redirección.plain/blog/* /blog/index.html 200Vercel (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.
<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:
https://cmskite.com/b/tu-blog/site-sitemap.xmlUsa 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:
- 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. - 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.