WPBeginner https://www.wpbeginner.com/es Guía para principiantes de WordPress Wed, 18 Sep 2024 10:02:38 +0000 es hourly 1 https://wordpress.org/?v=6.6.1 ¿Valen la pena los plugins SEO Premium para WordPress? (+ Cómo elegir) https://www.wpbeginner.com/es/opinion/are-premium-wordpress-seo-plugins-worth-it/ https://www.wpbeginner.com/es/opinion/are-premium-wordpress-seo-plugins-worth-it/#comments Wed, 18 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/es/opinion/are-premium-wordpress-seo-plugins-worth-it/ Reconozcámoslo: dar a conocer su sitio web es muy importante para su éxito. Y, según nuestra experiencia, la mayoría de los sitios web obtienen la mayor parte de su tráfico de los motores de búsqueda. Más tráfico significa más clientes, más ofertas y más beneficios.… Leer más »

The post ¿Valen la pena los plugins SEO Premium para WordPress? (+ Cómo elegir) first appeared on WPBeginner.

]]>
Reconozcámoslo: dar a conocer su sitio web es muy importante para su éxito. Y, según nuestra experiencia, la mayoría de los sitios web obtienen la mayor parte de su tráfico de los motores de búsqueda.

Más tráfico significa más clientes, más ofertas y más beneficios. Por lo tanto, es posible que esté buscando una herramienta SEO de calidad para mejorar su posicionamiento en las búsquedas y atraer a más visitantes.

Con tantas herramientas SEO disponibles, tanto gratuitas como de pago, es natural preguntarse si merece la pena pagar por un plugin premium.

En este artículo, compartiremos nuestra experiencia de primera mano utilizando plugins SEO para WordPress tanto gratuitos como premium. Exploraremos las características adicionales que ofrecen las herramientas premium y el impacto que pueden tener en el tráfico y el éxito de tu sitio web.

Are Premium WordPress SEO Plugins Worth It?

Elegir la herramienta SEO adecuada para su sitio web WordPress

Los usuarios de WordPress tienen muchas opciones en cuanto a plugins que ayudan a optimizar los sitios web para los motores de búsqueda. Pero con tantas herramientas que prometen mejorar tu posicionamiento, es difícil saber por dónde empezar.

Aquí en WPBeginner, recibimos toneladas de preguntas de los lectores preguntando qué plugin SEO es el mejor para llegar a los primeros lugares en los resultados de búsqueda.

En respuesta, hemos creado un escaparate detallado de los mejores plugins y herramientas SEO. Estas herramientas pueden ayudarte a aumentar el tráfico de tu sitio web entre un 20 y un 30% en pocos meses.

Esta lista cubre una amplia gama de casos de uso e incluye plugins líderes como All in One SEO (AIOSEO) y Yoast SEO, así como herramientas independientes como Semrush y Ahrefs.

Pero aquí está el truco. Muchos de estos plugins ofrecen versiones gratuitas y premium, lo que te obliga a tomar otra decisión.

Mientras que las versiones gratuitas proporcionan una base sólida para el SEO básico, las actualizaciones premium prometen desbloquear características avanzadas diseñadas para dar a su sitio una ventaja en la clasificación de los motores de búsqueda.

Entonces, ¿merecen la pena esas características premium? ¿Realmente marcan la diferencia en sus posiciones de búsqueda?

Exploremos las capacidades únicas de las herramientas SEO de WordPress y veamos cómo pueden ayudar a que su sitio web aparezca en las primeras páginas de resultados de búsqueda.

Consejo: Si usted tiene el presupuesto para gastar dinero en SEO, pero prefiere no hacer el trabajo usted mismo, entonces usted puede contratar a nuestros expertos en SEO asequibles en WPBeginner Pro Services para hacerlo por usted.

¿Cuáles son las ventajas de los plugins SEO Premium para WordPress?

En WPBeginner, hemos estado usando plugins SEO premium durante muchos años. Estas son algunas de nuestras características y ventajas favoritas:

1. Auditorías SEO exhaustivas

Mientras que los plugins gratuitos proporcionan un análisis básico de la página, las versiones premium suelen ofrecer información y recomendaciones más detalladas.

Realizan auditorías SEO exhaustivas de su sitio web. De este modo, se hace una idea vacila de la salud general de su sitio desde el punto de vista del SEO. Exploran todas las páginas de su sitio web y destacan los posibles problemas, recomendando cómo corregirlos.

Utilizamos AIOSEO con regularidad para analizar la legibilidad, el uso de palabras clave y la optimización general de nuestro contenido. Nos da acceso a un informe de SEO procesable dentro de nuestra área de administrador / administración de WordPress que nos da una hoja de ruta clara para la mejora.

Complete SEO Checklist in AIOSEO

Esto es realmente útil porque la optimización de motores de búsqueda es un procedimiento complejo que lleva tiempo. Tener una lista clara de todo lo que hay que mejorar simplifica el proceso para que pueda corregir fácilmente un problema / conflicto / incidencia a la vez.

2. Mapas del sitio avanzados

Los motores de búsqueda necesitan encontrar e indexar todas las páginas de su sitio web antes de poder mostrarlas en los resultados de búsqueda.

Google recomienda el uso de mapas del sitio para facilitar este proceso. Los mapas del sitio ayudan a los motores de búsqueda a rastrear hasta un 40% más de páginas, lo que hace que aparezca más contenido en los resultados de búsqueda.

Existen diferentes tipos de mapas del sitio, como los mapas XML, que ayudan a los motores de búsqueda a descubrir e indexar su contenido, y los mapas RSS, que les avisan de la actualización del contenido.

Activando ambos obtendrá las mayores ventajas SEO. Con un plugin SEO premium para WordPress, es tan fácil como establecer un ajuste para cada tipo de mapa del sitio.

Enable sitemap

3. Potentes redireccionamientos y vigilancia / supervisión 404

Los enlaces rotos remiten a páginas web que no existen, lo que provoca frustración y mensajes de error 404 a los usuarios. También son malos para el SEO y dan lugar a una tasa de rebote un 12% más alta.

Los plugins SEO Premium le ayudan a evitar enlaces rotos creando automáticamente redireccionamientos cuando renombra una entrada o página o cambia su URL.

También rastrean y registran automáticamente los errores 404 para que pueda redirigir rápidamente estas URL a entradas existentes como parte de su mantenimiento regular de WordPress.

404 Logs Under Redirects

Así se asegurará de que sus visitantes encuentren la información que buscan y evitará sorpresas frustrantes al hacer clic en los enlaces de su sitio.

4. Marcado avanzado de esquemas

El marcado schema son datos estructurados que se añaden a sus páginas web entre bastidores. Ayuda a los motores de búsqueda a entender mejor su contenido y mostrarlo de forma más prominente en los resultados de búsqueda.

Por ejemplo, el uso del esquema de recetas puede hacer que los blogs de comida sean más visibles en los resultados de búsqueda. Puede aumentar la tasa de clics en un 30% y atraer tráfico valioso a su sitio web.

An example of a featured recipe snippet, in Google

Pero añadir manualmente estos datos estructurados a sus entradas es muy técnico y lleva mucho tiempo.

Es mucho más fácil utilizar un plugin SEO premium porque puede añadir el marcado schema automáticamente. Estas herramientas también le permiten añadir marcas más específicas a entradas individuales con el clic de un ratón, incluyendo preguntas frecuentes, recetas, eventos, productos, y mucho más.

5. Sugerencias para enlazar internamente

Siempre le recomendamos que añada enlaces a su propio contenido en todo su sitio web. De esta forma, ayudas a los usuarios a encontrar entradas relacionadas con el debate sobre el que están leyendo. Estos enlaces internos son buenos para el SEO, ya que aumentan las visitas a la página hasta en un 40%.

El problema es que, a medida que se crea más contenido, resulta difícil encontrar todas las entradas de blog relacionadas que se pueden enlazar. Buscarlas manualmente resulta frustrante y lleva mucho tiempo.

Los plugins SEO Premium ayudan enlazando automáticamente los anuncios / catálogos / fichas. Con un clic de su ratón, puede añadir fácilmente estos enlaces a entradas relevantes junto con una frase y un texto de anclaje generados automáticamente, mejorando su SEO y ahorrándole tiempo.

Find internal link opportunities and orphaned pages

6. Optimización de medios sociales

También utilizamos un plugin SEO premium de WordPress para la optimización de medios sociales porque nos permite controlar cómo aparece nuestro contenido de WPBeginner cuando se comparte en plataformas como Facebook y Twitter (X).

En lugar de que estas plataformas extraigan información e imágenes aleatorias de nuestras entradas, podemos especificar el título, la descripción y la imagen que se utiliza. De este modo, es más probable que nuestras entradas calen en nuestros seguidores de los medios sociales y atraigan más tráfico a nuestro sitio.

The WordPress social media sharing settings

7. Optimización SEO regional

Si su empresa tiene ubicaciones físicas, los plugins SEO premium pueden ayudarle a optimizar su sitio para los resultados de búsqueda locales, incluida la generación automática de un marcado schema específico de la ubicación que facilite que los clientes de su zona le encuentren.

Los clientes potenciales verán su negocio en Google Maps y en los resultados de búsqueda cuando busquen su tipo de negocio en su área local.

Podrán ver su dirección, número de teléfono y horario de apertura directamente desde la página de resultados de la búsqueda. Además, incluso podrán obtener indicaciones giro a giro mientras conducen hasta tu tienda.

Example of Google Business Profile

8. WooCommerce SEO

Si tienes una tienda online, también puedes beneficiarte de las características SEO especializadas de WooCommerce que ofrecen los plugins premium. Estas te ayudan a optimizar tus páginas de productos para que sean más visibles en las búsquedas de productos.

Los usuarios también podrán ver las reseñas de los clientes y las valoraciones / puntuaciones con estrellas, lo que demuestra que otros clientes han tenido una experiencia positiva con sus productos. Esto puede ayudar a atraer más tráfico a tu tienda.

Product Search Result Showing Star Ratings

9. Soporte prioritario

Cuando se gestiona un sitio web de negocios en línea, tener acceso a un soporte experto puede ser muy valioso. Las versiones Premium suelen ofrecer soporte prioritario para ayudarle a resolver problemas rápidamente.

De este modo, si se encuentra con algún problema / incidencia al utilizar el plugin, podrá recibir ayuda inmediata de los expertos y volver al trabajo de dirigir su negocio.

Para más detalles, puede consultar nuestra guía sobre cómo solicitar soporte de WordPress y obtenerlo.

¿Cuál es el mejor plugin SEO Premium?

Si usted es serio acerca de conducir más tráfico orgánico a su sitio web, a continuación, suscribirse a un plugin de SEO prima como la que tenemos es una decisión inteligente.

Su siguiente tarea es decidir qué plugin o servicio utilizar. Su primera pregunta probablemente será qué plugin ofrece la mejor relación calidad-precio.

Todo en Uno SEO vs. Yoast SEO Premium

AIOSEO y Yoast SEO son los principales plugins SEO para WordPress y ofrecen amplias características.

AIOSEO's homepage

Sin embargo, hay diferencias importantes en sus precios y características.

Si comparamos los planes más asequibles de los dos plugins, AIOSEO es más asequible a la vez que ofrece características comparables:

  • El plan básico de AIOSEO cuesta a partir de 49,60 $ al año.
  • Yoast SEO Premium cuesta a partir de 99 $ al año

A primera vista, los precios de sus planes SEO más potentes parecen similares:

  • El plan Elite de AIOSEO cuesta 299,60 $ al año.
  • El precio del lote de Yoast SEO Premium, Yoast WooCommerce SEO, Yoast Local SEO, Yoast News SEO y Yoast Video SEO es de 229 $ al año.

Sin embargo, la diferencia es que el plan de AIOSEO cubre 100 sitios web, mientras que el precio de Yoast es para un solo sitio. Además, AIOSEO ofrece un conjunto de características más completo.

Cuando se trata de relación calidad-precio, AIOSEO destaca. Ofrece un paquete atractivo que cubre varios sitios web a un precio competitivo.

Puede obtener más información en nuestra comparación detallada de Yoast SEO frente a All in One SEO.

Puede que también te guste leer acerca de nuestro viaje cambiando de Yoast a All in One SEO para mejorar nuestro flujo de trabajo SEO y acceder a las características SEO que necesitamos.

Herramientas SEO All in One vs. Herramientas SEO Premium independientes

Si no tienes presupuesto para herramientas SEO independientes como Semrush o Ahrefs, AIOSEO Premium ofrece un montón de características impresionantes a un precio excelente.

Para que te hagas una idea, incluso si nos fijamos en las opciones más asequibles, el plan más básico de Semrush comienza en 119,95 dólares al mes, y el plan lite de Ahrefs en 99 dólares al mes.

Aunque estas herramientas son increíblemente potentes, sus precios de partida ascienden a más de 1.000 dólares al año, lo que puede no estar justificado para sitios web o blogueros más pequeños.

En cambio, puedes suscribirte al plan Elite de AIOSEO por mucho menos dinero. Incluye características avanzadas como SEO local, soporte avanzado para WooCommerce y SEO de vídeo, y cuesta menos de 300 € al año.

Además, AIOSEO se centra específicamente en WordPress, por lo que es más fácil de usar y se adapta mejor a las necesidades de su sitio web. Esto lo convierte en una solución rentable para agencias o empresas que gestionan varios sitios de WordPress.

Además, si tiene una pequeña empresa o está empezando, las características de AIOSEO Premium pueden ser más que suficientes para sus necesidades.

Dicho esto, si buscas más características SEO a un coste menor, puedes combinar el plugin con una herramienta asequible como SEOBoost para obtener potentes opciones de optimización de contenidos. Esto te proporcionará análisis impulsados por IA, auditorías de contenido, resúmenes de contenido y mucho más.

O, si necesitas un poco más de ayuda con la investigación de palabras clave, LowFruits es una gran opción. Te ayuda a generar palabras clave y analizar las SERPs para mejorar tus rankings.

Premium WordPress SEO Plugins FAQ

Estas son algunas de las preguntas que más nos hacen acerca de los plugins SEO premium para WordPress:

¿Qué son los plugins SEO premium?

Los plugins SEO Premium son versiones de pago de las herramientas SEO de WordPress que ofrecen características avanzadas, capacidades de optimización mejoradas y, a menudo, un soporte superior en comparación con sus alternativas gratuitas.

¿En qué se diferencian los plugins SEO premium de los gratuitos?

Los plugins SEO premium suelen ofrecer características más avanzadas, como generadores de marcado de esquemas, herramientas de optimización de contenidos, funciones de SEO local y soporte especializado. Los plugins gratuitos suelen ofrecer funciones básicas de SEO, pero pueden carecer de características avanzadas o de actualizaciones periódicas.

¿Son necesarios los plugins SEO premium para un buen posicionamiento en buscadores?

Aunque no son absolutamente necesarios, los plugins SEO premium pueden mejorar significativamente los esfuerzos de optimización de su sitio de WordPress, potencialmente conduciendo a una mejor clasificación en los motores de búsqueda. A menudo proporcionan herramientas y características que pueden darle una ventaja en los mercados competitivos.

¿Mejorará automáticamente mi posición en las búsquedas un plugin SEO premium?

Ningún plugin de SEO puede garantizar una mejora de las clasificaciones. Sin embargo, los plugins premium proporcionan herramientas avanzadas y orientación para ayudarle a optimizar su sitio de manera más eficaz, lo que puede contribuir a mejorar el rendimiento de búsqueda.

¿Cuánto suelen costar los plugins SEO premium?

Los precios varían, pero la mayoría de los plugins SEO premium cuestan entre 50 y 300 dólares al año, dependiendo de las características que ofrezcan y del número de sitios en los que se puedan utilizar.

¿Tengo que renovar anualmente la licencia de mi plugin SEO premium?

En la mayoría de los casos, sí. Las renovaciones anuales le garantizan que seguirá recibiendo actualizaciones, soporte y acceso a nuevas características. Sin embargo, algunos plugins ofrecen licencias de por vida.

¿Puedo obtener un reembolso si no estoy satisfecho con un plugin SEO premium?

Muchos desarrolladores de plugins premium ofrecen garantías de devolución del dinero durante un periodo determinado. Marque / compruebe siempre la política de reembolso antes de comprar.

Actualmente, AIOSEO ofrece una garantía de devolución del dinero de 14 días, y Yoast SEO tiene una garantía de 30 días.

Esperamos que este tutorial te haya ayudado a aprender que, para muchos sitios web, merece la pena invertir en plugins premium. Puede que también quieras ver nuestra guía sobre cómo automatizar el SEO de WordPress o nuestra selección experta de los mejores plugins FAQ para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post ¿Valen la pena los plugins SEO Premium para WordPress? (+ Cómo elegir) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/es/opinion/are-premium-wordpress-seo-plugins-worth-it/feed/ 1
Cómo corregir el tamaño excesivo del DOM en WordPress (11 consejos de expertos) https://www.wpbeginner.com/es/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/ https://www.wpbeginner.com/es/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/#comments Tue, 17 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/es/opinion/how-to-fix-excessive-dom-size-in-wordpress/ La advertencia “Evite un tamaño DOM excesivo” puede aparecer en Google Lighthouse o en otras herramientas de comprobación de velocidad de sitios web. Básicamente significa que tu sitio web tiene demasiados elementos, lo que puede ralentizar los tiempos de carga y frustrar a los visitantes.… Leer más »

The post Cómo corregir el tamaño excesivo del DOM en WordPress (11 consejos de expertos) first appeared on WPBeginner.

]]>
La advertencia “Evite un tamaño DOM excesivo” puede aparecer en Google Lighthouse o en otras herramientas de comprobación de velocidad de sitios web. Básicamente significa que tu sitio web tiene demasiados elementos, lo que puede ralentizar los tiempos de carga y frustrar a los visitantes.

Por suerte, hay algunas cosas que puedes hacer para reducir el tamaño del DOM y mejorar el rendimiento de tu WordPress. Hemos probado un montón de métodos para acelerar nuestros propios sitios web, así que sabemos lo que realmente tiene un impacto en el rendimiento de WordPress.

Y en este artículo, le mostraremos nuestras formas probadas y comprobadas de cómo corregir un tamaño DOM excesivo en WordPress.

How to Fix Excessive DOM Size in WordPress

¿Qué significa la advertencia “Evite un tamaño excesivo del DOM”?

¿Alguna vez has realizado una prueba de velocidad de tu sitio web en WordPress y te has encontrado con una advertencia llamada “Evitar un tamaño excesivo del DOM”?

Esta advertencia aparece en herramientas de comprobación de velocidad como Google Lighthouse, Google PageSpeed Insights o GTMetrix. Indica que tu sitio web tiene demasiados elementos, lo que puede ralentizar su velocidad de carga.

Avoid an excessive DOM size warning in PageSpeed Insights

Pero, ¿qué es exactamente DOM y por qué importa su tamaño? Desglosémoslo.

DOM son las siglas de Document Object Model. Piense en su sitio WordPress como en una gran estructura de árbol. Cada elemento de su página, como encabezados de texto, imágenes, menús y botones, es como una rama / hoja de este árbol. Estos elementos individuales se llaman nodos DOM.

El número total de nodos en la estructura de árbol de su sitio web es su tamaño DOM. Cuantos más elementos tenga en su página, mayor será el árbol DOM.

Por ejemplo, una página sencilla con sólo un encabezado y un párrafo puede tener un tamaño de DOM menor que una página compleja con varias secciones, imágenes, formularios de contacto y contenido incrustado.

¿Cómo afecta el tamaño excesivo del DOM al rendimiento de un sitio web?

Un DOM de gran tamaño puede afectar negativamente al rendimiento de su sitio web WordPress de varias maneras.

Piensa en cómo creas una nueva página en WordPress. Puede añadir elementos como encabezados, párrafos, imágenes, galerías, formularios, botones e iconos de medios sociales. Cada uno de estos elementos se traduce en un nodo DOM en la estructura de árbol.

Aunque cada elemento por separado pueda parecer pequeño, el número total puede añadirse rápidamente, creando un tamaño excesivo del DOM.

Si tus nodos DOM siguen aumentando, el navegador tardará más en leer, entender y cargar la estructura de tu sitio web. Esto se debe a que una estructura DOM compleja requiere un mayor uso de memoria y potencia de procesamiento por parte del dispositivo del usuario para mostrar la página.

Todo esto provoca tiempos de carga más lentos, lo que puede frustrar a los visitantes y hacer que abandonen el sitio antes incluso de ver el contenido.

Hoy en día, los usuarios esperan que los sitios web se carguen rápidamente. Un sitio web lento es como esperar en una larga cola: desanima a los usuarios.

Además, los motores de búsqueda como Google dan prioridad a los sitios web que ofrecen una buena experiencia de usuario, incluyendo velocidades de carga rápidas. Por lo tanto, un tamaño de DOM excesivo puede perjudicar indirectamente el SEO de WordPress y, en última instancia, las conversiones del sitio web.

¿Cuántos elementos del DOM son demasiados para Google?

Aunque no hay un límite estricto establecido en piedra, Google Lighthouse y otras herramientas de prueba señalan los sitios web con un tamaño DOM excesivo. Aquí tienes un desglose de lo que pueden indicar estos indicadores:

  • Advertencia: Google Lighthouse muestra una advertencia cuando el elemento del cuerpo de la página tiene más de 800 nodos aproximadamente.
  • Error: Si el elemento cuerpo supera los 1.400 nodos, Lighthouse lanza un error.

Pongamos esto en contexto para entender qué tipo de sitios web pueden entrar en estas categorías.

Sin una optimización adecuada, una sola página con contenido de texto, imágenes, un menú de navegación, elementos básicos de disposición y varios plugins para formularios o para compartir en redes sociales podría alcanzar fácilmente unos 800 nodos.

Por otro lado, las páginas que superan los 1.400 nodos son probablemente más complejas y pueden incluir un mayor número de elementos. Pueden incluir múltiples carruseles o deslizadores con imágenes grandes, disposiciones elaboradas con muchos elementos y secciones anidados, o múltiples contenidos incrustados.

Son sólo ejemplos generales. No deje que estas ilustraciones le asusten de construir un sitio web personalizado de la manera que usted desea. Dicho esto, si quieres asegurarte de que la gente se queda en tu sitio, entonces tendrás que evitar un tamaño DOM excesivo.

Afortunadamente, hemos elaborado una guía completa para reducir el tamaño del DOM en WordPress. Puede utilizar los enlaces rápidos que aparecen a continuación para obtener más información acerca de un método de optimización del rendimiento del DOM:

1. Utilice un plugin de optimización de la velocidad de WordPress

Nuestra primera recomendación es instalar un potente plugin de optimización de velocidad para WordPress. Estos plugins están diseñados para analizar su sitio web y hacerlo más rápido de diferentes maneras.

Un plugin de optimización de la velocidad puede encargarse de los aspectos técnicos necesarios para acelerar tu sitio web. De este modo, podrás centrarte en gestionar y crear tus contenidos.

Aquí en WPBeginner, recomendamos usar WP Rocket. De hecho, nosotros mismos lo usamos en el sitio web de WPBeginner, sobre el que puedes aprender más en nuestro artículo sobre cómo aumentamos la velocidad de carga de la página en WPBeginner.

WP Rocket

Aunque WP Rocket es conocido principalmente como un plugin de almacenamiento en caché, tiene muchas características que pueden ayudar con el tamaño del DOM también. Estas características incluyen la optimización de archivos, la carga diferida y el aplazamiento de JavaScript.

Explicaremos todas estas características con más detalle más adelante en el artículo. También puedes leer nuestra reseña / valoración de WP Rocket para más información.

Pero por ahora, el uso de un plugin de refuerzo de velocidad como WP Rocket es un gran primer paso para corregir el tamaño DOM y hacer su sitio web más rápido, incluso si usted es nuevo en WordPress.

Puedes leer nuestra guía de instalación y configuración de WP Rocket para poner en marcha el plugin.

2. Marcar / comprobar su tema y plugins

Aunque los plugins y temas de WordPress son excelentes para añadir funcionalidad y estilo a su sitio web, a veces pueden contribuir a un tamaño excesivo del DOM.

En primer lugar, no todos los temas y plugins son iguales. Los plugins y temas mal codificados pueden dar lugar a un documento HTML hinchado con elementos innecesarios. Esto puede aumentar significativamente el tamaño de tu DOM.

Los temas y plugins de WordPress a menudo vienen con características adicionales que puede que no necesite. Estos pueden añadir elementos no deseados a la estructura de su sitio web, incluso si no los está utilizando activamente.

Echando un vistazo más de cerca a lo que está instalado en su sitio web, puede identificar a los posibles culpables que contribuyen al tamaño del DOM.

Si crees que un tema o plugin en particular puede estar causando problemas, intenta cambiar temporalmente a un tema por defecto de WordPress o desactivar los plugins de uno en uno.

Deactivate all the plugin except WooCommerce

A continuación, compruebe si la advertencia sobre el tamaño del DOM desaparece en las herramientas de prueba de velocidad después de realizar estos cambios. Esto puede ayudarte a localizar el elemento problemático.

A la hora de elegir temas y plugins, es preferible recurrir a fuentes fiables, como el directorio de WordPress o desarrolladores conocidos. Estos recursos tienen normas de codificación estrictas, lo que reduce la posibilidad de que el código hinchado pueda perjudicar el rendimiento de su sitio web.

Si quieres obtener recomendaciones de plugins y temas de confianza, entonces marca / comprueba el Centro de Soluciones WPBeginner. Aquí es donde probamos, reseñamos y recomendamos software para WordPress. Solo recomendamos soluciones que sabemos que serán útiles para nuestros lectores.

WPBeginner's WordPress Solution Center

3. Utilice un maquetador de páginas optimizado

Los plugins maquetadores de páginas son editores WYSIWYG que se utilizan para crear sitios web WordPress bonitos y funcionales sin necesidad de código. Sin embargo, algunas de estas herramientas pueden contribuir a aumentar el tamaño del DOM.

Una de las razones es que suelen utilizar elementos HTML adicionales, como etiquetas div con clases o atributos personalizados, para dar estilo al contenido y controlar su estructura / disposición / diseño / plantilla. Aunque estos elementos aportan flexibilidad, también pueden añadir mucho volumen.

Además, los bloques o widgets integrados, como los carruseles / controles deslizantes o los elementos interactivos creados con un maquetador de páginas, se construyen a menudo utilizando estructuras HTML específicas.

Muchos maquetadores de páginas también se basan en shortcodes para insertar sus funcionalidades. Aunque es posible que estos shortcodes no se muestren visualmente en tu sitio web, pueden añadir código adicional a tu DOM entre bastidores.

Si crees que tu maquetador de páginas puede estar contribuyendo a los problemas de tamaño del DOM, puedes probar esta teoría en un sitio de prueba. Prueba a desactivar el maquetador de páginas y comprueba si desaparece la advertencia en las herramientas de comprobación de la velocidad del sitio web. Esto puede ayudarte a determinar si es la causa principal.

Si decide no utilizar más su antiguo maquetador de páginas, puede utilizar una de las herramientas integradas de WordPress para diseñar su sitio web (como el Editor de sitios completos o el Personalizador de temas).

Ofrecen control sobre el diseño de su sitio web sin necesidad de un plugin aparte. También suelen tener un menor impacto en el tamaño del DOM.

Dicho esto, estas herramientas no son las más flexibles. En este caso, recomendamos utilizar un maquetador de páginas optimizado como SeedProd.

Aquí en WPBeginner, hemos probado varios maquetadores de páginas, y SeedProd ha mostrado un rendimiento más rápido (93 en PageSpeed Insights) en comparación con competidores como Divi (91) y Elementor (90).

SeedProd page performance test

Puedes leer más acerca de ello en nuestra reseña / valoración de Elementor vs. Divi vs. SeedProd.

Más allá del rendimiento, SeedProd también cuenta con más de 350 kits de plantillas de temas profesionales, integraciones con herramientas populares de marketing por correo electrónico y un asistente de IA para ayudarle a acelerar el proceso de creación de su sitio web.

Insert the AI image generated by SeedProd

4. Optimice sus imágenes y vídeos

Las imágenes y los vídeos no optimizados pueden tener archivos de gran tamaño. Estos archivos grandes pueden contribuir al tamaño del DOM porque se convierten en elementos extra que el navegador necesita procesar.

Optimizar sus imágenes puede reducir significativamente el tamaño de sus archivos sin sacrificar la calidad. Esto ayuda a que su sitio web cargue más rápido y mejora la experiencia general del usuario.

Un plugin como Optimole puede ser una gran solución para optimizar tus imágenes. Optimole está diseñado para trabajar fuera de la caja, la optimización automática de imágenes de su sitio web a medida que los suben.

Optimole Review: The image optimization plugin's lazy loading feature

También puedes ajustar sus parámetros para ajustar la calidad de compresión o redimensionar las imágenes que superen un determinado tamaño, reduciendo aún más su tamaño de archivo y su huella DOM.

Si no quieres utilizar demasiados plugins, puedes utilizar herramientas gratuitas en línea como TinyPNG para comprimir tus imágenes antes de subirlas a tu sitio web WordPress.

Para obtener una guía detallada sobre la optimización de imágenes, marque / compruebe nuestro artículo sobre cómo optimizar las imágenes para el rendimiento web sin perder su calidad.

Cuando se trata de vídeos, no recomendamos subirlos directamente a WordPress. Los archivos de vídeo grandes pueden ralentizar considerablemente el tiempo de carga de tu sitio web.

Lo mejor es utilizar un servicio de alojamiento de vídeos como YouTube o Vimeo. Estos servicios se encargan de almacenar y transmitir tus vídeos, descargando el servidor de tu sitio web y reduciendo el tamaño del DOM.

A continuación, puede incrustar los vídeos directamente en sus páginas utilizando los códigos de incrustación proporcionados por el servicio de alojamiento.

Embedding a YouTube video in WordPress

Tenemos otro artículo útil sobre cómo optimizar vídeos para su sitio de WordPress que profundiza en las estrategias de optimización de vídeo.

5. Implementar la carga diferida

Cuando abres una página web larga y con mucho contenido, lo normal es que todos estos elementos se carguen a la vez. Este proceso puede tardar un poco, sobre todo en conexiones a Internet lentas.

La carga diferida es más inteligente. Retrasa la carga de elementos no críticos, como imágenes y vídeos. Solo se cargarán cuando el usuario los necesite realmente a medida que se desplaza por la página.

Esto significa que el contenido esencial que aparece primero (como el texto y la disposición) se carga más rápido. A su vez, esto se traduce en una carga inicial de la página más rápida y una experiencia de usuario más fluida.

Establecer la carga diferida es fácil, especialmente si ya estás utilizando un plugin de optimización de la velocidad de WordPress como WP Rocket.

Simplemente vaya a Ajustes ” WP Rocket en su escritorio de WordPress. A continuación, haga clic en la pestaña ‘Medios’.

Marque / compruebe todas las opciones para activar la carga diferida de imágenes, vídeos e iFrames.

Enabling lazy loading in WP Rocket

Si desea mostrar una galería de imágenes, le recomendamos que utilice un plugin de galería con una característica de carga diferida.

Envira Gallery es un buen ejemplo de ello. Además de la carga diferida, puede establecer un retardo específico para la carga de las imágenes.

Enabling the lazy loading feature in Envira Gallery

Además, puede cargar de forma diferida su sección de comentarios.

Para ello, puede utilizar Thrive Comments, que ofrece características para optimizar los comentarios de WordPress.

Una vez activado el plugin, ve a Thrive Escritorio “ Thrive Comments. A continuación, abre la pestaña ‘Ajustes avanzados’ y ve a la sección ‘Optimización de la velocidad de la página’.

Enabling lazy loading in Thrive Comments

Aquí, sólo tienes que marcar / comprobar las casillas que correspondan a tu sección de comentarios. Puede cargar la sección de comentarios hasta que el usuario se desplace hasta el final de la página, y/o cargar los comentarios progresivamente en las páginas a medida que los usuarios hacen clic en el botón “Cargar más comentarios”.

También puede optar por cargar las imágenes de avatar dentro de los comentarios hasta que aparezcan a la vista.

6. Paginar comentarios o entradas con mucho contenido

Las entradas o secciones de comentarios excesivamente largas suelen tener un tamaño de DOM grande que ralentiza los tiempos de carga de tu sitio web. Aquí es donde la paginación resulta útil.

Esencialmente, la paginación divide el contenido en fragmentos manejables, lo que facilita a los usuarios la navegación y la digestión de la información.

Si escribe artículos extensos, considere la posibilidad de dividirlos en secciones lógicas mediante la paginación. De este modo, los lectores podrán hacer pausas entre las secciones y evitarán sentirse intimidados por un gigantesco muro de texto.

Por suerte, puedes dividir fácilmente las entradas largas con el bloque “Salto de página” del editor de bloques.

Para obtener instrucciones paso a paso, puede comprobar nuestro artículo sobre cómo dividir entradas de WordPress en varias páginas.

Adding a page break in the WordPress block editor

También tenemos una guía útil sobre cómo paginar comentarios en WordPress. Pero esencialmente, todo lo que necesita hacer es acceder a su área de administración de WordPress e ir a la página Ajustes ” Discusiones.

A continuación, marque / compruebe la casilla situada junto a “Dividir los comentarios en páginas” y personalice el número de comentarios que desea ver en cada página.

Break comments in pages

Además, le sugerimos que evite los desplazamientos infinitos. Aunque pueden hacer que los usuarios permanezcan más tiempo en el sitio, ya que no tienen que cambiar manualmente de una página a otra, pueden causar problemas de rendimiento en el servidor.

7. Minimizar archivos CSS y JavaScript

La funcionalidad y el estilo visual de su sitio web dependen de archivos de código como CSS y JavaScript. Aunque son esenciales, estos archivos pueden contribuir a aumentar el tamaño del DOM si no se optimizan correctamente.

La minimización puede resolver esta incidencia quitando del código elementos innecesarios, como comentarios, espacios y saltos de línea. Este menor tamaño se traduce en tiempos de carga más rápidos y un menor tamaño del DOM.

Dicho esto, es importante tener en cuenta que la minimización a veces puede introducir problemas de compatibilidad con determinados temas o plugins.

Antes de minimizar el código, es aconsejable crear una copia de seguridad del sitio web y, si es posible, probar los cambios en un entorno local o de pruebas. Esto le permite identificar cualquier problema / conflicto / incidencia potencial antes de que afecte a su sitio web en vivo.

A continuación, puede leer nuestra guía sobre cómo minimizar archivos CSS y JavaScript en WordPress para obtener instrucciones paso a paso.

Como verás en la guía, minimizar tu código es fácil si ya estás usando un plugin como WP Rocket. Todo lo que tienes que hacer es ir a Ajustes ” WP Rocket y cambiar a la pestaña ‘Optimización de archivos’.

A continuación, active las características para minimizar los archivos CSS y JavaScript.

Minifying files using the WP Rocket caching plugin for WordPress

Algunos proveedores de alojamiento de WordPress también ofrecen características integradas para minimizar archivos CSS y JavaScript.

Por ejemplo, SiteGround (que es donde alojamos WPBeginner) ofrece el plugin Speed Optimizer para minimizar CSS.

Hostinger también ofrece una característica similar a través de su CDN integrado, disponible en su plan Business y niveles superiores.

Minifying CSS in SiteGround plugin

8. Reducir JavaScript y CSS que bloquean el procesamiento / mostrar

Otro método para optimizar los archivos CSS y JavaScript consiste en reducir el bloqueo al procesar / mostrar.

Los recursos que bloquean el procesado / mostrado son como materiales de cimentación que impiden que la casa (el contenido de su sitio web) se construya hasta que esos recursos estén entregados y en su sitio. Cuanto más tarden en cargarse estos recursos, más tardarán los usuarios en ver el contenido de su sitio web.

WP Rocket tiene características incorporadas para reducir el bloqueo de procesar CSS y JavaScript.

Por ejemplo, puede combinar archivos CSS y JavaScript, lo que reducirá el número de peticiones HTTP que debe realizar su sitio web. Menos peticiones significa menos tiempo de espera para que el navegador cargue todo y procese / muestre su contenido.

Minifying CSS, JavaScript, and iFrame in WP Rocket

También puede eliminar cualquier código CSS que no se utilice realmente en sus páginas.

Esto no solo reduce el bloqueo al procesar / mostrar, sino que también minimiza el tamaño total de la página y el número de peticiones HTTP.

Removing unused CSS in WP Rocket

Además, existe una característica llamada ‘Cargar JavaScript diferido’. Esto indica al navegador que espere para cargar algunos archivos JavaScript hasta que se haya mostrado el contenido principal de su sitio web (el HTML).

De este modo, los usuarios ven el contenido de su sitio web más rápidamente, aunque aún no se hayan cargado todas las funcionalidades de fondo.

Delay loading non-essential JavaScript code

Puede obtener más información acerca de cómo activar estas características en nuestro artículo sobre cómo reducir el CSS y JavaScript que procesan / muestran en WordPress.

9. Activar WordPress Caching

El almacenamiento en caché no reduce directamente el tamaño del DOM, pero mejora significativamente el rendimiento percibido de su sitio web.

Esto es lo que ocurre cuando la caché está activada: cuando un usuario vuelve a visitar tu sitio web, su navegador puede comprobar primero su caché. Si los archivos ya están almacenados localmente, pueden cargarse mucho más rápido, reduciendo significativamente los tiempos de carga de la página.

Esto hace que el DOM se cargue y muestre más rápido, lo que se traduce en una experiencia más fluida para los visitantes.

El almacenamiento en caché también ayuda a tu servidor a funcionar de forma más eficiente aligerando su carga de trabajo. Esto le permite centrarse en tareas importantes como el procesamiento del DOM, lo que en última instancia acelera el tiempo de carga.

Afortunadamente, establecer la caché del navegador es sencillo con un plugin como WP Rocket. Esto se debe a que el plugin activa automáticamente el almacenamiento en caché con ajustes óptimos para su sitio web.

How to set up the WP Rocket caching plugin

Mejor aún, WP Rocket almacena continuamente en caché tu sitio web en todo momento. Cada vez que la caché se vacía (manual o automáticamente), WP Rocket genera automáticamente nuevos archivos de caché.

WP Rocket también te ofrece la posibilidad de vaciar la caché de WordPress en cualquier momento. Esto puede ser útil si haces cambios significativos en tu sitio web y quieres asegurarte de que los usuarios vean la última versión.

How to clear the WP Rocket cache manually

Para más acerca de las características de almacenamiento en caché de WP Rocket, puede consultar la sección estableciendo opciones de almacenamiento en caché de nuestra guía de instalación de WP Rocket.

10. Utilice una CDN de WordPress

Una CDN (Content Delivery Network) es una red de servidores repartidos por todo el mundo. Aunque una CDN no cambia directamente el tamaño del código de tu sitio web, hace que parezca que carga más rápido.

Esto se debe a que una CDN almacena copias del contenido estático de su sitio web (imágenes, scripts, hojas de estilos) en servidores de distintas ubicaciones. Cuando alguien visita su sitio web, su ordenador descarga el contenido del servidor CDN más cercano.

Esto reduce significativamente los tiempos de descarga en comparación con la obtención de todo desde su servidor original, que puede estar muy lejos. Esta entrega más rápida hace que el procesamiento del DOM sea mucho más rápido.

Además, una CDN ayuda a su servidor original a trabajar más rápido al compartir la carga de entrega de contenidos. Esto permite al servidor centrarse en lo más importante, como procesar el DOM. A su vez, esto hace que su sitio web procese / muestre más rápido en general.

Si necesitas recomendaciones de CDN, tenemos una guía de los mejores servicios de CDN para WordPress que te ayudará a elegir el más adecuado para tu sitio web.

Utilizamos la CDN de Cloudflare en nuestro sitio web aquí en WPBeginner. Funciona bien para nuestro blog grande con muchos visitantes.

Cloudflare global network

Si estás interesado en saber más, puedes marcar / comprobar nuestra entrada sobre por qué WPBeginner cambió de Sucuri a Cloudflare. Este artículo explica lo que buscamos al elegir un proveedor de CDN.

11. Optimice su base de datos de WordPress

Su sitio web WordPress depende de una base de datos para almacenar toda su información importante, como entradas, comentarios, cuentas de usuario e incluso configuraciones.

Con el tiempo, esta base de datos puede contener demasiados datos innecesarios, como revisiones antiguas de entradas, comentarios de Spam o información sobrante de plugins borrados.

Aunque la base de datos en sí no forma parte del DOM, una base de datos hinchada puede ralentizar tu sitio web. Un sitio web más lento puede hacer que parezca que el tamaño del DOM es mayor porque todo tarda más en procesar / mostrar.

Optimizar su base de datos quitando / eliminando datos innecesarios ayuda a que su sitio web funcione mejor y puede mejorar indirectamente el tamaño percibido del DOM.

Compruebe nuestra útil guía sobre cómo optimizar su base de datos de WordPress en un clic. Esta guía te guía a través del proceso de uso de un plugin para limpiar tu base de datos y asegurarte de que funciona de forma eficiente.

Centrarse en el rendimiento general de WordPress, no sólo en el tamaño del DOM

Aunque la dirección de la advertencia “Evitar un tamaño DOM excesivo” en WordPress es importante para la velocidad del sitio web, no es el único factor a tener en cuenta.

Un sitio web con muchas funciones o un formato único puede tener naturalmente un DOM más grande, y eso está bien.

La clave está en encontrar el equilibrio adecuado entre el rendimiento del sitio y sus características. Por lo tanto, minientrada en el tamaño del DOM, es posible que desee prestar atención a otras métricas como Core Web Vitals. Se trata de métricas específicas que Google utiliza para medir la experiencia de usuario de un sitio web.

Core Web Vitals report example

Si ha utilizado muchas técnicas de optimización diferentes y su sitio web sigue sintiéndose lento, entonces considere buscar ayuda de nuestros Servicios de Optimización de la Velocidad del Sitio.

Nuestro equipo de expertos puede analizar su sitio web e identificar las formas más eficaces de optimizar su rendimiento.

WPBeginner Professional Services: Site Speed Optimization Service

Todos los planes de servicio incluyen configuración experta de caché para las necesidades de su sitio web, optimización de imágenes sin reducir la calidad visual, optimización de carga automática de bases de datos y mucho más. Además, le garantizamos que su sitio web obtendrá una A o B+ en nuestra herramienta PageSpeed.

Esperamos que este tutorial te haya ayudado a aprender cómo corregir el tamaño excesivo del DOM en WordPress. También puedes marcar / comprobar nuestra guía sobre cómo acelerar el rendimiento de WooCommerce o nuestra guía completa de velocidad y rendimiento de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post Cómo corregir el tamaño excesivo del DOM en WordPress (11 consejos de expertos) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/es/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/feed/ 1
Cómo crear formularios multilingües en WordPress (2 métodos) https://www.wpbeginner.com/es/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/ https://www.wpbeginner.com/es/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/#comments Mon, 16 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/es/opinion/how-to-create-multilingual-forms-in-wordpress/ Si tiene visitantes de todo el mundo, los formularios multilingües pueden ayudarle a conseguir la participación de un público diverso, mejorar la experiencia del usuario y aumentar la accesibilidad de su sitio web. Por suerte, los formularios multilingües son muy fáciles de establecer con los… Leer más »

The post Cómo crear formularios multilingües en WordPress (2 métodos) first appeared on WPBeginner.

]]>
Si tiene visitantes de todo el mundo, los formularios multilingües pueden ayudarle a conseguir la participación de un público diverso, mejorar la experiencia del usuario y aumentar la accesibilidad de su sitio web.

Por suerte, los formularios multilingües son muy fáciles de establecer con los plugins creadores de formularios de WordPress.

Y en este artículo, le mostraremos cómo crear formularios multilingües en WordPress utilizando 2 populares plugins: WPForms y Formidable Forms.

Create multilingual forms in-post image

¿Qué son los formularios multilingües y por qué crear uno?

Los formularios multilingües pueden mostrar varios idiomas según las preferencias del usuario.

Estos formularios son esenciales para sitios web dirigidos a un público internacional. Garantizan que los usuarios puedan interactuar con su sitio web de WordPress en su idioma preferido.

He aquí algunas razones para crear formularios multilingües:

  • Mejorar la participación de los usuarios. Los formularios multilingües permiten a los usuarios entender las preguntas o la información que se les pide sin barreras de idioma. Esto hace que sea más probable que completen el formulario.
  • Mejore las tasas de conversión. La tasa de conversión es el porcentaje de usuarios que realizan una acción deseada en su sitio, como suscribirse a un boletín por correo electrónico o realizar una compra. Cuando los usuarios pueden rellenar los formularios en su idioma materno, el proceso resulta más eficaz.
  • Proporcionar una mejor experiencia general al usuario. Los formularios multilingües contribuyen a una experiencia de usuario positiva. Los usuarios pueden interactuar con su sitio en su propio idioma, lo que aumenta su nivel de comodidad.

Teniendo esto en cuenta, crear un formulario multilingüe es una buena idea. De este modo, podrá hacer que su sitio web sea accesible y fácil de usar para un público diverso.

En las secciones siguientes se describen dos métodos para crear formularios multilingües. Puede utilizar los enlaces rápidos que aparecen a continuación para saltar al método que desee utilizar:

¿Preparados? Primeros pasos.

Método 1: Crear formularios multilingües para WordPress usando WPForms (Recomendado)

La forma más sencilla de crear un formulario multilingüe en WordPress es utilizar WPForms y Weglot. Estas herramientas pueden traducir automáticamente el contenido de su sitio, incluidos los formularios, utilizando un conmutador de idiomas.

WPForms es el mejor maquetador de formularios de arrastrar y soltar con miles de plantillas prediseñadas. Su interfaz fácil de usar también hace que sea fácil crear un formulario en tan sólo unos minutos.

De hecho, lo utilizamos en nuestros propios sitios web para nuestros formularios de contacto. Para más detalles, puede ver nuestra reseña / valoración completa de WPForms.

WPForms' homepage

Para traducir sus formularios WPForms, necesitará utilizar el plugin junto con un plugin de traducción.

Weglot es uno de los mejores plugins de traducción de WordPress para principiantes. Esta herramienta utiliza el aprendizaje automático para traducir automáticamente cualquier contenido de tu sitio web, incluidas páginas, entradas y formularios.

Aunque recomendamos adquirir la versión Premium, puedes aprovechar su periodo de prueba gratuito para traducir hasta 2.000 palabras en un sitio.

Weglot's homepage

Para empezar, necesitará instalar WPForms y Weglot en su sitio WordPress. Si necesita ayuda, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, puede empezar a crear formularios navegando a WPForms ” Añadir nuevo para crear un formulario. Para más detalles, puede consultar nuestra guía sobre cómo crear un formulario de contacto.

Una vez que tu formulario de contacto esté listo, vamos a traducirlo utilizando Weglot.

Desde su escritorio de WordPress, siga adelante y haga clic en el elemento / artículo del menú Weglot. A continuación, llegarás al área de ajustes “Configuración principal”.

En primer lugar, tendrás que introducir tu clave API de Weglot. Si no sabes cuál es tu clave o dónde encontrarla, simplemente visita el Escritorio de Weglot y accede a una cuenta.

Weglot's sign up page

Después de registrarte, encontrarás tu clave API en el panel de control de tu cuenta de Weglot. A continuación, puede copiar y pegar la clave en el campo “Clave API” del área “Configuración principal”.

Una vez verificado, puede empezar a elegir los idiomas de destino. Sólo tiene que hacer clic en el menú desplegable “Idiomas de destino” y desplazarse por la lista para seleccionar un idioma.

Weglot's Main Configuration area with a Destination Languages field

Si lo desea, puede añadir más de un idioma. Weglot ofrece más de 100 idiomas, así que no dudes en explorar y elegir los idiomas de destino que sean relevantes para tus objetivos.

Una vez hecho esto, no olvides hacer clic en “Guardar cambios” para no perder tus progresos.

Después de unos segundos, debería ver una ventana emergente de aviso que dice: ‘¡Bien hecho! Su sitio web ya es multilingüe”.

Weglot's success message

Ahora, usted querrá visitar su sitio web para ver si puede traducir sus formularios WPForms. Simplemente haga clic en el aviso ‘Ir a mi página de inicio’ de la notificación.

Desde aquí, debería ver un menú desplegable en la esquina inferior derecha de su pantalla. Puede hacer clic en él para cambiar a Norsk (noruego). Esto traducirá automáticamente la página, junto con su formulario, al noruego.

Weglot's language switch on a live website

Ya está. Ha traducido correctamente su formulario de contacto WPForms con Weglot.

Método 2: Crear formularios multilingües en WordPress con Formidable Forms

Otra forma de crear un formulario multilingüe en WordPress es utilizando Formidable Forms y su extensión Polylang. Este método le permite introducir sus propias traducciones para su formulario y mostrarlas para cada idioma de destino.

Formidable Forms es un gran plugin para hacer formularios en WordPress, particularmente formularios más avanzados como calculadoras, directorios, cuestionarios y más.

Para más información, puede consultar nuestra reseña de Formidable Forms.

Formidable forms

La extensión Polylang le permite introducir traducciones del contenido de su sitio web, incluidos los formularios. Con esta extensión, puede insertar traducciones para tantos idiomas como necesite.

Para utilizar las dos herramientas juntas, primero tendrás que instalar Formidable Forms y Polylang. Si necesitas ayuda, puedes seguir nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado, primero debe establecer Polylang eligiendo sus idiomas de destino. Despliegue el menú desplegable, seleccione el idioma de destino y haga clic en el botón “Añadir nuevo idioma”.

Polylang's setup process

A continuación, haga clic en el botón “Continuar” situado debajo de la sección “Idioma ya definido”.

El siguiente paso es activar las traducciones de los medios. Este ajuste le permite traducir los títulos, textos alternativos, leyendas y descripciones de sus archivos de medios.

Para activar este ajuste, basta con activar el carrusel / control deslizante “Permitir que Polylang traduzca medios”. A continuación, puede hacer clic en “Continuar” para ir al tercer paso.

Polylang's media setup

En la siguiente sección, elija el idioma principal del contenido de su sitio web.

Puedes hacer clic en el menú desplegable y elegir entre los idiomas que hayas registrado en el primer paso. En este caso, hemos elegido el inglés como idioma principal.

Polylang's main language setup

Una vez que haya seleccionado el idioma principal de su sitio, puede hacer clic en “Continuar”. Esto le redirigirá al último paso.

A partir de aquí, verás el aviso “¡Estás listo para traducir tu contenido!”, seguido de algunas recomendaciones de documentación del equipo de Polylang.

Puede tomarse su tiempo para leer esos documentos o desplazarse directamente por la pantalla y hacer clic en el botón “Volver al cuadro de mandos”.

The Return to dashboard button on Polylang's setup

Ahora, vayamos a Formularios Formulables ” Complementos para activar la extensión Polylang.

Para hacerlo más fácil, puedes utilizar la barra de búsqueda y escribir ‘Polylang’ para encontrarlo. Una vez encontrado, sigue adelante y haz clic en ‘Instalar’.

Polylang's install button on Formidable Forms

Una vez finalizado el proceso de instalación, verás que el estado cambia a “Activo”.

Ahora, puedes dirigirte a Formularios ” Formularios desde tu escritorio de WordPress. Por defecto, el plugin te proporciona un formulario de contacto de muestra, por lo que tendrás un formulario listo en la pestaña ‘Mis Formularios’.

Intentemos traducir el formulario “Contacte con nosotros”.

Para empezar a traducir el formulario, lo primero que tienes que hacer es pasar el cursor por encima del formulario y hacer clic en “Ajustes”.

Contact Us' settings button

Esto le redirigirá a la pestaña “Ajustes” del formulario.

Sólo tiene que desplazarse por la pantalla y hacer clic en “Traducir formulario”.

The Translate Form button on Contact Us' Settings tab

El plugin le redirigirá a una nueva página.

Allí podrá introducir manualmente las traducciones de todos los elementos del formulario en los idiomas de destino.

Polylang translating the contact form's elements

Cuando haya terminado, haga clic en el botón “Guardar cambios” situado en la parte inferior de la pantalla.

Ahora, puede publicar el formulario.

Para ello, vuelva a la pestaña “Ajustes” y haga clic en el botón “Incrustar”.

Formidable Forms' embed button

Después, puedes elegir añadirlo a una página existente o a una nueva. También existe la opción de utilizar el shortcode del formulario para añadirlo al editor de bloques de WordPress.

Vamos a elegir la opción “Seleccionar página existente” como ejemplo.

Select existing page option for embedding a Formidable Forms' contact form

El siguiente paso es seleccionar una página en el campo desplegable. Por ejemplo, aquí vamos a añadir el formulario a la página “Contacto” de nuestro sitio.

Una vez que hayas decidido la página, sigue adelante y haz clic en “Insertar formulario”.

Inserting a form to a page

Esto le redirigirá al editor de bloques. Puede desplazarse por la página hasta encontrar el formulario de “Contacto” que acaba de añadir.

Para ello, vaya a la pestaña “Página” de la derecha y busque el elemento / artículo “Idiomas” en la esquina inferior derecha.

Hagamos clic en el botón “+” para añadir la traducción al noruego.

The Languages section on WordPress block editor

Al hacer clic en el botón, WordPress generará una nueva página.

En Página Idiomas, verá que actualmente está editando una página para la traducción de Norsk.

Editing a new page to display in Norsk

No te preocupes si no puedes ver la versión traducida. Cuando pulse “Publicar”, el formulario aparecerá en noruego.

¡Y ya está!

Ha traducido su formulario utilizando Formidable Forms y Polylang. Este es el aspecto que podría tener en su sitio web WordPress:

The Contact Us form in Norsk

Bonificación: Cómo añadir una búsqueda multilingüe en WordPress

Ahora que su sitio WordPress ofrece un formulario multilingüe, le recomendamos que lo lleve al siguiente nivel añadiendo la funcionalidad de búsqueda multilingüe.

La búsqueda multilingüe activa los sitios web para manejar y devolver resultados relevantes en diferentes idiomas. Esto significa que los usuarios pueden buscar y recibir resultados en su idioma preferido.

En general, ofrecer una experiencia multilingüe puede establecer su sitio web aparte de los competidores que sólo es compatible con un solo idioma.

La forma más sencilla de añadir la búsqueda multilingüe es con el plugin SearchWP.

Este plugin puede equipar su sitio WordPress con características avanzadas de búsqueda. Una vez activado, WPSearch crea automáticamente un índice de búsqueda y hace coincidir las palabras clave de búsqueda con el contenido de su sitio, títulos, etiquetas, shortcodes, productos y mucho más.

Is SearchWP the right search plugin for you?

WPSearch también tiene ajustes preconfigurados para funcionar con la mayoría de los sitios web, incluidos los multilingües.

Para obtener más información, consulte nuestra guía práctica sobre cómo añadir la búsqueda multilingüe en WordPress.

Esperamos que este artículo te haya ayudado a aprender a crear formularios multilingües en WordPress. A continuación, quizás quieras leer nuestras guías sobre cómo personalizar y dar estilo a tus formularios de WordPress y cómo crear formularios de WordPress más interactivos y aumentar las conversiones.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post Cómo crear formularios multilingües en WordPress (2 métodos) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/es/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/feed/ 1