Y es que aunque existen miles de plataformas, todas tienen sus desventajas, lo que hace difícil elegir una.

Por suerte instalar WordPress en Ubuntu (o cualquier otro VPS) es una tarea sencilla si tienes conocimientos básicos sobre como usar Linux.

¿No sabes si estas usando WordPress? Aquí te explico que es WordPress y como identificarlo.

¿Por que instalar WordPress en Ubuntu?

Ubuntu y Debian son dos de las distribuciones más populares de Linux en todo el mundo y están disponibles en la gran mayoría de PaaS (Plataformas como servicio).

Instalar WordPress en Ubuntu puede ayudarte a evitar los problemas más frecuentes del hosting compartido:

• Rendimiento muy bajo aun con un plugin de cache
• Restricciones en el numero de instalaciones WordPress que puedes tener
• Paquetes no disponibles con proveedores de hosting tradicionales
• Precios demasiado altos para lo que recibes

Lo mejor de todo es que algunos VPS pueden ofrecerte un rendimiento muy superior al del hosting compartido, y desde solo $20.00 MXN.

Instalar WordPress en Ubuntu con Webinoly

Es mi método favorito para instalar WordPress fácilmente en un nuevo servidor.

En la actualidad uso Webinoly en un pequeño servidor de 1GB RAM para desplegar más de 10 sitios WordPress.

¿Que es Webinoly?

Es una colección de scripts que automatización la instalación de un entorno LEMP altamente optimizado para WordPress.

Instalarlo es extremadamente sencillo, solo tienes que ejecutar:

wget -qO weby qrok.es/wy && sudo bash weby

Crear un sitio WordPress con Webinoly

Webinoly se encarga de la parte más difícil de configurar un servidor LEMP altamente optimizado para proyectos PHP (sí, no es exclusivo para WordPress).

Sí ya tienes instalado Webinoly en tu servidor Ubuntu solo necesitas ejecutar esta secuencia de comandos para tener disponible un nuevo WordPress.

# Creamos una nueva instalación de WordPress

sudo site dominio.com -wp

# Sí no has apuntado correctamente tu DNS al servidor Ubuntu es probable que necesitas activar SSL manualmente

sudo site dominio.com -ssl=on

# Esto es opcional, pero como yo accedo a los sitios desde diferentes ordenadores prefiero desactivar Basic Auth

sudo site tudominio.com -wp-admin=off

Y con eso es suficiente para crear una nueva instalación de WordPress. La documentación de Webinoly incluye explicaciones más detalladas de todas sus funciones.

Instalar WordPress en Ubuntu con SlickStack

Es una opción similar a Webinoly, y con un solo comando te permite crear un VPS altamente optimizado para WordPress.

La diferencia más grande es que SlickStack esta diseñado para hospedar una sola instalación de WordPress.

¿Como instalar SlickStack en Ubuntu?

Hay algunos requisitos que debes de cumplir antes de poder instalar SlickStack.

• La versión de Ubuntu debe de ser Ubuntu 22.04 LTS.
• Aunque SlickStack puede funcionar con 1GB de RAM lo recomendado son 2GB.
• Mientras más limpio, mejor. Evita instalar docker en el servidor.

La instalación es igual de sencilla que con Webinoly.

wget -O ss slick.fyi/ss && bash ss

A diferencia de Webinoly, en SlickStack no existen muchos comandos para poder administrar el servidor, por que una vez que apuntas los registros A y AAAA, tu instalación funcionara perfectamente.

Instalar WordPress en Ubuntu manualmente

Esta es la forma difícil de instalar WordPress Ubuntu, pero tiene la ventaja de que te permite conocer cada detalle de tu servidor.

Si tus conocimientos sobre administración de Linux no son tan avanzados puedo recomendarte otras alternativas, como Amazon Lightsail o Cloudways.

Para comenzar vamos a actualizar la lista de paquetes disponibles.

sudo apt update && sudo apt upgrade -y

Instalando Apache

Apache es el software encargado de enviar el contenido HTML al navegador de los usuarios cada vez que acceden a tu sitio web.

Para instalarlo ejecuta:

sudo apt install apache2 -y

# Para activar e iniciar Apache

sudo systemctl enable apache2
sudo systemctl start apache2

Si el registro A de tu dominio ya apunta a tu servidor deberias poder ver la pagina por defecto.

Instalar MySQL

Tu sitio WordPress requiere una base de datos, y aunque es posible usar SQLite, la opción más recomendadas es usar MySQL.

Para instalarlo ejecuta:

sudo apt install mysql-server -y
sudo mysql_secure_installation

Descargar e instalar WordPress

Apache y MySQL son los componentes más importantes de la receta, lo único faltante es descargar WordPress en el directorio /var/www/html de tu servidor.

Para hacerlo ejecuta:

cd /tmp
wget https://wordpress.org/latest.tar.gz
tar -xvzf latest.tar.gz
sudo mv wordpress /var/www/html/

Mi consejo: No instales WordPress de manera manual en un VPS

Explicar que hay pequeñas diferencias, pero la mayoria de cosas pueden hacerse igual

La entrada ¿Cómo instalar WordPress en Ubuntu? se publicó primero en ALPRADO.

¿Qué es WordPress?

WordPress es un gestor de contenido, significa que te permite administrar las paginas, entradas, imágenes, archivos, comentarios y mucho más de tu sitio web.

Es open source y ademas es gratuito, eso significa que puedes inspeccionar y modificar todo el código que hace lo hace funcionar.

El proyecto es desarrollado por una enorme comunidad de voluntarios de todo el mundo.

Y en la actualidad WordPress continua siendo una de las tecnologías más populares de internet.

¿Para que sirve WordPress?

WordPress es extremadamente útil para crear todo tipo de sitios web, desde pequeños portafolios hasta enormes tiendas.

Los sitios creados con WordPress son fáciles de administrar gracias al panel (dashboard) que incluye.

Y la principal razón por la que WordPress es tan popular es gracias a su tienda de plugins.

Con los plugins puedes convertir tu sitio web en una tienda, en un directorio o incluso en una red social.

Pero ademas WordPress también puede servirte para:

Diseñar sitios web

La gran variedad de plugins hace que WordPress sea la herramienta perfecta para diseñar nuevos sitios web.

Los maquetadores disponibles te permiten crear paginas muy fácilmente gracias a la amplia colección de widgets que te proporcionan.

Algunos de los plugins más usados para diseñar sitios web con WordPress son: Elementor, Bricks, Divi, Breakdance, Oxygen, entre otros.

Mejorar tu posición en Google

WordPress puede servirte para mejorar tu posición en Google gracias a los plugins especializados en SEO.

Con Yoast o Rank Math puedes optimizar los elementos más importantes de tu sitio.

Y aunque hace poco mencione que no son estrictamente necesarias para mejorar tu posición en las SERP, son ideales para alguien que esta comenzando con el SEO.

Crear una tienda en linea

WordPress es una opción perfecta para crear tiendas en linea.

Con el plugin de Woocommerce es posible crear una tienda en linea completamente funcional.

WooCommerce es una solución completa que incluye un carrito, buscador, productos y pasarelas de pago.

¿Y cual es la ventaja más grande de Woocommerce? Que crear tu tienda es gratis.

Es la opción más recomendada para emprendedores y pequeños negocios.

Vender productos digitales

Si quieres vender productos digitales, como cursos, musica o software, te recomiendo considerar a WordPress.

El plugin más popular para este tipo de tiendas es Easy Digital Downloads.

Crear una red social o un foro

Es sorprendente que WordPress pueda servir para crear redes sociales, pero con el plugin de BuddyPress es una realidad.

Si lo que necesitas es un foro puedes usar bbPress.

Los dos plugins son desarrollados por Automattic.

LMS

Es posible usar WordPress como un sistema de aprendizaje, donde puedes crear cursos y lecciones para tus alumnos.

Y si lo combinas con el plugin de EDD puedes vender tus propios cursos al estilo de Coursera.

Crear un directorio

Uno de los usos más populares es la opción de convertir WordPress en un directorio.

Gracias a los plugins disponibles puedes crear un directorio y compartir ofertas de trabajo, reseñas, restaurantes y mucho más.

¿Por que debería de utilizar WordPress?

He utilizado WordPress por más de 7 años

y hasta ahora es la tecnología que mas recomiendo

Deberias utilizar WordPress si cumples estos puntos

Esta disponible en cualquier servicio de hosting

Es el primer motivo que debes de considerar

WordPress es extremadamente facil de instalar en un servidor

Mi sitio web es bastante simple

Aunque WordPress es bastante potente es recomendable que mantengas tu sitio simple

eso te puede evitar problemas de rendimiento

pero tambien te ayuda a evitar ser hackeado

Quiero usar un maquetador

Esta es una de las ventajas más importantes de WordPress

con un maquetador hacer tu propio sitio web es extremadamente sencillo

Me importa posicionar en Google

Esta es otra ventaja importante

Con WordPress es bastante sencillo mejorar tu posición en Google

Piensas contratar a alguien

Es muy sencillo encontrar profesionales que usen wordpresss

por que es la herramienta mas popular del mercado

¿Y en que casos deberia evitar wordpress?

Aunque WordPress es una herramienta indispensable para mi, reconozco que no funciona para todos los casos.

En mi experiencia, deberías evitar usar WordPress si cumples con uno de estos puntos.

Ya tienes un sitio web hecho

Si ya tienes un sitio web que te funciona y has pensado en cambiar a WordPress deberías evitar hacerlo.

Aunque muchos plugins son atractivos la realidad es que WordPress también tiene serios problemas.

Piensas usar una gran cantidad de plugins

Los plugins son indispensables para cualquier sitio web hecho con WordPress.

Pero si haces mal uso de ellos vas a tener problemas de rendimiento y de seguridad.

Si tu sitio web comienza a requerir muchas funciones, es probable que sea hora de contactar a un desarrollador web.

Tu sitio web es muy pequeño

Para los sitios web más pequeños WordPress puede ser overkill.

Si tienes solo una o dos paginas y tu único objetivo es compartir tu correo electrónico o la ubicación de tu negocio, un sitio estatico puede ser mejor opción.

¿Cual es la diferencia entre wordpress.com y wordpress.org?

Muchos de mis clientes han cometido el error de confundir a wordpress.com con wordpress.org.

WordPress.com es una plataforma de paga que utiliza WordPress (el software gratuito).

Mientras que WordPress.org es el sitio web donde se distribuye la versión gratuita de WordPress.

Lo normal es que la gente se refiera a WordPress.org cuando hablan de WordPress (a secas)

Mi recomendación es que te alejes de wordpress.com si estas pensando en crear tu sitio web.¿Cuales son las mejores alternativas a WordPress?

Preguntas frecuentes sobre WordPress

Encuentra la respuesta a tus otras preguntas

¿Que hago si mi WordPress no funciona?

Los errores con WordPress pueden ser frustrantes y difíciles de solucionar. Te recomiendo ponerte en contacto si requieres mi ayuda.

¿WordPress es gratis?

Sí, la versión disponible en wordpress.org es completamente gratuita, y no debes de pagar ni un solo peso para descargarla.

¿Es dificil usar WordPress?

Si, WordPress es un proyecto enorme, y si no tienes conocimientos sobre desarrollo web vas a tener problemas para usarlo, aunque muchos de los plugins sean intuitivos.

¿Cuanto cuesta una pagina en WordPress?

El precio por desarrollar un sitio web con wordpress puede comenzar desde los 8 USD por hora, pero todo depende de los requisitos que tengas.

En resumen: WordPress es un CMS que sirve para crear sitios web

WordPress es una herramienta increíble para crear tu proximo sitio web.

Los plugins lo convierten en una herramienta muy flexible.

La entrada ¿Qué es WordPress y para que sirve? se publicó primero en ALPRADO.

Por esa razón es que se han vuelto tan populares los mega menús: por que permiten crear diseños más elaborados.

¿Quieres añadir uno a tu sitio web? Recopile algunas de las maneras mas simples de crearlo dentro de WordPress.

¿Qué es un mega menú?

Un mega menú es un contenedor desplegable que contiene una lista de enlaces, pero que a diferencia de los menús tradicionales, utiliza una estructura más elaborada.

¿Por que debería usar un mega menú en mi sitio web?

Solo te recomendaría utilizar uno si tienes una gran cantidad de paginas, entradas u otro tipo de contenido y es indispensable enlazarlo.

Es ideal para tiendas en línea, por que puedes crear una estructura que incluya una gran cantidad de categorías y productos de tu tienda.

La realidad es que muchos de mis clientes prefieren utilizar un mega menú, por que les permite incluir enlaces a redes sociales, a categorías, secciones e incluso les permite añadir buscadores y todo tipo de widgets.

Como hacer un mega menú en WordPress

No es posible hacer un mega menú con las herramientas que incluye WordPress por defecto.

Afortunadamente existen plugins que pueden ayudarte con esta tarea. Te dejo los que considero los más amigables y fáciles de usar, comenzando con el que uso yo.

Construyendo un Mega menú en WordPress con Elementor

¿Quieres saber como crear un Mega menú en Elementor? Prepare este video en el que uso el nuevo widget de menú para crear un menú similar al de la tienda de Nike.

Es mi opción favorita por que la considero bastante intuitiva, además Elementor es uno de los maquetadores más populares y probablemente ya lo estés usando, por lo que puedes ahorrarte un plugin más.

Utilizando HTML y CSS

Es la opción más poderosa de todas para tu menú, por que puedes crear todo tipo de elementos usando HTML5.

Elabore un pequeño prototipo que puedes usar para tu sitio web, puedes encontrar todo el código fuente que necesitas aquí.

Para incluirlo en tu sitio solamente debes usar un bloque de HTML e insertar el código con tus modificaciones.

Utilizando el plugin Mega Menú

No es mi opción favorita, pero es un plugin gratuito y con un poco de trabajo puedes crear un menú útil para tu sitio web.

Utilizar el plugin es algo complicado, por que todas las configuraciones las tienes que hacer desde el menú de WordPress.

Si decides usar un plugin verifica que no incluya demasiados recursos (CSS y JS) para mantener optimizado el FCP de tu sitio web.

En resumen

Existen diversas herramientas para crear un mega menu, pero la más adecuada es un editor WYSIWYG, de otro modo no puedes visualizar adecuadamente lo que estas modificando.

La entrada Creando un Mega menú en WordPress se publicó primero en ALPRADO.

Eso incluye desmentir muchas creencias erróneas sobre cómo mejorar tu posición en los resultados de Google.

Algunas de estas ideas tienen que ver con el mapa de tu sitio web, mejor conocido como el sitemap.

¿Qué es un sitemap?

Un sitemap es un archivo en formato XML que contiene una lista de las páginas disponibles en tu sitio web.

Puedes imaginarlo como el índice de un libro, pero en vez de utilizar números de página, se usan direcciones URL para encontrar cada página web.

¿Y para qué se usa un sitemap?

Con un sitemap, los motores de búsqueda pueden encontrar fácilmente las páginas de tu WordPress.

Aunque no es la única forma de rastrear contenido en internet, es una de las más eficientes y es ampliamente utilizada por Google, Bing, Yahoo y otros motores de búsqueda.

Además, existen otras herramientas que pueden utilizar el sitemap para analizar y encontrar errores de SEO, como Screaming Frog.

¿Cómo puedo generar un sitemap en WordPress?

Te tengo buenas noticias: desde la versión 5.5 (2020) de WordPress, el sitemap se genera automáticamente.

Y aunque es increíble tener esta función por defecto, no es fácil ajustar el contenido de este mapa del sitio.

Por eso, sigue siendo recomendable usar un plugin para administrar tu sitemap, como Yoast o Rank Math.

¿Es necesario tener un sitemap para que mi sitio web posicione en Google?

La respuesta simple es no. Ya no es necesario un sitemap para posicionar en los motores de búsqueda.

Te explico por que el sitemap ya no es la mejor forma de hacer accesible el contenido de tu WordPress.

Enviar una página a través de Search Console puede asegurarte que se indexe rápidamente

Cada vez que publico una nueva entrada en mi blog, la envío por medio de Search Console y, después de unos minutos, ya se encuentra indexada.

Mientras te asegures de publicar contenido de calidad, puedes estar seguro de que Search Console es la manera más rápida de indexarlo en Google.

El sitemap no puede asegurar que tus páginas se indexen

El caso contrario, y al que cualquier SEO se ha enfrentado, es cuando una página disponible en el sitemap no es indexada.

Es una situación muy común y es evidencia clara de que Google no considera al sitemap una fuente de la verdad.

Google recomienda usar un sitemap en ciertos casos

La documentación de Google menciona solo 3 situaciones en las cuales recomienda usar un sitemap.

• Si tu sitio es grande y contiene más de 500 páginas.
• Si tus páginas no están enlazadas entre sí y no tienes una gran cantidad de backlinks que apunten a tu sitio web.
• Tienes una gran cantidad de imágenes, audios y otro tipo de archivos.

En mi experiencia, son muy pocos los sitios que pueden superar las 500 páginas o que tienen una gran cantidad de elementos multimedia.

En Resumen: Solo los sitios más grandes necesitan un sitemap

Mi recomendación es que si estas utilizando WordPress no te preocupes por el sitemap.

No es necesario que lo envíes por medio de Search Console para indexar el contenido de tu web.

En cambio, para los sitios más grandes, es indispensable para asegurarte que todo el contenido este disponible para los motores de búsqueda.

¿Tienes problemas con tu sitio web? Agendemos una reunión para solucionarlos

Me encuentro disponible para solucionar los problemas de optimización SEO, de UX o de rendimiento en sitios WordPress.

Ponte en contacto para conocer como podemos trabajar.

La entrada Sitemap en WordPress se publicó primero en ALPRADO.

WordPress es una parte muy importante de mi trabajo, por eso quiero compartir mi opinión sobre su situación actual.

Y aunque

¿Cual es la situación actual de WordPress?

Todo comenzó cuando WordPress denuncio a WP Engine por hacer uso del proyecto sin contribuir de manera justa a su desarrollo.

Después de que WordPress recibió fuertes criticas por parte de la comunidad decidieron tomar control del plugin Advance Custom Fields.

Es la primera vez que algo así ocurría y la respuesta de la comunidad fue aun más fuerte, mientras que algunos desarrolladores retiraron sus plugins del repositorio oficial otros decidieron abandonar por completo la plataforma.

Miembros importantes de la comunidad proponen crear un modelo de administración donde los usuarios y desarrolladores estén más involucrados.

El problema real de WordPress es mucho más grave

Sigo utilizando WordPress en todos mis sitios web pero estoy al tanto de que es una herramienta con muchas deficiencias.

El drama actual fue el primer impulso para que la comunidad cuestionara el desarrollo de WordPress, pero los problemas son más antiguos.

Gutenberg es una experiencia terrible en todos los sentidos

Le he dado muchas oportunidades a Gutenberg (principalmente por que viene por defecto en todas las instalaciones de WordPress) pero sigue siendo un editor malo, muy malo.

Después de casi 6 años de desarrollo el numero de quejas sigue siendo muy alto (tiene una calificación de 2.8 / 5).

Y aunque la recepción de Gutenberg fue completamente negativa, los desarrolladores de WordPress decidieron continuar sin tomar en cuenta las recomendaciones que se les hacían.

WordPress es el peor CMS que he utilizado

Esta opinión me parece acertada, por que he probado muchos otros CMS (KirbyCMS, Grav, Laravel, OctoberCMS, Craft, WordPress Headless, Sitios Estáticos) y WordPress es el que menos funciones ofrece por defecto.

Es sorprendente, por que para ser el CMS más popular, WordPress es pésimo para gestionar cualquier tipo de contenido.

Es imposible crear un custom post type sin utilizar plugins y la alternativa es modificar el archivo functions.php de tu tema.

Y aunque existen plugins que solucionan esos problemas, no los considero perfectos, principalmente por el precio.

En resumen: La comunidad merece un CMS mejor

Las deficiencias de WordPress eran hasta cierto punto «manejables» y podias ignorarlas.

Pero el poco control que tiene la comunidad sobre WordPress, su desarrollo y su visión para el futuro son inaceptables.

Voy a continuar observando el drama desde la distancia y espero que comiencen a encontrarse soluciones que beneficien a la comunidad y a las empresas que desarrollan WordPress.

La entrada Mi opinión sobre los problemas recientes de WordPress se publicó primero en ALPRADO.

Pero en la practica, es una de las actividades de optimización en las que dedico la mayor cantidad de mi tiempo.

Y no soy el único especialista en SEO que considera al enlazado interno indispensable para obtener una buena posición en Google.

Por ello recopile algunos de los errores más comunes encontrados en paginas web de México.

¿Qué es el enlazado interno?

El enlazado interno es la técnica de SEO que consiste en crear enlaces dentro de un mismo sitio web, que dirigen a otras páginas o secciones de ese mismo dominio.

En otras palabras, es cuando una página dentro de tu sitio web conecta con tus otras paginas por medio de enlaces.

Si imaginas un diagrama, es parecido al de un anillo web que enlaza cada unas de tus paginas, y te permite recorrerlas todas, idealmente en un numero bajo de clics.

Aunque es una definición bastante sencilla, el enlazado interno es muy importante para distribuir la autoridad de nuestras paginas web.

¿Por que es importante solucionar los errores comunes de enlazado interno?

La razón más importante es que los errores de enlazado interno afectan la posición de tu sitio web en los resultados de búsqueda de Google.

Ademas, los errores más comunes de enlazado interno pueden entorpecer la navegación en tu sitio, lo que vuelve imposible encontrar lo que los usuarios buscan.

Imagina a un usuario intentando acceder a las ofertas más recientes de tu sitio web, pero sin un enlace apuntando a la categoría jamas van a lograrlo.

Solucionar los errores de enlazado interno puede ayudarte a:

Mejorar la posición de tu sitio web en Google

El beneficio más importante es la posibilidad de obtener una mejor posición en Google, ya que el enlazado interno te ayuda a distribuir el Link Juice de tus paginas más populares.

Una técnica que practico con frecuencia es reforzar la posición de una pagina mediante enlaces internos desde entradas de blog.

Simplificar la navegación en el sitio

Este beneficio puede ser más difícil de monitorear, pero imagina lo que pasa cuando un usuario navega en tu sitio web y no puede encontrar un formulario para contactarte, por que nunca enlazaste a la pagina de contacto.

Resolver los errores más comunes de enlazado interno le permite a tus usuarios encontrar lo que buscan en el menor numero de clics.

Aumentar la retención de usuarios en tu sitio web

Si los usuarios que navegan en tu sitio web pueden encontrar el contenido que les interesa de manera simple, vas a aumentar el tiempo que pasan en tu pagina.

¿Cuales son los errores más comunes de enlazado interno en sitios web de México?

El enlazado interno es una pieza clave en la estructura de cualquier sitio web, ya que ayuda tanto a los usuarios como a los motores de búsqueda a navegar y entender el contenido.

Sin embargo, en muchos sitios de México se cometen errores que pueden afectar la experiencia del usuario y el posicionamiento SEO. Aquí te dejo algunos de los más comunes:

1. Enlaces rotos

Es el error de enlazado interno más común, en especial en sitios con cientos de paginas, y es muy probable que también este presente en tu sitio web.

Un enlace roto es un ancla que enlaza a un recurso dentro de tu sitio web que ya no esta disponible, por lo que el servidor web (Apache, NGINX) devuelve un estado de error 404.

Los enlaces rotos no apuntan solamente a paginas web, también pueden enlazar contenido como imágenes, videos, audio o cualquier otro tipo de archivo.

Por suerte los enlaces rotos también son uno de los errores más simples de solucionar.

Para este error analice el sitio web de Coppel, una popular tienda en México que ofrece planes de pago muy accesibles.

En el sitio web (www.coppel.com), existen enlaces al final de la pagina que apuntan a recursos que ya no están disponibles.

El enlace Notas de Interés apunta a la URL https://www.coppel.com/blog/sitemap que ya no esta disponible.

¿Como encontrar un enlace roto?

Existen diferentes maneras de encontrarlos. Para mi la mejor opción es utilizar la herramienta de desarrollo de Chrome, en la pestaña de Red están disponibles los elementos que no pudieron cargarse (marcados en rojo).

¿Como resolver este error?

Es extremadamente simple resolver los errores 404.

Para resolverlos simplemente hay que actualizar los enlaces que apuntan al contenido que ya no esta disponible.

2. Enlaces internos difíciles de entender

Una de las recomendaciones más importantes dentro del SEO es desarrollar contenido simple de entender y enfocado en el usuario.

Es por esa recomendación que nuestras paginas deben estar distribuidas de manera lógica y con URLs simples de entender.

Para ejemplificar este error utilice el sitio de Bodega Aurrera.

Este es un enlace dentro del sitio (bodegaurrera.com.mx) que cumple las características de un enlace mal diseñado.

https://www.bodegaaurrera.com.mx/ip/pantallas/tv-hisense-50-pulgadas-4k-ultra-hd-smart-tv-led-50a6nv/00694235140838?athbdg=L1300

Para resolver este problema yo lo convertiría de este modo:

https://bodegaaurrera.com.mx/pantallas/tv-hisende-50-pulgadas-4k-ultra-hd-smart-tv-led

• Elimine /ip/ de la URL por que su proposito es indescifrable
• Puede ser un cambio controversial, pero añadir www a un dominio no aporta nada
• La URL sin parametros es mas facil de leer

Ademas de mejorar la redacción de la URL también es importante que nuestras paginas estén distribuidas de manera coherente.

¿Como encontrar y resolver los errores de enlaces difíciles de entender?

Es más complicado encontrar este tipo de errores por que puede ser algo muy subjetivo, pero la recomendación más útil es la de no superar los 100 caracteres.

3. Enlace con texto mal optimizado

Un enlace con texto mal optimizado es aquel cuyo anchor text (el texto visible del enlace) no es claro, relevante o útil para el usuario y los motores de búsqueda.

Este tipo de enlaces utilizan mensajes muy genéricos que no aportan contexto ni valor al usuario, lo que complica comprender fácilmente la finalidad del enlace.

Desde mi punto de vista, estos son los mensajes que deberías evitar usar en tu sitio web.

Mensajes genericos y poco descriptivos

Los enlaces que incluyen mensajes similares a estos no son fáciles de interpretar:

• Todas las variantes de Leer más (Ver más, leer más, saber más, conocer más)
• Mensajes que solo invitan a contactar (Contactanos, contacto, ponte en contacto)
• Invitaciones a realizar una acción (Continuar, enviar, regresar)

En el caso de Liverpool (www.liverpool.com.mx) algunos enlaces contienen texto muy poco descriptivo.

Todas las categorías incluyen un enlace para Ver más productos, pero esos enlaces no proporcionan suficiente contexto de manera individual.

Resolver este tipo de errores requiere un poco de esfuerzo, en el ejemplo anterior un mejor texto seria: Ver más consolas en oferta.

Mensajes sobreoptimizados y demasiado largos

El texto de un enlace debería de describir claramente al contenido de la pagina con la que esta enlazando.

Añadir una gran cantidad de palabras clave dentro de un enlace puede tener un efecto negativo en el SEO de tu sitio web.

Si estas utilizando más de 10 palabras en el texto de tu enlace es posible que estes cometiendo un error de sobreoptimización.

4. Uso excesivo de enlaces internos

El uso excesivo de enlaces internos puede generar una mala experiencia de usuario y afectar el SEO de un sitio web.

Cuando una página contiene demasiados enlaces, los visitantes pueden sentirse abrumados y no saber cuál es la mejor opción a seguir.

Además, los motores de búsqueda pueden tener dificultades para determinar la importancia de cada enlace, diluyendo la autoridad de las páginas enlazadas.

Lo ideal es mantener un equilibrio, asegurándose de que cada enlace aporte valor, sea relevante y facilite la navegación sin saturar el contenido. 

El sitio web de Agua Inmaculada (https://www.aguainmaculada.com) publica contenido sobre purificación de agua y franquicias en México.

En esta captura de pantalla es posible identificar dos errores comunes de enlazado interno.

El primer error es que solamente en la imagen es posible encontrar 5 enlaces, ademas algunos párrafos contienen hasta 2 anclas.

El segundo error es que esos enlaces no siguen una secuencia lógica.

Si la entrada de blog habla sobre Negocios rentables los enlaces deberían conectar con recursos relacionados a los negocios con posibilidad de ser rentables.

5. Mantener una buena jerarquia

Una buena jerarquía de enlaces internos es clave para la organización y navegación de un sitio web.

Ayuda a los usuarios a encontrar contenido de manera intuitiva y permite a los motores de búsqueda entender la estructura del sitio.

Lo ideal es que las páginas más importantes estén a pocos clics de la página de inicio y que los enlaces sigan una estructura lógica, desde lo más general hasta lo más específico.

Sin una jerarquía bien definida, algunas páginas pueden quedar aisladas (páginas huérfanas) o perder relevancia dentro del sitio. 

Usemos mi blog como ejemplo: Mis servicios de consultoría están en la parte más superior de la jerarquía, por lo que siempre están disponibles a un solo clic de distancia.

Mis casos de éxito son medianamente importantes por lo que no enlazo a ellos con frecuencia.

Conclusión: Los errores de enlazado pueden perjudicar tu posición

Los errores en tu sitio web no solo afectan tu posicionamiento en Google, sino que también impactan la percepción de calidad por parte de los usuarios.

Resolverlos mejora la experiencia de las personas que buscan tu negocio y fortalece tu presencia en línea.

Agendemos una reunión para resolver los errores de tu sitio web

¿Quieres resolver los errores que le impiden a tu negocio conquistar los resultados de búsqueda?

Puedo ayudarte a optimizar tu sitio web, corregir enlaces rotos y mejorar tu posicionamiento en Google.

Contáctame hoy y llevemos tu negocio a las primeras posiciones de Google. 

La entrada Analice los 5 errores más comunes de enlazado interno en sitios web de México se publicó primero en ALPRADO.

Y es que no solo afecta la percepción que tienen los usuarios de tu negocio, también les impide encontrar rápidamente lo que buscan.

Ademas, Google ha confirmado que se trata de un factor SEO para su motor de búsqueda.

Voy a compartirte los mejores trucos que conozco para optimizar el FCP en WordPress.

Primero lo importante: ¿Que es el First Contentful Paint?

Es una de las métricas de rendimiento web definidas por Chrome y que tienen el propósito de determinar si un sitio web es lento, desde el punto de vista del usuario.

El FCP mide el tiempo que tarda tu página web en pintar cualquier contenido (texto o imágenes) en la pantalla del navegador.

Puedes encontrar una descripción mucho más completa en web.dev (sitio oficial de Google).

¿Por qué es importante mejorar el FCP de mi sitio web en WordPress?

Desde el 2010 Google reconoce oficialmente que la velocidad de un sitio web puede afectar la posición de tu sitio web en los resultados de búsqueda.

De manera personal considero que los factores de rendimiento son muy importantes y no solo por cuestiones de SEO.

En una página web muy lenta es bastante común encontrar que el porcentaje de rebote (usuarios que salen del sitio sin navegar a otra página) es demasiado alto.

Y es fácil de entender, por qué las personas detestan los sitios lentos y poco responsivos.

Estudio: Analizando el FCP de los primeros 10 resultados de Google

A modo de ejercicio hice un pequeño estudio: Analice el FCP de los 100 sitios que devuelve la busqueda de Google para la consulta «Que es el SEO».

El FCP de los primeros 20 resultados son los siguientes:

Aunque se trata de un estudio pequeño, se puede notar que los primeros resultados nunca superan un FCP de 4s y que conforme avanzas a la segunda y tercer página de resultados de Google el FCP comienza a aumentar aún más.

El gráfico con los 100 resultados y sus respectivos FCP queda así:

Visualmente es mucho más fácil notar como el FCP tiene una pequeña relación con la posición SEO de un sitio web en los resultados de búsqueda de Google.

¿Cómo se mide el FCP en WordPress?

Es la métrica de rendimiento web más simple de entender. Cuando abres una página web el navegador comienza a descargar los recursos de tu sitio, como scripts, hojas de estilo, imágenes y el código HTML.

Una vez que el navegador ha descargado los recursos más críticos comienza con el renderizado de la pagina web. Cuando se muestra en pantalla una imagen o un texto finaliza el conteo del FCP.

Calculando el FCP de tu WordPress

Existen diferentes formas de conocer el FCP de tu página web pero las más accesibles son las siguientes.

Google Speed Insights

Usar Speed Insights para obtener el FCP de una página web es extremadamente sencillo y es la mejor forma de obtener el valor de esta métrica.

Para calcularlo es necesario acceder al sitio web de Speed Insights (https://pagespeed.web.dev/) e ingresar la URL de la página que quieres evaluar.

Después de procesar tu página web Speed Insights te devuelve un reporte con las métricas más importantes de tu sitio web, incluido el FCP.

Chrome Lighthouse

Lighthouse está disponible en Chrome y es la misma herramienta que utiliza Google Speed Insights para generar los reportes.

Para acceder a Lighthouse debes abrir el panel de desarrollador (presionando F12) y navegar hasta la pestaña de Lighthouse.

Después de analizar tu sitio web Lighthouse va a crear una reporte muy similar al que puedes obtener en Google Speed Insights.

Recuerda no ejecutar Lighthouse en la misma ventana donde tienes abierta la sesión de tu WordPress, por que los recursos que carga WordPress van a afectar el FCP de tu página.

¿Como se optimiza el FCP en WordPress?

Para mejorar el FCP dentro un sitio en WordPress es necesario reducir los recursos que pueden retrasar el renderizado de la página y mejorar el tiempo de carga del sitio web.

En mi experiencia, estos consejos son los que te pueden servir.

1. Reducir el CSS y Javascript

Es uno de los consejos más comunes y se debe a que reducir el número de hojas de estilo y de scripts que carga tu sitio web puede mejorar enormemente su rendimiento.

Si en tu Instalación de WordPress utilizas un maquetador (Elementor, Bricks) o un tema desarrollado por otra persona puede ser difícil reducir el numero de recursos de tu sitio web.

Una forma fácil para lograrlo es desinstalar plugins innecesarios, ya que muchos añaden scripts o archivos CSS que en muchas situaciones solo afectan el rendimiento de tu sitio.

2. Reducir el número de fuentes

Las fuentes son importantes para mejorar el diseño de una pagina y para ofrecer una buena experiencia al usuario.

El uso de fuentes personalizadas puede mejorar la estética de una página, pero si no se gestionan correctamente, pueden aumentar los tiempos de carga y afectar métricas clave.

Mi consejo cuando se trata de fuentes es integrarlas en el sitio web de manera inline como base64. Eso asegura que cuando tu sitio cargue la fuente ya haya sido descargada.

3. Optimizar el tamaño de las imágenes

Existen diferentes técnicas de optimización SEO para imágenes que ademas de ayudarte a mejor la visibilidad de tu sitio en las SERP puede conseguirte mejorar el tiempo de carga de tu pagina web.

Comprimir las imágenes es una de las técnicas más comunes para mejorar el rendimiento de una pagina web y también pueden afectar positivamente el FCP.

Mi recomendación es utilizar servicios web como jpeg-optimizer.com por que los plugins encargados de optimizar imágenes inyectan scripts que pueden empeorar el rendimiento.

4. Mejora tu hosting

Este es un problema muy común, por que la mayoría de sitios en WordPress usan un hosting compartido con rendimiento muy bajo.

Y no es que el hosting compartido sea malo, pero si tu tienda en linea recibo a cientos de visitantes, tienes que buscar una mejor opción de hosting.

La mejor alternativa es usar un VPS o alguna plataforma especializada, que aunque son más costosas, si ofrecen un rendimiento muy superior.

5. Reduce el numero de etiquetas de seguimiento

Una gran cantidad de etiquetas de seguimiento (como la de Analytics o Tag Manager) y pixeles puede afectar el tiempo de carga de tu sitio web.

Elimina o mueve al footer las etiquetas que no sean indispensables.

6. Usa un CDN

No es algo que considere indispensable, por que los beneficios de un CDN son más visibles cuando tus visitantes vienen de distintos países.

Pero un CDN puede ayudarte a servir las imágenes de manera más rápida, y al mismo tiempo reduces la carga de tu servidor.

7. Instala un plugin de Cache

Usar un plugin de cache es una forma simple de mejorar el FCP de tu sitio WordPress, pero debes hacerlo cuidadosamente para evitar problemas.

He visto decenas de sitios web con errores (formularios que no funcionan, mapas que no se ven, widgets que no sirven) y los plugins de cache siempre son los responsables.

8. Cambia de tema

Algunos temas de WordPress incluyen recursos de manera errónea y que probablemente no necesitas en tu sitio web, por lo que cambiar de tema es una buena forma de optimizar el FCP.

Los más populares, como GeneratePress pueden reducir enormemente el tiempo de carga de tu sitio web.

Conclusión: Mejorar el FCP es indispensable para el SEO

Mejorar el FCP en WordPress es una tarea difícil, que requiere conocimiento avanzados sobre desarrollo web, pero es indispensable para mejorar la experiencia de usuario y la posición de nuestra web en Google.

¿Quieres mejorar el rendimiento de tu sitio web pero no sabes como? Agenda una consulta rápida y descubre como puedo ayudarte a llevar tu sitio web al siguiente nivel.

La entrada ¿Cómo optimizar el FCP en WordPress? 8 consejos para mejorarlo se publicó primero en ALPRADO.

He podido desarrollar decenas de sitios web con WordPress, algunos eran pequeños y promovían el servicio de renta de sanitarios, otros son tiendas con miles de productos para automatización industrial.

Pero siempre que comenzaba a trabajar en un sitio que no había desarrollado encontraba el mismo problema: el sitio era extremadamente lento.

Por eso me propuse crear una lista con los mejores consejos para que tu próximo sitio hecho con WordPress sea veloz, esté optimizado para SEO y que sea fácil de administrar.

Antes de mejorar la velocidad WordPress hay que identificar si nuestra instalación es lenta

Al comenzar a trabajar en mejorar la velocidad WordPress debes determinar cual es su estado y si es aceptable o es demasiado lento.

Si accedes a tu página web desde un dispositivo con buenas características y además tienes una conexión a internet con más de 50 Mbps de descarga ningún sitio va a parecerte lento.

Pero la realidad es que los visitantes de tu sitio van a utilizar toda clase de dispositivos y en los peores casos no van a tener una buena conexión a internet.

Para evaluar la velocidad de tu página puedes usar estas herramientas.

Lighthouse

Es la primer herramienta que utilizo cuando comienzo a trabajar en sitio nuevo y es perfecta para conocer el estado de una página.

Además de proporcionar información sobre la velocidad de un sitio web también tiene la capacidad de generar reportes sobre el estado de la Accesibilidad, sobre la Optimización SEO y buenas practicas.

Lighthouse puede generar reportes de:

• Tiempo que el navegador tarda en procesar los estilos y los scripts del sitio.
• Peso y resolución de las imágenes.
• Valores obtenidos sobre las Core Web Vitals.

GTMetrix

Es una herramienta similar a Lighthouse y fue por mucho tiempo la opción mas popular para conocer el rendimiento de una pagina web.

Hoy día ya no es tan conocida y mi recomendación personal es no utilizarla. Lighthouse ofrece información más detallada sobre como mejorar la velocidad web.

Pingdom

Es desarrollada por Solar Winds y es otra alternativa disponibles. A diferencia de GTMetrix es más precisa con los reportes que genera y además continúan añadiendo factores para evaluar. Puedes usarla aquí.

PageSpeed Insights

PageSpeed Insights es una aplicación web de Google y funciona mediante el uso de Lighthouse. A diferencia de Lighthouse esta herramienta puede proporcionarle información sobre el rendimiento que tienen los visitantes cuando visitan tu sitio.

Es muy simple de utilizar por que solo requiere que ingreses la URL de tu dominio y después de ello comenzará a generar el informe de rendimiento del sitio.

¿Por qué debería tener un sitio veloz?

Hay una frase que comparto muy seguido con los clientes que buscan mi servicio de Consultoría WordPress: a nadie le gustan los sitios lentos.

No importa que tu estrategia SEO te funcione para estar en los primeros lugares de Google si los usuarios no pueden utilizar tu sitio por su lentitud a la hora de cargar.

Está demostrado que una página web veloz y simple de usar puede aumentar el número de conversiones y de ventas. También puede ayudarte a:

• Obtener una mejor posición en las SERPs (La velocidad es un factor de posicionamiento).
• Reducir el porcentaje de rebote del sitio.
• Mejorar la navegación de los usuarios dentro del sitio web.

¿Como mejoro la velocidad de mi WordPress?

Mejorar la velocidad de una página desarrollada con WordPress requiere hacer una evaluación de los factores que están afectando el rendimiento.

En mi experiencia hay 3 aspectos que pueden trabajarse para mejorar la velocidad de carga: la cantidad de plugins instalados, el hosting donde esta alojado el sitio y los recursos de la página.

Hosting Optimizado para WordPress

Seleccionar un buen hosting es el primer paso para comenzar a optimizar el tiempo de carga WordPress.

Los paquetes más económicos por lo general no ofrecen un rendimiento aceptable para páginas web pequeñas o tiendas en linea enormes.

Mi lista de recomendaciones incluye opciones atractivas y fuera de lo común (por que no voy a incluir las empresas de hosting que han recomendado cientos de veces).

Elementor WordPress Hosting

Esta opción es ideal si piensas desarrollar un sitio web con Elementor por que el paquete básico incluye características de hosting ideales para WordPress.

La gran ventaja es que a diferencia de cualquier otro Hosting este te da acceso a la versión Pro de Elementor, por lo que te ahorra la necesidad de adquirirla por separado.

Nixihost

Es el hosting que utilizo en la actualidad para alojar mis paginas web (como este blog) y las de mis clientes.

Han respondido rápidamente a mis dudas, sus paquetes son ideales para una instalación WordPress y tienen un precio accesible.

Sitio estático con WordPress

Es una opción diferente. Consiste en convertir una instalación de WordPress a una versión estática que no requiera base de datos o de PHP.

Los sitios estáticos tienen ventajas muy llamativas y el rendimiento es una de ellas.

Plugins para Acelerar WordPress

La opinión de muchos desarrolladores WordPress es que el uso de plugins no soluciona problemas, al contrario, puede empeorar la velocidad de una página.

Yo comparto esa opinión por que he trabajado con clientes que trataron de solucionar sus problemas de rendimiento mediante el uso de plugins con muy malos resultados.

Es un error común y muy grave por que instalar plugins puede generar otro tipo de problemas de seguridad y hay muchos errores que no pueden solucionarse con más plugins.

Plugins de Cache

Son indispensables para tiendas que usen Woocommerce en donde se hace un uso frecuente de PHP, de otro modo no es necesario que instales un plugin de cache.

Te recomiendo usar WP Rocket, es un plugin gratuito que puede acelerar el rendimiento de tu sitio almacenando las páginas en caché.

Otros Consejos

Si tus problemas no son ocasionados por un plugin o por el hosting significa que estás cargando recursos demasiado pesados.

Para identificarlos puedes usar Lighthouse y generar un mapa con el tamaño que ocupa cada recurso de tu página web.

En el caso de mi sitio uno de los recursos más pesados es el script de Tag Manager, por lo que puedo considerar eliminarlo (y lo voy a eliminar, solo lo añadí para realizar pruebas).

En general eliminar los recursos que demoran demasiado tiempo en descargarse es mucho más sencillo que intentar optimizarlo.

La entrada Como optimizar la velocidad de WordPress se publicó primero en ALPRADO.

Para los sitios complicados y con miles de funciones utilizar WordPress era lo correcto, pero para los sitios pequeños y que nunca se actualizaban sugería convertirlos en sitios estáticos, utilizando un generador de sitios estáticos para simplificar su administración.

¿Qué es un sitio estático?

Un sitio estático es un conjunto de páginas web listas para su despliegue, no requieren un servidor web tradicional que procese un script (PHP, JavaScript, entre otros) para generar código HTML.

En realidad, este tipo de sitios estáticos si necesitan un servidor web que responda a las peticiones de un navegador, como podría ser Apache o Nginx, pero dado que solo contienen código HTML es muy simple distribuirlas gracias a plataformas como Netlify o Github Pages.

¿Por qué debería utilizar un Generador de Sitios Estáticos?

El beneficio más grande que se obtiene al convertir un sitio dinámico a uno estático es la gran facilidad para hospedarlo.

Además, trabajar con un generador de sitios estáticos tiene estas otras ventajas:

Facilidad para poner el sitio en internet

Existen plataformas diseñadas específicamente para servir sitios estáticos, como Netlify, Github Pages o Cloudflare Pages. Todas estas plataformas ofrecen la opción de generar el sitio estático desde una rama de git al hacer un push.

Este proceso simplifica enormemente la manera común de desplegar un sitio web, con la ventaja de que el código fuente se mantiene ordenado gracias al uso obligatorio de git.

Los sitios estáticos son seguros

Gracias a los generadores de sitios estáticos, tu pagina web nunca ejecuta código de lado del servidor, lo que elimina todos los problemas de seguridad relacionados a lenguajes como PHP o JavaScript.

En el caso de sitios hechos en WordPress el mayor número de vulnerabilidades proviene de los plugins, por que una instalación común puede hacer uso de hasta 10 plugins.

Y aunque los plugins de WordPress son indispensables para crear sitios web más avanzados, los sitios estáticos pueden funcionar a la perfección sin necesitar de un lenguaje que procese solicitudes antes de enviar una respuesta HTML.

Un sitio estático puede atender a millones de visitantes

El rendimiento de un sitio generado de manera estática es inigualable y es difícil obtener resultados similares con un sitio web tradicional.

A diferencia de una pagina web tradicional, los sitios estáticos no tienen que hacer ningún preprocesado, por lo que los navegadores reciben de manera inmediata una respuesta con el código de nuestro sitio.

Además, un sitio web estático puede resistir ataques de DDoS de manera muy simple, por que el servidor no consume recursos para procesar ningún tipo de script.

Desventajas de los sitios estáticos

Los sitios estáticos no están llenos de ventajas, uno de sus principales problemas es que al no disponer de un servidor es difícil procesar los formularios o hacer acciones más avanzadas, como llamar a una API.

Otra desventaja es la dificultad para editar el contenido del sitio, por que a diferencia de un WordPress no tienes un panel de administración en el que puedas hacer ajustes y visualizarlos rápidamente.

Aun así, estas desventajas no deberían afectar a los sitios más pequeños que tienen solo el objetivo de compartir información en internet y que raramente se actualizan.

Ejemplos de sitios estáticos

Algunos sitios muy importantes de internet se han pasado al modelo de sitios estáticos para aprovechar las ventajas que proporcionan.

Esta lista de sitios utilizan un generador de sitios estáticos:

• El Analizador de código ESLint
• El blog de desarrollo de Chrome
• La librería de animaciones GSAP

Si te preguntabas si los sitios estáticos son útiles, esta lista te lo puede confirmar, ya que incluso enormes empresas como Google están utilizando Eleventy para generar sitios con un rendimiento excelente.

¿Cómo añadir funciones dinámicas a un generador de sitios estáticos?

Las plataformas diseñadas para alojar sitios estáticos incluyen la capacidad de crear funciones personalizadas que se pueden ejecutar haciendo una petición, como si se tratara de una API.

Es fácil añadir dinamismo a los sitios hechos con un SSG (static site generator), y es indispensable para resolver los problemas más complicados, como el envío de formularios.

En el caso de Netlify disponemos de las Functions para poder acceder a funciones más tradicionales dentro de un sitio estático, como el almacenamiento de contenido en una base de datos, envió de formularios o la creación de archivos.

¿Cómo editar el contenido de un generador de sitios estáticos?

La forma más simple de editar el contenido de un sitio estatico es utilizando un panel de administración, como WordPress.

Durante la Consultoría WordPress me gusta hacer énfasis en la flexibilidad de WordPress y cómo puede convertirse en un panel para administrar el contenido de un sitio estático.

Además de ser el gestor de contenido para un sitio estático también se puede generar una versión estática de un sitio diseñado con WordPress y con maquetadores, como podría ser Elementor.

Con Simply Static puedes crear un sitio estático desde WordPress, despues puedes subir tus archivos a una plataforma de alojamiento.

Comparativa de generadores estáticos

Existe una enorme cantidad de generadores de sitios estáticos y es imposible hacer una evaluación de todos pero el sitio https://jamstack.org/generators/ contiene una descripción sobre cada generador y filtros para encontrar un SSG adecuado.

Jekyll vs Hugo

Jekyll es uno de los generadores de sitios estáticos más antiguos y uno de los más simples de usar, las plantillas se crean utilizando Liquid.

Hugo es un generador especializado en el manejo y optimización de recursos (Imágenes, Vídeos, Fuentes) y utiliza el lenguaje de programación Go para la creación de templates.

Mi recomendación es comenzar a trabajar con Hugo. Es un SSG más moderno, con excelentes funciones para el manejo de assets y puede generar sitios enormes en cuestión de segundos.

Eleventy vs Jekyll

Eleventy a diferencia de Jekyll es un generador más moderno, está disponible en NPM y utiliza Javascript como lenguaje de configuración.

Cuando usas Eleventy tienes acceso a muchas opciones, te permite trabajar con un gran número de motores de plantillas como Liquid, Javascript, Pug y otros.

Te recomiendo utilizar Eleventy en vez de Jekyll, la cantidad de dependencias que necesita en muy reducida y además dispone de plugins muy útiles como Eleventy-Img para crear fácilmente imágenes optimizadas para todos los dispositivos con el uso de srcset.

Eleventy vs Hugo

Es una comparación más difícil y no hay un claro ganador: Trabajar con Eleventy es muy facil y rapido, a diferencia de Hugo que es más difícil de configurar.

Eleventy requiere Node mientras que Hugo tiene un ejecutable por lo que no es necesario instalar nada para empezar a trabajar.

Eleventy utiliza Javascript para la mayoría de ajustes mientras que Hugo hace uso de Golang.

Yo utilizaría Eleventy si prefieres Javascript y Hugo si tienes requisitos importantes de velocidad, si se trata de un sitio muy grande o si te gusta trabajar con Golang.

GatsbyJS vs Next.js

Estos dos generadores de sitios estáticos se salen un poco de la norma por que utilizan React para generar paginas muy dinámicas pero que tienen los beneficios del HTML estático.

En particular Next.js es mucho más avanzado que los otros SSG y gracias a los React Server Components puede funcionar como un servidor tradicional, tal como PHP o Node.

En mi opinión existen muy pocas razones para trabajar con Gatsby ya que Next.js se ha convertido en el framework «React» más utilizado en el mundo y tienes la posibilidad de convertir una página estático en un sitio tradicional.

Hugo vs Gatsby

GatsbyJS es el primer generador de sitios web estáticos que use y aunque fue una experiencia increíble hoy día no le recomendaría a nadie trabajar con el.

Para sitios más pequeños es conveniente trabajar con generadores fáciles de usar, como Eleventy o Pelican, mientras que los sitios más grandes se benefician de utilizar Hugo o Next.js

¿Tu tienes un SSG favorito? Dejame un comentario y platícame sobre cómo utilizas un generador de sitios para diseñar páginas web optimizadas para los usuarios.

La entrada Generador de Sitios Estáticos se publicó primero en ALPRADO.

Sin embargo, antes de que existieran los buscadores web las personas ya tenían la necesidad de encontrar contenido en internet.

Por eso es que comenzaron a crear directorios donde agrupaban paginas web con temáticas similares para facilitar la búsqueda de sitios web.

Los webrings son una de estas soluciones, y aunque suene sorprendente, aun hoy día existen comunidades dedicadas a crear anillos web.

¿Que es un webring?

Un webring o anillo web es un grupo de páginas enlazadas de manera circular y que se agrupan entorno a una temática.

La realidad es que los webrings de la actualidad no son tan estrictos, y simplemente son colecciones de paginas con algo en común.

¿Por que se les llama anillos web?

Los webrings son circulares por que todos los sitios están conectados uno a otro por medio de enlaces.

La estructura circular permite que puedas retroceder o avanzar al siguiente sitio del webring mediante enlaces que están en una zona accesible.

Esta forma de navegar es lo que facilitaba encontrar contenido en internet antes de que buscadores como Bing o Google Search se volvieran tan populares.

¿Como puedo unirme a un webring?

No existe un solo proceso para poder unirte a un anillo web pero en general se puede resumir en esto:

• Enviar una petición para poder formar parte del webring.
• Añadir el codigo HTML en tu sitio web para poder navegar en el anillo.
• Esperar a que la solicitud sea aprobada

Este es el proceso que he seguido para unirme a algunos anillos web pero no significa que sea el único.

Existen comunidades como la de a11y-webring.club que tienen el requisito de eliminar los errores de accesibilidad de tu sitio web para poder formar parte del anillo.

¿Como puedo crear mi propio webring?

Crear un webring es relativamente sencillo y puede ser una oportunidad increíble para crear una comunidad única en internet.

Encuentra una temática única e interesante

Piensa en un tema que te apasione y que pueda atraer a otros creadores de contenido. Puede ser sobre arte, tecnología, historia, videojuegos o cualquier nicho que tenga una comunidad activa.

No es estrictamente necesario que sea una temática única, pero crear un webring diferente a otro puede ayudarte a conseguir personas interesadas en unirse.

Utiliza un software especializado

Usar un programa no es la única forma de crear un webring, pero si el numero de integrantes se vuelve demasiado grande va a ser complicado gestionarlos.

Publica tu anillo en redes sociales

¿Es bueno formar parte de un anillo web?

¡Por supuesto! Formar parte de un webring puede ayudarte a conseguir nuevos lectores en tu sitio web y tambien es una herramienta para conectar con otros creadores de contenido.

Ademas, algunos anillos web fomentan la creatividad al imponer requisitos sobre sus miembros, como crear un sitio accesible o con un diseño retro.

Webrings populares en la actualidad

Esta es la lista de los anillos a los que me he unido y que pueden parecerte interesantes.

Retro CSS

El anillo webring.dinhe.net esta dedicado a crear una colección de sitios web con apariencia retro, sin CSS y sin JS.

One line JS

La comunidad de sugarfi.dev se dedica a crear paginas web sin una sola linea de Javascript.

La entrada ¿Que son los Webrings? se publicó primero en ALPRADO.