-
Reglas del foro: https://foro20.com/temas/reglas-de-foro-2-0-lectura-obligatorio.2690/
Rangos de usuario: https://foro20.com/temas/rangos-de-usuario-en-foro-2-0.478/
FAQ de ayuda: https://foro20.com/temas/faq-foro-2-0.46814/
Duda atributo title en imagenes y links
- Autor de tema Lucas
- Fecha de inicio
GabrielSeo
Estafador
- Mensajes
- 421
- Puntuación de reacción
- 0
No afecta en nada pero es un atributo que te ayuda a mejorar el SEO de tú sitio.
Gracias por responder, mejora considerablemente el SEO o poco? Porque estéticamente se ve un poco mal
GabrielSeo
Estafador
- Mensajes
- 421
- Puntuación de reacción
- 0
Pues yo no le veo nada de malo en la estética por que además de que ayuda al SEO de tú blog, ayuda al usuario a ver que es la imagen en caso de que no le entienda.
Yo coloco los atributos "alt" y "title"
Código:
<img src='XXX.jpg' alt='XXX' title='XXX' />
Aunque parezca un asunto relativamente sencillo, el uso de los atributos ALT y TITLE en imágenes se puede llegar a retorcer un poco más de lo que podamos llegar a imaginar.
OPTIMIZACIÓN IMÁGENES
Los elementos clave que operan de forma directa y relacionada con las imágenes a nivel de posicionamiento no son otros que los siguientes:
Aunque parezca un tanto complicado, la realidad es que es bastante sencillo de comprender con un ejemplo: imaginemos que estamos compartiendo un gráfico estadístico de volumen de visitas anuales de un sitio concreto y deseamos incorporar todos los atributos mencionados en la imagen, pues quedaría de una forma similar a la siguiente:
Podemos apreciar que la misión de los atributos ALT y TITLE son completamente diferentes, uno informa del contenido real o aproximado de la imagen y ofrece a los usuarios un texto alternativo necesario para su comprensión si falla la carga de la misma, mientras que el atributo TITLE define una acción intrínsecamente relacionada con la acción de pulsar "clic" sobre la imagen, en este caso ver el gráfico en una ventana aparte, por poner un ejemplo.
¿SE PUEDE OPTIMIZAR MAS? ¡POR SUPUESTO!
Si nos adentramos a un nivel superior de detalle y nos centramos en que y como interpretan motores de búsqueda como Google el uso de los "-" o de los "_" podemos efectuar cambios sustancialmente interesantes en la generación del nombre de nuestro fichero / imagen, ya que para Google los "-" sirven para separar términos o palabras que pueden ser empleadas o no por el motor de búsqueda para relacionarlas entre sí, mientras que si empleamos el "_" estamos informando que existe una correlación directa entre todas las palabras definidas en el nombre del archivo o de la URL , así pues:
Si modificamos el nombre de nuestro fichero por el establecido en el último ejemplo, podríamos llegar a tener un mayor porcentaje de probabilidades de aparecer por encima del fichero empleado en el primer ejemplo.
¿ESTO ES REALMENTE REAL?
Por supuesto, tan simple y sencillo como analizar cualquiera de las imágenes establecidas por la Wikipedia en cualquiera de sus artículos, si os fijáis todas las imágenes están optimizadas con "_" y no es tan solo por una cuestión de autoridad o por obra del azar o la suerte que aparezcan referencias a la Wiki en muchos resultados de búsqueda de imágenes, es una cuestión simplemente de optimización.
ENLACES DE TEXTO CON TITLE
Para los enlaces de texto debemos centrarnos de igual manera en definir la acción e intentar - creo que es muy importante - no sobreoptimizar nuestros enlaces por medio de este atributo empleando reiteradamente el término clave por el cual pretendemos posicionarnos.
Si se emplean con neutralidad y aportando el valor de la acción alejándose de sobreoptimizar el propio enlace, estos atributos pueden brindar un valor añadido complementario a la definición de los textos ancla de nuestros enlaces, tanto internos como externos.
Saludos
OPTIMIZACIÓN IMÁGENES
Los elementos clave que operan de forma directa y relacionada con las imágenes a nivel de posicionamiento no son otros que los siguientes:
NOMBRE DEL FICHERO: El propio nombre del fichero es directamente uno de lso elementos más importantes a contemplar de cara a un correcto posicionamiento / optimización interna de las palabras clave relacionadas con el texto y, por supuesto; con la imagen.
ALT: Este es el atributo que informa a los motores de búsqueda del contenido mostradado en la imagen y su función es doble, ya que de existir cualquier tipo de problema en la carga de la misma se mostrará el contenido de esta etiqueta al usuario para que pueda tener una refernecia textual del contenido no cargado
TITLE: Su misión es ofrecer información sobre el elemento empleado y para que se establece el mismo en el contenido. Su contenido ha de ser diferente al empleado en el atributo ALT, principalmente por que proporcionan informaciones completamente diferentes aunque al mismo tiempo relacionadas con un mismo elemento.
ALT: Este es el atributo que informa a los motores de búsqueda del contenido mostradado en la imagen y su función es doble, ya que de existir cualquier tipo de problema en la carga de la misma se mostrará el contenido de esta etiqueta al usuario para que pueda tener una refernecia textual del contenido no cargado
TITLE: Su misión es ofrecer información sobre el elemento empleado y para que se establece el mismo en el contenido. Su contenido ha de ser diferente al empleado en el atributo ALT, principalmente por que proporcionan informaciones completamente diferentes aunque al mismo tiempo relacionadas con un mismo elemento.
Aunque parezca un tanto complicado, la realidad es que es bastante sencillo de comprender con un ejemplo: imaginemos que estamos compartiendo un gráfico estadístico de volumen de visitas anuales de un sitio concreto y deseamos incorporar todos los atributos mencionados en la imagen, pues quedaría de una forma similar a la siguiente:
HTML:
<img src="grafico-anual-visitantes-nombredelsitio" alt="Gráfico de la evolución mensual de visitantes en nombredelsitio" title="Ver estadística por meses de nombredelsitio">Podemos apreciar que la misión de los atributos ALT y TITLE son completamente diferentes, uno informa del contenido real o aproximado de la imagen y ofrece a los usuarios un texto alternativo necesario para su comprensión si falla la carga de la misma, mientras que el atributo TITLE define una acción intrínsecamente relacionada con la acción de pulsar "clic" sobre la imagen, en este caso ver el gráfico en una ventana aparte, por poner un ejemplo.
¿SE PUEDE OPTIMIZAR MAS? ¡POR SUPUESTO!
Si nos adentramos a un nivel superior de detalle y nos centramos en que y como interpretan motores de búsqueda como Google el uso de los "-" o de los "_" podemos efectuar cambios sustancialmente interesantes en la generación del nombre de nuestro fichero / imagen, ya que para Google los "-" sirven para separar términos o palabras que pueden ser empleadas o no por el motor de búsqueda para relacionarlas entre sí, mientras que si empleamos el "_" estamos informando que existe una correlación directa entre todas las palabras definidas en el nombre del archivo o de la URL , así pues:
HTML:
<img src="grafico_anual_visitantes_nombredelsitio" alt="Gráfico de la evolución mensual de visitantes en nombredelsitio" title="Ver estadística por meses de nombredelsitio">Si modificamos el nombre de nuestro fichero por el establecido en el último ejemplo, podríamos llegar a tener un mayor porcentaje de probabilidades de aparecer por encima del fichero empleado en el primer ejemplo.
¿ESTO ES REALMENTE REAL?
Por supuesto, tan simple y sencillo como analizar cualquiera de las imágenes establecidas por la Wikipedia en cualquiera de sus artículos, si os fijáis todas las imágenes están optimizadas con "_" y no es tan solo por una cuestión de autoridad o por obra del azar o la suerte que aparezcan referencias a la Wiki en muchos resultados de búsqueda de imágenes, es una cuestión simplemente de optimización.
ENLACES DE TEXTO CON TITLE
Para los enlaces de texto debemos centrarnos de igual manera en definir la acción e intentar - creo que es muy importante - no sobreoptimizar nuestros enlaces por medio de este atributo empleando reiteradamente el término clave por el cual pretendemos posicionarnos.
HTML:
<a href="estadisticas_mensuales_nombresitio.html" title="Ver informe mensual de visitantes y usuarios de nombredesistio">Estadísticas de nombresitio</a>Si se emplean con neutralidad y aportando el valor de la acción alejándose de sobreoptimizar el propio enlace, estos atributos pueden brindar un valor añadido complementario a la definición de los textos ancla de nuestros enlaces, tanto internos como externos.
Saludos
Última edición: