194 | Q&A de año nuevo 2020

En el episodio 194 de WordPress semanal te felicito el año resolviendo dudas sobre imágenes destacadas al compartir en redes sociales, cómo pasar una web de PHP a WordPress, sobre Lazy Loading. Sobre abrir imágenes para verlas más grandes, cómo hacer para no mostrar determinados post en el blog y qué se puede hacer cuando se trabaja en local a diferencia de cuando se trabaja en producción. Vamos allá. Hola, hola, soy Gonzalo de gonzalonabarro es y antes de darte la bienvenida a WordPress Semanal quería felicitarte el año y darte las gracias no sólo por este último año, sino por todos los anteriores y por todo lo que pueda venir. No soy de esos en los que cree que por ser un año nuevo haya que empezar como de la nada, soy más de que cualquier día está bien para cambiar, para mejorar, para empezar algún proyecto nuevo, pero en cualquier caso, mentalmente puede ser una buena ayuda. Así que ánimo a todos aquellos que queráis emprender o que simplemente os decidáis a hacer cualquier pequeña mejora que tengáis en mente. Y ahora Sí, bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque como siempre os digo, a lo largo de estos años no hay mejor inversión que la de crear y gestionar tu propia web con WordPress. Así que vamos a hacerlo. Y para ello te voy a responder a varias preguntas que precisamente surgen cuando estamos gestionando una web con WordPress, no sin antes comentarte las novedades que está pasando en Gonzalo Navarro es esta semana. En primer lugar comentaros que tenéis un nuevo vídeo de la zona Código, ya sabéis, es ese lugar donde os enseño a hacer cambios en vuestra web, ya sea de aspecto, de funcionamiento, pero sin utilizar plugins. Y además la gracia de estos vídeos es que no tenéis que ser programadores, no tenéis que saber código, sino simplemente seguir el vídeo. Casi siempre os dejo un trocito de código que podéis copiar, os enseño dónde pegarlo y si tenéis que hacer alguna modificación pues os enseño cómo hacerla. Y en este caso os enseño a mostrar un mensaje en todas las entradas que vosotros consideréis antiguas. Por ejemplo, si tenéis un blog en el que, no lo sé, después de dos meses los contenidos ya empiezan a estar un poquito desfasados, pues podéis hacer que a partir de dos meses se muestre un mensaje a todos vuestros lectores que diga este post tiene más de dos meses, así que puede no estar actualizado o lo que queráis poner. Incluso si queréis poner un enlace para ir a los post o a las entradas más recientes, pues también podéis hacerlo, ¿De acuerdo? En otros blogs que tengáis, pues no lo sé, entradas antiguas, pues ya se considerarán a partir de un año, de dos años, pues más o menos podéis definir esa fecha y que se muestre el mensaje siempre de forma automática y además con el estilo que queráis, porque también no solo os enseño a configurar este aviso, sino también a darle un aspecto que vaya acorde con vuestra imagen corporativa. Todo ello lo hacemos en el vídeo 145, ya sabéis que para poder acceder a ellos tenéis que estar suscritos y ya podréis ver este y el resto de vídeos, así como los cursos, que además acabo de lanzar una renovación completa del curso del plugin de Yoast, es uno de los primeros cursos que saqué y ahora está renovado, fíjate, renovado para 2020, qué bien suena eso. Ahora empezaremos a ver publicaciones por ahí de las mejores tostadoras del 2020, los mejores, tal, desde 2020. Bueno, pues este curso de verdad está renovado a la última 2020, así que también todos los suscriptores podréis acceder a él y al resto de cursos más de cuarenta y pico, ya no sé exactamente cuántos llevo. Todo ello en gonzalonavarro es cursos. Bien, esas son las novedades en cuanto a contenidos. Vámonos ahora al plugin de la semana, que no es ni más ni menos que el kit de Google. El plugin se llama Sidekit by Google y tendrás un modo oficial de vincular todas las herramientas de Google con tu web. ¿Esto qué quiere decir? Pues que al instalar este plugin no sólo vas a poder vincular los servicios más populares como Google Analytics, Search Console o incluso adsense, pues de forma relativamente sencilla, sino que también vas a poder ver por ejemplo, las estadísticas que se recogen a través de Analytics, las vas a poder ver directamente en tu web o incluso la puntuación de PageSpeed Insight, es decir, la puntuación de velocidad de la que tanto se habla en todos lados, pues también la vas a poder ver directamente desde tu sitio web. Y estoy seguro de que irán añadiendo muchas más mejoras, muchas más funcionalidades. El plugin no lleva mucho tiempo, ya tiene 100.000 instalaciones activas, seguramente será uno de esos plugins que acabaremos teniendo todos instalados en nuestra web. De nuevo se llama Sidekit by Google, lo tenéis en las notas del programa, un enlace directo a la página del plugin. Recordad que este es el episodio 194 y que podéis acceder a él yendo a Gonzalonabarro es 194. Y ahora ya sí, nos vamos con las respuestas de este año nuevo de 2020. Y empezamos con una pregunta de Héctor que va sobre imágenes destacadas al compartir en redes sociales. Me dice buenos días Gonzalo, aquí de Nuevo con dudas. ¿Qué método utilizas para compartir tus post o entradas de WordPress a redes sociales? He probado con un plugin y no me funcionan del todo bien, nunca aparece la imagen al momento de compartirse en redes sociales. Un saludo. Bueno, otro saludo para ti Héctor y gracias por la pregunta. Y la pongo porque hay veces que esto genera confusión, por ejemplo cuando instalamos algún plugin para compartir en redes sociales de forma automática o cuando utilizamos algún servicio como Buffer, como Metricool o algún servicio de estos que son muy populares, pues muchas veces pensamos que eso ya va a hacer todo por nosotros, que nos va a poner un título destacado, una descripción y además pues una imagen. Bueno, pues esto no corresponde a un plugin de compartir en redes sociales, sino es algo que nosotros tenemos que incluir, ya sea utilizando algún plugin o haciéndolo incluso de forma manual. Hay gente que prefiere no instalar ningún plugin del tipo de Yoast o del tipo All in One SEO, sino que prefiere pues poner el título meta, la descripción meta a través de código y la imagen también destacada que se puede hacer también. Pero bueno, estos plugins te dan más opciones, te dan sobre todo un uso amigable de este tipo de cosas. Bueno, lo primero que le recomendé a Héctor es que en la opción de que esto sí que viene con WordPress y no hay que añadir nada extra de imagen destacada, pues que la rellene, porque todas las redes sociales, las principales, están preparadas para recoger esa información, ¿De acuerdo? De todos modos, a veces puede fallar y lo mejor es especificar una imagen, un título y una descripción para que salga en estas redes sociales. Y eso puedes hacerlo, por ejemplo, como ya he comentado, con el plugin de SEO de Yoast que precisamente acabo de renovar desde cero. Así que esa clase del curso que si no me equivoco es la clase 3, estará 100% actualizada y podéis verla. Aprovecho para comentar que a veces por ejemplo intentamos compartir un post, por ejemplo en Facebook y vemos que o no sale la imagen que queremos o directamente no sale una imagen o lo que sea. Entonces cogemos, nos vamos a nuestra web, nos vamos al plugin de Yoast y cambiamos la imagen y ponemos la que realmente queremos que salga y luego volvemos a nuestra página de Facebook, vamos a publicar ese mismo contenido y vemos que no nos reconoce la imagen nueva, esa imagen nueva que hemos puesto no aparece y claro, ya aquí ya sí que esto de JAWS no funciona, esto es un rollo, tal, no sé qué, no sé cuánto, ¿Vale? Esto es porque ya se había quedado guardada digamos en la memoria la imagen anterior y entonces hay que borrar, borrar esa memoria por decirlo de alguna forma ¿No? Y para ello hay una herramienta que Facebook pone a nuestra disposición que es el debugger o el depurador y os dejo el enlace o podéis buscar si no Facebook Debugger Sharing o algo por el estilo, pero vamos yo os dejo un un enlace directo a la herramienta en la parte de enlaces por supuesto y básicamente ponéis la URL que queréis depurar y como que se limpia y de esa forma pues ya sí que se va a recoger la última imagen y el último título y descripción que hayas puesto para compartir en redes sociales. ¿Sí? Fantástico. Dejamos la pregunta de Héctor y nos vamos con la de Francisco que tiene dudas sobre migrar su web de PHP, que la tiene hecha con PHP a WordPress. Me dice, buenos días, te cuento a ver si me puedes ayudar. ¿Tengo funcionando una web de uso interno para empresa y que hice? En PHP utilizo MySQL con tablas de usuarios, propietarios, inmuebles, arrendatarios y me he decidido a diseñarla en WordPress con Genesis. En este entorno he realizado alguna web simple pero estoy perdido con el tema de archivos de bases de datos. Supongo que necesitaría un plugin para gestionar la base de datos. ¿Necesitaría también un plugin, si existe, para traspasar los datos de mi web a WordPress? ¿Puedes decirme alguno que consideres bueno e indicarme cómo puedo conseguir información sobre el tema? Muchas gracias. Bueno, Francisco quiere aquí básicamente tiene una web hecha con código con PHP y luego aparte gestiona la base de datos con mysql y lo tiene todo vinculado. Y quiere pasar de tenerla así, digamos, de forma gestionada más manualmente, a pasar a un servicio que ya te permite gestionar contenidos como es WordPress, que la gracia es que puedes crear contenidos al vuelo sin tener que entrar en la parte de atrás ni tener que lidiar con el código. Entonces me pregunta varias cosas. Número uno, ¿Qué pasa con la base de datos? ¿Cómo va a poder ahora gestionarla? Y número dos, me pregunta cómo puede migrar los contenidos que tiene ahora, pasarlos a una web con WordPress. Bueno, en primer lugar decirle a Francisco y comentaros a todos que en WordPress una de sus grandes virtudes, una de sus cosas que lo hacen más fuerte, es que la base de datos se autogestiona y además se actualiza automáticamente cuando se hace algún cambio en la web, con lo cual no es necesario ningún plugin ni es necesario nada para gestionar la base de datos. Esto se hace de forma automática, digamos. Y luego la migración, hombre, ya es más complicado, sobre todo porque habría que ver cómo está hecho todo el tema de las bases de datos. Bueno, pues podría hacerse. Y lo que hice fue recomendarle a Francisco el plugin WP All Import, porque ese plugin es el mejor que hay desde mi punto de vista, el que más opciones contempla a la hora de importar contenidos y para hacer cositas más avanzadas como las que me pide Francisco, le dejé también la documentación, porque además estuve charlando con él y él, digamos que se maneja bien y se vale de la documentación de los servicios como cualquiera que quiere, digamos, ir avanzando en el desarrollo y demás. Así que le pasé la documentación de WordPress All Import, porque ahí te explican más cosas. Y luego me comentó que realmente lo que tenía Francisco eran muchos campos personalizados. Entonces al final llegamos a la conclusión de que lo ideal era crear primero los campos personalizados que él tenía. Así que le dejé un vídeo que es concretamente el 73 de la zona código, donde enseño a crear campos personalizados de forma manual. Si no, también tenéis por supuesto el curso de Advanced Custom Fields, donde enseño a lidiar con campos personalizados. Bueno, en definitiva, esta pregunta es un poco técnica, pero la incluyo primero para que conozcáis el plugin WP All Import, porque si tenéis que importar cosas, digamos, más complejas o incluso, por ejemplo, importar productos de WooCommerce. Para mí es la mejor solución, es la que más casos contempla, la que te permite hacer más modificaciones avanzadas si lo llegas a necesitar. Y luego para el tema de los campos personalizados, que Pues eso, si venís de una web en el que hay muchas cosas personalizadas, en WordPress también se pueden crear campos personalizados y tenéis dos formas de hacerlo, una un poquito más automática y visual que es el plugin Advanced Custom Fields del que tenéis un curso y otra más manual que también se puede hacer y que os enseño en el vídeo 73 de la zona Código. Bien, vamos ahora con la pregunta de Adolfo, dejamos la de Francisco que va sobre carga asíncrona de imágenes y cómo hacer que se abran en una ventana emergente. Me dice Buenos días Gonzalo, seguimos poco a poco construyendo la web gracias a tus consejos. A ver si me puedes ayudar con unas dudas. Por un lado, los post que genero tienen muchas imágenes, hasta que controle un poco el vídeo es lo que hay. Me gustaría dejar esas imágenes fuera del servidor a fin de no consumir su espacio con imágenes. En principio tenía pensado meterlos en Dropbox, aunque estoy abierto a otras opciones, algún plugin por donde comenzar a investigar o alguna solución alternativa. Me Por otro lado, las imágenes al ser capturas de pantalla son grandes, no tanto en tamaño, sino en píxeles, y deben ser grandes para que se puedan ver correctamente, pero claro, eso me genera que los post no quedan muy bien visualmente hablando. He visto que en algunos sitios al pulsar sobre una imagen pequeña, ésta se hace más grande encima del mismo post, sobre un fondo oscuro y con un aspa para poder cerrarla. Es como si fuese un visor solo para esa imagen, pero no tengo ni idea de cómo lo hacen. ¿Alguna idea de por dónde empezar a investigar? Bueno, fantástico. Aquí Adolfo me pregunta sobre imágenes una cómo hospedarlas en lugares externos y de hacerlo dónde también me dice pues si tengo algún consejo a este respecto. Y por otro lado me pregunta cómo hacer que al pulsar sobre una imagen que nosotros ponemos en WordPress se abra en una ventana emergente y se pueda ver más grande. De acuerdo, estas son preguntas pues muy comunes y que creo que puede servir a mucha gente. La primera de ellas es para guardar las imágenes en un servidor externo, lo más común es hacerlo en el servicio de Amazon, así que si quieres ir adelante con ello puede ser una buena opción, pero vamos, si tienes un servidor con mucho espacio te puedes ahorrar ese paso. Yo en mi caso las tengo hospedadas en mi propio servidor. Lo que sí que puedes hacer quizás para que si tienes muchas imágenes, que la carga sea asíncrona, es decir, el típico Lazy Loading, que por cierto ya los navegadores lo van incorporando poco a poco, Chrome lo está incorporando y otros navegadores pues irán detrás. Así que incluso ya el Lazy Loading será nativo, lo harán los propios navegadores y no tendremos que hacer nada nosotros. Pero mientras tanto, pues os dejo enlaces a un plugin de Lazy Loading, el más popular. De esta forma, por ejemplo, si alguien abre un contenido de los que publica Adolfo y hay una imagen, en ese momento, a lo mejor debajo hay más cuando se hace scroll, pero en ese momento hay una, pues esa se carga, pero las siguientes se van a ir cargando conforme el usuario vaya llegando a ellas, es lo que se conoce como el Lazy Loading. Y por otro lado, lo de abrir imágenes en una ventana emergente, puedes hacerlo con un plugin. Os dejo, bueno hay varios, pero os dejo uno de los más populares que se llama Simple Lightbox. Lightbox es básicamente esa ventana modal que se abre digamos encima de la pantalla, pues se llama Lightbox, y esto va a hacer que automáticamente cuando tú pongas imágenes van a poder ser clicables y que se abra una ventana modal sobre la página sin que te lleve a otra página distinta. Eso pues para la experiencia de navegación del usuario pues no es lo mejor. Sí, perfecto. Y saltamos a otra pregunta de Adolfo que va sobre no mostrar post determinados en el blog. Me Y ya por último una duda sobre las entradas que realizamos. ¿Cómo se puede hacer para que no aparezcan en la página principal todas las entradas que se publican? La idea es realizar una serie de post que aborden un problema, pero muchas veces para resolver ese problema me hace falta explicar una serie de técnicas que son válidas para más de un post. Esas entradas con las técnicas necesarias me gustaría que apareciesen aparte, sin MEZCLARSE con los post principales. Un saludo y muchas gracias. Vale, así para explicarlo rápidamente por si no ha quedado claro, lo que quiere Adolfo es que determinadas entradas que son más técnicas y que complementan a sus entradas principales, quiere excluirlas de la página de blog, ya sea que se tengan en la página de inicio o en una página de blog aparte. ¿Qué recomiendo yo para este caso? Crear una categoría para esas entradas, por ejemplo, llamarlas técnicas o de apoyo o bueno, como quieras. Y luego se puede hacer por código muy fácilmente. Lo cubro en el vídeo 86 de la zona código, excluir esa categoría del blog. De esa forma existirán, estarán y de hecho si se va a la categoría concreta se podrán ver esas entradas, por supuesto, se podrá poner links hacia ellas desde cualquier página, pero no aparecerán en la relación de post normal y corriente cuando la gente vaya al blog de esa página. ¿De acuerdo? Es bastante sencillo de implementar, simplemente seguís los pasos del vídeo, copiáis y pegáis el código y lo tenéis de nuevo el vídeo 86 de la zona código. Podéis ir gonzalonavarro es códigos 86 o por supuesto tenéis el enlace en las notas del programa. Genial. Dejamos ya las preguntas de Adolfo y nos vamos con la quinta y última de José Manuel, que va sobre qué cosas hacer en local y qué cosas hacer en producción. ¿Me Buenas Gonzalo, una pregunta que quería hacerte es la para probar algunas cosas como las del curso de email marketing o el de velocidad, por ejemplo, es necesario que la web esté alojada en un hosting o en local? ¿Se pueden hacer? Entiendo que lo suyo es tenerlas en el hosting, pero tengo esta duda. Gracias y un saludo. Bueno, esta duda también me llega bastante, sobre todo para el tema de la seguridad y básicamente me dice pues un poco lo enfocado esta pregunta a qué cosas podríamos hacer cuando estamos trabajando en local, es decir, tenemos la web en nuestro ordenador, no hay acceso a ella a través de Internet o cuando ya está en producción, que sería pues ya en un hosting y lista para que todo el mundo pueda acceder. Para cuestiones de velocidad es necesario tener la web hospedada en un hosting, porque si no, no se puede medir, además el servidor es tan importante en cuestiones de velocidad que no tendría siquiera sentido. Después las teóricamente las puedes implementar, ¿Puedes aplicar esas mejoras? Pues no lo sé, si sigues el curso de velocidad en WordPress o el curso de WPO, básicamente es el curso de cómo optimizar el rendimiento de tu web. Pues como digo, ahí vemos mejoras y cosas que puedes hacer y que podrías hacer en local, pero claro, no puedes después medirlo, no puedes irte a una herramienta de medición y ver el tiempo de carga ni nada. Y luego para el tema del email marketing que me pregunta concretamente José Manuel, es más cuestión del servicio que vayas a usar que la web en sí, es decir, si vas a usar, no lo sé, el servicio de email marketing de ActiveCampaign o el de Mail Relay o el que sea, pero bueno, eso sí que podrías probarlo y de hecho si utilizas o local de Flywheel o por ejemplo Desktop Server que vemos en el curso de webs en local, pues también puedes trabajar con Internet en esas webs en local, cosa que ayuda mucho por ejemplo, para este tipo de pruebas, para hacer pruebas de si alguien se da de alta en alguna newsletter tuya, es decir, todo eso sí que podrías probarlo en local, aunque yo aconsejo siempre después, ya una vez tengas tu web al público, probar todos esos servicios, probarlo ahí básicamente en producción, es decir, cuando ya esté la web en un hosting y pública ahí las cosas que tienes que hacer es vincular con Search Console y con Google Analytics, porque tampoco podrás hacer eso en local, ajustar todas las cuestiones de seguridad y ajustar todas las cuestiones de velocidad, ¿De acuerdo? Todo lo demás yo entiendo que más o menos sí que lo puedes hacer en local. Por cierto, todo esto que comentados es consola, Analytics, seguridad, velocidad. Tenéis cursos de todo esto, podéis verlo en Gonzalo Navarro es Cursos. Genial. Pues con esto quedarían resueltas las dudas sobre temas varios de este año nuevo de 2020. Si aún no estás apuntado a la plataforma y quieres soporte como este personalizado directamente en tu bandeja de entrada, pues no tienes más que apuntarte a la plataforma donde también tendrás acceso a cursos y a vídeos avanzados de la zona código. Todo ello, recuerda, en Gonzalo Navarro es Cursos. Y si quieres comenzar el año aportando tu granito de arena a este podcast para que pueda seguir llegando a más gente, puedes hacerlo de forma sencilla y muy rápida dejándome una valoración en Apple Podcast. Simplemente vas a tu aplicación de podcast, buscas WordPress semanal, le das a reseñas y dejas la reseña que consideres. Si estás en otros lugares, en Ivoox, en Spotify, que cada vez hay más gente ahí, pues lo que puedas hacer un me gusta o si quieres compartir este episodio o el podcast en general con alguien que pienses que le pueda venir bien, pues adelante también con ello. Como siempre. Muchísimas gracias por escuchar, por estar ahí y por cada pequeña acción que tomes. Nada más por este episodio, nos seguimos escuchando. Adiós.