En este art\u00edculo, nos adentraremos en la URL, explicaremos qu\u00e9 es en profundidad, desglosaremos los componentes individuales de su funcionamiento, cubriremos c\u00f3mo es una buena URL a efectos de SEO, y mucho m\u00e1s.<\/p>\n
Qu\u00e9 Es una URL (Localizador Uniforme de Recursos)<\/h2>\n
Una URL (uniform resource locator), o localizador uniforme de recursos, es una direcci\u00f3n que ayuda al navegador a localizar una p\u00e1gina web, una imagen, un archivo u otro recurso espec\u00edfico.<\/p>\n
Tu navegador toma la direcci\u00f3n, traduce el nombre de dominio a la direcci\u00f3n IP del servidor, y el resto de la URL muestra la ruta al archivo espec\u00edfico en ese servidor.<\/p>\n
Una URL lleva a un archivo o p\u00e1gina concretos, mientras que un nombre de dominio es la \u00abdirecci\u00f3n\u00bb general de todo el sitio web o servidor.<\/p>\n
URL vs. URI<\/h2>\n
Un URI (Identificador de recursos uniforme – en ingl\u00e9s Uniform Resource Identifier) se diferencia de una URL en que se refiere al ID \u00fanico de un archivo o recurso, pero no necesariamente al medio a trav\u00e9s del cual se puede acceder a \u00e9l.<\/p>\n
Es una categor\u00eda superior de identificadores que tambi\u00e9n incluye la URL como una de sus subcategor\u00edas.<\/p>\n
Seg\u00fan las especificaciones oficiales del RFC 3986<\/a>:<\/p>\n \u00abUn identificador uniforme de recursos (URI) es una secuencia compacta de caracteres que identifica un recurso abstracto o f\u00edsico\u00bb.<\/p>\n Puede ser un identificador de nombre \u00fanico, la \u00abubicaci\u00f3n\u00bb (o punto de acceso a la red) del recurso, o ambos (que es lo que se conoce como URL).<\/p>\n Todos estos formatos se engloban en el gran paraguas de los URI, que abarca tanto las URL como los URN.<\/p>\n Para distinguir entre los enlaces reales a los recursos en l\u00ednea y los ID de los productos f\u00edsicos, los enlaces web suelen denominarse URL en lugar de URI.<\/p>\n Nota: <\/strong>La propia gu\u00eda oficial indica que se debe \u00abutilizar URI en lugar de URL\u00bb para describir las direcciones web, pero no se ha actualizado desde 2005, por lo que est\u00e1 un poco atrasada. En 2020, URL es, con diferencia, el t\u00e9rmino m\u00e1s utilizado para referirse a las direcciones web.<\/p>\n\n Para ver un ejemplo de URL, basta con mirar el campo de la direcci\u00f3n web en la parte superior del navegador, justo debajo de las pesta\u00f1as.<\/p>\n El campo muestra la URL de esta p\u00e1gina: Observa que cuando haces clic en una pesta\u00f1a diferente, se muestra una URL diferente que hace referencia a la p\u00e1gina o al archivo que est\u00e1s viendo.<\/p>\n Cuando visitas una p\u00e1gina web, una URL puede parecer la cosa m\u00e1s simple del mundo. Pero pueden pasar muchas cosas en una sola URL.<\/p>\n Examinemos las diferentes partes m\u00f3viles de una URL que hacen que todas estas cosas sucedan.<\/p>\n La primera parte de una URL identifica el protocolo que el servidor y la p\u00e1gina web utilizan para transferir datos a tu ordenador.<\/p>\n Dependiendo de tu navegador, es posible que tengas que hacer doble clic en la parte izquierda de la URL para ver esta parte.<\/p>\n HTTP significa Hypertext Transfer Protocol (Protocolo de Transferencia de Hipertexto) y es la forma b\u00e1sica, no cifrada, de transferir datos a trav\u00e9s de Internet. HTTPS significa Hypertext Transfer Protocol Secure (Protocolo de Transferencia de Hipertexto Seguro) y es un protocolo m\u00e1s seguro y encriptado para la transferencia de datos. Google Chrome mostrar\u00e1 que un sitio utiliza HTTPS con un s\u00edmbolo de candado, que simboliza un sitio web seguro.<\/p>\n Si un sitio utiliza HTTP, muestra una marca de atenci\u00f3n que puedes ampliar y que te advierte de que no debes enviar ninguna informaci\u00f3n sensible al sitio.<\/p>\n Dependiendo del navegador, el sitio web y el sistema operativo, tambi\u00e9n puede abrir autom\u00e1ticamente un aviso que advierte a los visitantes.<\/p>\n Imag\u00ednate la impresi\u00f3n negativa que esto dar\u00e1 a los clientes potenciales. No es una buena imagen.<\/p>\n No solo eso, sino que el uso de HTTP puede afectar negativamente a la clasificaci\u00f3n de tu sitio web para las palabras clave de Google. Google ha confirmado oficialmente que lo utiliza<\/a> para decidir el lugar que ocupa tu p\u00e1gina en los resultados de b\u00fasqueda.<\/p>\n Pero incluso con todas las desventajas de seguir con HTTP, en octubre de 2020, el 33,2%<\/a> de los sitios web todav\u00eda no utilizaban HTTPS.<\/p>\n Si todav\u00eda est\u00e1s usando HTTP para tu sitio de WordPress, tenemos una gu\u00eda detallada para migrar tu sitio de HTTP a HTTPS<\/a>.<\/p>\n Dependiendo de tu actual alojamiento web, puede ser tan f\u00e1cil como pulsar un bot\u00f3n o no ser posible en absoluto. En algunos casos, podr\u00eda ser m\u00e1s f\u00e1cil cambiar a un host m\u00e1s fiable que utilice HTTPS para todos los sitios, como Kinsta.<\/p>\n El nombre de dominio es lo que ayuda al navegador a encontrar tu servidor web en primer lugar, utilizando el DNS (Sistema de Nombres de Dominio – en ingl\u00e9s Domain Name System).<\/p>\n En pocas palabras, el DNS ayuda a un navegador a traducir un nombre de dominio en la direcci\u00f3n IP real del servidor web conectado a \u00e9l.<\/p>\n Sin el DNS, tendr\u00edamos que navegar por la web compartiendo cadenas de n\u00fameros como 241.102.129.209.<\/p>\n No es precisamente f\u00e1cil de recordar, \u00bfverdad? Los nombres de dominio no solo son buenos para la marca. Tambi\u00e9n facilitan el intercambio de contenidos e ideas.<\/p>\n En lugar de una cadena de n\u00fameros al azar, puedes compartir o buscar un nombre de dominio que tenga sentido. Como Kinsta.com, donde cualquiera puede encontrarnos f\u00e1cilmente tras conocer nuestra empresa.<\/p>\n Lee nuestra gu\u00eda para saber m\u00e1s sobre qu\u00e9 es el DNS<\/a> y c\u00f3mo conecta exactamente los nombres de dominio con los servidores web.<\/p>\n La ruta es cualquier parte de la URL que viene despu\u00e9s del nombre de dominio, antes de un signo de interrogaci\u00f3n o # que a\u00f1ade informaci\u00f3n extra a una URL (m\u00e1s sobre esto m\u00e1s adelante).<\/p>\n Al principio, la URL representaba directamente la estructura de archivos y carpetas de tu servidor. As\u00ed que si tuvieras que llegar a ese archivo, podr\u00edas seguir esa ruta exacta con tu cliente FTP<\/a> para borrarlo o editarlo. Por ejemplo, si la ruta es yoursite.com\/folder1\/folder2\/file1.html<\/strong>, la estructura ser\u00eda la misma en tu servidor. Si utilizas el FTP o un administrador de archivos para verlo, el aspecto ser\u00eda id\u00e9ntico.<\/p>\n Pero hoy en d\u00eda, la mayor\u00eda de los sitios web se construyen con un CMS<\/a> que utiliza una base de datos para generar p\u00e1ginas de forma din\u00e1mica.<\/p>\n Los CMS se basan en la arquitectura del servidor para conectar una URL de aspecto normal (como kinsta.com\/blog\/what-is-a-url) con una cadena de consulta que generar\u00e1 la p\u00e1gina correcta.<\/p>\n As\u00ed es como funcionan los permalinks o enlaces permanentes\u00a0 de WordPress, y por qu\u00e9 Si esto suena complicado, y no lo entiendes todav\u00eda, no te preocupes. Tenemos una secci\u00f3n entera dedicada a los enlaces permanentes de WP, c\u00f3mo funcionan y c\u00f3mo puedes cambiarlos.<\/p>\n La cadena de consulta es la parte que sigue al signo de interrogaci\u00f3n, y puede incluir variables que se comunican con el PHP en esa p\u00e1gina para impactar la experiencia del visitante.<\/p>\n Por ejemplo, en el caso de WordPress, la variable \u00abp\u00bb es la abreviatura de post e indica qu\u00e9 post va a mostrar WordPress en esa p\u00e1gina.<\/p>\n Sin enlaces permanentes para hacer la URL m\u00e1s atractiva, una entrada de WordPress solo ser\u00eda accesible a trav\u00e9s de URL como esta: YouTube es uno de los mayores sitios que todav\u00eda utiliza abiertamente variables en las URL permanentes de sus contenidos. Cada vez que compartas un enlace a un v\u00eddeo, te llevar\u00e1 a una URL como Este tipo de URL ya no suponen una gran preocupaci\u00f3n a la hora de compartir en redes sociales, ya que la mayor\u00eda de los sitios de redes sociales ahora incluyen vistas previas y meta t\u00edtulos para los enlaces compartidos.<\/p>\n Pero ese tipo de URL puede tener un impacto negativo en el SEO de tu sitio web o blog.<\/p>\n Los par\u00e1metros UTM<\/a> son diferentes de las cadenas de consulta que proporcionan una variable para el CMS o la aplicaci\u00f3n web de tu sitio. En lugar de afectar directamente a la experiencia del visitante, se comunican con tu software de an\u00e1lisis. (Por ejemplo, Google Analytics<\/a>).<\/p>\n Estas etiquetas UTM rastrean la procedencia de los visitantes para analizar el rendimiento de las campa\u00f1as. Puedes utilizarlas para indicar qu\u00e9 plataforma, campa\u00f1a e incluso anuncio espec\u00edfico envi\u00f3 a un visitante.<\/p>\n Algunas plataformas publicitarias generan autom\u00e1ticamente par\u00e1metros para almacenar datos sobre los visitantes.<\/p>\n Un enlace ancla es todo lo que viene detr\u00e1s de un signo de almohadilla (#). Es un enlace espec\u00edfico de la p\u00e1gina que lleva a una parte concreta de la misma.<\/p>\n La URL de arriba te llevar\u00e1 a la parte de \u00abThe Anatomy of a URL\u00bb de esta p\u00e1gina porque es un enlace ancla o \u00abenlace de salto\u00bb al ID de ese subt\u00edtulo espec\u00edfico.<\/p>\n Para utilizar enlaces ancla, es necesario a\u00f1adir un \u00abID\u00bb a la etiqueta HTML a la que se quiere enlazar. En este caso, el c\u00f3digo real para el titular de esta secci\u00f3n H2 se ve as\u00ed en HTML plano:<\/p>\n Tambi\u00e9n puedes a\u00f1adir uno manualmente a los encabezados en el editor Gutenberg de WordPress, expandiendo la secci\u00f3n \u00abavanzada\u00bb de un bloque de encabezado.<\/p>\n En Kinsta, no nos molestamos en a\u00f1adir manualmente ID a todos los subt\u00edtulos. En su lugar, utilizamos un plugin que genera una tabla de contenidos y enlaces de salto autom\u00e1ticamente para cada art\u00edculo.<\/p>\n El plugin crea un span alrededor de los t\u00edtulos relevantes con el ID, ahorr\u00e1ndonos la molestia de a\u00f1adirlo manualmente.<\/p>\n Para saber m\u00e1s sobre c\u00f3mo puedes configurar esto en tu sitio de WordPress, lee nuestra gu\u00eda sobre enlaces ancla<\/a>.<\/p>\n Incluir www en tu URL sol\u00eda ser un est\u00e1ndar para todos los sitios web en Internet.<\/p>\n Eso ya no es as\u00ed. Incluso te habr\u00e1s dado cuenta de que nuestro sitio web, Kinsta.com, no incluye www en la URL.<\/p>\n Las tres W son una parte opcional <\/em>de una URL que identifica un sitio como parte de la World Wide Web. Su uso depende sobre todo de las preferencias personales.<\/p>\n Puedes establecer redirecciones al formulario correcto incluso si los visitantes no lo incluyen. As\u00ed, por defecto, Google Chrome y muchos otros navegadores ni siquiera lo muestran. Las redirecciones lo hacen irrelevante para la experiencia del usuario.<\/p>\n Y Google utiliza autom\u00e1ticamente la variaci\u00f3n correcta en los resultados de b\u00fasqueda, por lo que no es un factor que afecta al SEO.<\/p>\n Al igual que con el protocolo, es posible que tengas que hacer doble clic en la URL para ver la URL completa que incluye www<\/strong>.<\/p>\n Puede haber algunos pros y contras en cada opci\u00f3n, dependiendo del tama\u00f1o y los objetivos de tu empresa. Lee m\u00e1s sobre c\u00f3mo elegir entre un dominio www y un dominio no www<\/a> para tomar tu decisi\u00f3n.<\/p>\n Si quieres a\u00f1adir o eliminar las www, ya hemos cubierto c\u00f3mo cambiar tu URL<\/a> para incluir o eliminar las www en WordPress.<\/p>\n Ya hemos hablado brevemente de esto, pero con un CMS como WordPress, la ruta de la URL no representa la ruta \u00abreal\u00bb a trav\u00e9s de las carpetas y archivos existentes en tu servidor.<\/p>\n En cambio, WordPress utiliza PHP y MySQL para generar p\u00e1ginas basadas en cadenas de consulta incluidas en la URL, como Los \u00abenlaces permanentes m\u00e1s bonitos\u00bb, como el de esta entrada, https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/a>, se basan en una funci\u00f3n de reescritura de Apache<\/a> o Nginx<\/a> para vincular una URL a un enlace permanente de WordPress relevante con el ID de la entrada.<\/p>\n Afortunadamente, no necesitas entender el ecosistema de tu servidor o c\u00f3mo hacerlo manualmente para hacer cualquier cambio en tu URL.<\/p>\n Puedes manejarlo todo desde WordPress (siempre que tu entorno de servidor est\u00e9 configurado correctamente).<\/p>\n Si lo configuras como Simple, tus publicaciones solo ser\u00e1n accesibles si utilizas enlaces con la variable ID de la publicaci\u00f3n: La mayor\u00eda de los sitios de WordPress evitan esto por razones de SEO. Una cadena de n\u00fameros aleatorios no puede incluir una palabra clave que coincida, y es menos cliqueable que un enlace que tenga sentido.<\/p>\n En cambio, la mayor\u00eda de los sitios utilizan una estructura que incluye el t\u00edtulo del blog, o una variante del mismo, en la URL.<\/p>\n Los slugs y permalinks autogenerados de WordPress no siempre son ideales.<\/p>\n Si dej\u00e1ramos que WordPress se encargara de ello, el enlace permanente de esta entrada ser\u00eda algo as\u00ed como kinsta.com\/blog\/what-is-url-explained-learn-how-to-get-most-out-your-sites-url.<\/p>\n Es simplemente demasiado largo, y tampoco es ideal para compartirlo o para el SEO.<\/p>\n Por lo tanto, con fines de SEO y de compartir, puedes establecer un slug y un permalink personalizados para cada entrada y p\u00e1gina. (Antes necesitabas un plugin de SEO para esto, pero por suerte, ahora est\u00e1 incluido en el n\u00facleo de WordPress).<\/p>\n Basta con ampliar la secci\u00f3n Enlace Permanente en la barra lateral derecha al crear cualquier p\u00e1gina o entrada.<\/p>\n A efectos de SEO, es conveniente mantener un slug limpio y corto, sin palabras de relleno ni adjetivos innecesarios. Por eso nuestro slug es Puedes obtener m\u00e1s informaci\u00f3n sobre la optimizaci\u00f3n de estos ajustes en nuestra gu\u00eda definitiva sobre los enlaces permanentes de WordPress<\/a>.<\/p>\n Una URL <\/strong>es un enlace que lleva a cualquier p\u00e1gina web, archivo o recurso en Internet.<\/p>\n Pero cuando se trata de direcciones web y WordPress, URL no es el \u00fanico t\u00e9rmino que utilizamos. Puede que tambi\u00e9n hayas o\u00eddo la palabra enlace permanente o slug.<\/p>\n Un enlace permanente o permalink <\/strong>es una URL que act\u00faa como un enlace permanente a una pieza espec\u00edfica de contenido en tu sitio de WordPress. (Por ejemplo, https:\/\/kinsta.com\/blog\/what-is-a-url\/ <\/strong>es el enlace permanente a esta entrada).<\/p>\n Un slug <\/strong>es la \u00faltima parte de la URL despu\u00e9s del nombre del dominio y la carpeta de WordPress que identifica una p\u00e1gina espec\u00edfica: Lee m\u00e1s sobre c\u00f3mo los slugs pueden afectar a tu SEO<\/a> (no el gaster\u00f3podo).<\/p>\n Una URL es simplemente una direcci\u00f3n web que se puede utilizar para acceder a una p\u00e1gina o archivo. Es una tecnolog\u00eda web b\u00e1sica que te ayuda a navegar por Internet.<\/p>\n Si trasladas una p\u00e1gina o una entrada antigua, te preguntar\u00e1s si hay alguna forma de asegurarte de seguir recibiendo el tr\u00e1fico y los enlaces de la antigua URL.<\/p>\n Por ejemplo, puede actualizar el slug por a\u00f1o de 2019 a 2020, cambiar tu nombre de dominio, o cualquier n\u00famero de cosas. Por suerte, las redirecciones son f\u00e1ciles de configurar.<\/p>\n Puedes configurar las redirecciones desde el panel de control de tu host, como en MyKinsta, nuestrol panel de control desarrollado a medida, o un cPanel gen\u00e9rico:<\/p>\n El c\u00f3digo de estado indica al navegador y a los rastreadores de los motores de b\u00fasqueda el estado de la redirecci\u00f3n. 301 significa que la redirecci\u00f3n es permanente, que has movido el post a una nueva ubicaci\u00f3n.<\/p>\n Es ideal para el SEO, ya que pasa la mayor parte de la autoridad original y el \u00ablink juice\u00bb que ten\u00eda el antiguo art\u00edculo al nuevo.<\/p>\n\n
https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/code> es una URL, ya que especifica el protocolo HTTPS y la ubicaci\u00f3n completa de la p\u00e1gina.<\/li>\nmailto:contact@kinsta.com<\/code> es tambi\u00e9n una URL debido al protocolo mailto, pero se utiliza para enviar correos electr\u00f3nicos, no para acceder a una p\u00e1gina web u otro recurso.<\/li>\nurn:isbn:12312341234<\/code> es un URN (Nombre de recurso uniforme – en ingl\u00e9s Uniform Resource Name) que solo especifica un nombre sin que se pueda acceder al recurso.<\/li>\n<\/ul>\n\u00bfQu\u00e9 es un Ejemplo de una URL?<\/h2>\n
![\"Barra](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/kinsta-url.png\")
https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/code>. (Es posible que tu navegador oculte el HTTPS hasta que hagas doble clic en el campo).<\/p>\nLa Anatom\u00eda de una URL (6 Partes M\u00f3viles Diferentes)<\/h2>\n
\n.<\/p>\n\n
El Protocolo HTTPS\/HTTP<\/h2>\n
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/url-protocol.png\")
![\"Una](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/your-connection-is-not-secure.jpg\")
El Nombre de Dominio y el DNS<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-domain.png\")
La Ruta<\/h2>\n
![\"The](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-path.png\")
![\"Folder](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/sftp-folder.jpg\")
https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/code> lleva a esta p\u00e1gina, aunque no tengamos ninguna carpeta llamada blog o archivo llamado what-is-a-url en nuestro servidor.<\/p>\nCadenas de Consulta y Variables<\/h2>\n
![\"Variables](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-query-variable.png\")
http:\/\/yoursite.com\/?p=1294<\/strong><\/code>. Tendr\u00edas que especificar el ID de la entrada a WordPress directamente para obtener la p\u00e1gina que quieres.<\/p>\nhttps:\/\/www.youtube.com\/watch?v=YxR85tY46BE<\/code>.<\/p>\nPar\u00e1metros UTM<\/h2>\n
![\"Par\u00e1metros](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-utm-tag.png\")
Anclajes<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-anchor.png\")
<h2 id=\u201dthe-anatomy-of-a-url\u201d>The Anatomy of a URL <\/h2><\/code><\/pre>\n![\"Enlace](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/gutenberg-anchor-settings.png\")
![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/html-source-anchor.png\")
WWW o no WWW<\/h2>\n
Enlaces Permanentes de WordPress<\/h2>\n
https:\/\/kinsta.com\/?p=1294<\/code>. Eso es lo que era el permalink original de WordPress.<\/p>\n![\"Configuraci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/wordpress-permalink-settings.jpg\")
yoursite.com\/?p=123<\/code>.<\/p>\nEditar los Enlaces Permanentes al Crear Nuevas Entradas y P\u00e1ginas<\/h2>\n
![\"Editar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/gutenberg-permalink-settings.jpg\")
what-is-a-url<\/code>, y no what-is-a-url-in-depth-explanation-learn-how-to-get-the-most-out-of-your-sites-url<\/code>.<\/p>\nURL vs. Slug vs. Enlaces Permanentes<\/h2>\n
what-is-a-url<\/code>. Los slugs deben ser cortos, legibles y deben indicar claramente el contenido de la p\u00e1gina o la entrada.<\/p>\nRedirigir una URL Antigua<\/h2>\n
![\"A\u00f1adir](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2021\/02\/mykinsta-redirect.png\")
<\/a>