<!--more--> y <a name="more"></a> en Blogger: uso correcto y c贸mo evitar errores
El uso de la etiqueta <!--more--> en Blogger ha sido una herramienta 煤til desde hace a帽os para controlar c贸mo se muestra el contenido de una entrada en la p谩gina principal del blog. Sin embargo, esta funcionalidad, aunque sencilla, puede generar confusi贸n t茅cnica cuando se transforma autom谩ticamente en <a name="more"></a> en el HTML publicado. En esta gu铆a te explicamos de manera detallada qu茅 significa esto, c贸mo evitar errores y c贸mo aprovecharlo para mejorar la experiencia de tus lectores y el SEO de tu blog.
¿Qu茅 es <!--more--> y para qu茅 sirve?
La etiqueta <!--more--> permite insertar un salto de contenido dentro de una entrada. Este salto separa la vista previa del contenido completo, mostrando solo un fragmento en la p谩gina principal o en las p谩ginas de etiquetas, y reservando el resto para la p谩gina individual del post.
Cuando usas esta etiqueta en el editor HTML o mediante el bot贸n de “salto de l铆nea” del editor visual, Blogger transforma ese marcador en una ancla HTML: <a name="more"></a>. Esta conversi贸n tiene implicaciones que vale la pena revisar si te preocupa la calidad del c贸digo o si est谩s optimizando para buscadores.
¿Por qu茅 aparece <a name="more"></a> en el HTML?
Este marcador act煤a como un punto de anclaje en el documento HTML. Es decir, le permite al navegador y a Blogger saber d贸nde continuar la lectura despu茅s de hacer clic en “Leer m谩s”. Aunque esta pr谩ctica era com煤n en versiones antiguas del HTML, actualmente el atributo name est谩 en desuso y se recomienda usar id en su lugar.
Esto puede generar advertencias o errores en validadores modernos de HTML, o incluso problemas con ciertos temas o scripts personalizados que no interpretan correctamente la ancla sin un enlace directo.
¿C贸mo evitar errores causados por <a name="more"></a>?
Si bien el marcador no causa errores funcionales en la mayor铆a de los blogs, puede resultar problem谩tico si est谩s trabajando con plantillas personalizadas o est谩s buscando una validaci贸n estricta del c贸digo HTML. Aqu铆 algunas soluciones:
1. Ocultarlo con CSS: Si deseas que el ancla no genere espacios visuales o interferencias, puedes aplicar un estilo espec铆fico:
a[name="more"] {
display: none;
}
2. Reemplazar el atributo name por id: Aunque Blogger lo genera autom谩ticamente como name, puedes editar el HTML de la plantilla y asegurarte de que las referencias sean hacia un #more con id="more" para mantener compatibilidad con est谩ndares actuales.
3. Mantenerlo como est谩 si no hay conflictos: En muchos casos, puedes ignorarlo si no hay efectos negativos visibles ni errores SEO importantes.
Verificar y adaptar tu plantilla
Para que el bot贸n de “Leer m谩s” funcione correctamente, tu plantilla debe contener el siguiente fragmento despu茅s del contenido del post:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Esto asegura que se muestre el enlace con el texto “M谩s informaci贸n” o el texto personalizado que elijas. Puedes cambiar el contenido de <data:post.jumpText/> por una imagen o cualquier otro HTML personalizado.
Mejoras de dise帽o y personalizaci贸n
El contenedor .jump-link puede estilizarse para adaptarse a la est茅tica de tu blog. Puedes agregar en tu plantilla estilos como estos:
.jump-link a {
color: #0056b3;
text-decoration: underline;
}
.jump-link a:hover {
color: #ff6600;
}
Esto te da control total sobre c贸mo se ve y se comporta el bot贸n de leer m谩s, lo cual es clave para mejorar la experiencia del usuario y reducir la tasa de rebote.
Buenas pr谩cticas de SEO con <!--more-->
El uso correcto del salto de contenido puede mejorar la navegaci贸n del blog, reduciendo el tiempo de carga inicial y aumentando las p谩ginas vistas. Sin embargo, es importante mantener la coherencia sem谩ntica. Por ejemplo, aseg煤rate de que el contenido antes del salto sea representativo del tema del post y contenga algunas de las palabras clave principales.
Si est谩s trabajando con Blogger y deseas evitar problemas adicionales relacionados con las URL can贸nicas, puedes leer esta gu铆a detallada: Evita la canonicalizaci贸n en Blogger. Te ayudar谩 a prevenir errores comunes que afectan la indexaci贸n de tu contenido.
Contenido de calidad antes y despu茅s del salto
Otro consejo importante es asegurarte de que el contenido previo al salto de l铆nea tenga suficiente valor para enganchar al lector. Usa esta secci贸n para introducir el tema, plantear una pregunta, o resumir los beneficios del post. Despu茅s del salto, desarrolla en profundidad la informaci贸n.
Adem谩s, puedes complementar tu estrategia de contenido utilizando herramientas espec铆ficas para bloggers. En este art铆culo de Kolectiva se presentan opciones muy 煤tiles: Herramientas esenciales para bloggers.
Resumen y recomendaciones finales
La etiqueta <!--more--> es una funci贸n sencilla pero poderosa en Blogger. Su transformaci贸n en <a name="more"></a> no deber铆a causarte problemas si sigues buenas pr谩cticas de plantilla y estilo. Con peque帽os ajustes puedes mejorar la funcionalidad, evitar errores HTML y fortalecer la experiencia del usuario.
Recuerda revisar peri贸dicamente el comportamiento de tus entradas, especialmente si est谩s usando plantillas personalizadas. Al cuidar estos detalles, no solo aseguras una mejor presentaci贸n visual, sino tambi茅n una mayor eficacia en tu estrategia de SEO.
