Cómo agregar enlaces en páginas web

Publicado: 2022-05-04

Realización de Links o Hipervínculos:

Probablemente esté tratando de descubrir cómo agregar un enlace de texto simple desde una página de su sitio web a otra página en la web. Este artículo explicará cómo hacer esto, además de compartir información valiosa sobre el papel de los enlaces en SEO.

Los enlaces de texto se usan comúnmente en los sitios web. Su objetivo principal es compartir fácilmente un recurso que se encuentra en otra página de la web, pero esta no es su única razón de ser. Vincularse a otra página en la web puede afectar el rango de búsqueda tanto de su página web como de la página a la que está vinculando.

Cómo crear un hipervínculo en HTML

Para crear un enlace, debe conocer la dirección URL (Localizador Uniforme de Recursos) de la página a la que desea enlazar. Por ejemplo, digamos que queremos hacer un enlace al sitio web de Sagapixel.

Primero, necesitaremos la URL de la página web, incluido el protocolo. En otras palabras, la URL debe verse como "https://sagapixel.com" y no simplemente como "sagapixel.com". Podemos utilizar un motor de búsqueda como Yahoo o Google para buscar la dirección URL del sitio. Una vez que tenemos la dirección, necesitamos la instrucción HTML correcta. Por ejemplo:

Compañía SEO de Filadelfia

Y aquí está el código que lo hizo:

<a href=”https://sagapixel.com/seo/philadelphia”>Sagapixel SEO</a>

Observe las tres partes que componen esta línea de código. Primero , está el <a href=”https://sagapixel.com/seo/philadelphia”> que comienza el enlace de referencia. Observe el uso de la dirección URL completa en este caso, que está entre comillas. También se pueden utilizar direcciones URL relativas. En segundo lugar, está el texto que se convertirá en nuestro enlace. La tercera y más importante es la etiqueta </a> que finaliza el enlace de referencia.

Tiene sentido, ¿verdad? Tienes un principio y un final, y las cosas entre las cuales se vinculan.

Ahora, ¿qué pasaría si combináramos la declaración de lista desordenada con esta declaración de enlace de referencia? Podríamos crear una lista de enlaces. Eso es lo que querías, ¿verdad?

  • Moz
  • Diseñadores de sitios web
  • tucows.com

Aquí está el código que lo hizo:

<ul>
<li><a href=”https://moz.com/”>Moz</a></li>
<li><a href=” http://www.rareamericana.com/ “>Americana rara</a></li>
<li><a href=”https://sagapixel.com/web-design/philadelphia/”>Diseño de sitios web</a></li>
<li><a href=”http://tucows.com/”>Tucows.com</a></li>
</ul>

Bastante simple, ¿verdad? Si no, tal vez deberías revisar el tutorial de creación de listas. Observe cómo cada enlace está rodeado por las etiquetas <li> y </li> .


Enlaces de imagen:

No está restringido mucho al hacer enlaces. Puede vincular imágenes como un archivo JPG (JPEG) o incluso un archivo GIF . Aquí hay un ejemplo usando mi obra maestra, “image.gif” .

Este enlace es para el Museo Metropolitano de Arte. ¿No es irónico? No obstante, os invito a que podáis ver el principio del enlace y el final a continuación. Si no está seguro de cómo insertar gráficos en su página de inicio, visite mi tutorial sobre imágenes.

<a href=”http://www.metmuseum.org/”><img src=”image.gif”></a>

Normalmente, todo esto estaría en una línea. Tuve que envolverlo para que encajara. Tenga en cuenta que, en este caso, necesita saber dos direcciones. Debe conocer la dirección URL a la que le llevará el enlace y la dirección URL de la imagen que está utilizando.

Probablemente hayas notado las líneas azules alrededor de mi imagen. Ese es en realidad el borde de la imagen que se vuelve azul de la misma manera que el texto se vuelve azul cuando es un enlace. Para eliminar el borde azul, agregue el atributo o la opción BORDER=”0″ a la instrucción <img src=”…”> . Esto se muestra a continuación.

Y aquí está el código que lo hizo.

<a href=”http://www.metmuseum.org/”><img src=”image.gif” border=”0″></a>

El impacto SEO de los enlaces

El enlace a una página en la web puede afectar el rango de búsqueda tanto de su página web como de la página a la que está enlazando.

El impacto en su rango de búsqueda al vincular a un recurso

Google utiliza hipervínculos para determinar la relevancia tanto de su contenido como del contenido de otros sitios web. Por ejemplo, si tiene una publicación de blog que habla sobre la ejecución hipotecaria en Pensilvania, incluir un enlace a un recurso en pa.gov que habla sobre el proceso le indicará a Google que esta publicación está citando un recurso autorizado. Este enlace es una señal de que es más probable que su contenido esté bien investigado, lo que lo hace más confiable.

Por el contrario, vincularse a un “mal vecindario puede tener el impacto opuesto.

Es probable que un artículo sobre ejecución hipotecaria que se vincule a un sitio web de préstamos de día de pago fraudulento envíe señales de que su recurso no pretende informar, sino dirigir a los visitantes a un lugar inseguro en la web. Esto puede tener un impacto perjudicial en su rango de búsqueda.

El impacto en la página a la que se vincula

Vincular a otra página en la web pasa PageRank. Este es un método propiedad de Google para determinar la autoridad de una página web. En otras palabras, una página que obtiene muchos enlaces de otros sitios web se considera más "autorizada" y un mejor recurso para los usuarios de Google que una página que no obtiene enlaces.

Además, el texto utilizado para crear el enlace, conocido como texto de anclaje, envía señales sobre la relevancia de una página. En el ejemplo del vínculo de ejecución hipotecaria, si la página web está vinculada con el texto de anclaje "formas de evitar la ejecución hipotecaria", Google determinará que esta página trata sobre ese tema. Esto aumentará la probabilidad de que esta página tenga una clasificación alta para esa consulta.

El contexto del enlace también importa.

Vincular a la página de ejecución hipotecaria con el texto ancla "formas de prevenir la ejecución hipotecaria" en un artículo sobre reparación de automóviles no tendrá el mismo impacto que el mismo enlace exacto en un artículo sobre propiedad de vivienda.

Bueno, espero que hayas disfrutado de este pequeño tutorial de enlaces. Diviértete creando enlaces.