¿Por qué deberías considerar si cerrar los acordeones o dejarlos abiertos?

Marketing margetc Blog ¿Por qué deberías considerar si cerrar los acordeones o dejarlos abiertos?

¡Haz clic para contactarnos ahora!

Lee este artículo y te espero. ¡La conversación comienza contigo! ¿Qué te parece este POST?

Comentar este POST

Tabla de Contenidos

Como dejar los acordeones cerrados del editor elementor WordPress

Dejar los acordeones abiertos tiene grandes beneficios. Antes de decidir cerrarlos, considera lo siguiente:


▸ Accesibilidad

Facilita el acceso mucho más rápido a la información sin necesidad de hacer clic.

▸ SEO

El contenido más visible para los motores de búsqueda mejora el SEO, ya que algunos motores no indexan los contenidos ocultos.

▸ Experiencia de usuario

Si el usuario está interesado en ver toda la información del sitio web, es importante dejarles saber que hay más contenido disponible. Por ello, es crucial mantener los acordeones abiertos.

▸ Primera impresión

Al dejarlos abiertos, el usuario puede quedar impresionado, despertando así un mayor interés.

▸ Diseño y usabilidad

Permanecer con los acordeones abiertos en Elementor ayuda a que el diseño sea más llamativo estéticamente.


Acordeones de elementor cerrados


Entiendo tu frustración si el acordeón abierto te parece desagradable a nivel de diseño o si quieres insertar más información en cada uno de ellos. Si buscas dejar los acordeones de Elementor cerrados, aquí te dejo algunos consejos:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $('.elementor-tab-title').removeClass('elementor-active'); $('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>

Si tal vez no te funcionó dejando los acordeones cerrados, usa la siguiente solución:


<script> var targetElement = document.querySelector('.elementor-tab-title'); var margetc = new Mutationmargetc(function(mutationsList) { for (var mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (targetElement.classList.contains('elementor-active')) { document.querySelectorAll('.elementor-tab-title').forEach(function(tab){ tab.classList.remove('elementor-active'); }); document.querySelectorAll('.elementor-tab-content').forEach(function(tab){ tab.style.display = 'none'; }); margetc.disconnect(); } } } }); margetc.observe(targetElement, { attributes: true }); </script>

¿Dónde insertar el código JS para cerrar los acordeones de Elementor?


Plugin: Puedes usar un plugin llamado Snippet Code.

Footer: Inserta el código en el footer.

Elementor HTML: Inserta el código en la opción de HTML de Elementor.


Recomendamos que para cerrar el acordeón, lo insertes en el footer, ya que automáticamente funcionará en todas las páginas.

Espero que esta información te sea de ayuda. En caso de que no funcione, aunque es poco probable, estaremos encantados de ayudarte. ¡Buena suerte!


¡Un momento! Estoy seguro de que estos recursos también te resultarán fascinantes:

⭐ Google Search Console: Rastreada pero no indexada

⭐ Cómo influye el HTML en el SEO

⭐ El arte de los Prompts: Cómo la inteligencia artificial está revolucionando el SEO

⭐ Keywordshitter: Herramienta SEO para encontrar palabras clave

⭐ Como reducir la tasa de rebote > TIPS

⭐ Consejos para optimizar el SEO de mi sitio web

⭐ Los mejores temas optimizados para SEO en WordPress

⭐ Redirecciones 301 o 302: ¿Cuándo deberías utilizar para SEO?

⭐ ¿Duda con la indexación de tu web? > TIPS

⭐ Cómo mejorar tu ranking local en Google > Gratis

⭐ Cómo geolocalizar fotos online para SEO

⭐ Cómo puedes darle un buen uso al Email Marketing

⭐ Descubre los Errores de SEO Más Comunes: Evita Obstáculos y Potencia tu Visibilidad en Línea

⭐ Cuánto tiempo tarda una web para estar en Google

⭐ Optimización SEO con Encabezados H1, H2, H3 y H4: Guía Completa

⭐ Los errores comunes en marketing que debes evitar para no perder clientes

⭐ SEO Multilingüe: Dominios, Subdominios y Carpetas

⭐ Cómo contratar un servicio de SEO: PASOS IMPORTANTES

⭐ 6 razones por las que Givemeservicesas es una de las mejores agencias de marketing online y cómo superarlas

⭐ SEO Económico: Revelando los Misterios

⭐ Desvelando los secretos del posicionamiento web: Tu agencia SEO en Medellín

⭐ Agencia SEO en Colombia, ¿cómo debería seleccionarla?

⭐ Extensiones SEO para Chrome > Sube al TOP1 sin dinero

⭐ Optimización SEO en PrestaShop: Estrategias para Posicionar tu Tienda en Línea

⭐ La mejor agencia SEO para wordpress - Margetc

⭐ ¿Como hacer que mi logo aparezca en Google?

⭐ Potencia tu Visibilidad Local con Nuestra Agencia de SEO Especializada

⭐ Plugins para SEO Gratis TOP #1

⭐ Desactivar o eliminar migas de pan en WordPress

⭐ Guía paso a paso para el posicionamiento orgánico en Google

¡Tu opinión importa! Expresa tus impresiones sobre la publicación. ¿Tienes algo que decir? ¡Nos encantaría escucharte! Tu feedback es valioso para nosotros y nos ayuda a mejorar. ¡Anímate a comentar!

Bernardo Margetc

¿Piensas que conoces tu negocio? Piénsalo de nuevo. Soy el emprendedor que está redefiniendo lo que significa ser un consultor creativo. Con mi equipo, especializado en marketing digital y desarrollo, estamos listos para catapultar tu marca más allá de lo imaginable. Olvídate de lo tradicional; estamos aquí para marcar la diferencia real en tu crecimiento. ¿Listo para el viaje?

¿Necesitas ayuda? Como agencia digital, estamos aquí para brindarte nuestra asistencia.

Requiero ayuda ➞ Más artículos excepcionales Aprende términos desconocidos
Volver arriba ⬆

Todos los derechos reservados © 2024 margetc.com
P. de Privacidad | Aviso Legal | Mapa web html

whatsaapp dudas dudas
⭠ Hablemos de soluciones