href=\"value\"<\/code><\/div>\nExploremos los tipos principales de valores href:<\/p>\n
URLs relativas<\/h4>\n Una URL relativa es una ruta a un recurso en el mismo sitio web.<\/p>\n
Por ejemplo, el logo del blog de Semrush tiene el valor href \u201c\/blog\/\u201d:<\/p>\nAlgunos desarrolladores web usan URLs relativas para todos los enlaces internos. Porque son concisas. Y pueden seguir funcionando despu\u00e9s de una\u00a0migraci\u00f3n de sitio.<\/p>\n
Sin embargo, recomendamos usar URLs absolutas por razones de SEO.<\/p>\n
URLs absolutas<\/h4>\n Una URL absoluta es la ruta completa a una\u00a0URL, incluyendo el protocolo, dominio y cualquier ruta o par\u00e1metro adicional.<\/p>\n
Por ejemplo:<\/p>\n
href=\"https:\/\/www.semrush.com\/blog\/\"<\/code><\/div>\nNecesitar\u00e1s usar URLs absolutas al agregar enlaces externos.<\/p>\n
Pero tambi\u00e9n son \u00fatiles para enlaces internos. Porque siempre puedes enlazar a la\u00a0URL can\u00f3nica\u2014la versi\u00f3n preferida de una p\u00e1gina duplicada.<\/p>\n
Esto elimina cualquier ambig\u00fcedad o confusi\u00f3n para los motores de b\u00fasqueda. Por lo que puede ayudar a tu SEO.<\/p>\n
En un\u00a0video de Google, John Mueller dijo que enlazar a URLs can\u00f3nicas \u201cprobablemente tiene un poco m\u00e1s de sentido, porque entonces no tienes que preocuparte por cosas como acceder a la versi\u00f3n no-WWW de tu sitio web.\u201d<\/p>\n
Enlaces de anclaje<\/h4>\n Los enlaces de anclaje (o enlaces de salto) son enlaces a diferentes partes de la misma p\u00e1gina.<\/p>\n
Por ejemplo, todos los enlaces en la tabla de contenidos de este art\u00edculo son enlaces de anclaje.<\/p>\n
Para crear un enlace de salto, asigna al elemento al que quieres enlazar un atributo id (id=\u00bbnombre-id\u00bb).<\/p>\n
As\u00ed:<\/p>\n
<h2\u00a0id=\"faqs\">FAQs<\/h2><\/code><\/div>\nLuego, crea el enlace usando #nombre-id como el valor href.<\/p>\n
As\u00ed:<\/p>\n
<a\u00a0href=\"#faqs\">salto\u00a0a\u00a0nuestras\u00a0FAQs<\/a><\/code><\/div>\nAlternativamente, usa href=\u00bb#top\u00bb o href=\u00bb#\u00bb para crear un salto a la parte superior de la p\u00e1gina.<\/p>\n
Enlaces Mailto<\/h4>\n El atributo href=\u00bbmailto:\u00bb crea un enlace mailto que abre un nuevo correo electr\u00f3nico en el programa de correo del usuario.<\/p>\n
T\u00edpicamente se usa en combinaci\u00f3n con una direcci\u00f3n de correo objetivo.<\/p>\n
Por ejemplo, tenemos un enlace href como este en el pie de p\u00e1gina de nuestro sitio:<\/p>\n
<a\u00a0href=\"mailto:mail@semrush.com\">mail@semrush.com<\/a><\/code><\/div>\nAl hacer clic en el hiperv\u00ednculo, se crea un borrador de correo como este:<\/p>\nTambi\u00e9n puedes agregar par\u00e1metros como una l\u00ednea de asunto, contenido del cuerpo y direcci\u00f3n CC al c\u00f3digo a href.<\/p>\n
Supongamos que quieres que los solicitantes de empleo env\u00eden su curr\u00edculum a jobs@example.com con la l\u00ednea de asunto \u201cRol de Desarrollador Web.\u201d<\/p>\n
Para facilitarlo, podr\u00edas agregar un enlace HTML como este:<\/p>\n
<a\u00a0href=\"mailto:jobs@example.com?subject=Web%20Developer%20Role\">Postula Ahora<\/a><\/code><\/div>\nNota que \u201c%20\u201d se usa en lugar de espacios. Esto es un ejemplo de\u00a0codificaci\u00f3n URL\u2014un proceso que ayuda a asegurar que los par\u00e1metros funcionen correctamente.<\/p>\n
Enlaces Tel<\/h4>\n Para crear un enlace tel, usa el atributo href=\u00bbtel:\u00bb en combinaci\u00f3n con el n\u00famero de tel\u00e9fono.<\/p>\n
As\u00ed:<\/p>\nCuando el usuario hace clic en el hiperv\u00ednculo en un dispositivo compatible, abrir\u00e1 el n\u00famero en su aplicaci\u00f3n de marcado. Haciendo que sea f\u00e1cil para ellos llamarte.<\/p>\n
2. Usa otros atributos de etiqueta de anclaje<\/h3>\n El atributo href es importante en un elemento de anclaje porque define el destino del enlace. Pero puedes agregar otros\u00a0atributos de etiqueta de anclaje\u00a0para determinar qu\u00e9 sucede cuando el usuario hace clic en el enlace.<\/p>\n
Estos atributos tambi\u00e9n pueden ayudar a los motores de b\u00fasqueda a entender tus enlaces. Y por lo tanto, beneficiar tu SEO.<\/p>\n
Aqu\u00ed hay una visi\u00f3n general r\u00e1pida de los m\u00e1s comunes:<\/p>\n
\n\n \n\nAtributo de anclaje<\/td>\n Prop\u00f3sito<\/td>\n Ejemplo de etiqueta de anclaje<\/td>\n<\/tr>\n \nDownload<\/td>\n Indica al navegador que descargue el recurso enlazado en lugar de abrirlo.<\/p>\nIncluye un nombre de archivo descriptivo entre las comillas.<\/td>\n
<a href=\u00bbexample.pdf\u00bb download=\u00bbFilename\u00bb>Descargar <\/a><\/td>\n<\/tr>\n \nRel<\/td>\n Informa a los motores de b\u00fasqueda sobre la relaci\u00f3n de tu sitio con el recurso enlazado.<\/p>\nPor ejemplo,\u00a0rel=\u201cnofollow\u201d\u00a0pide a los motores de b\u00fasqueda que eviten tratar el enlace como un respaldo de la p\u00e1gina enlazada. (Este es un concepto importante en la\u00a0construcci\u00f3n de enlaces.)<\/td>\n
<a href=\u00bbhttps:\/\/www.example.com\/\u00bb rel=\u00bbnofollow\u00bb>Texto de anclaje<\/a><\/td>\n<\/tr>\n \nTarget<\/td>\n Indica al navegador d\u00f3nde abrir el enlace.<\/p>\nPor ejemplo,\u00a0target=\u00bb_blank\u00bb<\/strong>\u00a0abre el recurso en una nueva pesta\u00f1a o ventana. Mientras que\u00a0target=\u00bb_self\u00bb<\/strong>\u00a0lo mantiene en el mismo marco.<\/td>\n<a href=\u00bbhttps:\/\/www.semrush.com\/\u00bb target=\u00bb_blank\u00bb>Semrush<\/a><\/td>\n<\/tr>\n \nTitle<\/td>\n Muestra una tooltip cuando el usuario pasa el cursor sobre el enlace.<\/p>\nIncluye el texto de la tooltip entre las comillas.<\/td>\n
<a href=\u00bbhttps:\/\/www.semrush.com\/\u00bb title=\u00bbP\u00e1gina principal de Semrush\u00bb>Semrush<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nConsejo:<\/strong>\u00a0Ciertos tipos de enlaces de otros sitios (backlinks) pueden beneficiar tu SEO. Con la herramienta\u00a0Backlink Analytics\u00a0de Semrush, puedes analizar f\u00e1cilmente tus backlinks y compararlos con los de competidores.<\/em><\/p>\n\n
\n
\n
\n
\n
\n
\n","protected":false},"excerpt":{"rendered":"
Enlaces A Href: Qu\u00e9 son y c\u00f3mo usarlos \u00bfQu\u00e9 es un enlace A Href? Un \u201cenlace a href\u201d (o \u201cenlace href\u201d) es c\u00f3digo HTML que utiliza una etiqueta <a> y el atributo href para crear un hiperv\u00ednculo clicable. Por ejemplo, este enlace href crea el hiperv\u00ednculo \u201cSemrush\u201d: <a\u00a0href=\u00bbhttps:\/\/www.semrush.com\/\u00bb>Semrush<\/a> Hay otros tipos de enlaces HTML (por […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1228],"tags":[1358],"class_list":["post-68743","post","type-post","status-publish","format-standard","hentry","category-seo-2","tag-general"],"acf":[],"_links":{"self":[{"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/posts\/68743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/comments?post=68743"}],"version-history":[{"count":1,"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/posts\/68743\/revisions"}],"predecessor-version":[{"id":68744,"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/posts\/68743\/revisions\/68744"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/media?parent=68743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/categories?post=68743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alienroad.com\/es\/wp-json\/wp\/v2\/tags?post=68743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Anatom\u00eda](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/b3\/d3\/b3d33c62a4326a8b55f15f7e2047527d\/qctdKqobDZ6lJUqwdKpcyMG4l2BUR3Y0zkkONYv1nQl3MFBh3ZXvi3A_56xLCtk8x_NCW1bnk8Ac421mT9hIx-AMG8DVeHEjEuZOT0aYN1xoPLGdgSLRru1yDpqR9EP0H0Jyi41W4spOgX8zCn6gP9k.webp\" "\\"\\"")
<\/picture><\/figure>\n![\"Ilustraci\u00f3n](\"https:\/\/static.semrush.com\/blog\/uploads\/files\/e3\/c1\/e3c11aed0d9bffb525e8f7552d6b7fa1\/illustration-ads-banner-205x170.svg\" "\\"\\"")
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n![\"Logo](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/42\/fc\/42fc1cfea2f2e3bd7da6148681714d10\/sJrkkHM2rC4fjbuTsPSHYv0TCYPm-cEPhZDg9jt4mdInGTZnqMGC9pFXYoDSpJDVRaPwAALdkrqL7wm74pXf-Q6mZDTy_w_9eD4PO45YGuEXrSHCmqtl7jfdF2p1jwYmgNvU2vPBrpvACg_RQMp9Uf0.webp\" "\\"\\"")
<\/picture><\/figure>\n![\"Hacer](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/82\/cd\/82cdd66ac86941a501accb99a0d7d86f\/bQwJUpfZ1_T6U4JVWAFd5rnA_djgdpN1QlAqVjkFCXALPPzxY2fvA-95P5S96eHrMQFe1ifrVNnEB6voQHhInQiqhBYQQl-HXI6KRIrE8FP8Vsfsjd_GeFrfGos_rJiE19MGmKadHxBagpPIG3VYQWE.webp\" "\\"\\"")
<\/picture><\/figure>\n![\"Un](\"https:\/\/static.semrush.com\/blog\/uploads\/media\/c1\/4e\/c14ea59c5c8980f92c75d48c136d1afa\/Wq2o295-za_985nXaaZjIfib9A6LAqc3yjAg0vmqVvukZTfprUBdUm12Wmqnb04nqF2-2BgmNZTaQny6-xypsViGyQ4Nj3aJG3CplzB4s5xmOPngaOFuMzv8m2KEttZKI5KtwAXTCVd0ldl9o6a74u8.webp\" "\\"\\"")
<\/picture><\/figure>\n