12 Jul 2023 · 16 min
Episode 378 of the WordPress Semanal podcast (host: Gonzalo Navarro) is a listener Q&A focused on practical WordPress and SEO issues. Gonzalo opens with membership/course news and a plugin-of-the-week (BetterDocs), then answers five questions covering: (1) language/geo targeting and hreflang in Search Console (domain .gl still reads as Spanish; hreflang is for multilingual variants), (2) creating forms that redirect to different pages using conditional logic (plugins like Gravity Forms, WPForms or external tools like Typeform), (3) performing a site-wide redesign while keeping the same theme—options: maintenance mode, cloning/staging, or redirect only if URLs change, and make backups, (4) creating modal windows for video (plugins such as Modaal/Modal Window or DIY with CSS/JS), and (5) theme choice between GeneratePress and Astra (both light, performant, WooCommerce-compatible; no need to switch if happy). The episode includes links to specific courses and tutorials in the episode notes.
Chapters
En el episodio 378 de WordPress semanal resuelvo dudas sobre cómo elegir el país al que te diriges en Search Console, cómo crear un formulario que envíe a una página u otra según la respuesta del usuario, cómo modificar las páginas de tu web pero manteniendo el mismo theme, cómo crear ventanas emergentes al hacer clic en un botón. Y una suscriptora me pregunta que si ya usa generatePress merece la pena que cambie al tema Astra. Vamos allá. Hola, hola, Soy Gonzalo Navarro y Bienvenidos al episodio 378 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress en profundidad. Hoy, como habréis podido intuir por la introducción, tenemos un episodio de preguntas y respuestas. Ya sabéis que las saco directamente del soporte que ofrezco a los suscriptores en Gonzalo es. Hago una selección para que los que estáis aquí, al otro lado, pues también podáis aprender de soluciones que ya he dado anteriormente a los suscriptores de la membresía. Recuerda que si eres miembro en Gozano Navarro es, pues tienes acceso a preguntarme las dudas que te vayan surgiendo, como las que vas a escuchar en este episodio. Además de contenidos paso a paso, al grano, directos sobre cómo crear y gestionar webs con WordPress desde cero a profesional. Más de 75 cursos ya publicados y creciendo porque sale un nuevo curso cada mes o una renovación de uno existente. Vídeos un poquito más avanzados en los que te enseño a modificar tu web a través de código. No tienes que saber desarrollo ni nada, simplemente copias, pegas y lo tienes. Vamos, por 300 y pico vídeos ya, porque saco uno nuevo cada semana. Y también, bueno, acceso a la comunidad en Telegram. Y más sorpresitas que puedes encontrar en tu cuenta cuando te apuntas. Y para ello simplemente vas a Gonzalo Navarro es y ahí tienes pues todo lo que incluye la suscripción, ya sabéis, sin permanencia. Incluso tienes 15 días de garantía si lo pruebas y decides que no quieres seguir. Me escribes y te devuelvo el dinero sin preguntas. Todo ello por tan solo 10 euros al mes, así que ni te lo pienses. Bien, te cuento algunas novedades. Por ejemplo, tienes nuevo vídeo de la zona Código, en él aprendes a crear un texto animado en el que el texto sale como con un bordecito y se va rellenando la mitad del texto como con una ola en movimiento, un color en movimiento. Queda muy chulo, te puede valer para algún título de una página específica o simplemente para que juguete. Es un poco con esto de las animaciones que voy a empezar a sacar porque ya hay varios de vosotros que me habéis pedido que saque vídeos sobre animaciones con CSS, entonces creo que ya tengo alguno publicado de hace tiempo, pero a ver si empiezo a sacar, si os gusta me decís y empiezo a sacar distintas animaciones que se pueden hacer con el texto de tu web y un pelín de CSS. Así que bueno, lo dejaré enlazado en las notas del episodio. Recuerda que para ir a todo lo que comento, incluso sobre todo que te va a ser de mucha utilidad ver los enlaces que voy a dejar debajo de cada pregunta que responda, porque a lo mejor digo, pues para hacer esto pues tienes un tutorial, puedes ir aquí, pues ahí lo vas a tener todo ordenadito debajo de la pregunta en concreto y así pues es más cómodo para ti. Como digo, para ir a las notas del episodio y ver todo esto solo tienes que escribir en tu navegador Gonzalo Navarro es 378, que es el número de este episodio. Por otro lado, el curso más reciente publicado es el curso de creación de newsletters privadas, es decir, cómo crear una suscripción para tu newsletter y que sea de pago. Y lo hacemos todo directamente en WordPress, sin que tengas un servicio fuera por ahí extra, sin que tengas que vincular cosas con Zapier, simplemente todo, la web, el modelo de suscripción y el propio envío de las newsletters lo hacemos desde una web con WordPress. Es un curso de los que habíais votado, más los que habéis votado en la comunidad de Telegram, también los que me habéis contactado a través del formulario de sugerencias de vuestra cuenta. Así que ya lo tenéis disponible desde la semana pasada y se une al resto de, pues creo que van 78 cursos más o menos. Bien, esto en cuanto a las novedades. Vámonos ahora con el plugin de la semana que se llama Better Dogs. Este es un plugin de la empresa o del grupo WP Developer, que tienen un montón de plugins y themes, por ejemplo tienen Essential Addons para Elementor, tienen bastantes plugins que son populares. Este está activo en 30.000 webs con WordPress, y como su nombre indica, te permite crear una zona de documentación o de soporte, pues si tienes por ejemplo algún servicio que vendes que requiere de una documentación, algún software o lo que sea, este plugin está muy bien para ello. Este es gratuito, aunque tiene una versión premium. Yo saqué un curso de cómo crear una wiki, una web al estilo Wikipedia por ejemplo, y es algo similar, lo que pasa que ésta está enfocado solo a la parte de documentación, a la típica página de base de conocimiento, mientras que en el curso que publique pues es un poco más amplio, puedes crear una zona de documentación, pero también puedes crear otras más al estilo de Wikipedia, por ejemplo, de información y demás. Pero bueno, este plugin en su versión gratuita está fantástico, además tiene buen rendimiento, así que le puedes echar un vistazo. Lo dejo ya digo, en las notas del episodio. Recordad GonzaloNavarro es 378. Fantástico. Pues ahora sí, vámonos con vuestras preguntas y mis respuestas y comenzamos con la de Juan, que me pregunta sobre cómo elegir el país al que te diriges en Search Console. Me Hola Gonzalo, elegí un dominio de Groenlandia con las siglas GL porque iba con mi marca, pero al ir a segmentación internacional en Search Console me dice lo Google utiliza etiquetas hreflang para hacer coincidir la preferencia de idioma del usuario con la variante correcta de tus páginas. Bueno, lo he leído un poco así con voz más seria, como si fuese Google el que nos habla. Y bueno, básicamente lo que hice hizo Juan, porque tenéis el curso de Search Console y hay una parte en la zona antigua de Search Console que cuando yo grabé el curso todavía mantenía este lugar en su parte antigua. Yo explico por supuesto toda la parte nueva de Search Console, incluso os explico estrategias que podéis seguir viendo la información que arroja Search Console para mejorar de forma práctica y relativamente rápida en el posicionamiento de vuestros contenidos en Google. Pero bueno, la parte en la que voy cubriendo los informes y las zonas y demás, antiguamente tenían un lugar donde tú podías definir a qué país te dirigías en una zona que se llamaba Segmentación Internacional. Esto ya no se puede, no te lo permite hacer. SES Console tampoco es la versión nueva, no sé si lo incluirán ni nada, pero en cualquier caso, para lo que lo quiere Juan, que es para decir que se dirige a España, no sirve. Esta etiqueta no sirve esto de el hreflang que menciona aquí Google, esto es para informar a Google sobre las variaciones de tu contenido y así saber hacia dónde se dirigen páginas que son iguales pero que tienes en distintos idiomas, es decir, si tienes una web multi idioma, pero no si tienes una web en un solo idioma, porque eso Google ya lo ve, ya ve que todos tus contenidos están en español y aunque termine en GL te diriges a público que habla español. Os voy a dejar un enlace. El centro de ayuda de Google te dice que ellos no utilizan esta etiqueta ni el atributo HTML tampoco para detectar el idioma de las páginas, eso lo hacen ellos con sus algoritmos y así determinan el idioma y ya está. De acuerdo, si tienes un multidioma sí que cobra importancia esta etiqueta, pero de todas maneras si vas a usar un plugin para tener una web en multidioma como WPML, que tenéis un curso y os lo dejo disponible o wiggle o lo que sea, ellos ya te hacen esto, ellos cuando tú creas una versión en otro idioma te colocan esa etiqueta para que Google lo sepa, así que en ese sentido no tienes que preocuparte. Si aún así quisieras tú ponerlo, pues porque aún así no te crees al propio Google, pues bueno, en la documentación, que os voy a dejar un enlace, te explican cómo lo puedes hacer, pero vamos que en el caso de Juan yo entiendo según interpreto la documentación de Google, que no es necesario. Por cierto os dejo también el enlace al curso de Search Console que está muy interesante para estas tácticas, estrategias así para crecer en el SEO, en el posicionamiento de vuestra web. Perfecto. Vámonos con la segunda pregunta que es de Kike y que va sobre formularios que envían a una página u otra según la respuesta me dice Hola Gonzalo, lo primero darte las gracias porque me están sirviendo un montón tus cursos. Cuando pensaba que sabía algo de WordPress he descubierto que tengo mucho que aprender y me encanta. Estoy desarrollando una web para un cliente y me ha pedido hacer un tipo de formulario de manera que según lo que responde el usuario le vaya guiando hacia una página de destino u otra. Es decir, que la empresa tiene cuatro servicios diferentes y quiere encaminar al usuario hacia uno u otro en función de la respuesta. ¿Sabes si existe algún plugin para realizar esto? Yo he pensado en Typeform, pero no sé si existe otra alternativa. Muchas gracias por tu soporte. Un abrazo. Bueno, muchísimas gracias a ti Kike por tus palabras y por la pregunta que es interesante. Y sí, puedes usar Typeform si quieres, pero también puedes usar un plugin de WordPress, lo único que tienes que buscar es que tenga lógica condicional y los premium más populares como Gravity, Forbes, WPForms u otros lo traen. ¿De acuerdo? Os voy a dejar enlaces a las clases específicas tanto de Gravity Forms como de WPForms en las que cubro la lógica condicional. Podéis ver el curso completo si queréis, pero os dejo enlace a esas clases concretas. Y la idea es esa, puedes hacer pue distintas opciones, por ejemplo que imagínate si hay un selector con los cuatro servicios, pues que cuando seleccione uno debajo aparezca un enlace al servicio que sea o que cuando termine de rellenar el formulario según lo que ha rellenado, cuando le dé a enviar le envíe a una página u otra. Aquí sería lógica condicional tras el envío del formulario. Y luego también tenemos lógica condicional que es la que explicado antes según lo que se selecciona en un campo del formulario. Básicamente son las dos formas que tendrías que hacerlo. Fantástico. Dejamos la pregunta de Quique. Vámonos con la de Estefanía que va sobre modificar páginas manteniendo el zim. Me Buenas tardes Gonzalo, Queremos modificar todas las páginas de la web, cambiarlas en su totalidad. ¿Cómo lo harías tú? ¿Conservarías las páginas actuales y harías nuevas para luego redireccionar las viejas? ¿Editarías las páginas eliminando todo el contenido actual? Ahora mismo el contenido que hay es escaso y la idea es mantener el theme pero cambiarlo todo. ¿Modificar las páginas implica dejar la web no operativa hasta que esté todo cambiado, verdad? Lo digo por los enlaces internos. ¿Y si hiciera una redirección 301? ¿Tienes algún curso o podcast? No tengo ni idea de cómo se hace, como lo haré yo y estoy aprendiendo. Tienen un poco de miedo, ya he instalado a Traffic jejeje. Gracias. Bueno, Adress para el que no lo sepa, es un plugin que te permite hacer copias de seguridad y después volver a la versión anterior. Entonces como Estefanía tiene un poquito de inseguridad para afrontar este trabajillo, pues está bien que sea precavida y aunque tengas mucha seguridad siempre tenéis que tener una copia antes de hacer un gran cambio. Bueno, básicamente Estefanía, por lo que entiendo yo, quiere hacer un rediseño total de la web, manteniendo su fin, y va a cambiar no solo el aspecto de las páginas, yo también entiendo que el contenido. A ver, yo por ejemplo, lo de las redirecciones, si las URLs están bien, es decir, si páginas se van a mantener y solo se va a cambiar el contenido de dentro, no hace falta hacer redirección, la redirección solo la tienes que hacer si cambias las URL. Entonces, bueno, os voy a dejar enlaces para cómo hacer redirecciones manualmente con un tutorial que tenéis gratuito y también un episodio que publiqué sobre los mejores plugins para hacer redirecciones, pues que eso con un plugin en lugar de hacerlo manualmente. Pero ya digo, según lo que entiendo que quiere hacer Estefanía, si se van a mantener las páginas, pero se va a cambiar el aspecto y el contenido, yo no haría redirecciones, salvo que quieras cambiar las URL. ¿Bien, ahora, cómo hacer esta modificación? Por ejemplo, me habla de tener la web parada mientras tanto, en cuyo caso, si esto no importa, puedes poner la web en modo mantenimiento. Os dejo un vídeo del curso de WordPress Intermedio donde lo explico, es muy fácil. Entonces, mientras está en modo mantenimiento, trabajas en la página tranquilamente, haces todas tus modificaciones y cuando termines pues la pública. ¿Que no quieres hacer esto? Yo recomendaría dejar la página de momento como está. Crear un clon de la web. Os dejo también un vídeo en el que os explico cómo podéis, con un par de clics, clonar exactamente la misma web, hacer todas las modificaciones que se necesiten y luego pasar esa web o ese clon a la versión normal. ¿Que lo podéis hacer? Pues por ejemplo con el plugin en el que vemos cómo hacerlo en el vídeo que os pongo, si contratáis la versión premium se puede hacer automáticamente, y si no queréis pagar la versión premium, podéis migrar la web con otro plugin de migración, hay varias aproximaciones. También la podrías instalar en local, no sé, hay muchas formas de hacerlo. ¿De acuerdo? Entonces os dejo estos enlaces para, dependiendo de cómo lo queráis afrontar, si estáis en el mismo caso que Estefanía, pues que podáis hacerlo. Solo os diré que Estefanía me respondió te amo cuando le puse estas instrucciones y los enlaces que os he comentado, así que si estáis en su situación seguro que os va a venir muy bien también los recursos que os dejo enlazados. Fantástico. Vámonos con la cuarta pregunta que es de Wojtek y que va sobre cómo crear ventanas emergentes al hacer clic en un botón. Hola Gonzalo, esto es lo que quiero conseguir, que al hacer clic en un enlace, en mi caso un botón, se abra una ventana, que tenga un vídeo y que haya una X para cerrarla. ¿Cómo puedo conseguirlo? Un saludo Voite Bueno, pues de muchas maneras. Tenéis plugins para crear ventanas modales, esto es lo que puedes buscar modo window en la parte de plugins de WordPress o ventana modal en español, te arrojará también algún resultado, pero vamos, te pongo un enlace a uno que está muy bien y que hace solo eso, hay otros que hacen mil cosas, pero si sólo quieres una ventana modal pues con este es más que suficiente. Os voy a decir el nombre por si no queréis tener que ir para hacer clic y simplemente buscarlo, se llama mod out a window. Así que ya está, buscáis y lo tenéis, pero si preferís ahorraros un plugin, yo tengo dos vídeos en la zona código donde os explico cómo hacerlo con un poquito de código. Ya sabéis, lo tenéis que copiar y pegar, no tenéis que saber desarrollo ni nada. En una os enseño a hacerlo solo con CSS y en otra os enseño a hacerlo con CSS y JavaScript. Así que pues lo que prefiráis. Podéis buscar ventana modal en la parte de código de Gonzalo Naval o si queréis ir a las notas del episodio, pues ahí tenéis los enlaces directos. Bien, vámonos con la quinta y última pregunta que es de Silvia y que me dice que si usa generatepress debe cambiarse a Astra. Me Hola Gonzalo, tengo una duda, a ver si puedes ayudarme. Siempre he trabajado con GeneratePress y Elementor Pro y la verdad es que estoy bastante contenta con esta combinación, pero escuchando a un experto en e commerce recomendaba el Thing Astra con Gutenberg o Elementor no sé cómo funciona astra, la verdad. ¿Me puedes aconsejar cuál crees que es mejor, si GeneratePress o Astra? Mi finalidad es para montar e commerce y poder personalizarlo lo máximo posible. Muchísimas gracias. Bueno, gracias a ti Silvia. Lo he comentado en algún que otro episodio o en general cuando la gente me pregunta sobre cambiar de un Sim a otro, para mí GeneratePress y Astra están en el mismo nivel, son Sims ligeros y súper personalizables. Además los puedes combinar, como es el caso de Silvia, con Elementor Pro, o directamente con el editor o el constructor nativo de WordPress, también llamado Gutenberg, y te viene con plantillas para ambos. Ambos son compatibles con WooCommerce, con IDD, con cualquier plugin de estos que requiera alguna compatibilidad. Así que si usas GeneratePress, te gusta, estás acostumbrada, cómo dices tú, que estás muy contenta, pues no te cambies. Vamos, eso es lo que yo haría. Yo los uso indistintamente, pero mi caso es especial porque yo enseño a usarlos. Entonces tengo un curso en el que te enseño a usar generatePress, tengo un curso en el que te enseño a usar Astra, también otros como Kadence que también están en esta misma liga, así que sé usarlos todos, y cuando cojo un proyecto, si el cliente ya trae alguno de estos themes, pues lo usamos, o no lo sé, si uno tiene una plantilla muy chula que le gusta al cliente y quiere partir de ella, pues empezamos por ese tema. En fin, que son muy parecidos, está muy bien, se copian cosas unos a otros, otros. De hecho hace poco publiqué, no lo he puesto, se me está. Me estoy acordando ahora mismo, pero hace poco publiqué un episodio al respecto en el que te hablaba de todos estos temas que son muy buenos en cuanto a rendimiento y que te ofrecen muchas posibilidades en cuanto a diseño, a personalización. Así que a ver si me acuerdo y lo pongo en las notas del episodio. También os dejo el curso de Generate Press, el curso de Astra, un episodio en el que hablo de los 11 sims más rápidos del mundo en base a un estudio, ahora mismo no recuerdo de quién, pero lo menciono por supuesto en el episodio, y entre ellos están estos dos, así que usando cualquiera de los dos no te vas a equivocar. ¿Sí? Fantástico. Bueno, aquí terminan las cinco preguntas que he seleccionado este mes para el episodio de preguntas y respuestas. Recuerda que tú puedes recibir soporte como este si eres miembro en Gonzalo Navarro, es además de toda la formación que tienes a tu disposición. Por último, pedirte el favor de siempre, si piensas que este episodio le puede ayudar a alguien, pues te agradecería mucho si puedes compartirlo con esa persona con un compañero de trabajo, con un amigo, con algún familiar. Y si te ha gustado o has aprendido algo, pues ya sabes que te agradezco mucho. Si puedes dejar una reseña en Apple Podcast, alguna valoración en Spotify, en iVoox, donde sea que escuches el episodio, si puedes tomar alguna acción para que este podcast sigue a más gente, pues ya sabes que te lo agradezco muchísimo. Nada más por este episodio, nos seguimos escuchando. Adiós.
More from Gonzalo
518 | Redes sociales, precios personalizados, audios desde Drive y temas de bloques (Q&A)
513 | Por qué sigo usando estos plugins después de tantos años (y cuáles he abandonado)