¿Buscas entender el hosting? Explora artículos sobre WordPress, seguridad web y consejos para escalar tu negocio en el blog de SiteGround. ¡Mejora tu web hoy!
Hoy temprano, nuestro equipo de seguridad recibió confirmación sobre una vulnerabilidad crítica en Linux que afecta a todos los kernels desde 5.8 (CVE-2022-0847). Apodada como The Dirty Pipe, la vulnerabilidad plantea un riesgo de seguridad extremadamente alto, lo que permite a los atacantes sobrescribir archivos clave del sitio web y obtener acceso completo a los servidores. No hace falta decir que es una gran amenaza para la seguridad con un alcance muy grande que permite el acceso sin privilegios a los procesos raíz y los archivos de configuración.
Nuestro equipo de seguridad comenzó a trabajar en ello inmediatamente después de los informes iniciales. Aunque el kernel de Linux es un software de terceros, en SiteGround siempre hemos sido proactivos, con un equipo de seguridad experto y dedicado en lugar de esperar el lanzamiento de un parche oficial. Nuestros especialistas en kernel desarrollaron una mitigación personalizada que se probó exhaustivamente. Una vez estuvimos seguros de que no había otras funcionalidades afectadas, la corrección se implementó en todos nuestros sistemas y servidores, horas después de que se descubriera la vulnerabilidad.
Estuvimos entre los primeros, si no el primer hosting, en escribir e implementar con éxito un parche contra esta amenaza de seguridad de alto riesgo. Por el momento, ningún servidor de SiteGround se ha visto afectado por esta vulnerabilidad y no ha habido tiempo de inactividad involucrado en todo el proceso. ¡Nuestros clientes están completamente protegidos y no necesitan hacer ningún cambio!
Una de las decisiones más importantes y a la vez difíciles a la hora de crear tu web es la elección del tema o plantilla para tu sitio, pues será la cara visible de tu web, y el modo en el que se visualizarán tus contenidos.
Cuando usas WordPress para crear tu web tienes una gran ventaja sobre cualquier otro gestor de contenidos, y es que dispones de cientos, miles de temas entre los que elegir, y esto, que a priori parece una bendición, puede convertirse en justo lo contrario, al tener tantas opciones que no sabes ni por dónde empezar.
En este artículo vas a encontrar los mejores temas WordPress gratuitos, con sus principales características y funcionalidades, para que te sea más fácil elegir entre unos y otros, y sobre todo para que elijas pronto tu tema favorito y te puedas concentrar cuanto antes en la creación de contenidos.
¿Qué características debe tener el tema WordPress perfecto?
Aunque tengo claro que te vas a guiar por el aspecto del futuro tema de tu web, hay algunos aspectos que deberías tener en cuenta a la hora de elegirlo, al menos para no equivocarte y haber perdido el tiempo en tu elección.
La lista no es larga, pero sí importante:
Preparado para bloques y, a ser posible, para la edición completa del sitio – El presente y futuro de WordPress está basado en la edición y diseño mediante bloques, así que te recomiendo elegir un tema que ya esté preparado para el uso del editor avanzado de bloques de WordPress, y mejor aún si ya está preparado para la edición completa del sitio.
Personalizable – Cuántas más opciones de personalización – en principio – mejor, pues esto te permitirá usar un mismo tema para prácticamente cualquier tipo de web que quieras crear. Esto es importante porque un tema puede tener cualquier aspecto, siempre que cuente con suficientes opciones de personalización, y así no tendrás que buscar un tema diferente para cada web, sino que podrás usar un mismo tema para prácticamente cualquier tipo de sitio, simplemente cambiando su aspecto desde los ajustes de personalización del tema, con los colores, tipografías, aspecto necesario para cada web.
Ligero y de carga rápida – A pesar de lo anterior, las posibilidades de personalización no deben suponer una sobrecarga para tu web. El nuevo tema debe generar un código limpio y solo el imprescindible, permitiendo que las páginas de tu web se muestren rápidamente en cualquier dispositivo.
Totalmente adaptable o responsive – Aunque puede considerarse una personalización, es importante que este apartado esté muy bien cubierto por los ajustes que puedas modificar, pudiendo adaptar el aspecto de tu web a los distintos dispositivos móviles.
Desarrollo activo – Esto se le suele escapar a la mayoría de usuarios, pero es importante que confirmes que el tema recibe actualizaciones frecuentes, tanto para adaptarse a las novedades de WordPress y nuevas tecnologías como para hacer frente a posibles vulnerabilidades de seguridad.
Soporte activo – Por último, pero no por ello menos importante, es que compruebes que el tema ofrece un sistema de soporte a los usuarios rápido y eficaz. El método da igual (email, foros), lo importante es que atiendan rápido a los usuarios y de manera eficiente, algo que puedes comprobar tú mismo revisando los foros de soporte del tema en WordPress.org y comprobando cuánto tiempo tardan en contestar a los usuarios y si los problemas quedan resueltos correctamente.
¿Gratis, Fremium o Premium?
Todos los temas que puedes instalar desde la administración de WordPress son – en principio – gratuitos, pero también encontrarás otros modelos de uso.
Completamente gratis – Todo lo que tiene que ofrecer el tema en cuanto a posibilidades de personalización está en la versión única y gratuita del mismo, sin ofrecer versiones de pago con funcionalidades más avanzadas.
Freemium – Es muy común encontrar en el directorio de temas de WordPress temas gratuitos que, a su vez, también ofrecen una versión ampliada, con más funcionalidades del mismo. Puedes usar la versión gratuita indefinidamente, y solo cambiar a la versión de pago si necesitas alguna de sus herramientas adicionales.
Premium – No solo puedes adquirir temas WordPress en el directorio oficial, otros desarrolladores deciden vender directamente los temas en sus webs o en mercados de temas. En este caso son temas que no encontrarás buscando en el directorio oficial de temas WordPress, sino que tendrás que comprar en otra web, descargar un archivo zip con el tema y subirlo mediante el instalador de temas de WordPress, con la opción de «Subir tema». Hay algunos temas premium que son muy populares, por sus inmensas posibilidades de personalización.
¿Son mejores los temas premium que los gratuitos? Podrías pensar que sí, que si cobran será por algo, pero esto no siempre es cierto. De hecho en el listado que he preparado abajo verás que hay temas totalmente gratuitos, sin siquiera opción freemium, que son enormemente personalizables, mucho más incluso que algunos temas premium/de pago.
Mi consejo es que primero, siempre busques un buen tema gratuito, y en esta guía vas a encontrar muy buenas opciones, te lo aseguro 😉
Cómo cambiar de tema WordPress
Cambiar de tema en WordPress es realmente sencillo, y lo más importante que debes saber es que cambiar de tema no afectará a tus contenidos ni configuraciones del sitio, pues son capas diferentes.
En lo que afectará el cambio de tema WordPress es en el modo en el que se muestran tus contenidos, incluso en cómo se organizan en la página de inicio y la del blog, pero no modifican el contenido mismo de tus entradas de blog ni de tus páginas.
Dicho esto, que considero que es importante para que no tengas ningún miedo a la hora de elegir cambiar de tema, si ya estás decidido a realizar el cambio, puedes hacerlo desde dos sitios diferentes en WordPress.
Si estás dentro del escritorio de WordPress, en la administración, debes ir a la sección Apariencia > Temas, donde verás un botón desde el que puedes «Añadir nuevo».
En la siguiente pantalla encontrarás una serie de herramientas para elegir el tema adecuado, como los temas populares, recomendados, filtrar por características, e incluso un buscador por cualquier término que quieras.
Una vez localizado un tema que quieras instalar, o simplemente probar, si colocas sobre su miniatura el cursor, verás que puedes visualizar más detalles del tema, instalarlo o hacer una vista previa, algo siempre recomendable, antes de activar cualquier tema WordPress.
Es importante que sepas que, por su funcionamiento, puedes tener instalados tantos temas WordPress como quieras, pero solo uno de ellos puede estar activo.
El otro modo de instalar temas para probarlos y, si te gusta, activarlo en tu web, es desde la portada de tu web si estás conectado, donde verás un botón en la barra superior llamado «Personalizar» (también puedes acceder a esta herramienta desde la administración, en el menú Apariencia > Personalizar.
Ahí encontrarás el nombre del tema activo con sus ajustes, y un botón para cambiar de tema.
Al pulsarlo puedes elegir entre activar un tema ya instalado o iniciar una búsqueda en el directorio de temas de WordPress, donde encontrarás las mismas opciones y funciones que mediante el método anteriormente visto.
Para no enrollarme más, y como siempre es mejor ver las cosas en la realidad, aquí tienes un vídeo de cómo cambiar de tema en WordPress que grabé para el canal en YouTube de SiteGround. Verás qué fácil.
Los 10 mejores temas gratuitos para WordPress
Ya no querrás esperar más ¿verdad?
La siguiente selección de los mejores temas gratuitos para WordPress están basados en mi propia experiencia de más de 12 años creando webs con WordPress.
Por supuesto, todos los temas que te recomiendo cumplen con los requisitos que te indicaba anteriormente acerca de qué características debe tener un tema WordPress perfecto.
Todos los temas de esta lista los uso habitualmente para webs de clientes y en mis propios proyectos, y los recomiendo sin ningún tipo de duda. Además, muchos de ellos son, por mérito propio, algunos de los temas más utilizados en WordPress.
En cada tema tienes sus principales características, sus aspectos destacados, y enlace para descargarlos.
Pero, sobre todo, verás que no es una lista inmensa, como las que verás en algunos blogs en ocasiones, en las que hay tanta información que al final en vez de ayudar te complican más todo.
Astra
A destacar
Astra es el tema WordPress más instalado de la historia, por encima incluso de los temas que ya vienen instalados en WordPress por defecto, y no es por casualidad, es un tema WordPress fantástico.
Además de ser un tema realmente ligero y de carga rápida, casi siempre el más rápido en todos los tests, ofrece incluso en su versión gratuita centenares de opciones de personalización, no solo en el personalizador, sino también en lo que se refiere a configuraciones diferenciadas página a página.
Incluye incluso un maquetador propio de cabeceras y pies de página, que permite personalizar totalmente estos elementos comunes de la web.
Si tienes una tienda online con WooCommerce también incorpora decenas de ajustes de personalización para tiendas online realmente interesantes, aunque en este caso la versión de pago es la que marca realmente diferencias, siendo imprescindible.
En todo lo demás, es un tema gratuito en el que no echarás en falta ninguna opción de personalización, habiendo incluso funciones de código para conseguir funcionalidades de pago de manera gratuita.
Es totalmente compatible con los principales maquetadores, como el editor de bloques, Elementor y otros, siendo el tema recomendado por los creadores de Elementor, aún por encima de su propio tema, que lo tienen.
Especialmente destacable de Astra es que puedes personalizar prácticamente cada elemento no solo globalmente, sino también con ajustes para cada tipo de dispositivo, desde los menús a cada ajuste de color, estructura y visualización.
GeneratePress está siempre a un paso (delante o detrás) de Astra en cuanto a prestaciones y rendimiento.
No faltará una comparativa de los temas más rápidos en la que no aparezcan estos dos temas alternándose la primera y segunda posición, dependiendo de las condiciones de las pruebas realizadas.
Lo que está claro es que, sea cual sea el primero, GeneratePress es un tema siemprea tener en cuenta si, por algún motivo, no te convence del todo Astra o por cuestiones de gustos en los pequeños aspectos que les distinguen, que no son muchos, aunque para mi gusto a favor siempre de Astra.
GeneratePress es un gran tema WordPress, con muchos ajustes gratuitos tanto para webs, blogs como tiendas online, se integra perfectamente con los principales maquetadores como Elementor y el editor de bloques.
No hay grandes diferencias entre Astra y GeneratePress, cualquier puede ser una elección perfecta, en la que te llevará a uno u otro algún aspecto concreto que un tema o el otro te permita personalizar para una web en concreto, siendo que para otra web prefieras el otro tema.
Quizás en lo que queda más por detrás de Astra es en las opciones de personalización según el tipo de dispositivo, pues mientras Astra te permite ajustes diferentes para dispositivos de escritorio, tabletas y móviles, con GeneratePress no tienes tantos ajustes por dispositivo, y donde los hay solo están disponibles para escritorio y móviles.
Kadence es otro de los temas que siempre encontrarás en todas las listas de buenos temas WordPress, pues también destaca por su velocidad de carga y posibilidades de personalización, muy amplias, aunque menos que Astra, pero le pisa los talones.
De hecho, aunque es menos famoso y tiene menos instalaciones que GeneratePress, en realidad personalmente considero que Kadence es mucho mejor tema que GeneratePress por muchos motivos.
En cuanto a velocidad de carga están a la zaga, pero en cuanto a personalizaciones posibles le gana por goleada, diferenciándose muy poco de Astra, pues ofrece ajustes para poner a tu gusto prácticamente cualquier elemento de la web, y pudiendo aplicar configuraciones diferentes si el dispositivo es de escritorio, tableta o móvil, y todo de manera muy sencilla.
En lo que se refiere a personalización de tiendas online WooCommerce es completísimo, bastante más que la versión gratuita de Astra, así que si es tu caso no dejes de darle una oportunidad.
Si me preguntas por el tema gratuito que más personalizaciones tenga para tiendas online, OceanWP estará siempre en los primeros lugares.
De hecho es incluso abrumadora la enorme cantidad de posibles ajustes y configuraciones que tiene disponibles para tiendas online creadas con WooCommerce, tantas que a veces te costará encontrar dónde puedes cambiar el aspecto de algo de tu Ecommerce, pero da por seguro que con OceanWP hay un sitio para cada ajuste, y más tarde o más temprano lo encontrarás. Es realmente sorprendente, te costará encontrar algo que no puedas personalizar a golpe de clic en una tienda online.
De la mano de esta gran cantidad de ajustes, viene una de sus pequeños defectos, y es que tardan bastante en mostrarse sus ajustes, pero una vez cargados no afectan negativamente a la velocidad de carga de las páginas. No es que sea el tema más rápido de todos los de esta listas, pero tampoco vas a hacer esperar a tus visitantes a que carguen productos o contenidos.
Ya sin tener en cuenta la parte de tienda online, también es un tema realmente bueno para cualquier otro tipo de web, e igualmente con cientos y cientos de personalizaciones posibles.
Si estás buscando un tema WordPress con el que nunca tengas que tocar ni una línea de código para modificar el aspecto de cualquier elemento de tu web, OceanWP te va a encantar, aunque te repito que puede ser a veces incluso demasiado, de tanto que tiene a veces cuesta encontrar las configuraciones adecuadas para cada necesidad, convirtiendo virtud en defecto, pero vamos, que es un tema que merece la pena que lo pruebes y le des una oportunidad, por mérito propio.
Es más, tiene tantas cosas, que la versión premium (de pago) en realidad no es una versión mejorada o con más ajustes del tema, no es literalmente posible, sino una serie de ampliaciones para usos muy concretos. Si es que …
Te presento a mi tema favorito para tiendas online, pero también muy a tener en cuenta para cualquier tipo de web.
Algo muy a valorar de este tema es que es gratuito y siempre lo será, pues es el tema WordPress que ofrece gratis la empresa Yith para probar tus plugins.
Y esto no significa que sea un tema menor, sino todo lo contrario, pues dispone de uno de los paneles de personalización más completos y equilibrados que hay.
En Proteo no vas a encontrar tantas pantallas, subpantallas y subsubpantallas de ajustes como en OceanWP, pero es que verás que no es necesario, y ofrece tal cantidad de configuraciones que es más que suficiente para el 99,9% de las webs, sin pecar del exceso de OceanWP.
Al estar pensado inicialmente para tiendas online enseguida notarás que la sección de ajustes para WooCommerce es especialmente amplia y detallada, pudiendo configurar y personalizar todo lo importante de una tienda online. Pero no lo descartes para otros tipos de webs, pues sus opciones de personalización de widgets, barras laterales y sobre todo de cabecera, te van a dar una flexibilidad enorme para cualquier web, pues incluye elementos que no encontrarás en otros temas, ni gratuitos ni de pago.
Para mejorar aún todo, puedes instalar el plugin Proteo Toolkit, que te añade la posibilidad de crear temas hijos a un clic, instalar varias demos, plugins de carruseles de productos y más funcionalidades realmente útiles.
Si alguna vez has instalado WooCommerce para crear tu tienda online con WordPress seguramente te habrá fijado que el mismo proceso de instalación te ofrece a su vez instalar StoreFront como tema especialmente dedicado para tiendas online, y así es, pero no solo eso.
StoreFront tiene algunas particularidades que te recomiendo tengas en cuenta a la hora de elegir tema, no solo para tiendas online. Y una de las principales es que hay disponibles montones de temas hijo con distintas temáticas y aspectos para instalar gratis y, sobre todo, montones de plugins para StoreFront, que le añaden funcionalidades de todo tipo, desde cabeceras especiales, funciones especiales de carrito de compra, navegación por productos y mucho más, que además, también puedes en ocasiones aprovechar para webs que no tengan tienda online.
Otra ventaja de StoreFront es que es un tema muy ligero y de carga rápida, con un aspecto inicial minimalista, que es una ventana a la hora de diseñar tu web.
También merece la pena tener en consideración el hecho de que está creado por los desarrolladores de WooCommerce, por lo que siempre será compatible con todas las novedades de este plugin de creación de tiendas online.
Y, si no tienes miedo a «tocar código», hay cientos de funciones y otros fragmentos de código disponibles y muchísima documentación para que puedas personalizar tu web al máximo, lo que compensa los – en principio – pocos ajustes de personalización que verás disponibles con StoreFront, comparados con el resto de temas de la lista.
Si estás buscando un tema ligero, centrado en el contenido, para un blog o una web enfocada en la lectura de artículos, Unwind es un tema ideal.
Unwind es un tema que – lo vas a notar enseguida – es realmente elegante y bonito, está especialmente bien diseñado, y nada más activarlo anima a leer los contenidos de cualquier web.
No destaca por tener multitud de ajustes de personalización, aunque tiene bastantes y en general los principales para casi cada parte de la web, pero cumple con todos los estándares de WordPress, es un tema ligero, y con un uso realmente genial de la tipografía, los espacios y los colores del tema.
Si tienes pensado lanzar una web de noticias, eres influencer o quieres disponer de un blog realmente bonito y fácil de leer, que anime a consumir su contenido, dale una oportunidad a Unwind, te sorprenderá.
Es un tema gratuito realmente interesante, lleno de detalles.
Cuando pienses en montar una web de noticias profesional, antes de gastar ni un solo euro en temas premium, mira antes a ver si CoverNews te satisface, que será raro que no lo haga.
Lo primero que te va a sorprender de CoverNews es que, aunque hay una versión premium de pago, te va a costar justifiar el coste de adquirirla, pues la versión gratuita es realmente completa y llena de posibles personalizaciones.
Pero quizás lo más importante del tema CoverNews es que, al contrario que la mayoría de temas WordPress especializados para sitios de noticias, no es un tema pesado ni sobrecargado, un mal habitual en este tipo de temas. CoverNews es un tema muy bien programado, que te permite mostrar montones de extractos de noticias de manera rápida y óptima.
Eso sí, no encontrarás montones de personalizaciones de aspecto, solo las principales, pero lo importante es que puedes diseñar muy fácilmente la portada de tu medio de noticias mediante montones de secciones que en realidad son áreas de widgets, donde puedes agregar todo tu contenido a voluntad.
Neve es un tema muy ligero, con montones de posibilidades de personalización a golpe de clic, pudiendo diferenciar tus ajustes para cada tipo de dispositivo e incluso tipo de contenido.
Destaca su integración con los bloques por defecto de WordPress, permitiendo personalizaciones de los principales desde su propia interfaz.
Para tiendas online, sin embargo, no ofrece muchos ajustes en la versión gratuita, comparado con otros temas que hemos visto.
Neve es compatible con todos los principales maquetadores de páginas.
Blocksy es un tema realmente sorprendente e interesante. Podría competir en cantidad de ajustes de personalización con OceanWP, pues la cantidad de elementos que puedes poner a tu gusto es realmente impactante, no sabes ni por dónde empezar.
Al igual que Astra, dispone de su propio maquetador sencillo e integrado de cabeceras, no así de pie de página, y de hecho es prácticamente igual que el de Astra.
Algunos elementos que le distinguen de otros temas son sus características que en otros temas solo tienes en la versión de pago, como los botones de subir, datos estructurados de Schema o migas de pan (breadcrumbs) personalizables.
Algo también fantástico de Blocksy es poder configurar la tipografía y colores para cada tipo de encabezado, y también destacan las posibilidades inmensas de personalizar los aspectos relacionados con tiendas online, siendo junto a OceanWP uno de los más completos en este sentido.
De Blocksy me encanta que, precisamente por la cantidad de ajustes que tiene, disponga de una opción, un botón en realidad, para devolver todas las configuraciones del tema a sus ajustes por defecto, por si se te va la mano personalizando y llega un momento en el que ya no sabes ni qué has modificado.
Sinceramente no puedo decirte qué tema de los que hemos visto antes es el mejor de todos. Actualmente utilizo principalmente Astra, pero ten en cuenta que estas cosas también tienen que ver con a qué nos acostumbramos, y en su momento me decidí por Astra por cuestiones tan nimias como la forma de gestionar la cabecera y la estructura del blog, porque para mi era lo más importante, más que disponer de cientos de opciones adicionales de personalización, que yo, por mis conocimientos, puedo subsanar aplicando CSS cuando lo necesito.
Y este seguramente no será tu caso, así que mi recomendación es que, a partir de los detalles que he indicado de cada tema, elijas el más adecuado para cada proyecto, pero siendo consciente de lo que te comentaba al principio de esta guía, de que elijas a ser posible un tema que te sirva para otros tipos de webs, para no tener que aprenderte montones de nuevos ajustes en cada web.
O no me hagas caso en absoluto y guíate por la emoción, por lo bien que se ven tus contenidos con uno u otro, todos estos temas son buenos en todo lo importante, que vimos al principio. Estaré encantado de escuchar tus comentarios, sobre estos temas o cualquier otro. Gracias por llegar hasta aquí y por seguir el blog de SiteGround. No olvides suscribirte al canal en YouTube de SiteGround España, donde publicamos montones de tutoriales gratuitos sobre WordPress.
¿Estás buscando formas gratuitas de hacer que tu sitio web sea más rápido? Una forma en que cada propietario de un sitio web pueda obtener un poco de velocidad gratis es activar la compresión en el servidor. Cuando tanto el servidor web como el navegador con el que está conversando entienden un algoritmo de compresión común, entonces los datos que realmente se envían por cable se pueden comprimir. Los datos comprimidos son más pequeños. Los datos más pequeños se reciben más rápido.
¿Qué es la compresión?
Cuando ingresas una URL en tu navegador, el navegador inicia una conversación con el servidor y una de las cosas que le dice es si puede descomprimir contenido y, de ser así, qué “algoritmos” de compresión comprende.
El servidor escucha, y si ha activado la compresión y conoce uno de los algoritmos de compresión que hace el navegador, comprimirá todos los datos y los enviará al navegador.
La mayoría de los navegadores web modernos entienden o “aceptan” contenido codificado en uno de tres algoritmos:
Deflate
Gzip
Brotli
Cuando un navegador web contacta a un servidor, envía un encabezado que se ve así:
Aceptar codificación: br, gzip
Eso le dice al servidor que entiende los datos comprimidos en Brotli (br) o Gzip (gzip). Los servidores tienen la opción de ignorar esto y devolver también datos sin comprimir.
Sin embargo, en general, los datos comprimidos viajan más rápido que los datos sin comprimir. Entonces, tu sitio web llega al navegador más rápido si los datos están comprimidos.
La compresión se aplica principalmente al texto:
HTML
javascript
CSS
Estos constituyen una gran parte de los sitios web modernos en estos días y todos estos pueden comprimirse mediante algoritmos de compresión por parte del servidor.
Por otro lado, tanto la mayoría de los formatos de imagen (jpg, png, etc.) como la mayoría de los formatos de audio (mp3) y otros archivos binarios que no son de texto ya están comprimidos. Comprimirlos no hará ninguna diferencia, por lo que, independientemente del encabezado de codificación de aceptación, los servidores los enviarán tal como están.
Como se indicó anteriormente, la mayoría de los navegadores web modernos aceptarán 3 algoritmos de compresión principales. La mayoría de los servidores ahora han migrado a uno o ambos de los dos más populares, Gzip y Brotli.
¿Qué es la compresión Gzip?
Los dos algoritmos de compresión más comunes son Gzip y Brotli. Gzip es el más antiguo y común de los dos. Fue escrito por Jean-loup Gailly y Mark Adler. La versión beta inicial se realizó en 1992. La primera versión real, la versión 1.0, se lanzó a principios de 1993. En 1992, justo cuando la web comenzaba a ser un concepto extendido para la mayoría de las personas.
Gzip fue diseñado como una biblioteca de compresión para todo uso. Las teorías detrás de Gzip se basaron en el algoritmo de compresión anterior, DEFLATE.
Debido a su popularidad, y al hecho de que es muy bueno para hacer archivos pequeños, todavía se usa ampliamente hoy en día tanto en diferentes sistemas operativos como en un algoritmo de compresión principal para servidores web.
¿Qué es la compresión de Brotli?
Brotli fue desarrollado por los empleados de Google Jyrki Alakuijala y Zoltán Szabadka en 2013. Originalmente, Google estaba buscando una mejor manera de comprimir archivos WOT que son fuentes web.
Gzip originalmente estaba destinado a comprimir archivos y se ha adaptado para comprimir transmisiones para que pueda funcionar en la web. Brotli, por otro lado, fue diseñado desde el principio para comprimir flujos. Esto lo convierte en una mejor opción para que los servidores web compriman el contenido antes de transmitirlo a un navegador.
En 2015, Google lanzó la especificación Brotli para HTTP. Además de especificar cómo el navegador debe notificar al servidor que puede descomprimir Brotli enviando un encabezado “Codificación de contenido: br”, los ingenieros de Google también realizaron otras mejoras en Brotli que lo hicieron aún más rápido para comprimir contenido web.
¿Cuál es la diferencia entre la compresión Brotli y Gzip?
Si bien ambos tienen su origen en el algoritmo LZ77, Gzip fue diseñado específicamente para comprimir archivos. La biblioteca se ha incorporado a muchos programas diferentes que necesitan comprimir archivos. La biblioteca se incorporó a los servidores web cuando la compresión de contenido comenzó a ser la norma. Era uno de los dos algoritmos de compresión especificados en RFC 2616, la especificación HTTPS 1.1. Si bien no fue diseñado específicamente para operaciones de transmisión como servidores web, se adaptó a ello.
Brotli, por otro lado, fue diseñado específicamente para la web. Google reconoció la necesidad de una forma de comprimir transmisiones de manera más eficiente, por lo que diseñó Brotli.
Ambos algoritmos hacen un buen trabajo para lo que fueron diseñados. Gzip todavía se sigue usando en la web porque es mejor que nada. Sin embargo, a medida que Brotli crece en popularidad, más y más servidores web prefieren Brotli a Gzip. Dada la elección de los dos, Brotli es el predeterminado que usarán muchos servidores. Ha sido la opción predeterminada en todos los servidores de SiteGround desde hace un tiempo.
¡Mira el siguiente video (en inglés) para obtener más información sobre las diferencias entre Brotli y Gzip!
Evaluación comparativa de Brotli y Gzip
Cuando se comparó Brotli con Gzip, se descubrió que comprime mejor los siguientes archivos:
JavaScript un 14% más pequeños
HTML un 21% más pequeños
CSS un 17% más pequeños
Dado que Brotli fue diseñado para comprimir transmisiones sobre la marcha, es más rápido tanto para comprimir contenido en el servidor como para descomprimirlo en el navegador que en gzip. En algunos casos, la descompresión inicial general es hasta un 64% más rápida que Gzip.
¿Cómo puedo habilitar la compresión en mi sitio web?
En términos simples, “activar la compresión” simplemente significa decirle a tu servidor web que comprima todo antes de enviarlo a un navegador que ha anunciado que puede manejar la compresión.
Si eres administrador de un servidor, sabes cómo editar archivos de configuración. Si no eres administrador del servidor, omita esta sección y desplácese directamente a la sección “Si no soy administrador del servidor” a continuación.
Si uso Apache
Si está utilizando el servidor web Apache, hay 2 pasos para habilitar la compresión Brotli:
En primer lugar, habilita el módulo apache Brotli. Se incluye de forma predeterminada, pero es posible que no esté habilitado:
$ sudo a2enmod brotli
A continuación, debes editar el archivo de configuración de tu servidor web y decirle al servidor a qué desea aplicar la compresión:
En el ejemplo anterior, le estamos diciendo al servidor web que comprima:
HTML
Texto sin formato
CSS
JavaScript
Éstos son los principales tipos de archivos que se pueden comprimir.
Si uso Nginx
Nginx es otro servidor web muy popular. Al igual que Apache, está controlado por archivos de configuración. Debes ubicar tu archivo nginx.conf y agregar las siguientes dos líneas:
Luego, en el archivo conf individual de tu sitio web, debes agregar lo siguiente:
brotli on;
brotli_static on;
brotli_types *;
Después de realizar los cambios, ya sea Apache o Nginx, reinicia tu servidor web y ahora responderá con un encabezado de “Codificación de contenido” si el navegador envía un encabezado de “Codificación de aceptación“.
Si no soy administrador del servidor
Si no eres administrador del servidor, en realidad es mucho más fácil para ti habilitar la compresión en tu servidor. Simplemente elige un hosting como SiteGround que lo activa de forma predeterminada. Es fácil.
La mayoría de los hostings de primer nivel como SiteGround están interesados tanto en hacer que tu sitio sea lo más rápido posible como en conservar la mayor cantidad de ancho de banda posible. Éstos son los dos mayores beneficios de habilitar la compresión. Por lo tanto, los hostings de primer nivel activan la compresión de forma predeterminada.
Si no eres un cliente de SiteGround, debes asegurarte de que tu servidor web active la compresión en tu servidor web. Si no lo hacen y no la activan para ti, es hora de encontrar un nuevo hosting.
¿Cómo puedo probar la compresión de Brotli y Gzip?
Entonces, ¿cómo puedo saber si la compresión está activada para mi sitio web? Hay un par de maneras de hacer esto.
El camino difícil
Abre un navegador. Voy a usar Chrome en este ejemplo, pero el concepto funcionará con cualquier navegador. Sin embargo, los nombres de las opciones pueden cambiar un poco entre las marcas de los navegadores.
Haz clic derecho en cualquier parte del navegador y selecciona “Inspeccionar”
Esto abrirá una ventana en el lateral o en la parte inferior y es una ventana muy llena de datos. La ventana tiene varias pestañas con nombres como éste.
Elementos
Consola
Fuentes
Red
Rendimiento
Etc.
Busca la pestaña “Red”.
En el cuadro de URL de arriba, ingresa la URL de tu sitio web y presiona enter. Esto va a llenar la pestaña de red con muchos registros diferentes. Desplaza atrás hasta el primer registro. Debe ser simplemente el nombre de tu dominio.
Haz clic en ese primer registro.
Localiza el encabezado “aceptar codificación“. Se ubicará en la sección “Encabezados de solicitud“. Estos son los encabezados que tu navegador envió al servidor. Si no tienes este encabezado, intenta con un navegador diferente porque el servidor no se comprimirá si el navegador no envía el encabezado de compresión.
Finalmente, ubica el encabezado “codificación de contenido“. Esto se ubicará en la sección “Encabezados de respuesta“. Estos son los encabezados que tu servidor envió al navegador antes de enviar tu sitio web. Esto le dice al navegador que el servidor eligió Brotli como la compresión y debe descomprimir los flujos de contenido a medida que ingresan antes de mostrarlos.
Honestamente, la mayoría de los desarrolladores, incluido yo mismo, lo hacen de esta manera. Sí, para los no iniciados, este el camino difícil. Si normalmente no usas la pestaña Inspeccionar para profundizar en la conversación que tienen tu navegador y el servidor, entonces puede ser confuso. Sin embargo, una vez que comprendas qué buscar y dónde, esta forma requiere muy poco esfuerzo y está disponible en todas partes.
La manera fácil
Aún así, hay personas que no se sienten cómodas haciéndolo de esta manera. Para aquellos de vosotros que están leyendo este artículo y caen en esta categoría, os presento la manera fácil.
Ingresa el nombre de dominio de tu sitio web en el cuadro proporcionado.
Haga clic en el botón “Comprobar”.
En serio, eso es todo. Al revisar mi sitio, obtuve los siguientes resultados.
Esto no solo me dice que mi servidor web es capaz de codificar mi sitio web en Brotli, sino que también me dice que el 80,66% de mi sitio web se encuentra encriptado.
Conclusión
La compresión en los sitios web ahora es la norma porque ayuda a que tu sitio se cargue más rápido.
Actualmente, Brotli es el mejor algoritmo de compresión disponible para sitios web. Si ves que no se te está ofreciendo Brotli, muévete a un proveedor de alojamiento web que lo tenga habilitado. ¡Un proveedor de alojamiento como SiteGround! Puedes obtener archivos más pequeños entre un 15 y un 20 % con Brotli, y los archivos más pequeños significan un sitio web que se carga más rápido. Obtenga más información sobre la implementación de SiteGround en nuestro artículo, Más velocidad del sitio con el algoritmo de compresión de Brotli. También puedes aprovechar todos nuestros otros aceleradores de velocidad que harán que tu sitio vuela.
Cuando comenzamos a desarrollar SiteGround Optimizer en 2012 queríamos que fuese un puente entre nuestros servicios y las webs WordPress de nuestros clientes. Durante los años hemos implementado más y mejores funcionalidades y SiteGround Optimizer se convirtió en uno de los mejores plugins de optimización para WordPress, basado en nuestras valoraciones. Y naturalmente, empezamos a recibir preguntas sobre cómo webs no alojadas en nuestra plataforma podrían aprovecharlo. Este interés nos impulsó a desvincular el plugin de su dependencia en nuestra infraestructura y convertirlo en un una solución independiente del alojamiento y completamente gratuito para todos. Nos complace anunciar que desde su última actualización, SiteGround Optimizer puede ser utilizado por cualquier web, ¡independientemente de dónde esté alojado!
Funcionalidades disponibles en cualquier plataforma de Hosting
Hacer que Optimizer esté disponible en otras plataformas no fue una tarea sencilla. Parte del éxito del plugin está relacionado con la configuración del servidor de SiteGround que se creó teniendo en cuenta el rendimiento y aprovecha algunas de sus características únicas. Para abrirlo, cada funcionalidad que dependía de los servicios de nuestra plataforma, teníamos que encontrar una solución que funcionara con la misma eficacia en diferentes plataformas y configuraciones.
Caché basada en archivos (Nueva característica)
¡La caché basada en archivos incluye precarga y caché para usuarios logueados!
Hoy en día, el almacenamiento en caché es uno de los medios más efectivos para optimizar el rendimiento. Al buscar alternativas al almacenamiento en caché dinámico (función integrada para todos los sitios web en SiteGround), decidimos implementar el almacenamiento en caché basado en archivos debido a su versatilidad y compatibilidad con diferentes configuraciones de alojamiento. El almacenamiento en caché basado en archivos se puede usar por sí solo en sitios web alojados fuera de SiteGround o como un capa de almacenamiento en caché adicional para los clientes de SiteGround que ya tienen activado la caché dinámica y Memcached.
Algunas características excelentes de la caché basada en archivos es la capacidad de mantener la caché para los usuarios registrados, el precalentamiento de la caché (especialmente útil para las páginas que se abren con poca frecuencia y que se abren por primera vez en mucho tiempo) y la definición e una caducidad más prolongada de la caché. Estas opciones son configurables en la interfaz del plugin. Aunque el almacenamiento en caché basado en archivos por sí solo es generalmente más lento que la caché dinámica, nuestras pruebas muestran que su implementación en SiteGround Optimizer sigue siendo un 20% más rápida que cualquier otro plugin que proporcione una funcionalidad de optimización similar a la que hemos probado.
Optimizaciones de Entorno
Todos los usuarios pueden disfrutar de varios tipos de optimizaciones de entorno que ordenarán el entorno de tu WordPress para lograr el máximo rendimiento. Aquí puedes encontrar la optimización del Heartbeat de WordPress donde puedes configurar cómo interactúa la API de WordPress con tu aplicación para optimizar el uso de recursos; Programa el mantenimiento semanal de base de datos para asegurarte de que tu WordPress permanece ordenado y limpio.
Optimizaciones de Portada
El código de portada (front-end) de la web puede ser en ocasiones pesado y reducir significativamente la velocidad de carga. Hay varias características en SG Optimizer que pueden optimizarlo y, como resultado, acelerar tu web. Minimizar la salida de HTML, CSS y JavaScript disminuirá el tamaño y el número de peticiones al servidor relacionadas con este tipo de archivos y disminuirá el tiempo de carga. Hemos hecho estas funcionalidades disponibles con simples conmutadores en el plugin. Puedes especificar que tipos de archivos quieres minimizar, combinar e incluso excluir de la minimización o combinación. Y si todo esto te parece demasiado técnico, puedes buscar la etiqueta “Recomendado” junto a cada opción para averiguar qué tendría el mayor impacto en el rendimiento de tu web.
Optimización de Medios
Hay varias herramientas de optimización de medios en SiteGround Optimizer que funcionarán en todas las plataformas de hosting. Puedes habilitar Carga Diferida de medios con la que los medios solo serán visibles en el navegador cuando sean cargados. Esto hace que la carga sea más rápida y fluida para páginas más largas con múltiples elementos multimedia. También podrás definir el Ancho máximo de imagen permitido para las imágenes de tu web. Muchas plantillas y plugins tienden a subir imágenes excesivamente grandes que ralentizan la velocidad de carga sin que se muestren en todo su ancho.
Características exclusivas de SiteGround
Como se mencionó anteriormente, nuestra plataforma tiene algunas configuraciones de velocidad y servicios únicos, que no se pueden reemplazar solo con la funcionalidad del plugin, ya que necesitan el entorno del servidor específico para ejecutarse según lo diseñado. Estos siguen estando disponibles exclusivamente para las webs alojadas en SiteGround.
Caché dinámica y Memcached
Una de las mejores funciones para mejorar la velocidad que puedes obtener para tu web y nuestra opción preferida cuando hablamos de velocidad es la caché dinámica. La caché dinámica es parte de nuestra implementación patentada de caché de servidor de 3 niveles que se basa en NGINX Direct Delivery para el manejo de la caché estática, Caché dinámica para el contenido dinámico y Memcached para almacenar datos y objetos en la RAM. Creemos que la caché dinámica es esencial para todas las webs y lo hemos incluido en todos nuestros planes de hosting. Desde el plugin SiteGround Optimizer tienes control sobre la configuración avanzada específica de WordPress para la caché dinámica y Memcached para aprovechar el máximo de esta tecnología.
Compresión de imagen y WebP
Las funciones de compresión de imagen y WebP de SiteGround Optimizer son dos funciones esenciales disponibles para las webs alojadas en SiteGround exclusivamente. Con nuestro algoritmo de compresión de imágenes, puedes reducir el tamaño de tu imagen (y, respectivamente, el tiempo que tardan en cargarse) hasta en un 85% al mismo tiempo que mantienes una alta calidad de imagen para tus visitantes. También puedes habilitar WebP, que convertirá tus imágenes a un formato WebP, lo que agrega una reducción adicional en el tamaño sin afectar a la calidad de la imagen.
Abrir el plugin para webs alojadas fuera de SiteGround ha sido un gran paso para nosotros. Después de ejecutar varias prueba en diferentes plataformas de alojamiento y comprar el rendimiento con plugins de WordPress con funcionalidades similares, estamos seguros de que SiteGround Optimizer es la mejor herramienta de optimización que puedes obtener para tu web, independientemente de dónde esté alojada. Y es un plugin completamente gratuito. Pruébalo tu mismo y déjanos un comentario sobre cómo funciona en tu web.
Seguro que sigues, e incluso conoces, a más de un(a) influencer que en su bio indica que es blogger o bloguero(a) pero ¿tiene blog?, ¿qué es un blog?, ¿me puedo yo crear un blog?, ¿es complicado crear un blog?, ¿cuesta dinero?, ¿son todos los blogs iguales?, ¿se puede ganar dinero con un blog?, ¿para qué sirve?, es más ¿merece la pena?
La respuesta a todas esta y otras preguntas es más sencilla de lo que crees, y para no aburrirte las contestaré una a una, para que puedas ir directamente a la que prefieras, ¿te animas?
¿Qué es un blog?
Aunque no lo creas, es importante definir bien qué es un blog, sobre todo para diferenciarlo de lo que no lo es.
Dicho de manera sencilla, un blog es una página web en la que puedes publicar tus ideas, contenidos y opiniones de todo tipo, desde un punto de vista personal, diferente de cualquier otro.
Una característica que se considera diferencial en un blog es que estas publicaciones, también conocidas como entradas, posts o artículos, se mostrarán en sentido cronológicamente inverso, o sea, que lo primero que se verá en la parte superior o inicial del blog será la última publicación, la más reciente.
Además, los blogs suelen permitir organizar las publicaciones en taxonomías, que es cualquier modo de clasificar contenidos, como categorías o etiquetas, para facilitar al visitante la lectura de los contenidos que más le interesen por temática, sin tener que leer simplemente por cronología.
Una publicación de blog normalmente está compuesta por texto, pero también puede contener imágenes, vídeo, o incluso contenido multimedia extraído de otros medios.
También es distintivo de los blogs la posibilidad por parte de los visitantes de dejar comentarios en cada publicación, generándose de este modo una conversación en la que, a partir del contenido planteado por el bloguero, la audiencia aporta sus impresiones, enriqueciendo el contenido en su conjunto.
En sus inicios a los blogs también se les llamaba bitácoras, por el sentido de ser una especie de diario personal, pero actualmente el concepto se ha extendido, para incluir toda página web que cumpla con estas características que hemos visto.
¿Cuáles son los tipos de blogs más populares?
Pues sí, no todos los blogs son iguales, y dependiendo del objetivo, hay varios tipos de blog que puedes encontrarte y/o crear. Los más habituales son estos:
Blog personal
Estos son quizás los más conocidos, y aquí encontrarás desde blogs para declarar el amor a un gato, a blogs de influenciadores, pasando por blogs de periodistas, blogs de fans de series de televisión, todos ellos con una característica esencial, y es que las opiniones expresadas en ellos son única y exclusivamente del autor del blog, con todo el valor añadido que eso supone en un mundo tan mediatizado y controlado como el actual. En un blog personal no vas a encontrar «la respuesta» pero sí posibles respuestas, en las que el autor se compromete con su idea, y eso siempre tiene un valor de autenticidad, tan ausente actualmente.
Blog temático
La mayoría de los blogs comerciales suelen ser temáticos, ya hablen de tecnología, famoseo o sean de opinión política.
Blog de firmas
Estos son muy habituales en los medios de comunicación tradicionales, cuando un autor de renombre merece un espacio propio, con ciertas personalizaciones de aspecto y cierto control editorial. Los mismos medios habilitan un blog para cada firma reconocida y luego las destacan en la portada del medio generalista.
Blog corporativo
Esta sería la versión empresarial del blog personal, en la que es tu compañía quien alimenta de contenidos a buscadores y perfiles sociales, que siempre enlazarán a tu blog, reforzando así tus contenidos y pudiendo gestionar los comentarios desde tu propio entorno.
Blog SEO
Este es un tipo de blog específico para mejorar el posicionamiento en buscadores de tus contenidos. Normalmente, se elaboran artículos en profundidad para cubrir temáticas interesantes para los usuarios sobre servicios o productos que tú o tu empresa ofrece, aprovechando para enlazar a tus páginas web, siempre desde contenido relacionado con tu nicho de mercado. La idea de fondo es aportar valor con contenido interesante y de calidad, que aprecien tanto usuarios como buscadores, y que te posicione como experto en tu sector.
Blog de soporte
¡Qué mejor sitio que tu propio blog para atender las peticiones de soporte! No solo vas a poder controlar la conversación, sino también el posicionamiento en buscadores de las quejas, y de paso irás generando poco a poco una base de conocimiento sobre soporte para tus productos o servicios, reutilizable tanto por clientes como por empleados. De paso, un blog de soporte siempre es más controlable que un foro, donde pierdes totalmente el control de la conversación y el alcance de las posibles quejas.
Blog de preguntas frecuentes
Ya sea a partir del conocimiento adquirido en el blog de soporte, o de cualquier otro medios, siempre es bueno crear un blog en el que vayas publicando artículos que respondan a las preguntas que más se hacen los usuarios en la caja de los principales buscadores. Así, poco a poco, en este especial blog también de SEO, irás apareciendo siempre como la fuente de referencia sobre tú, tu marca, lo que tú ofreces.
Blog de «hechos»
Basándonos en el hecho de que lo que tú no digas de ti otros lo dirán, es fundamental cuando tu marca tiene cierta relevancia y, en consecuencia, ya hay otros hablando – a veces incluso mal – de ti, empieces a crear un blog en el que contradigas con «hechos» la posible mala fama que tenga tu marca o tus servicios y productos. Este tipo de blogs se popularizaron mucho a partir de los que creó el equipo de comunicación de la primera campaña electoral de Barak Obama, con el objetivo de contrarrestar los bulos que sobre él se podían encontrar en medios y buscadores. Con el tiempo, y trabajo intensivo de generación de contenidos, podrás aparecer en los buscadores antes que los bulos o quejas sobre ti.
Blog del CEO
Quién mejor que el director de tu empresa para hablar de ella, ¿verdad? Ten en cuenta que el CEO de la empresa suele (debe) ser un referente en el sector, y en consecuencia todas sus opiniones, predicciones y análisis, por lo que disponer de tal calidad de conocimiento compartido en la web de la empresa, desde el blog del CEO, puede tener un gran impacto positivo en la imagen de tu negocio.
Blog de departamento
De menos impacto quizás que el blog del CEO, pero a veces realmente interesantes suelen ser los blogs corporativos de departamentos, donde son otros profesionales de tu compañía quienes realizan la labor informativa sobre los productos y servicios de la empresa, la filosofía de trabajo e incluso curiosidades siempre interesantes, que normalmente no se suelen compartir en público. De paso refuerzas la visibilidad profesional de tus cuadros y empleados.
Blog «B»
Un tipo especial de blog corporativo es el blog «B» o blog «friki», una especie de blog corporativo informal, en el que empleados pueden compartir todo tipo de contenidos que, sin salirse de la filosofía e imagen de la marca, ofrezcan una visión más cercana con los clientes, lo que puede generar empatía en doble sentido.
¿Cuál es la diferencia entre un blog y una web?
Es la pregunta del millón.
Podríamos decir que una web es como tu casa, con sus correspondientes habitaciones (servicios, porfolio, sobre nosotros…), y el blog es una de ellas: la cocina. ¿Por qué? Porque es ahí donde acuden tus usuarios cuando tienen hambre. Tu misión será alimentarlos.
En el blog, el core es el contenido: los posts o entradas se generan de forma periódica para atraer, nutrir, educar o entretener a una audiencia objetivo. Por tanto, es una herramienta vital en las estrategias de marketing de contenidos y SEO, pues es una fuente constante de contenido y palabras clave. Estos artículos normalmente se muestran en orden cronológico inverso, es decir, primero los más recientes; y se clasifican por temáticas o categorías.
Cuando hablamos de web nos referimos a un sitio corporativo al uso, donde una empresa ofrece sus servicios, muestra su porfolio, datos de contacto, etc.
Estos apartados suelen ser más estáticos y su objetivo es que el usuario conozca la marca a través de sus diferentes secciones, el blog entre ellas.
Lo que diferencia a ambos conceptos es su propósito y cómo los usuarios se relacionan o interaccionan.
El blog ayuda a resolver las inquietudes o intención de búsqueda de los usuarios; la web, a presentar a la marca y transmitir su propuesta de valor.
Un blog puede existir por sí mismo y de manera independiente o estar dentro de una web.
¿Para qué sirve un blog?
Aunque inicialmente los blogs se planteasen como una especie de bitácoras personales, actualmente tienen muchas más utilidades.
Branding y reconocimiento de marca
Una de las utilidades más importantes de un blog es promover el brand awareness, es decir, el reconocimiento de marca, ya sea de forma personal o corporativa.
A través de la creación estratégica de contenido, una empresa (o persona) muestra su know-how, gana autoridad, se posiciona como referente y, por ende, genera confianza.
En un blog, especialmente si lo alojas en tu propio alojamiento, no dependes de las herramientas que ofrezca una empresa de perfiles sociales. Tú decides qué se verá, cómo, qué contenido se publica y tendrás un control total de tu marca.
Igualmente, tu empresa necesita un espacio propio en el que compartir contenidos de valor para sus clientes y visitantes, en un entorno que controle totalmente, tanto en aspecto de contenidos como de gestión de la conversación.
En definitiva, todo lo que haces y dices te ayuda a construir tu universo de marca. Tu branding.
Posicionamiento SEO gratuito
Un blog es el mejor modo de posicionar en los buscadores de manera natural y sin gastar ni un euro, mediante SEO «on page», el que hace que tus contenidos muestren su propio valor en los buscadores, por méritos propios.
Google ha dicho y demostrado muchas veces que ama los blogs, pues normalmente es contenido original, con voz propia, diferente, y la misma estructura de un blog anima a escribir a menudo, lo que es una «promesa» de nuevas publicaciones, tanto para usuarios, que ven que hay una secuencia, una cronología de contenidos, como para los bots de los buscadores.
Todo esto hace que los principales buscadores presten especial atención a cualquier página web con formato y estructura de blog, que publique contenidos con cierta asiduidad.
Comunicación controlada con clientes
Cuando tus contenidos web están en sitios o servicios externos, en vez de en un blog propio, dependes de las políticas y herramientas de conversación disponibles en la plataforma.
En un blog puedes añadir o quitar herramientas de conversación, controlar los comentarios, en definitiva, gestionar la conversación sobre tu empresa o marca, productos y servicios.
De este modo no solo vas a evitar críticas y denuncias falsas, sino también la imagen de marca.
Si no hablas tú de ti otros lo harán
Sobre todo, lo más importante, es que con un blog tienes tu propia página web en la que definir y controlar la información sobre ti y tu marca, personal o empresarial.
Así, vas a poder decir mejor y antes que nadie quién eres, cómo lo haces, y podrás aplicar estrategias de protección de marca, revertir malos resultados en buscadores y dominar los contenidos sobre ti y tu marca.
¿Cuáles son las ventajas de tener un blog?
Ya hemos comentado antes algunas de sus grandes ventajas, pero vamos a ponerlas en una lista, que así es más fácil identificarlas:
Control de la imagen de marca: En un blog todo lo gestionas tú, desde los colores de la página web hasta los contenidos y el comportamiento de la web y las herramientas que ofrece a los visitantes.
Libertad de contenidos: Como he comentado anteriormente, esta es una ventaja diferencial fundamental, pues no te afectarán legislaciones de plataformas de terceros, responsabilizándote únicamente ante la legislación de tu país. En tu blog, da igual si eres una persona emprendedora o una empresa, la línea editorial eres tú.
Herramientas infinitas: No dependerás más de qué te permite hacer Facebook u otras plataformas, en tu blog puedes instalar y activar, y también desactivar, las herramientas que quieras que estén disponibles para tus visitantes.
Moderación de la conversación: Mientras que en plataformas externas dependes de las funcionalidades de moderación de comentarios disponibles, en un blog tienes todo el control, pudiendo decidir absolutamente todo lo que aparece publicado en la página web.
SEO: Una de las características de las plataformas sociales de publicación de contenidos es que suelen ser opacas a los buscadores, pues nacieron como redes sociales privadas, en las que la gente compartiese contenido sin temor a que saliese en los buscadores. Esto a día de hoy también es así, siendo realmente difícil posicionar en buscadores mediante publicaciones en las principales redes y plataformas de publicación.
Escalabilidad: Este concepto te sonará extraño, pero es fundamental, pues puedes empezar con un sencillo blog y, más adelante, ir añadiéndole más funcionalidades, hasta el punto de agregar características de web, tienda online, e incluso red social. Esto es más sencillo de lo que imaginarías si utilizas herramientas de creación de blogs como WordPress, que no solo es gratuito, sino que también te permite ampliar las funcionalidades de tu web hasta el infinito.
¿Cómo monetizar un blog?
Aparte de las estrategias corporativas a medio y largo plazo que pueden desplegarse desde un blog empresarial, hay maneras directas de ganar dinero con un blog para ti, para mí, para cualquiera con la capacidad, ganas e ilusión por compartir opiniones, fotos, cualquier tipo de contenido, ya sea de carácter más personal o especializado.
Las principales maneras de ganar dinero con un blog serían, a grosso modo, las siguientes:
Marketing de afiliación
Publicidad contextual
Retargeting
Publicidad directa
Contenidos patrocinados
Acuerdos de exclusividad
Patrocinio de marcas
De hecho, me estoy dando cuenta de que este apartado tiene la suficiente importancia como para dedicarle una guía completa, así que lo dejamos aquí de momento y muy pronto la publicaré en este mismo blog 😉
¿Cómo comenzar un blog?
Llegados a este punto te preguntarás, ¿es difícil crear un blog?, ¿por dónde empiezo?, ¿vale cualquier plataforma o herramienta para crear blogs?
Empezando por el final, y si somos coherentes con lo que hemos visto en puntos anteriores, especialmente en lo referente a los inconvenientes de publicar tus contenidos en entornos ajenos, de prestado, como redes sociales y servicios de terceros, deberías huir de plataformas «alojadas» (del inglés hosted) para blogs, pues tendrían los mismos problemas, a saber:
Estás en un entorno ajeno, donde estás de invitado, y tu contenido realmente no te pertenece a ti sino a la plataforma.
La plataforma puede borrar tu contenido o incluso tu perfil completo en cualquier momento, por múltiples razones.
Solo podrás compartir contenido admisible por la plataforma, aunque la legislación de tu país lo permita, puede que la del país de la plataforma no lo haga.
La plataforma puede desaparecer, y tu contenido se perdería al completo.
No controlas la conversación más allá de hacer privado tu perfil y unas pocas herramientas de moderación, siempre insuficientes.
No controlas el aspecto y diseño de tu perfil, pudiendo modificar solo algunos elementos.
Solo podrás añadir las funcionalidades propias que te permita la plataforma.
Visto así, lo mejor es utilizar una herramienta de creación de blogs que ofrezca, al menos, lo siguiente:
Software independiente, preferiblemente de código abierto, para no depender de las estrategias de marketing de empresas y que sea siempre modificable y exportable.
Poder alojar la herramienta en cualquier alojamiento de tu elección.
Suficientes funcionalidades para ampliar tu blog según tus crecientes necesidades, o incluso convertirlo en una página web más completa (tienda online, red social, chat, etc.)
Amplias capacidades de personalización, cuanto más sencillas mejor.
Una comunidad de usuarios y desarrolladores amplia y activa, que me garantice soporte, ayuda y mejoras constantes.
¿Qué herramienta me ofrece todo esto actualmente?, ¿cuál es la que me garantiza más por menos?
Actualmente, la herramienta de creación web más completa, libre y gratuita, con una enorme comunidad de desarrolladores y usuarios es WordPress.
Además, es la herramienta que encontrarás en la mayoría de las webs de las empresas en las que podrías trabajar, así que lo que aprendas sobre el uso de WordPress, además de servirte para tu blog personal, también te servirá para un posible uso profesional.
Pero tú quieres saber cómo crear un blog, y que sea usando WordPress, sin tener que complicarte con cuestiones técnicas, ¿verdad? Nada más fácil.
En la actualidad, todas las principales empresas de alojamiento web ofrecen la creación de páginas web con WordPress a golpe de clic, sin tener que tener conocimientos previos de ningún tipo. Y por supuesto también SiteGround, con planes específicos adaptados a las necesidades de WordPress.
Desde solo 3,99 € al mes el primer año, con garantía de devolución de 30 días, puedes crear cualquier tipo de web, y por supuesto también un blog, con WordPress, y el dominio para tu sitio también es gratuito el primer año.
Una vez contrates cualquier plan, sea específico para WordPress o no, de SiteGround lo primero que te vas a encontrar es un asistente que te guiará para que tengas en marcha tu web/blog con tu propio dominio en unos segundos.
En realidad son solo 2 pasos. En el primero tienes que elegir el dominio (gratis), y en el segundo ya solo te queda elegir la aplicación (WordPress) y poner tu email y contraseña para acceder a tu flamante blog/web, que estará funcionando en unos minutos, tras lo que recibirás un correo electrónico con las instrucciones de acceso.
Ya en tu blog, solo te queda empezar a publicar tus propios contenidos, desde el famoso escritorio de WordPress.
WordPress te ofrece un editor sencillo, desde el que crear fácilmente tus publicaciones, añadiendo texto, imágenes, vídeo, lo que quieras.
¿Quieres saber más maneras de aprovechar un blog para el marketing digital?, ¿quieres aprender marketing digital de grandes profesionales?, ¿lo quieres gratis?
Los piratas informáticos atacan de promedio sitios web cada 39 segundos, según muestra un estudio de la Escuela Clark de la Universidad de Maryland. Dado que más del 40% de la web usa WordPress, es uno de los objetivos populares en peligro de ataques de piratas informáticos. Además, como software de código abierto, al que todos los desarrolladores pueden contribuir, puede haber algunas vulnerabilidades potenciales en el código. Los ciberdelincuentes aprovechan las vulnerabilidades y otros problemas de seguridad de WordPress que se pueden evitar fácilmente, como nombres de usuario comunes, contraseñas débiles, complementos obsoletos y otros.
Afortunadamente, hay cuatro cosas fáciles que todo propietario de una web puede hacer, generalmente sin la ayuda de un desarrollador, para hacer que su sitio web sea más seguro.
Problemas de seguridad y vulnerabilidades más comunes de WordPress
Primero, echemos un vistazo a algunas de las vulnerabilidades y problemas más comunes de WordPress que los ciberdelincuentes tienden a explotar cuando atacan un sitio web:
Núcleo de WordPress desactualizado
Tener WordPress desactualizado es una de las cosas que los piratas informáticos buscan en un sitio web. Es por eso que debes estar atento cuando sale una actualización para un programa o biblioteca.
Temas y plugins obsoletos
Asegúrate de que todos tus temas y plugins estén actualizados, de modo que cualquier error existente se solucione con la versión más reciente.
Ataques de fuerza bruta
Puedes detener los ataques de fuerza bruta de varias maneras, como usar un complemento de seguridad o tener mitigación de fuerza bruta con tu proveedor de alojamiento web.
Malware
Evita la inyección de software malicioso en tu sitio web por diferentes medios, como escáneres de malware y servicios de limpieza de forma regular.
Ataques DoS o DDoS
Una forma de evitar este tipo de ataques es tener un sistema de almacenamiento en caché o un sistema de mitigación DDoS integrado en la infraestructura de tu proveedor de alojamiento web.
Entorno de alojamiento deficiente
Cuando busques un proveedor de alojamiento web, asegúrate de que tenga una buena reputación, un conocimiento profundo de WordPress y, sobre todo, que sea confiable.
Mejora la seguridad de tu WordPress en cinco sencillos pasos
¿Estás listo para abordar estas vulnerabilidades por tu cuenta? Para quitarte la carga de encima, tengo cinco sencillos pasos para hacer que tu sitio web de WordPress sea más seguro con solo unos pocos clics:
1. Cambia el nombre de usuario del administrador
Esto es muy obvio. Si todavía usas admin, administrador o algo que sea realmente fácil de adivinar, ¡PARA! Fijate, para acceder a tu web, un atacante necesita dos cosas, un nombre de usuario y una contraseña. Si usas un nombre de usuario de administrador predeterminado, entonces les has dado la mitad de lo que necesitan. Hagámoslo un poco más difícil, ¿de acuerdo?
Para cambiar el nombre de administrador, puedes hacerlo manualmente o puedes instalar un plugin. Dado que los plugins ralentizan tu web y solo lo necesitarías para hacer esto, mejor hagámoslo manualmente.
Inicia sesión con tu cuenta de administrador existente.
En “Usuarios”, haz clic en “Añadir nuevo”.
Crea un nuevo usuario y asignale un rol de de administrador. Pon el nombre de usuario sea el que desees, EXCEPTO Administrador, admin o tu nombre. (Sí, los atacantes probablemente lo sepan, dado que la cuenta de Facebook de tu empresa está vinculada a tu página personal)
Cierra sesión en WordPress y vuelve a iniciar sesión con tu nueva usuario administrador.
Haz clic en “Usuarios” para enumerar los usuarios y, en tu cuenta de administrador original, haz clic en “Eliminar”. Asegúrate de seleccionar “Atribuir contenido a” y selecciona tu nueva cuenta de administrador para que no pierdas ningún contenido.
Si deseas deshabilitar los nombres de usuario comunes con un solo clic, instala el plugin SiteGround Security. Es una herramienta gratuita que brinda opciones fáciles para proteger tu sitio web y mejorará en gran medida la seguridad de tu WordPress. Úselo para deshabilitar la creación de nombres de usuario comunes y, si ya tienes uno o más usuarios con un nombre de usuario débil, te pedirá que proporciones uno nuevo. Además, cuando se alterna, aparecerá una ventana emergente en la que podrás elegir un nuevo nombre de usuario y reemplazar automáticamente los débiles existentes.
2. Utiliza contraseñas seguras
Sí, a todo el mundo le encanta usar su cumpleaños como contraseña. ¿Sabes a quién le gusta más? A los atacantes. Mira, las contraseñas débiles son fáciles de adivinar.
Si publicas en tus redes sociales: “¡Frozen II es mi PELÍCULA FAVORITA! ¡Iré a verla mañana por mi cumpleaños! “, le has dado a un atacante un dato fundamental. En este punto, comenzarán a probar contraseñas y nombres de usuario relacionados con la película.
Todo lo que hayas publicado en las redes sociales les brinda a los atacantes un poco más de información con la que trabajar. SUGERENCIA: Utilizar el l33tsp34k (Leet Speak) o reemplazar letras con números tampoco engaña a los atacantes. Ellos se dieron cuenta de eso antes que tú.
Entonces, ¿qué funciona? Contraseñas seguras. Las cadenas largas y aleatorias de letras y símbolos son geniales. El problema de esto es que, como son difíciles de recordar, tendemos a escribirlos. Si pierdes el folio (puede ser físico o electrónico) en el que apuntaste, entonces un hacker tiene las llaves del reino.
WordPress ahora tiene la funcionalidad para generar contraseñas seguras, pero no las requiere. Sin embargo, hay plugins que lo harán cumplir. No tengo la costumbre de recomendar plugins de seguridad de WordPress, pero si vas a wordpress.org/plugins y buscas por “Contraseñas seguras”, encontrarás varios para elegir.
Instala uno de estos plugins.
Si tienes usuarios habituales en tu web, así como administradores, autores, etc., es posible que solo quieras aplicar contraseñas seguras en tus cuentas de nivel superior para reducir la complejidad que tienen tus usuarios al registrarse e iniciar sesión en tu sitio web.
¡Ah! Y si te estás preguntando cómo lidiar con contraseñas seguras sin escribirlas, invierte en un administrador de contraseñas. La mayoría de los modernos funcionan tanto en ordenadores de mesa como en dispositivos móviles y sincronizarán tus datos en todos tus dispositivos.
La verificación en dos pasos (o 2FA) no es un nuevo concepto de seguridad. Durante décadas, las instituciones financieras han usado los “Fobs” (pequeños dispositivos que se pueden adjuntar a tu llavero que tienen una pantalla y generan un número que cambia constantemente) como un factor adicional para iniciar sesión.
El concepto general de seguridad es “Algo que sabes, algo que tienes, algo que eres”. En 2FA, elegimos dos de estos. Cuando inicia sesión en un sitio web sin 2FA, solo usa “algo que sabes”: el nombre de usuario y la contraseña. Independientemente de cuán fuertes creas que son, existe la posibilidad de que puedan verse comprometidos. 2FA agrega una capa encima de eso, el “algo que tienes”.
Actualmente, en lugar de tener que entregarle un llavero a cada usuario administrador, tenemos teléfonos inteligentes y software que pueden reemplazar a los llaveros. Si tienes un teléfono inteligente moderno (uno fabricado en los últimos 5 años), puedes ejecutar una aplicación que funciona como “algo que tienes”.
La aplicación más utilizada, aunque de ninguna manera la única, para 2FA es “Google Authenticator”. Es la más común porque es gratis. Antes de seguir el camino de 2FA, asegúrate de que Google Authenticator esté disponible para tu teléfono.
Si ya usas un plugin como SiteGround Security, tienes todo lo que necesitas para configurar 2FA. Solo necesitas habilitar esta opción desde el panel del plugin y se les pedirá a todos los usuarios administradores y editores que configuren su autenticación de dos factores en su próximo inicio de sesión.
Una vez que se implementa la 2FA y después de que el usuario haga clic en el botón de inicio de sesión, será llevado a una segunda pantalla de inicio de sesión que le pedirá su “token”. Si han configurado la aplicación correctamente, la abrirán, encontrarán tu sitio web en ella y escribirán el número en la pantalla. Este número cambia cada 30 segundos. El número se denomina “Contraseña de un solo uso basada en el tiempo” (TOTP). Tu teléfono y el plugin que usas saben cómo calcularlo, pero nadie más lo sabe. Cuando ingresan el token y pulsan el botón, el plugin calculará el TOTP apropiado y luego verificará que coincida con lo que el usuario escribió. En función de eso, permitirá o denegará el inicio de sesión.
Ten en cuenta que algunos sistemas 2FA no se basan en aplicaciones sino en mensajes de texto enviados a tu teléfono con los tokens. Ten en cuenta que estos no son seguros, por lo que debes evitarlos.
4. Utiliza HTTPS
Sinceramente, este paso ya lo deberías estar haciendo. Desde hace ya un par de años Google sostiene que si tu sitio no se ejecuta a través HTTPS, lo posicionará por debajo de otros sitios que sí lo hacen. Sin embargo, aparte del SEO, https mantiene todo tu tráfico encriptado y alejado de miradas indiscretas.
Si no usas SiteGround, esto implica trabajar con tu proveedor de hosting para comprar e instalar un certificado seguro. Luego, deberás pedirle a WordPress que cambie tu URL a HTTPS.
Si SiteGround es tu proveedor de hosting, todo lo que necesitas hacer es usar el Gestor de SSL para obtener un certificado gratuito “Let’s Encrypt”. Una vez que el panel de control de SiteGround lo obtenga e instale el certificado por ti, todo lo que necesitas hacer es hacer clic en “Forzar HTTPS” y listo, todo tu sitio web estará encriptado.
5. Mantén tus plugins actualizados
No me refiero solo a los principales, me refiero a cada plugin que hayas instalado en tu sitio web, cada vez que haya una actualización. ¿Por qué es importante mantener los plugins actualizados?
La razón principal es, por supuesto, la seguridad de WordPress. Los buenos autores de plugins solucionan los problemas de seguridad de WordPress cuando se informan y lanzan parches tan pronto como pueden. Si tienes activada la actualización automática, ni siquiera tienes que hacer nada, obtendrás el nuevo código. Si no lo haces, tan pronto como inicies sesión y observas que hay actualizaciones, ve a Plugins, haz clic en los botones de actualización, observa cómo se actualizan y luego intenta recordar por qué inició sesión en primer lugar.
Si eres cliente de SiteGround, puedes aprovechar la herramienta SiteGround WordPress AutoUpdate. Mantiene tus sitios de WordPress seguros y actualizados en todo momento. Entre otras cosas, también se encarga de tus plugins. En esta herramienta, puedes habilitar la opción de actualizaciones automáticas del plugin desde la configuración. Si habilitas esta opción, en cada actualización de WordPress realizada, SiteGround verificará si tus plugins también están actualizados y, de lo contrario, los actualizará para ti.
Si puedes medir el tiempo de inactividad en euros, entonces vale la pena asegurarse de tener siempre la última y mejor versión de todo y que los plugins importantes en tu sitio web tienen mantenimiento constantemente. Asegúrate de que las actualizaciones de seguridad de WordPress estén entre tus principales prioridades.
Un último paso
Sí, es muy importante que mantengas WordPress actualizado.
Sí, es muy importante que mantengas tus temas actualizados.
Sí, es muy importante que mantenga actualizados tus plugins.
Pero hay otro paso. En algún momento dentro del mundo del código abierto, los autores se cansarán de dar soporte a un paquete y lo abandonarán. A veces son amables y le cuentan a la gente sus planes y hacen arreglos para que alguien se haga cargo. Si no es así, el código se queda sin actualizar. Debes asegurarte de que los plugins en los que confías estén en desarrollo activo.
La forma más sencilla de hacerlo es saber quién está detrás del plugin. Si hay una empresa o un equipo detrás de él, las posibilidad de que se abandone es mucho mejor que si hay un solo programador.
Conclusión
El secreto de la seguridad web es que no se trata de hacer una gran cosa, se trata de hacer muchas cosas pequeñas. Estos sencillos pasos ayudarán a mejorar la seguridad de tu WordPress. Cada capa de seguridad que agregas a tu web hace que sea un poco más difícil el acceso para los atacantes. No tienes que tener un sitio web absolutamente seguro para estar seguro, sólo tienes que crear más trabajo para el hacker de lo que realmente vale hackear. Los hackers finalmente se cansan y pasan a objetivos más fáciles… esos sitios cuyos propietarios no han leído esta entrada de blog.
Navegar por Internet es muy sencillo y la mayor parte de los usuarios hoy en día saben hacerlo sin problemas: tan solo habrá que abrir una ventana del navegador, escribir la ruta de destino (página web) y esperar a que cargue.
A nivel interno, el proceso que se produce es mucho más complejo y entran en juego una serie de protocolos que lo hacen posible.
Algunos de ellos están relacionados con nuestra seguridad, como es el caso del protocolo HTTPS. Hoy lo conocerás a fondo.
Si todavía no sabes qué es HTTPS y cómo te protege a la hora de navegar por Internet, en este artículo podrás saberlo todo sobre el protocolo.
¿Qué es el HTTPS?
Antes de nada, es importante que tengamos claro el significado de HTTP. Es el acrónimo de Hypertext Transfer Protocol (se puede traducir al español como protocolo de transferencia de hiper texto).
HTTPS es lo mismo, con la salvedad de que se le añade el término “seguro”.
En ambos casos, estamos hablando de un protocolo que define la manera en la que viajan los datos a través de Internet.
En el caso de que se utilice el protocolo HTTP, los datos serán accesibles para cualquier persona que pueda captar la comunicación, por lo que no se considera la forma más efectiva de hacerlo.
Por su parte, el protocolo HTTPS utiliza una conexión segura ya que se basa en el sistema de cifrado SSL. Esto permite que los datos puedan viajar de manera segura de un dato a otro, y que no puedan ser captados por cualquiera.
Para entender mejor qué es el protocolo HTTPS, es importante saber cómo funciona. A resumidas cuentas, este es su funcionamiento:
Abrimos una página de Internet y el navegador intentará conectarse a un sitio que ha sido protegido con SSL.
El navegador requerirá que el servidor web se identifique.
Será así como el servidor mandará una copia de su certificado SSL a nuestro navegador.
El navegador, una vez ha recibido la copia, comprobará si el sitio web es de confianza. Si es así, manda un mensaje que lo acredita.
El servidor mandará un acuse de recibo con firma digital que permitirá que se inicie la conexión cifrada.
Así es como empezarán a transferirse datos cifrados entre el servidor y el navegador.
¿Cómo surgió HTTPS? Sus inicios e historia
El HTTP, el protocolo clásico en el que se basa la navegación web, sería inventado entre los años 1989-1991 por Tim Berners-Lee. Este protocolo ha ido cambiando bastante a lo largo de los años debido a las necesidades emergentes.
En sus orígenes, este protocolo fue diseñado para intercambiar archivos en un entorno controlado, en un laboratorio. Ahora se utiliza para intercambiar todo tipo de ficheros (imágenes, textos, vídeos de alta resolución, entre un largo etcétera) a través de una red infinitamente más grande.
Ya te habrás dado cuenta de que al navegar en los sitios más conocidos (cómo puede ser el caso de Google o redes sociales como Twitter o Facebook), el protocolo que se emplea no es HTTP, si no HTTPS, combinándolo con el protocolo TLS (siglas de Transport Layer Securitu).
Para comprender el inicio del HTTPS es necesario hacer un viaje en el tiempo al año 1994. Por aquel entonces, la compañía Netscape, conocida por haber diseñado el navegador homónimo, creó SSL v2.
Se trataba de un protocolo de cifrado que había sido diseñado con el objetivo de dar protección a las comunicaciones a través de Internet. Sin embargo, este protocolo todavía tardaría un año para ser integrado en el navegador Netscape Navigator en su versión 1.1.
Este momento del tiempo fue muy importante, ya que sería la primera vez que se podría navegar por Internet con un protocolo de cifrado. En aquel momento no era demasiado importante, pero hoy en día ya es imprescindible.
Como primera versión, SSL v2 presentó importantes problemas de seguridad. Netscape no tardaría demasiado en hacer las correcciones pertinentes, y es así como lanzaría la siguiente versión, la SSL V3.
Durante muchos años se estuvo usando este sistema de seguridad.
De hecho, las versiones más avanzadas todavía tienen su vale en SSL 3.0. Sin embargo, algunos expertos recomiendan el uso del protocolo TLS, que es una evolución del protocolo SSL.
¿Para qué sirve el protocolo HTTPS? 6 utilidades principales
Para que puedas conocer con más detalle qué es HTTPS en informática, aquí tienes un pequeño listado con sus utilidades principales:
Creación de un canal encriptado
El HTTPS permite dar forma a un canal encriptado para trabajar con aquella información que es más sensible.
Eso sí, habrá que tener en cuenta que el nivel de cifrado estará supeditado al navegador que se utilice y el servidor remoto con el que se está interactuando.
No hará falta usar ningún software adicional
Al usar el protocolo no será necesario instalar ningún tipo de software o funcionalidad adicional. Por ello, será utilizable por cualquier tipo de navegante sin ninguna restricción.
Tal y como veremos a continuación cuando hablemos de las ventajas del HTTPS, esto es muy interesante, ya que ayuda a fomentar la confianza en el cliente, elevando las posibilidades de que se produzca la conversión deseada.
Total integración
El protocolo HTTPS ser competible sin ningún tipo de problema con la mayoría de los navegadores web actuales, como:
Mozilla Firefox
Google Chrome
Microsoft Edge
Opera
Safari
Identificación inequívoca de que la web es segura
Lo más habitual es que aparezca un rasgo distintivo en el navegador que nos indique que la página es segura. Suele ser un pequeño candado que se sitúa en la zona izquierda en la barra de direcciones.
Además, el término HTTPS aparecerá en la dirección URL, elevando todavía más la confianza del usuario.
No almacena contenido en caché
La información que se transmite a través del protocolo HTTPS no almacena ningún tipo de información en caché. Sin embargo, esto podría ser una ventaja o un inconveniente, dependiendo de la situación.
El hecho de que no se almacene en caché es interesante porque no quedan datos residuales a los que se pueda acceder para intentar vulnerarlos. A cambio, la página tardará más tiempo en cargarse (cuestión de milisegundos).
Proceso de verificación complejo
En el caso de que una persona no autorizada consiga obtener los datos que han sido transmitidos a través de este protocolo, no será capaz de descifrar la información debido a que le llegará encriptada.
Tan solo le llegará desencriptada si se han concluido todos los datos que indicamos en los apartados anteriores.
¿Cuál es la diferencia entre HTTP y HTTPS?
Tanto HTTP (Protocolo de Transferencia de Hipertexto) como HTTPS (Protocolo de Transferencia de Hipertexto Seguro) son protocolos utilizados para transferir información, pero tienen diferencias clave en cuanto a seguridad.
El HTTP es el protocolo clásico en el que se basa la navegación web.
Fue inventado entre los años 1989-1991 por Tim Berners-Lee. Este protocolo ha evolucionado a lo largo de los años debido a las necesidades emergentes.
En sus orígenes, este protocolo fue diseñado para intercambiar archivos en un entorno controlado, en un laboratorio. Después se utilizó para intercambiar todo tipo de ficheros (imágenes, textos, vídeos de alta resolución, entre un largo etcétera) a través de una red infinitamente más grande.
Hasta que llegó el HTTPS, que es el protocolo que actualmente usamos.
Pero, ¿en qué se diferencian exactamente?
Seguridad
Esta es la principal diferencia entre ambos protocolos,
HTTPS es la versión segura de HTTP, ya que cifra la información enviada y recibida para protegerla contra ataques externos.
Utiliza un protocolo SSL/TLS para crear un canal cifrado, algo vital para proteger información sensible.
HTTPS es el estándar que debe tener cualquier sitio que manipule información delicada como datos bancarios, información personal y credenciales de inicio de sesión.
de hecho, navegadores como Chrome o Firefox marcan las páginas HTTP como “no seguras” para alertar a los usuarios sobre los potenciales riesgos en su seguridad.
Cifrado
HTTP transmite datos en texto plano. Esto quiere decir que puede ser interceptado y leído por cualquier parte que capture los datos durante su tránsito.
Sin embargo, HTTPS cifra los datos. Emplea certificados SSL/TLS.
Por tanto, aunque los datos sean interceptados, no pueden ser leídos sin la clave de cifrado correcta.
Confianza, autoridad y autenticación
HTTPS también proporciona autenticidad. Garantiza a los usuarios que están en la web correcta, y no en una fraudulenta.
Los certificados digitales se utilizan en HTTPS para confirmar la legitimidad de las webs.
En este sentido, los buscadores valoran y posicionan mejor las webs HTTPS que los HTTP, al ser sitios más seguros para los usuarios.
Rendimiento
HTTPs carga las páginas de forma más rápida y eficiente, por lo que la experiencia de tus usuarios es más satisfactoria. De nuevo, puntos a favor para el posicionamiento SEO.
Ventajas: ¿por qué es importante tener una web HTTPS si tienes un negocio online?
¿Todavía no tienes una página web con este protocolo? Ahora que ya conoces qué es y para qué sirve HTTPS, no deberías pensártelo.
En esta sección podrás encontrar un listado de algunas de las ventajas más importantes de hacerlo:
Ayuda a mejorar la privacidad de los datos de tus clientes
Si decides hacer el cambio a este protocolo, estarás incorporando una capa de cifrado a los datos que los usuarios van a introducir en tu web y con los que va a interactuar. Por ejemplo, podríamos estar hablando de sus datos personales, dirección, incluso de su información bancaria.
A nadie le gustaría que estos datos pudieran caer en malas manos, sin hablar de las responsabilidades legales que esto entrañaría.
Con el protocolo HTTPS se consigue que los datos de la web queden encriptados y que nadie pueda tener acceso a los mismos, aunque encontrase la manera de acceder.
También debemos tener en cuenta que no solo se protege el sitio web, sino también la URL al completo. Esto quiere decir que protege tanto los datos personales que se escriben en el momento del registro, las contraseñas introducidas, los parámetros que se envían y se reciben, las cookies, etc.
Mejora la protección contra ataques externos
Cómo ya hemos indicado en el apartado anterior, confiar en el protocolo HTTPS significa que dotaremos a nuestra web de una capa de protección extra que elevará la seguridad mediante el recurso de la encriptación.
Las defensas de la página se verán reforzadas, así que podrá defenderse mejor frente a ataques como Ransomware, Malwares, o cualquier otro tipo de software relacionado. Digamos que cerramos las vías de entrada que usan estos sistemas infecciosos para acceder a nuestra web.
El negocio online, más allá de a lo que se dedique y de su reputación, tendrá más seguridad. Así tendrá un camino más llano que le orientará hacia el éxito.
Mejora la credibilidad y confianza de la plataforma
Los usuarios cada vez se toman más en serio la seguridad al comprar online, y no es para menos. Hay muchas páginas fraudulentas que tan solo buscan hacerse con datos personales o con el dinero de los internautas.
Si entras a una página web y te encuentras con el mensaje de no es seguro (que es el que te puede indicar un navegador como Chrome) puede ser el motivo que haya que el visitante no confíe en la web y no complete la venta o ni tan siquiera llegue a registrarse.
Gracias al certificado SSL, y a hacer el cambio de HTTP a HTTPS, podremos presentar una web totalmente legítima que indicará que somos reales y que realmente se puede confiar en nosotros.
Así lograremos mejorar la reputación online y nuestra imagen digital en general.
Ayuda a mejorar el posicionamiento SEO
Aunque de esto hablaremos más adelante, en la sección correspondiente, es una ventaja que no podemos pasar por alto.
Google se toma muy en serio que Internet sea lo más seguro posible y pone todo su empeño en hacer que las páginas se cambien al protocolo seguro.
Por esta razón, podrías estar perdiendo posiciones en los resultados de búsqueda (o SERP) si todavía estás usando el protocolo HTTP. Por mucho que estés trabajando en otros criterios relativos al Posicionamiento SEO u orgánico, necesitas hacer el cambio a HTTPs ya mismo.
Te encaminará hacia el éxito
Las ventajas del protocolo HTTPS ya descritos harán que tu web sea un sitio seguro, legítimo, en el que se puede confiar y mejorará su posicionamiento SEO.
No importa qué tipo de tienda online, blog, web corporativa o proyecto tengas, ya que es necesario hacer el cambio a HTTPs (se tiene que ver como algo básico).
Y es que son muchas las cosas que están en juego, como es el caso de la imagen del negocio, el tráfico y elevar las posibilidades de que se produzcan conversiones.
Cualquier criterio que pueda mejorar el impacto de tu proyecto online debe ser tenido en cuenta.
Pásate a HTTPS en tan solo UN CLIC: ¿La web de tu negocio está diseñada en WordPress? SiteGround te lo pone fácil. Convierte tu proyecto en un negocio seguro en tan solo un clic. No hace falta que tengas conocimientos técnicos avanzados. ➡️ QUIERO TENER UNA WEB SEGURA ⬅️
Desventajas: ¿tiene algún ‘pero’ el tener tu web en HTTPS?
Sin embargo, también existen algunas desventajas del protocolo HTTPS, aunque no es algo que se pueda considerar irremediable.
Estas son las 3 desventajas más destacadas:
1. Errores 404
Si empiezas tu proyecto web directamente con el protocolo HTTPS activo, puedes obviar este punto porque no te interesa.
Sin embargo, si se hace la migración del sitio web a HTTPS, se cambiarán todas las URLs de la web (piensa qué en vez de comenzar por HTTP, empezarán por HTTPS). Esto es muy importante, ya que tu cliente se podría encontrar con errores 404 si no se han hecho las redirecciones adecuadas.
No es que sea algo muy complicado, pero requiere de unos conocimientos técnicos medios-avanzados que no tienen todos los usuarios.
✅ Lo mejor en estos casos es contar con un hosting de calidad, cuyos técnicos se encarguen de ayudarte en esta gestión tan delicada.
2. Dificultades a la hora de migrar
El propio proceso de migración también entraña una serie de dificultades que habrá que solventar, y que no siempre son intuitivas. Por ejemplo, podríamos estar hablando de:
Problemas de enlaces (cómo ya hemos indicado).
Cómo manipular el archivo robots.txt (por si tenemos que bloquearlo para evitar contenido duplicado u otros problemas).
Cualquier mensaje de alerta que pueda ocurrir en la web.
Todo esto se puede confiar en una empresa que se encargue de efectuar la migración por ella misma. Así, nos aseguramos de que la página sea plenamente funcional y no afecte a la experiencia del cliente.
3. Cambios en el rendimiento web
La verdad es que el protocolo HTTPS requiere de más recursos que el protocolo HTTP. Hay que tener en cuenta que, si nuestro rendimiento con este último protocolo no era bueno, lo más probable es que empeore todavía más a la hora de hacer el cambio.
No obstante, este es un problema urgente a arreglar, ya que nos va a afectar en más de lo que pensamos.
Por ejemplo, podría ser que la página fuese tan lenta que los clientes se desesperen cada vez que van a comprar, y que Google nos penalice por trabajar con velocidades tan reducidas.
¿Qué relación guarda el HTTPS con “SSL”?
El protocolo HTTPS pertenece a la capa de aplicación del modelo OSI. Para poder cumplir con su función de protección, necesita de un certificado SSL/TLS.
El certificado SSL se encuentra dentro de la capa de sesión en el modelo OSI, mientras que el protocolo TLS se localiza en la capa de transporte.
Estos certificados se emplean cuando se produce intercambio de información sensible o personal, cómo podría ser la introducción de contraseñas para acceder a páginas en donde los datos podrían ser robados (como la página web de una entidad bancaria).
Con la combinación de HTTPS + SSL/TLS vas a poder conseguir mejorar la seguridad de los navegantes en tu sitio web.
¿Qué datos protege el protocolo SSL?
Este protocolo te protege de los siguientes 3 tipos de datos:
De cifrado: al cifrar los datos que se intercambian en un sitio web conseguimos que estén protegidos ante miradas indiscretas. En otras palabras: mientras el usuario está navegando a través de una web, no habrá nadie que pueda tener acceso a la información con la que está interactuando. Tampoco podrá llevar a cabo un seguimiento de las actividades mediante las páginas que visita ni robar información.
Integridad de la información: este protocolo también asegura que los datos no podrán ser modificados o sufrir algún tipo de daño mientras se están transfiriendo, con independencia de que este daño pueda haber sido intencionado o no. En determinados casos, sí que podría producirse un daño, pero el protocolo SSL sería capaz de detectarlo.
Autentificación: la autentificación es un recurso que se emplea para demostrar que los usuarios se pueden comunicar con la página web en cuestión. Blinda la página ante ataques y ayuda a elevar la confianza del navegante. Esto redunda en que se eleve la posibilidad de que se produzca la conversión por parte del cliente.
¿El HTTPS mejora el SEO?
Esta es una de las preguntas más recurrentes entre los usuarios que barajan el paso de HTTPS a HTTPS. Por eso hoy vamos a analizar el tema en profundidad.
✅ La respuesta corta es que SÍ: el HTTPS mejora notablemente el SEO y lo vas a poder comprobar en este apartado.
Aquí tienes 3 razones para cambiarte a HTTPS que se relacionan con una mejora importante en las posiciones de cara a los navegadores:
Mejora las posiciones en Google
Las estadísticas afirman que más de un 40% de las páginas webs que están ubicadas en la primera posición de Google tienen ya el protocolo HTTPs. No obstante, esto no es ninguna sorpresa, ya que el gigante buscador ha afirmado en multitud de ocasiones que está totalmente a favor de llevar a cabo esta migración.
Google se encarga de lanzar y revisar sus algoritmos con el objetivo de mejorar la experiencia del usuario. Lo último que quiere hacer es que los clientes terminen en una página que no se pueda considerar segura.
Por ello, su algoritmo beneficia a aquellos sitios que ya tienen el protocolo HTTPS. Por ello, es muy posible que, si tu sitio todavía no es seguro, no tardará en ser superado por otros sitios similares.
Es cierto que este criterio no tiene tanto peso en el SEO como otros, pero, como todo webmaster sabe, todo suma a la hora de alcanzar y mantener las primeras posiciones.
Uno de estos ataques podría robar información sensible de tus usuarios, y lo peor de todo es que tú eres el único responsable de lo que pueda pasar con estos datos. Incluso, podrías llegar a recibir denuncias asociadas a sanciones importantes.
Google ha dotado sus algoritmos de clasificación con criterios especiales que comprueban si una web es segura o no. Con el protocolo HTTPS se logra proteger la información de los navegantes y se evita que se pueda hacer con ella cualquier pirata informático.
Recuerda que esto no solo es importante para Google, sino también para tus clientes y para ti.
Etiquetas de navegador
Google ha ido actualizando su sistema de etiquetado en los sitios web, y este se puede visualizar directamente desde la barra de URL.
Los sitios HTTP tienen un símbolo de etiquetado en color gris que indica que el sitio no es seguro si pulsan sobre el mismo. También se incluye el texto de no seguro.
Google terminará marcando con un triángulo rojo aquellos sitios que no considera seguro.
Es cierto que esta etiqueta indica tan solo que el sitio no cuenta con protocolo HTTPS, pero el usuario no lo entenderá por completo y podría asociarlo con algún tipo de fraude.
¿QUIERES UN EJEMPLO?
En este ejemplo, ¿piensas que en caso de tratarse de una tienda online (venta de productos) el potencial cliente introducirá sus datos bancarios, si ya de entrada se le está indicando que no lo haga?
Si es tu caso, evidentemente estás dejando de ganar clientes, en favor de tu competencia que, a buen seguro, ya tiene una web segura.
El hecho de tener esta etiqueta negativa influirá al posicionamiento SEO debido a que es posible que tu página aparezca en los resultados de búsqueda, pero los usuarios no harán clic sobre ella.
El algoritmo detectará que algo está pasando y esto te puede restar importantes “puntos” (por ejemplo, podría entenderse con que tu web no responde a la intención de búsqueda del usuario, aunque no sea realmente así).
¿Cómo ofrecemos el protocolo HTTPS en SiteGround de forma fácil para nuestros clientes?
Desde SiteGround te lo ponemos muy fácil a la hora de instalar un certificado SSL en el dominio de tu página web.
Esto se podrá hacer en el “Gestor SSL de SiteGround”, logueándote en tu panel de cliente, desde “Mi cuenta > Seguridad > Gestor SSL > Obtener”
Una vez lo tengamos hecho, será tan sencillo como pulsar en Forzar HTTPS desde el panel Site Tools. Con esta configuración podemos asegurar que toda la navegación en la página va a ser segura, ya que se estará utilizando el protocolo SSL.
La opción de tipo interruptor deberá estar marcada en color celeste, tal y como te muestro en esta captura. Asegúrate de este detalle antes de salir:
En el caso de que tengas alguna duda, en este completo tutorial te explicamos cómo hacerlo paso por paso. También puedes contactar con nosotros a través de nuestro sistema de tickets (para clientes). Estaremos encantados de guiarte durante todo el proceso.Ahora que ya sabes la importancia que tiene el protocolo HTTPs + certificado SSL, te animamos a hacer el cambio lo antes posible.
Al final de cada año, buscamos en nuestros clientes la marca que realmente importa: cómo califican nuestros esfuerzos y servicios realizados durante todo el año en nuestra tradicional encuesta de satisfacción de cliente. Cada año nos sorprende y nos sentimos honrados por la opinión positiva que recibimos, y cada vez logramos subir el listón un poco más alto. En 2021, el resultado es una calificación estelar de satisfacción general de cliente del 98%, que es espectacular en cualquier tipo de negocio de servicio al cliente, pero especialmente en la industria de hosting de sitios web.
Por supuesto, es difícil poner un número a la satisfacción, pero es un indicador que toma en cuenta tus valoraciones de los pilares principales de nuestros servicios de hosting web: velocidad, seguridad y soporte del sitio web, que seguimos fortaleciendo y mejorando año tras año. A continuación, se muestra un desglose de algunas de las cosas que hicimos en estas direcciones clave y el impacto que tuvieron en tus sitios web, lo que condujo a las cifras de satisfacción tan asombrosas en todos los aspectos de nuestro servicio.
97,7% de satisfacción de cliente con la velocidad del sitio web
Siempre hemos sido famosos por adoptar de forma proactiva las últimas tecnologías de velocidad web en beneficio de nuestros clientes. En 2021, introdujimos de nuevo varias mejoras en el rendimiento del sitio web sin coste adicional. Comenzamos habilitando el algoritmo de compresión de imágenes Brotli de última generación de Google en nuestros servidores, lo que garantiza una ganancia de velocidad del sitio web de entre el 15% y el 20% para los clientes desde el primer momento. Además, nuestra nueva configuración de MySQL permitió que los sitios web alojados con nosotros atendieran a más visitantes simultáneamente, lo que redujo la cantidad de consultas lentas en el sitio web entre 10 y 20 veces. Y al habilitar nuestro único almacenamiento en caché dinámico de forma predeterminada en todos los planes de alojamiento web, los clientes ahora disfrutan de un tiempo de carga de la página hasta 5 veces más rápido. Éstas son solo algunas de las últimas e importantes mejoras que introdujimos para que tus sitios web funcionen más rápido, mejoren la experiencia de usuario, las conversiones y el SEO de tu sitio web. A cambio, calificaste nuestros esfuerzos para aumentar la velocidad web con las valoraciones más altas en la historia de nuestra encuesta de clientes de fin de año: ¡una estelar tasa de satisfacción con la velocidad del sitio web del 97,7%!
98,5% de satisfacción de cliente con la seguridad del sitio web
Paralelamente a las mejoras en velocidad web, siempre estamos trabajando en nuevas formas de ayudarte con la tarea interminable de proteger tu sitio web. Nuestra misión de ofrecer la mejor protección de datos dio otro gran paso este año con el lanzamiento de nuestras copias de seguridad distribuidas geográficamente. Además de nuestras copias de seguridad diarias gratuitas y restauración fácil, implementamos un sistema de copia de seguridad con redundancia geográfica que minimiza el riesgo de pérdida de datos en caso de que la instalación completa del centro de datos esté en peligro por cualquier motivo. De esa manera garantizamos una recuperación segura de tu sitio con un tiempo de inactividad mínimo. Además de eso, nuestro servicio de seguridad SiteGround SiteScanner se mejoró para incluir un nuevo método de escaneo que permite a los usuarios ejecutar un escaneo completo de archivos de su sitio directamente en el servidor host con un solo clic. Y también presentamos nuestro nuevo DNS centralizado para un hosting más rápido, seguro y sencillo.
4,3 sobre 5 estrellas para nuestras herramientas y servicios para clientes
Este año fue especialmente rico en nuevas herramientas y servicios para sitios web para nuestros usuarios de WordPress. Lanzamos el plugin SiteGround Security para WordPress, una herramienta gratuita que mejora enormemente la seguridad de WordPress con solo unos pocos clics. Y está disponible para todos, no solo para los clientes de SiteGround. Apenas unos meses después de su lanzamiento, el plugin fue galardonado con Plata como Mejor Plugin de Seguridad de WordPress en el premio más grande de la comunidad de WordPress de Monster’s Award. Y para completar nuestra lista de servicios y herramientas de valor añadido, lanzamos una nueva versión de nuestro plugin para WordPress SiteGround Optimizer para actualizar su funcionalidad y agregar nuevas características con el objetivo de favorecer una mayor velocidad y facilidad de uso para los webmasters. Todos estos esfuerzos no pasaron desapercibidos y obtuvimos una calificación promedio de 4,3 sobre 5 estrellas para cada uno de nuestros últimos lanzamientos de herramientas.
Una mirada atrás y una mirada al futuro
Llevamos realizando nuestra encuesta anual a clientes durante 10 años. La primera se remonta a 2012. Una década después, con más de 2.800.000 dominios alojados, las valoraciones positivas siguen en aumento, comenzando en 2012 con una tasa general de satisfacción de cliente de un 95% hasta alcanzar un 98% en 2021.
Estamos agradecidos por tus comentarios y por ayudarnos a mejorar nuestros servicios año tras año. En 2022 continuaremos mejorando nuestras herramientas y servicios y lanzando nuevos para clientes existentes y potenciales, y esperamos superar tus expectativas una vez más.
Los días de una web basada en páginas blancas, texto negro y enlaces azules se están desvaneciendo en la historia. Actualmente, si quieres llamar la atención, tu página web tiene que “saltar a la vista”. JavaScript, CSS e imágenes se suman a hacer llamativo tu sitio web. Las fuentes también añaden mucho al aspecto distintivo de tu sitio web.
Sin embargo, a diferencia de algunos de los otros elementos de tu sitio web, las fuentes pueden ser grandes bloques de datos que, si no se manejan correctamente, pueden ralentizar la carga de tu sitio web. La velocidad es el rey en estos días, por lo que, si bien ser llamativo es importante, debes asegurarte de no afectar a la velocidad de tu sitio al usar fuentes.
En este artículo, veremos las fuentes y cómo se relacionan con WordPress, cómo cambiar las fuentes en WordPress, cómo usar las fuentes de Google dentro de WordPress y, finalmente, cómo puedes organizar tus fuentes para que hagan que tu sitio de WordPress se vea bien sin afectar a la velocidad.
Así que empecemos, ¿de acuerdo?
Cómo agregar nuevas fuentes de WordPress a tu sitio
1. Elige una fuente en el formato correcto
El primer paso que debes hacer al trabajar con fuentes es seleccionar tu fuente e incluirla en tu sitio web. Si buscas, encontrarás muchas fuentes gratuitas disponibles para su uso. Estas fuentes vienen en una variedad de formatos. Debes asegurarte de que, al seleccionar una fuente, elijas una que esté disponible en el formato correcto. Como ocurre con todo en la web, tienes opciones y no todas son iguales.
EOF: fuentes OpenType integradas
Este formato es de fuentes OTF más compactas.
OTF: fuentes de tipo abierto
Estas son las fuentes web más utilizadas.
TTF: fuentes True Type
Este es un formato más antiguo desarrollado en la década de 1980 por Microsoft y Apple.
WOF 1.0: Formato de fuente abierta web
Este formato se usa ampliamente para páginas web y es recomendado por el W3C.
WOFF 2.0: Formato de fuente abierto web
Esta es una mejor opción que WOFF 1.0 debido a sus mejores capacidades de compresión.
En el momento de redactar este documento, todos los formatos eran compatibles con la versión actual de todos los navegadores web modernos. (NOTA: Internet Explorer no es un navegador web moderno).
Todos los formatos anteriores funcionarán, pero por motivos de rendimiento siempre que sea posible utiliza fuentes WOFF2. Cómo están comprimidas, se cargan más rápido.
2. Agrega la fuente de WordPress a tu sitio
Hay algunas formas diferentes de agregar fuentes personalizadas a tu tema. Veamos dos opciones: cómo puedes hacerlo manualmente y cómo puedes hacerlo a través de temas y plugins.
Opción 1: agrega fuentes manualmente a través del Administrador de archivos
Primero, veamos el camino difícil. Cargándolas manualmente.
Lo primero que debemos hacer es localizar una fuente. Yo saqué una desde uno de mis sitios personales, pero puedes buscar y encontrar una que te guste.
A continuación, debemos cargar el archivo de fuente real en nuestro sitio web. Dado que mi sitio de prueba está alojado en SiteGround, utilizo SiteTools-> Gestor de archivos para hacer esto.
Estoy usando el tema predeterminado actual de WordPres: twentytwentyone. Entonces, en ese directorio creo un directorio llamado “fuentes” y subo mi archivo de fuentes allí.
A continuación, debemos decirle a nuestro tema que tiene una nueva fuente con la que trabajar. Hacemos esto con una sección @font-face en nuestra hoja de estilo.
Esto le dice a nuestro tema que hay una nueva familia de fuentes llamada ace_sansbold y que se puede cargar desde fonts/acesans-bold-webfont.woff2.
Todo eso está muy bien, pero el solo hecho de tener una fuente no hace ninguna diferencia, tenemos que aplicar la fuente. Quiero que se utilice esta fuente en el título de mi sitio. Para hacer eso, buscamos el selector de estilo utilizado para eso y lo cambiamos.
En twentytwentyone, ese es el selector de título de .site-title. Por defecto tiene este aspecto:
Así es como se veía el título de mi sitio antes de agregar la fuente.
Después de seguir las instrucciones anteriores, se ve así:
Opción 2: agrega y edita fuentes a través de temas y plugins
Bien, lo hicimos de la manera difícil, ahora vamos a ver la manera más sencilla, es decir, aprovechar los temas y plugins para agregar fuentes a tu sitio fácilmente.
Cómo agregar fuentes usando el Editor de temas
La mayoría de los temas modernos tienen alguna forma de agregar fuentes y asignarlas a partes del sitio. Utilizo el tema Astra WordPress en uno de mis sitios y viene con una función llamada “Fuentes personalizadas”. En lugar de tener que aplicar manualmente el código CSS y cargar archivos, se me presenta un formulario simple que me permite agregar o editar fuentes.
Una vez que lo guardo, todo se gestiona automáticamente para mí. No solo la fuente está colocada donde debería estar y es fácilmente accesible, sino que las nuevas fuentes ahora aparecen en mi Editor de temas, listas para que las use. ¡Sin hackear CSS!
Como beneficio adicional, Astra viene preparado para que uses cualquiera de las fuentes de Google. Ya están programadas y listas para que las uses.
Cómo agregar fuentes usando los plugins de fuentes de WordPress
Si tu tema actual de WordPress no incluye fuentes listas para usar, todavía hay opciones como plugins freemium.
“Fonts Plugin” ofrece todas las fuentes de Google listas para usar en WordPress. Además, te permitirá ingresar tu clave API de Adobe si tienes una, para usar todas las fuentes de Adobe también.
Una de las cosas que este plugin no hará es permitirte cargar fuentes personalizadas como se describe arriba. La versión pro puede permitirte hacer eso, pero la documentación no está clara en este punto.
Una característica realmente buena de este plugin es que ofrece un nuevo bloque de Gutenberg llamado bloque “Google Fonts”. Esta es una extensión del blog Paragraph y te da la opción de seleccionar una fuente para el bloque. Cambiar las fuentes de un elemento de texto en Gutenberg es difícil. Es bueno ver a alguien darse cuenta de eso.
Hay otros plugins que puedes usar para agregar fuentes al tema existente de tu sitio web de WordPress. Echa un vistazo rápido al repositorio de plugins de WordPress y encontrarás varios que harán el trabajo.
[subscribe_cta]
Cómo cambiar las fuentes en el Personalizador de temas
Algunos temas de WordPress tienen selectores de fuentes para diferentes partes de tu página o sitio web. De forma predeterminada, twentytwentyone no lo hace, pero como se muestra arriba, Astra lo hace. En Astra, la opción “Global” tiene una opción de “Tipografía”. Al hacer clic en Tipografía, se presentan selectores que te permiten establecer diferentes fuentes y pesos para cosas como:
Cuerpo
Encabezados (H1-H6)
Esto te ofrece un amplio control sobre las fuentes que se muestran en tu sitio. Diferentes temas y plugins agregarán otras opciones al Personalizador de temas para permitirte un control más preciso sobre qué fuentes se usan y dónde. Un buen ejemplo de esto es el Font Plugin descrito anteriormente. Agrega una sección al Personalizador de temas para twentytwentyone para permitir a los usuarios seleccionar y asignar fuentes.
Puedes elegir fuentes, pesos y tamaños para la mayoría de los elementos estándar. Por ejemplo, arriba reemplazamos manualmente la familia de fuentes para el selector .site-title. Con Font Plugin, es tan simple como ir a Configuración avanzada> Marca.
Allí puedes seleccionar las opciones de Tipografía del título del sitio.
Bonus: cómo evitar que las fuentes ralenticen tu sitio
Hemos hablado mucho sobre cómo introducir fuentes en tu sistema y cómo utilizarlas. Sin embargo, las fuentes son solo una cosa más que un navegador tiene que cargar para ver tu sitio web. Las cosas que tiene que cargar un navegador son solo cosas que pueden ralentizar. ¿Cómo puedes lidiar con esto? La solución es precargar tus archivos de fuentes. Afortunadamente, si alojas tu sitio web con SiteGround, tienes acceso al plugin SiteGround Optimizer, que hará que esta tarea sea realmente sencilla. En la configuración del plugin > Portada > General, encontrarás la función “Precarga de fuentes”.
Esta opción es un poco diferente a la mayoría de las otras opciones en el plugin porque no está activada pero tampoco desactivada, debes ingresar la URL de tu fuente para que se puedan precargar.
En nuestro caso, la URL sería https://example.com/wp-content/themes/twentytwentyone/fonts/acesans-bold-webfont.woff2. Ingresamos esa URL y hacemos clic en Confirmar.
Esto insertará la etiqueta de enlace adecuada con rel = ”preload” en ella para que el archivo de fuente sea lo primero que se cargue. Puedes ver esto abriendo tu sitio web en un navegador diferente, uno en el que no hayas iniciado sesión, visitando la página y luego haciendo clic en Inspeccionar y establecer redes. Luego recarga la página.
La primera entrada es la página real que solicitó, pero la segunda entrada será el archivo de fuente. Se carga como primer activo.
Consejo importante:
Solo precarga los archivos de fuentes más comunes que utilizas. Si precargas todos tus archivos de fuentes, terminarás ralentizando tu sitio. Uno, tal vez dos archivos de fuentes precargados deberían ser lo suficientemente buenos para que tu sitio esté en funcionamiento.
Conclusion
Las fuentes son una buena forma de hacer que tu sitio se vea distintivo. Si se usan con moderación, pueden diferenciar tu sitio sin afectar significativamente su rendimiento.
Como ocurre con todas las cosas buenas, menos es más. Demasiadas fuentes ralentizarán tu sitio y también harán que tu sitio sea más difícil de leer para tus usuarios. Los resultados finales son los mismos en ambos casos, los usuarios rebotan al siguiente sitio, así que, como con todo, usa las fuentes del sitio web con prudencia y asegúrate de mantenerlas optimizadas.
Fernando Tellado, creador de ayudawp.com, y Fernando Puente, COO de YITH, nos visitaron una vez más en nuestra serie de webinars sobre WordPress para respondoer a las preguntas de asistentes al webinar.
Durante el webinar se pudieron contestar preguntas cómo las siguientes:
Diferencias entre WIX y WordPress
¿Cuál es la mejor CDN para principiantes?
Diferencias entre los plugins iThemes Security y SiteGround Security
El futuro de los maquetadores
¿Es recomendado instalar versiones Beta de WordPress en sitios en producción?
Puedes acceder a la grabación completa del webinar a continuación:
Esperamos vuestros comentarios, ideas y/o sugerencias sobre este webinar (aquí o directamente en el video). Si os habéis quedado con ganas de más, os recomiendo echar un vistazo a la lista de Webinars sobre WordPress y suscribiros a nuestro canal de YouTube de SiteGround España.
