Enlaces Dinámicos (Dynamic URLs) y Cómo Utilizarlos en WordPress

Algunos propietarios de sitios web no siempre prefieren que el navegador muestre el mismo contenido a todos los visitantes, sino que desean cambiar el contenido de la página según variables relacionadas con el visitante, como el tipo de dispositivo utilizado para acceder al sitio o la ubicación geográfica del visitante. Esto es exactamente lo que ofrecen las URLs dinámicas (Dynamic URLs). En este artículo destacaremos el concepto de URLs dinámicas y sus beneficios, y luego explicaremos cómo utilizarlas y aprovecharlas en WordPress mediante una extensión especializada.

Concepto de URLs dinámicas

Las URLs dinámicas, o lo que podemos llamar Smartlinks dinámicos (Dynamic Smartlinks), se pueden definir como enlaces a páginas web cuyo contenido cambia según una variable relacionada con el visitante que las consulta, como su ubicación geográfica, zona horaria, dirección IP o número de visitas a la página web con el enlace dinámico, entre otras variables. Es decir, las URLs dinámicas son enlaces inteligentes que se pueden usar para mostrar contenido personalizado para cada usuario o grupo de usuarios que visitan una página web. En contraste, el otro tipo de enlaces, donde el contenido de las páginas no cambia según una variable, se denominan URLs estáticas (Static URLs), que a diferencia de las URLs dinámicas, muestran el mismo contenido a todos los visitantes independientemente de su ubicación geográfica, el tipo de dispositivo que utilicen para acceder a la página, el número de veces que la visiten u otra variable, es decir, no se tienen en cuenta variables relacionadas con el visitante cuando se le muestra la página web.

De hecho, las páginas con URLs estáticas existen en el servidor como un archivo creado previamente, mientras que las páginas con URLs dinámicas se crean según las entradas (valores de las variables del visitante). Las páginas web con URLs estáticas contienen todo el contenido completo y no cambian a menos que se modifique de alguna manera el código HTML de la página, mientras que las páginas web con URLs dinámicas se pueden considerar como una plantilla en la que se muestra contenido específico obtenido de bases de datos, basándose en las entradas que generalmente son información relacionada con el visitante. Las URLs dinámicas se pueden distinguir de las URLs estáticas normalmente observando los caracteres y símbolos que componen el enlace. Si encuentra un signo de interrogación (?) en el enlace, generalmente es un enlace dinámico a una página dinámica. Si no encuentra ningún signo de interrogación, entonces el enlace es una URL estática. Por ejemplo, el siguiente enlace es una URL dinámica: http://www.example.com/product.php?id=12345&sort=date, mientras que el siguiente enlace es una URL estática: http://www.example.com/product.html. Decimos que una página web es dinámica si se creó usando PHP, ASP u otro lenguaje de programación del lado del servidor, aclarando que una página web puede ser dinámica sin que su URL contenga un signo de interrogación, ya que podemos seguir un estilo de programación específico para crear URLs dinámicas y cambiar el contenido de la página según variables sin necesidad de incluir un signo de interrogación en el URL (este enfoque se sigue generalmente con datos importantes y sensibles que no queremos mostrar en el enlace). Nota: También es importante señalar que no todo enlace de este formato (http://www.example.com/product.php?id=12345&sort=date) es necesariamente un enlace a una página cuyo contenido cambia según variables relacionadas con el visitante. El texto después del signo de interrogación puede usarse para otro propósito diferente al de cambiar el contenido de la página.

Parámetros de cadena de consulta en URLs dinámicas. La parte del enlace dinámico que aparece después del signo de interrogación (?) se llama cadena de consulta (Query String), y esta es la parte del enlace que se utiliza para mostrar el contenido apropiado para el visitante en la página. Una cadena de consulta consta de uno o más parámetros, y cada parámetro tiene un valor. El nombre del parámetro y su valor se separan con un signo igual (=), y los parámetros se separan usando el símbolo (&) o punto y coma (;). Considere el siguiente enlace dinámico https://example.com/page?car=mercedes&color=purple. Encontrará que la cadena de consulta es (car=mercedes&color=purple), que consta de dos parámetros: el primero es (car=mercedes) y el segundo es (color=purple), donde (car) y (color) representan los nombres de los parámetros, y (mercedes) y (purple) representan sus valores. Cada par (nombre del parámetro + valor del parámetro) se separa con un signo igual (=). Tenga en cuenta que el signo de interrogación (?) no es parte de la cadena de consulta y el símbolo (&) no es parte de los parámetros. Es importante destacar que los parámetros de la cadena de consulta generalmente se obtienen de variables relacionadas con el usuario (como dirección IP), y también pueden resultar de que el usuario ingrese valores en campos de una página del sitio web, u otros métodos.

Estos parámetros tienen dos tipos: parámetros de enlaces pasivos o inactivos (Passive), que no cambian el contenido de la página y se utilizan para fines de seguimiento u otros propósitos, y parámetros de enlaces activos (Active), que se utilizan para cambiar el contenido de la página para mostrar contenido más apropiado para los visitantes basándose en la información disponible que se transmite a través de la cadena de consulta.

Beneficios de las URLs dinámicas. En realidad, es preferible evitar el uso de URLs dinámicas cuando sea posible por razones relacionadas con la indexación que abordaremos en la siguiente sección, pero a pesar de esto, el uso de este tipo de enlaces puede ser útil en algunas ocasiones. Por ejemplo, puede ser útil usar URLs dinámicas en los siguientes casos: mostrar promociones a personas específicas, como personas que llegan a la página desde un sitio o fuente específica; reorganizar el contenido para garantizar una mejor experiencia de usuario basándose en información que se puede conocer sobre ellos; mostrar contenido exclusivo a visitantes que llegan a la página web desde correo electrónico para recompensarlos por su suscripción al boletín; medir la efectividad del marketing de una página de su sitio con diferentes métodos de marketing para determinar el mejor método; dividir el contenido mostrando partes específicas del mismo según el valor de un parámetro en la cadena de consulta. Los Smartlinks dinámicos también pueden ser útiles en muchos otros casos similares que requieren ocultar o mostrar elementos según cadenas de consulta. Tenga en cuenta que el motor de búsqueda Google utiliza URLs dinámicas y cadenas de consulta para realizar búsquedas. Cuando realiza una búsqueda usando Google, la frase que ingresa en el cuadro de búsqueda se coloca como valor de un parámetro en el enlace de la página de resultados de búsqueda, y se muestran los resultados apropiados.

Cuando ingresa otra frase en el cuadro de búsqueda y ejecuta la búsqueda, el valor del parámetro en la cadena de consulta cambia y se muestran diferentes resultados de búsqueda en una página diferente de los resultados que se mostraban anteriormente, como se ve claramente en la siguiente imagen. También es importante señalar que se pueden agregar otros parámetros a la cadena de consulta al buscar en Google para muchos otros propósitos, y pueden ser agregados automáticamente por Google, o pueden ser en respuesta a la interacción del usuario, por ejemplo, cuando filtra los resultados de búsqueda para mostrar solo las páginas en árabe.

¿Indexan los motores de búsqueda las URLs dinámicas?

Debido a la existencia de múltiples versiones de una página con URL dinámica, los motores de búsqueda tienen dificultades para indexarla, por lo que los rastreadores de motores de búsqueda no prefieren mucho las URLs dinámicas y prefieren indexar páginas únicas sobre páginas que tienen múltiples versiones. Sin embargo, los motores de búsqueda pueden indexar bien páginas con URLs dinámicas que tienen un solo parámetro. En cuanto a páginas con URLs que tienen más de un parámetro, la mayoría de los motores de búsqueda no podrán indexarlas bien. Por esta razón, tanto Google como Yahoo recomiendan usar URLs estáticas para páginas que desea que se indexen.

Y prefieren, en caso de usar URLs dinámicas, mantener el número de parámetros pequeño y asegurarse de que los valores de estos parámetros sean cortos para ayudar al rastreador a acceder a la página con la URL dinámica. El número máximo de parámetros (y el número de dígitos de sus valores) para páginas dinámicas a las que puede acceder Googlebot (el rastreador que Google usa para indexar páginas web) se desconoce.

Pero se sabe que es capaz de indexar páginas que tienen un solo parámetro con un valor de cuatro dígitos. Por lo tanto, asegúrese de no usar más de un parámetro y haga que el valor del parámetro tenga cuatro dígitos o menos en los enlaces de páginas dinámicas.

Cómo crear URLs dinámicas en WordPress

Aprovechar todos los beneficios que ofrecen las URLs dinámicas requiere que tenga un buen conocimiento de PHP u otros lenguajes de programación similares del lado del servidor, pero puede aprovechar hasta cierto punto las URLs dinámicas y cadenas de consulta en WordPress usando la extensión Block Visibility, que le proporciona la capacidad de mostrar u ocultar contenido según las cadenas de consulta en el enlace, entre muchas otras opciones de ocultamiento y visualización.

Comenzará a instalar la extensión Block Visibility buscando el nombre de la extensión en la página de instalación de extensiones en el panel de control de WordPress, luego haga clic en el botón (Instalar ahora), espere a que se complete la instalación y luego haga clic en el botón (Activar).

Si no sabe cómo instalar una extensión de WordPress, puede consultar nuestro siguiente artículo (Cómo instalar y activar correctamente una extensión de WordPress en su sitio). Después de instalar la extensión en su sitio de WordPress y activarla, podrá usarla para crear URLs dinámicas para sus páginas y publicaciones, donde la configuración de la extensión aparecerá en las propiedades del bloque cuando lo seleccione en el editor de bloques. Cree una nueva publicación haciendo clic en el botón para agregar una nueva publicación en su panel de control de WordPress como se muestra en la siguiente imagen (o vaya a la página de edición de una publicación o página existente usando el editor de bloques).

Agregue un título a la publicación, luego inserte dos párrafos, cada uno como un bloque separado del otro. Seleccione el bloque cuya visualización desea controlar según la cadena de consulta que se proporcionará en la URL dinámica utilizada para visitar la página, luego observe sus opciones y notará que hay un conjunto de opciones adicionales en una sección llamada (Visibility). Estas opciones fueron agregadas por la extensión Block Visibility que instaló.

Estas opciones le permiten mostrar u ocultar los bloques en la página según múltiples variables sin necesidad de usar URLs dinámicas y cadenas de consulta, pero también puede crear URLs dinámicas usándolas, ya que hay una sección especial para cadenas de consulta dentro de las opciones, pero generalmente no es visible de forma predeterminada. Para mostrar la sección de creación de URLs dinámicas, haga clic en los tres puntos junto a la frase (Enabled Controls), luego marque la opción (Query String) haciendo clic en ella. Haga clic nuevamente en los tres puntos para ocultar el menú desplegable, luego busque la sección (Query String) en las opciones de Visibility para crear la cadena de consulta.

Esta sección generalmente estará en la parte inferior y tendrá el aspecto que se muestra en la siguiente imagen. Encontrará que la imagen anterior tiene tres cuadros de texto, y debe ingresar uno o más parámetros en uno de estos cuadros de acuerdo con cómo desee ocultar y mostrar el bloque seleccionado: Si desea mostrar el bloque cuando el enlace utilizado para acceder a la página contiene al menos uno de un conjunto de parámetros, entonces debe ingresar uno o más parámetros en el primer cuadro ((Required Queries (Any)), y debe ingresar cada parámetro en una línea separada de esta manera (p=v), donde q representa el nombre del parámetro y v representa su valor.

Si uno de los parámetros en la cadena de consulta del enlace desde el cual el visitante accede a la página coincide con uno de los parámetros escritos en el primer cuadro, el bloque se mostrará. Por otro lado, si desea mostrar el bloque cuando el enlace contiene un conjunto de parámetros juntos y no solo uno de ellos, debe ingresar los parámetros en el segundo cuadro ((Required Queries (All)) de la misma manera anterior (p=v), y en este caso el enlace desde el cual el visitante accede a la página debe contener todos los parámetros que ingrese en este cuadro para que se muestre el bloque.

Y si desea mostrar el bloque en todos los casos excepto cuando el enlace contiene un parámetro específico, entonces debe ingresar los parámetros en el tercer cuadro ((Required Queries (Not)) y el bloque se ocultará cuando al menos uno de ellos esté presente en el enlace desde el cual se accede a la página. También se ingresa cada parámetro de la misma manera anterior (p=v). La siguiente imagen resume todos los casos anteriores.

Continuaremos explicando los pasos de implementación aquí, pero no explicaremos los tres casos y solo explicaremos el primero, sin embargo, podrá aprovechar los otros dos casos de la misma manera si considera las diferencias entre ellos como explicamos anteriormente. Como recordará, insertamos dos párrafos en la página que creamos, uno dice (¡Hola chicos de Egipto!) y el otro (¡Hola chicos de Siria!), y queremos mostrar el primer párrafo cuando el enlace contiene este parámetro (ctry=eg) y el segundo párrafo cuando el enlace contiene este parámetro (ctry=sy). Para hacer esto, debe seguir estos pasos: Seleccione el primer párrafo (¡Hola chicos de Egipto!), luego ingrese en el primer cuadro de la sección Query String el parámetro cuya presencia en el enlace causará que aparezca este párrafo, que es el parámetro (ctry=eg). De manera similar, seleccione el segundo párrafo (¡Hola chicos de Siria!), luego ingrese en el primer cuadro de la sección Query String el parámetro cuya presencia en el enlace causará que aparezca este párrafo, es decir, ingrese el parámetro (ctry=sy). Ahora publicamos la publicación haciendo clic en el botón Publicar, luego abrimos su enlace y notamos que ambos párrafos no aparecen, lo cual es lógico porque el enlace actualmente no contiene ningún parámetro. Ahora agregamos al enlace de la página que aparece en la barra de direcciones del navegador un signo de interrogación (?), seguido del parámetro (ctry=sy), luego presionamos la tecla (Enter) del teclado para recargar la página según el enlace modificado, y notamos que el segundo párrafo ha aparecido.

Ahora eliminamos el parámetro (ctry=sy) del enlace y lo reemplazamos con el parámetro (ctry=eg), luego presionamos Enter, y notamos que el primer párrafo apareció y el segundo párrafo que estaba visible desapareció. Nota: Si el enlace utilizado para acceder a la página contiene ambos parámetros (ctry=eg) y (ctry=sy) al mismo tiempo, entonces no se mostrarán ambos párrafos, pero se mostrará el párrafo cuyo parámetro está más cerca del final del enlace (lado derecho del enlace), porque el nombre del parámetro en este caso es el mismo para el primer y segundo párrafo (ctry), pero en caso de que el nombre del parámetro del primer párrafo sea diferente del parámetro del segundo párrafo, entonces se mostrarán ambos párrafos si el enlace contiene ambos.

Conclusión. Con esto hemos terminado de explicar las URLs dinámicas, cadenas de consulta y parámetros, y hemos aclarado cómo usarlos en WordPress. Como señalamos en nuestro artículo, el aprovechamiento real de los Smartlinks dinámicos requiere conocimiento de lenguajes de programación. Si desea usarlos para algún propósito en su sitio de WordPress y no tiene las habilidades técnicas necesarias, le recomendamos que contrate a un programador experto en PHP.

Finalmente, queremos recordarle nuevamente que el uso de URLs estáticas es mejor en lo que respecta a la indexación de la página en los motores de búsqueda, por lo que le recomendamos que evite las URLs dinámicas en la medida de lo posible y no las use a menos que sea absolutamente necesario.