229 | Recopilación de respuestas sobre velocidad, errores e imágenes
2 Sept 2020 · 23 min
Episodio 229 del podcast WordPress Semanal por Gonzalo Navarro donde responde cinco preguntas de soporte sobre medición de velocidad (Google PageSpeed Insights vs GTmetrix), el error crítico de Salud del Sitio relacionado con WP_DEBUG, uso de una cuenta publicitaria de Facebook para múltiples webs, ocultar imágenes destacadas en GeneratePress, y problemas con el envío de correos desde WordPress (configuración SMTP). Incluye recomendaciones prácticas, enlaces a recursos y referencia a cursos y plugins mencionados.
Chapters
En el episodio 229 de WordPress semanal respondo dudas ¿Por qué dicen que no hay que hacer caso a Google PageSpeed Insights? ¿Qué hacer cuando se muestra el error crítico de salud del sitio que dice que se están mostrando errores a los visitantes? Veremos si se puede usar una misma cuenta publicitaria de Facebook para distintas webs. Os explicaré cómo no mostrar imágenes destacadas en las páginas y qué hacer si no te llegan los correos electrónicos de WordPress. Vamos allá. Hola, hola, soy Gonzalo, de GonzaloNavarro ES y bienvenidos a WordPress Semanal, el podcast en el que aprendes WordPress de principio a fin. Porque ya lo sabes, no hay mejor inversión que la de aprender a crear y gestionar tus propias webs con WordPress. Y este es uno de esos episodios que te ayudan precisamente con lo último que te acabo de comentar, es decir, gestionar en el día a día las webs con WordPress. Porque voy a responder a 5 preguntitas sacadas directamente del soporte que doy. ¿Ya sabes, si eres suscriptor, suscriptora en Gonzalo es cursos, además de toda la formación, todos los cursos, todos los vídeos avanzados de la zona código, pues tienes soporte conmigo? Y estas dudas que voy a resolver, pues te pueden servir de ejemplo del tipo de soporte que doy. Y además, mejor dicho, sobre todo, están pensadas para que si tú te encuentras en esta misma situación, pues tengas la posibilidad de solventar la duda. Así que nada, en unos segundos voy a responder a las preguntas de Iván, de Carolina, de Roberto y de Lucas. Pero antes, como siempre, ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues bien, como cada semana, ya sabéis, desde hace más de 184 semanas, voy publicando vídeos un poquito más avanzados sobre cómo modificar cosas en vuestra web a través de código y Y no tenéis que ser desarrolladores, no tenéis que tener una base de conocimiento en cuanto al código se refiere, sino que simplemente os muestro cómo podéis hacer para copiar, pegar y obtener el mismo resultado que yo muestro en el vídeo. Y en este caso es el vídeo 180 de la zona Código y os enseño a mostrar un documento HTML en vuestras webs con WordPress. Y para esto hay que dar un poquito de contexto. Ya sabéis que WordPress funciona a través de un lenguaje de programación que se llama PHP, y si bien se usa el HTML en los documentos, en los archivos que hay o que componen WordPress, los plugins y los themes, no es la base. Y una forma sencilla, por ejemplo, de crear una página, como vemos en el curso de HTML o en el curso de CSS básico, es crear una estructura de HTML, darle un poquito de CSS y se tiene de forma relativamente sencilla. Pero luego tú eso, un archivo que termina en HTML no lo puedes mostrar como tal en WordPress, sino que le tienes que hacer un montón de modificaciones para transformarlo en un archivo PHP, sobre todo si quieres que case de verdad con WordPress. Esto lo vemos en detalle en un curso que a mí me gusta mucho, en el que os explico cómo pasar una web sencilla de una sola página de HTML, convertirla a un tema de WordPress. Ahí sí que entramos en detalle y es algo pues un poquito más avanzado ya para adentrarse en los. En el desarrollo dentro de WordPress. Pero aquí no, aquí lo que conseguimos, lo que te permito hacer es que un archivo HTML que ya exista, que hayas creado tú o que hayas descargado una plantilla desde algún sitio, mostrarlo tal cual en cualquier página de tu web con WordPress. Y además lo hago de una forma que te va a encantar porque simplemente te puedes ir a cualquier página de tu web con WordPress, seleccionar un archivo de plantilla y ya automáticamente esa web va a mostrar el archivo HTML que previamente hay que haber subido y demás. Te explico todo el proceso, es muy sencillo si sigues los pasos del vídeo, como digo, el vídeo 180 de la zona código, ya sabes, si estás suscrito pues ya tienes acceso a él y si no puedes apuntarte en Gonzalo es Cursos. Y hablando de cursos, este mes estamos con el curso de creación de una bolsa de empleo en WordPress. Esto no es más que crear una web de anuncios de trabajo y esta web pues va a tener un sistema de filtrado donde los que buscan un trabajo van a poder encontrar lo que necesitan y luego también va a tener un sistema bastante intuitivo, bastante sencillo para todos, en el que los que quieren publicar ofertas de trabajo para su empresa o algún autónomo que necesite ayuda, pues también va a poder hacerlo. Todo desde la parte frontal, todo muy bien cuidado y muy profesional. Utilizamos el plugin WP Job Manager, así que si estás pensando en hacer una web de este tipo, este plugin y este curso te van a salvar la papeleta. Así que Gonzalo, es cursos y ahí tienes un vídeo promocional donde te explico en qué consiste el curso y tienes todas las lecciones para que puedas verlas. Os dejo el enlace de todas formas a todo lo que voy comentando. Sí, fantástico. Esas son las novedades. Y después tenemos el plugin de la semana, que me gusta mucho porque es uno de esos descubrimientos. Es un plugin súper nuevo y creo, me da a mí, espero además, porque está muy chulo que vaya a más. Ahora mismo está activo en menos de 10 webs con WordPress, así que bueno, probadlo con cautela. De momento pues eso, apenas lo usa nadie. Y está muy chulo porque sirve para añadir notas colaborativas en publicaciones de WordPress. Se llama Wholesome Publishing y básicamente lo que permite es eso, te trae muchas opciones que por ejemplo puedes encontrar en los docs de Google, estas herramientas colaborativas que puedes dejar un comentario, después puede venir otro y dejar un comentario sobre tu comentario y se van como anidando. Pues esto lo vas a poder hacer si instalas este plugin en cualquier publicación que tengas en WordPress, en un plugin, en una página o en una entrada. Incluso tiene una cosa súper chula que es que puedes marcar un bloque específico de Guttenberg como borrador, así que no va a aparecer en la parte frontal. Es decir, puedes tener algo publicado, un contenido publicado, pero uno de los bloques, si todavía estáis trabajando en él, no estáis seguros de cómo va a ir y demás, podéis dejarlo en borrador, trabajar en él y cuando esté listo ya publicarlo. Y luego además te permite establecer notificaciones por email de los post en los que tú has colaborado o de los que eres autor. Así, si alguien deja un comentario en un post en el que estáis colaborando varios, pues te puede llegar una notificación por email que tú puedes configurar, por supuesto y así estás al tanto. Me pareció un plugin, pues eso, con unas opciones que están muy chulas, que llaman mucho la atención y a pesar de que sólo está activo en menos de 10 webs, pues quería daros la oportunidad de que lo conozcáis y que lo probéis si os interesa. De nuevo, se llama Wholesome Publishing, os dejo el enlace en las notas del episodio. Recordad, este es el episodio 229, así que podéis ir directamente si escribís en vuestro navegador Gonzalo es 229. Genial. Y ahora sí, nos vamos con vuestras preguntitas de este mes, la relación de preguntas que he seleccionado. ¿Y vamos a empezar con la de Iván, que que va sobre Por qué dicen que no se haga caso a Google PageSpeed Insights? Hola Gonzalo, me gustaría compartir contigo una información sobre Google PageSpeed Insights que he leído. En síntesis dice que la velocidad de este test de Google tiene algunos problemas y que la baja puntuación en las estadísticas de velocidad de Google PageSpeed Insights no tendría ningún efecto en la velocidad de carga de mi sitio web. Y que entonces, para medir el tiempo real de la carga de mi sitio sería mejor utilizar herramientas como Pingdom Tools o GTmetrix, según este enlace. Y me pone un enlace en el que yo me basé para hacer un episodio, ahora lo comentaré, pero me pone un enlace al Blog de WP Rocket donde hablan precisamente de esto, se llama La verdad sobre Google PageSpeed Insights y me remite a él y dice que según esa información no debería de hacerle mucho caso. Y entonces me continúa diciendo me Entonces, obviamente mi pregunta ¿Qué hay de cierto en esta información? ¿Cuál sería la importancia real de Google PageSpeed Insights? Y luego me hace dos preguntas también específicas y muy relacionadas con esto. Me dice ¿Tiene algo que ver la velocidad de carga con el hosting donde se encuentra alojado mi sitio web? De ser así, ¿Qué importante es este factor? Y después me dice a su vez ¿Importa en el resultado la región? Me pone entre paréntesis el país desde donde se está haciendo el test del servidor. Muchas gracias por arrojar luz estimado profesor de WordPress. Un fuerte abrazo Iván. Bueno, otro abrazo para ti Iván y gracias por estas preguntas. Bueno, básicamente aquí Iván está un poco liado porque está adentrándose en esto de medir la velocidad de carga de su sitio web. Tiene dudas que son muy comunes, ha buscado por ahí información, hay mucha información al respecto, unos te dicen que Google Page Speed Insights, otros te dicen que gtmetrix, otro te dice que lo otro, que le prestas atención a esto, que a esto no, en fin, son muchas cosas. Entonces, respondiendo a Iván, las fuentes, le dije que las fuentes que me envían, que me envió el enlace a WP Rocket, al Blog de WP Rocket, y para mí esa fuente es fiable. Le comenté y también sacaba las mismas conclusiones que él. De hecho he publicado posteriormente a esto, publiqué un episodio, el episodio 218 del podcast, donde hablo sobre esto, es decir, sobre por qué no hay que hacerle caso a Google PageSpeed Insights, entre comillas, y ahí explico como Google PageSpeed no mide la velocidad real del sitio web, aconsejo no obsesionarse con las notas ni con los porcentajes, explico en qué métricas sí debería fijarse uno de las que son solucionables, porque hay muchas que es que ni siquiera se pueden solucionar. Y luego hablo, por supuesto, de alternativas a Google PageSpeed Insights para medir el rendimiento de carga de una web, que básicamente es gt Metrix, del cual tenéis un curso, tenéis un curso de WPO en WordPress, es decir, cómo optimizar el rendimiento de carga de vuestra web. Y en el curso me baso en las pistas o en los consejos que da GTmetrix, sobre todo una parte fundamental que es medir cuándo y cómo se cargan los distintos archivos de la web. Todo eso lo tenéis en el curso y además os voy a dejar enlaces. Entonces, respondiendo específicamente a las preguntas de Iván, primero, ¿Qué servicio usar? Bueno, servicios como GTmetrix me parecen que está muy bien, hay que tener en cuenta que tienen una parte en la que te arrojan también la puntuación o los consejos de Google PageSpeed Insight, o sea que eso hay que tenerlo en cuenta, bebe de eso y también de otras fuentes. Pero lo interesante de nuevo de esta herramienta es que puedes ver la carga de recursos a nivel individual, es decir, si hay una imagen, un plugin o un servicio concreto que ralentiza especialmente la carga. Por eso os recomiendo esta herramienta y os recomiendo además que echéis un vistazo al curso si estáis más interesados. Luego, sobre sus otras preguntas, sí, el servidor tiene muchísimo que ver en el tiempo de carga de una web, es uno de los factores más importantes, y no sólo el país donde se tengan los servidores, que normalmente la mayoría de hostings lo tienen en distintos continentes, sino también la calidad del mismo, la cantidad de recursos que tienes a tu disposición y demás. En el caso de que el hosting que uséis no tenga servidores repartidos por el mundo y que vuestra audiencia acceda desde distintas partes del mundo, si no es así os da igual, pues podéis instalar por ejemplo una CDN. Después me preguntaba también si es importante desde dónde se hace el test. Sí, esto es una simulación, no es un ordenador real, pero sí que el hecho de poder elegir desde dónde se hace el test, por ejemplo hacer el test, una simulación desde el país en el que uno está o al menos el mismo continente, pues es mejor porque te va a dar una idea más clara de ese test o esa simulación de test de lo que le ocurriría a un visitante tuyo y y en GTmetrix por ejemplo, si te creas una cuenta gratuita puedes elegir desde qué país se va a hacer ese análisis de velocidad, también lo vemos en el curso de GTmetrix. Y por último para Iván y para todos comentar que es fácil obsesionarse con esto del tiempo de carga que nos muestran las herramientas y hay veces en las que simplemente es que no merece la pena dedicarle el tiempo para ganar algunas décimas de segundo, que lo mismo después además no son ni reales porque son los que te muestran estos servicios pero luego a lo mejor no lo son tanto. Me gusta de vez en cuando responder una pregunta sobre esto de la velocidad de carga, porque yo creo que todos los que tenemos una web en algún momento nos hemos obsesionado por esto y no hay mejor que llegar a ese punto en el que ya no te obsesiona. Genial, pues dejamos esta pregunta de Iván y vamos con la segunda pregunta que es de Carolina, que va sobre qué hacer con ese error crítico de salud del sitio que dice que tu web está configurada para mostrar errores a los visitantes del sitio. Me dice Hola Gonzalo, perdona, te acabo de escribir un email pero me ha faltado comentar que también en el escritorio de WordPress me sale en Salud del sitio que debería ser mejorado como error crítico, me pone que el sitio está configurado para mostrar errores a los visitantes del sitio y después me habla algo de WP debug log y algo de WP debug display que la verdad no entiendo nada, te agradecería mucho la ayuda. Gracias. Bueno sí, aquí Carolina me dice que es que me escribí un email antes, pero el que os quería mostrar a vosotros o lo que quería resolver para todos vosotros, que es algo que sé que os puede pasar, pues es esta parte concreta. Y bueno, ya desde hace algún tiempo WordPress tiene una funcionalidad llamada Salud del sitio que te muestra algunas cosas, algunos consejos que puedes mejorar para la salud del sitio de tu web y entre ellos hay cosas de seguridad o de rendimiento y demás. Y este es uno de los errores en cuanto a la seguridad que te puede salir y que debes mejorar. Estas opciones que me dice Carolina que tiene activas en su web, esto de wp debug log y wp debug display, lo que hacen es registrar errores de la web y además mostrarlos en la parte frontal, con lo cual si viene algún hacker o alguien con malas intenciones, pues puede aprovechar esa información para atacar tu web en base a esas vulnerabilidades. Imagínate que se está mostrando en pantalla que hay un error en el archivo, tal, tal, tal, pues alguien podría ir a esa ruta y podría aprovechar ese error para acceder o para hacer alguna barbaridad en vuestra web. No es tan fácil, pero puede ocurrir. Entonces, por seguridad, cuando ya no se está desarrollando la web, porque esto se utiliza, los desarrolladores o los que quieren descubrir si si hay algún error en una web, pues activan estas opciones para poder ver de forma sencilla qué errores hay y después resolverlos. Pero cuando ya se tiene una web abierta de cara al público o ya se ha solucionado el error o lo que sea, esto hay que desactivarlo. Y para desactivarlo tenéis que ir a uno de los archivos más importantes de vuestra web, que es el WP Config PHP, es el archivo de configuración de vuestra web con WordPress, al cual le he dedicado un episodio del podcast, podéis buscarlo, también hablo de él en el curso de seguridad en WordPress, es un archivo muy importante. Y ahí si tenéis esto activo es porque veréis unas líneas que pondrá define wp debuglog y pondrá true, es decir, verdadero. Esto quiere decir que va a estar activo. Y luego por otro lado tendréis el otro, el wp debug display que también estará en true. Pues lo que hay que hacer es cambiarlo y en lugar de que ponga true poner false. De esa forma no sólo vais a estar más protegidos porque no vais a estar mostrando esos errores en la parte frontal de la web, ni se van a estar registrando de forma visible y además va a desaparecer ese mensajito que le salía a Carolina en el escritorio en la parte de salud del sitio. ¿De acuerdo? Os voy a dejar un enlace sobre cómo acceder a los archivos de vuestra web a través del cpanel de vuestro hosting para que podáis ir a localizar este archivo de wp config, ir a ver esas líneas que os comento y ponerlas en false en el caso de que vosotros o os pase esto y la tengáis en true. Sí, Fantástico. Pues dejemos la pregunta de Carolina y nos vamos con la de Roberto, que me pregunta si se puede utilizar una cuenta publicitaria de Facebook para webs distintas. Me dice Hola Gonzalo, mi pregunta es sobre Facebook Ads, lo quiero usar para dirigir tráfico hacia algunas páginas web, para vender algunos productos, etc. ¿Puedo programar los anuncios desde mi Facebook personal o tendría que crear una cuenta de Facebook para cada página web que quiera anunciar? Bueno, aquí Roberto me hace una pregunta un poco genérica, tiene toda la pinta que va a empezar con esto de Facebook Ads, pero lo que entiendo es que se refiere a si se puede utilizar una misma cuenta publicitaria de Facebook Ads, que puede estar asociada por supuesto a su perfil personal de Facebook, para crear anuncios para distintas webs. Y la respuesta es que sí que se puede. Tú desde una misma cuenta publicitaria puedes anunciar enlaces a las webs que quieras, lo único que hay que tener en cuenta es que si la gente por ejemplo ve ese anuncio, ese anuncio estará asociado a una página de Facebook y puede ir a ver esa página de Facebook. Entonces sería la única pega. Si te da igual que la gente vaya a ver esa página de Facebook, independientemente de a dónde estés dirigiendo los anuncios, o a qué enlaces o a qué páginas, pues entonces sí se puede, es decir, técnicamente se puede. Ahora, lo normal, lo ideal es tener una página de Facebook para cada web, porque así si alguien va a ver información directamente dentro de Facebook sobre esa empresa, esa web o lo que sea, pues primero será mucho más fiable y segundo, tiene más sentido, más orden. Es decir, se puede hacer técnicamente, pero lo ideal es tener una página de Facebook para cada página web, aunque después la cuenta publicitaria sea la misma. Eso puede serlo sin problemas. Tú puedes tener una cuenta y puedes tener varias páginas de Facebook, llevar la administración o que te inviten a llevarla y anunciarlo todo desde el mismo lugar. Fantástico. Pues dejamos la primera pregunta de Roberto y nos vamos con la segunda, que también es de él y que va sobre cómo hacer que no se muestren imágenes destacadas en las páginas, en su caso usando generatePress. Me dice hola de nuevo Gonzalo, en un sitio web estoy usando GeneratePress y en las páginas coloco una imagen destacada, pero aparece en la parte superior de la página cuando se ve desde la parte frontal y no quiero eso. ¿Cómo puedo evitarlo? Bueno, esto se puede evitar en el caso de Roberto, él usa GeneratePress, pero os voy a explicar en general. Él utiliza un theme que se llama generatePress y si se tiene la versión Pro de este tema, simplemente hay una opción para esto. Se va al menú Personalizar, se va a Diseño, se va a la opción de Blog y se baja hasta una parte donde pone Featured Images, es decir, Imágenes destacadas. Y ahí puedes seleccionar dónde quieres que se muestren en la parte frontal las imágenes destacadas y donde no. Pues no hay más que desmarcar la casilla de páginas. Así dejarás que se muestren, por ejemplo, en las entradas de blog, pero evitarás que se muestre la imagen destacada en la parte frontal. Esto vas a seguir teniendo la funcionalidad, es decir, la posibilidad desde el editor de WordPress, desde la parte de edición de las páginas, de añadir una imagen destacada. Pero esto es interesante muchas veces si lo vas a mostrar después, si la vas a compartir en Facebook para que se muestre esa imagen destacada, o si vas a usar algún plugin específico que te permite mostrar una relación de contenidos, pues también puede ser interesante para poder recoger esa imagen destacada. Pero aquí, como dice Roberton, no quiere que se vea cuando vas a ver esa página normal en la parte frontal, en su web, no quiere que se vea esa imagen destacada en ningún lado, porque él quiere controlar qué imágenes poner en ese contenido. Pues para eso sirve esta opción. ¿De acuerdo? Y también le comenté a Roberto que si no tiene la versión Pro ni quería ponerla, seguramente lo más fácil para que no se muestre es ocultarla por CSS. Y esto os sirve a todos vosotros. Primero buscad a ver si en vuestro thing tenéis la opción de que no se muestre. Y si no es así, ya digo, se podría quitar por código desde la plantilla específica que esté mostrando ese contenido, pero eso es más complejo y yo creo que algo muy asequible para todo el mundo es simplemente ocultarlo por CSS con la propiedad display y el valor none. Os dejo un vídeo de la zona código donde os explico cómo hacer esto, pero si no, pues podéis buscar en google display, nand, css, WordPress y seguro que encontráis un montón de soluciones. Sí, Fantástico. ¿Pues dejamos la última pregunta de Roberto y nos vamos con la última en general, que es de Lucas y que me dice que no le llegan los correos de WordPress, Me Hola Gonzalo, estoy creando una web, pero en el formulario de contacto que he hecho con WPForms no me llegan los correos a mi dirección, qué estoy haciendo mal? Bueno, esto fue el primer contacto que me hizo Lucas, le expliqué que tenía que configurar WordPress Fonts correctamente, lo tenía correctamente configurado, es decir, tenía habilitado una notificación que cuando alguien le contactara desde el formulario de contactos hecho con WPForms, del cual tenéis un curso por cierto, pues que no le llegaba ese aviso, no le llegaba el correo a su web. Entonces estuvimos hablando, me dijo que lo tenía bien configurado y luego me continuó diciendo lo siguiente. He probado varias formas, una cambiar en ajustes generales el correo electrónico y me sale que no será válida hasta que lo confirme, pero. Pero no me llega ningún correo al email, es decir, aquí ya tenemos pistas de que no le están funcionando los correos desde WordPress también en otros lugares. Después me sigue diciendo, también he probado con el plugin Check email y tampoco me llegan correos a ninguna dirección, he probado con tres diferentes. Después me dice, he hablado con el servidor de hosting y hemos hecho pruebas y llegan correos de otros sitios pero no de WordPress. Y por último he probado con otros formularios de contacto y tampoco llega nada, yo creo que tengo mal configurado el WordPress y por eso no llegan si, Si tienes algún vídeo que lo explique bien, te agradecería que me digas cuál. Muchas gracias y un saludo. Bueno, esto es algo bastante común, el hecho de que WordPress no envíe ningún correo correctamente y cuando ocurre esto necesitas configurarlo para que se envíen o desde un servidor o desde una cuenta aparte, o sea, desde tu servidor de hosting o desde algún servidor de correo que utilices. No tengo ningún vídeo explicando esto, pero sí que hay plugins muy populares, os voy a dejar un enlace sobre todo al plugin post SMTP y te permite configurar el envío de emails desde el servidor en lugar de desde WordPress, así que con eso se tendría. Me contestó después Lucas diciendo que estaba configurando el plugin y que le salía un mensaje relacionado con que podía ver si iba todo bien con una extensión o que necesitaba un dato que se llamaba UID y que se puede conseguir con una extensión, y bueno, me decía que ahí se atascaba y que no sabía de dónde sacar esa información. Bueno, esto se refiere a que cuando tú estás configurando este plugin, te piden un dato concreto, se escribe U mayúscula, I mayúscula, D mayúscula, es una especie de idea de identificador y te dicen que con una extensión lo puede saber fácil. Entonces te ponen un enlace a una extensión de Chrome que tienes que instalar y ya te muestra ese dato y ya lo puedes poner y terminar la configuración de este plugin. Os voy a dejar el enlace a esta extensión a la que se refiere Lucas, pero vamos, el plugin te va a ir llevando por los pasos y te va a mostrar la extensión y le puedes dar el enlace, instalarla y activarla. ¿De acuerdo? Lo digo. Bueno, como seguí hablando con él por si os pasa esto, para que tengáis toda la información que le di a él. Sí, y con esto dejamos la relación de preguntas. El mes que viene vendré con otras cinco preguntitas que espero os puedan servir a todos vosotros. Y ya sabéis, si tenéis dudas en el día a día, si queréis tener soporte personalizado conmigo, pues pues en Gonzalo es cursos, además de toda la formación, más de 48 cursos, más de 185 vídeos de la zona código, pues tenéis ese soporte conmigo que siempre viene bien para resolver las dudas del día a día. 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)