Contenidos

    alt

    Llamados links o hipervínculos, los enlaces HTML son los puentes que nos permiten movernos de una página a otra. Forman la columna vertebral de internet y por tanto conviene aprender a dominarlos. Como ya sabrás, existen enlaces externos (de una web a otra) y enlaces internos (entre páginas de una misma web). Uno de los fundamentos del SEO es conseguir el mayor número de enlaces posibles hacia tu sitio web, pero también es bueno que tú mismo enlaces a otros sitios de calidad, y por supuesto que hagas intralinks. Por es importante que tengas claro cómo hacer enlaces.

    ¿Qué no sabes cómo poner links en HTML? Bueno, no hay de qué avergonzarse. Ahora gracias a los CMS o Gestores de Contenido Web poner un enlace es tan sencillo como seleccionar el anchor text, hacer clic y pegar el enlace. Pasa como con las calculadoras, ¿para qué aprender a dividir cuando la calculadora lo hace por ti?

    Sin embargo, en la vida de todo Webmaster, bloguero o internauta puede verse en la coyuntura de tener que crear hipervinculos en HTML, ahí, a pelo, como nuestros padres. Por eso aunque tengamos calculadora siempre viene bien saber dividir a mano, y aunque tengamos CMS  conviene tener claro cómo poner enlaces en HTML.

    Cómo poner links en html

    El formato básico de un enlace en html es el siguiente:

    <a href=”url”>anchor text</a>

    El atributo href señala a la url a donde lleva el enlace, y el anchor text o texto ancla es el texto dónde hay que hacer clic.

    Por ejemplo, este enlace:

    <a href=”https://www.yoseomarketing.com/”>Empresa de Posicionamiento Web</a>

    Se verá así:

    Empresa de Posicionamiento Web

    Está tirado, ¿verdad?

    Atributos de enlaces HTML

    Si haces clic sobre el enlace anterior verás que el enlace se abre en una página nueva. En realidad, este no es el comportamiento habitual de los enlaces. Quiero decir, que el enlace en su forma más básica (la que te he enseñado) se abriría en la misma página.

    Para conseguir que un link se abra en una nueva pestaña hay que incluir el atributo: target=”_blank”

    Lo idea es que en todos los enlaces especifiques donde quieres que se abra, y para ello se usa el atributo target.

    Hay 5 posibles valores para target, son los siguientes:

    • _self: Abre en enlace en la misma pestaña. Es la opción por defecto, es decir, lo que ocurre si no usas el atributo target.
    • _blank: Abre el enlace en una nueva pestaña o ventana.
    • _parent: Abre el enlace en el marco padre
    • _top: Abre el enlace ocupando toda la pantalla
    • Framename: Abre el enlace en un frame determinado.

    No te compliques, _self o _blank son las opciones más usadas con diferencia. Yo suelo usar _blank. El enlace quedaría así:

    <a href=”url” target=”_blank”> texto ancla</a>

    También es de ayuda que el enlace tenga un título, que aparece si pasas el cursor por encima del enlace. Para eso usa el atributo title.

    <a href=”url” title=”título del enlace”> texto ancla</a>

    Por último, un atributo importante en el SEO es el nofollow. Este atributo se usa para que el enlace no transfiera autoridad de dominio a la página de destino, algo muy útil si estás enlazando páginas externas. Se escribe así:

    <a href=”url” rel=”nofollow”> texto ancla</a>

    Por supuesto, los tres atributos anteriores se pueden combinar, haciendo un enlace que se abra en una nueva ventana, lleve título y sea nofollow:

    <a href=”url” title=”título del enlace” target=”_blank” rel”nofollow”> texto ancla</a>

    Espero que el post te haya sido de ayuda. Aquí tienes otros códigos HTML que te vendrá bien conocer.

    Te deSEO un buen día,

    William Penguin

     

    Artículos Relacionados
    SEO Responsive 12/06/2019 SEO Responsive, una condición básica para posicionarse en Google

    El SEO Responsive es una de las condiciones básicas para el posicionamiento en Google. En el post anterior analizábamos...

    desactivar gutenberg 12/12/2018 Cómo desactivar Gutenberg y volver al antiguo editor de WordPress

    Poca gente sabe que fui de las primeras personas en ir al trabajo en patinete eléctrico. También me saqué...

    gutenberg wordpress 11/12/2018 Gutenberg WordPress: Así es el nuevo editor del CMS más popular

    Este fin de semana ha sido movidito, y es que de golpe y porrazo han llegado dos de los...

    que es hosting web 22/10/2018 Qué es un hosting web en informática: Significado y cómo comprar uno

    Cuando planeas tener tu propia web lo primero que necesitas es un hosting donde alojarla. Y como sé que...

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *