.

3 de mayo de 2013

Partes de un enlace Web en HTML

Escrito por
Para crear un enlace Web con código HTML en la plantilla del blog  o comprender mejor como funcionan debes saber que estos tienen cuatro partes básicas: la etiqueta a, el link target, el anchor text y el link juice. De las 4 partes sólo 1 se ven en el navegador, otras dos es posible verlas en el código HTML del enlace y la cuarta, el link juice es invisible pero muy importante para un buen posicionamiento SEO. Además de estas 4 partes esenciales hay otras propiedades como title, id, class y target que son opcionales y muchas veces no se emplean. También conviene aclarar que hay un tercer grupo de propiedades que si bien se pueden añadir al código HTML ya no se recomienda hacerlo. En Blogger y la mayor parte de páginas Web actuales el color de las letras, el tamaño y la familia de la fuente del enlace normalmente se determina desde el código CSS. Lo que si se añade en el código HTML son identificadores "id" y "class" para dar un aspecto diferenciado a un grupo, pero eso lo dejamos para otra ocasión y  vamos a ver ya con un par de ejemplos las 4 partes fundamentales de un enlace Web.

1. Etiqueta A. Todos los enlaces de HTML, HTML5, con texto, iconos, imágenes o lo que sea, empiezan siempre con la etiqueta de inicio <a> y terminan con la etiqueta de cierre </a>.

<a href="http://www.bambasbaratas.com/"> Zapatillas de Marca Baratas </a>

<a href="http://bambasbaratas.blogspot.com.es/2013/05/que-son-las-zapatillas-minimalistas.html/"> Zapatillas minimalistas </a>

2. Link Target. Es la URL, la dirección o el destino del enlace, es decir la página Web que se abrirá si haces click sobre el objeto que tiene el enlace. Se crea añadiendo la propiedad HREF dentro de la etiqueta <a> de inicio, y hay que hacerlo correctamente porque un pequeño error cambiando una letra hará que los visitantes no vean la información que queríamos mostrarles con el enlace.


<a href="http://www.bambasbaratas.com/"> Zapatillas de Marca Baratas </a>

<a href="http://bambasbaratas.blogspot.com.es/2013/05/que-son-las-zapatillas-minimalistas.html/"> Zapatillas minimalistas </a>

Como puedes ver hay un esquema que se repite siempre:  href="http://...................." Atención a no olvidarse del signo igual, o de las comillas al principio y final de la URL. Observa en el segundo ejemplo como al  enlazar una página Web no es suficiente con el nombre del dominio, sino que has de incluir la ruta específica y el nombre de la página HTML para llegar al destino elegido. Hasta ahora hemos visto las partes invisibles de un enlace Web y nos queda sólo el anchor text que es el texto visible.

3. Anchor Text. Entre la etiqueta <a> de inicio y la etiqueta </a> hay que escribir un pequeño texto que es la parte que mostrará en el navegador, el texto que al pasar por encima hará que cambie la forma del cursos y que normalmente se verá de color azul y subrallado.

<a href="http://www.bambasbaratas.com/"> Zapatillas de Marca Baratas </a>

<a href="http://bambasbaratas.blogspot.com.es/2013/05/que-son-las-zapatillas-minimalistas.html/"> Zapatillas minimalistas </a>

En la actualidad el anchor text es una parte principal para el posicionamiento orgánico, porque es una de las cosas que Google Search usa para calcular que páginas tiene que salir la primera en sus búsquedas. En principio si lo links que van hacia la página tienen un anchor text con palabras clave eso ayuda al SEO, aunque ya hay expertos que recomiendan que si se realiza link-building hay que variar el contenido del anchor text con el que apuntamos a una página, e incluso quien afirma que en breve para las técnicas de posicionamiento será vital el texto que este cercano al enlace, no sólo el anchor text.

4. Link Juice: Llegamos a la parte invisible del enlace que es lo que se transmite a través de él, y no puedes verlo porque link juice es la influencia positiva que transmites a través del enlace. Normalmente esta cualidad se refiere a la cantidad de PageRank "transferido", aunque también puede usarse este concepto para el MozRank y otros valores alternativos al PageRank.

Imagen: sin copyright

0 comentarios:

Publicar un comentario

Bienvenido, en este blog encontrarás información para crear y personalizar tu blog de Blogger o Wordpress, además de artículos sobre Internet, las nuevas tecnologías, programación con HTML y CSS, educación y otros temas. Espero que los tutoriales, artículos y recursos del blog te resulten útiles. Si quieres mantener el contacto puedes hacerlo a través de mis cuentas de Twitter o Google Plus.