Descripción alternativa del atributo del título del título. atributos alt y título. La información sobre las imágenes se transmite mediante el atributo "alt".
Cada página web se crea utilizando marcado: código escrito en un lenguaje especialmente diseñado (la mayoría de las veces es HTML). El navegador del usuario, a su vez, puede leer este código para mostrar correctamente toda la información que los creadores del recurso querían transmitirnos. Resulta que todos los elementos que vemos en una página web los proporciona el código fuente del sitio que estamos visitando.
Optimización de código
Como puedes adivinar, cada letra de este código, cada símbolo tiene un significado. Otra cosa interesante es que sucede que visualmente el sitio puede no contener aquellos elementos que son extremadamente importantes para su optimización (es decir ajuste correcto recurso bajo motores de búsqueda). Estos sutiles incluyen, por ejemplo, el atributo ALT. Está en las páginas de muchos recursos y muy a menudo simplemente no nos damos cuenta.
En este artículo nos gustaría prestar atención sólo a este elemento del diseño web. Aquí te contamos por qué es tan importante para clasificación correcta sitio, el crecimiento de su tráfico y la comodidad del usuario al trabajar con él.
ALTA?
Comencemos desde el principio: describiremos de qué trata este artículo y por qué necesitamos este atributo.
Entonces, para entender de este texto Primero que nada, necesitas entender el idioma. marcado HTML. Este es el código en el que escriben. paginas web basicas, que, como ya se señaló, tiende a mostrarse en el navegador. Todo lenguaje se compone de atributos especiales(por ejemplo, IMG, ALT, FONT, etc.). Cada uno de ellos es responsable de trabajar con uno u otro elemento de diseño. En la práctica, el atributo ALT mencionado anteriormente se utiliza para imágenes que se pueden encontrar en las páginas de un sitio web. Más concretamente, con su ayuda se crea una descripción de las imágenes, a partir de la cual el usuario (visitante del sitio) puede comprender de forma fácil y sencilla lo que se muestra en ellas. Seguramente usted mismo se ha encontrado con este tipo de descripciones: aparecen cuando pasa el mouse sobre la imagen.
Importancia práctica
Por supuesto, estos atributos se utilizan en la práctica por una razón. Los webmasters necesitan descripciones de sus imágenes tanto como los propios visitantes del sitio (y probablemente incluso más). Después de todo, si todas las imágenes no tienen el atributo ALT, una persona puede hacerlo incluso si agrega textos explicativos. Allende, robots de búsqueda(en vacío ALT) puede no clasificar el sitio lo suficientemente alto, reducir su posición en los resultados de búsqueda y, por lo tanto, no atraerá un número suficiente de visitantes. Por lo tanto, podemos decir con seguridad que las descripciones de las imágenes en el sitio también influyen. papel importante y para los propios webmasters, por lo que no pueden ser descuidados.
Bonificaciones de los motores de búsqueda
Para comprender mejor los beneficios de las etiquetas de descripción de las imágenes completadas correctamente, aquí está pequeño ejemplo. Digamos que hay un sitio web con imágenes publicadas en él. Si no especifica el atributo ALT, el usuario no sufrirá, ya que en cualquier caso verá lo que se muestra en tal o cual foto. Un resultado completamente diferente le espera al propietario del recurso, que descuidará la etiqueta anterior, lo que le hará perder parte del tráfico de los catálogos de imágenes, por ejemplo.
¿Cómo configurar el atributo ALT?
Técnicamente, no hay nada difícil en completar lo obvio debajo de tal o cual imagen: debe ir al editor HTML de su sitio y encontrar el código de la imagen (comienza con IMG y termina con el mismo). Hay código dentro de este bloque de código. Esto es lo que quieren decir cuando dicen que es necesario agregar el atributo ALT. Esto se hace así: “alt = “descripción”.
Si no estás trabajando con código limpio, pero utiliza algún tipo de "motor" separado para el sitio (por ejemplo, Wordpress o Joomla), integra un mecanismo especial para agregar "alts" a través del cual los motores de búsqueda recordarán nuestro sitio. Si completa un nuevo ALT, la actualización aparece en su página.
¿Qué está escrito en el atributo?
Por supuesto, cuando tienes la tarea de especificar el atributo ALT, no estás pensando en lado técnico. La mayoría de las veces, esta pregunta se hace si el webmaster no sabe qué información necesita indicar sobre una imagen en particular. Debido a esto, es difícil decir qué información beneficiará al sitio desde el punto de vista de los motores de búsqueda.
En la práctica, existen muchos enfoques para resolver el problema de descripción. Alguien trabaja con plantillas típicas, según las cuales la etiqueta simplemente se llena con las palabras clave para las que se creó la página. Esta es quizás la práctica más común que se puede ver con frecuencia. A veces, en lugar de buscar cómo escribir el atributo ALT, el usuario simplemente deja este espacio vacío. Aquí cabe aclarar que cada uno toma sus propias decisiones respecto a qué descripción indicar.
Requisitos
Al mismo tiempo, podemos identificar varias reglas básicas (o, si se prefiere, requisitos) mediante las cuales cada uno puede reunir el atributo ideal para sus fotografías. Consisten en una pequeña cantidad de puntos, cada uno de los cuales se relaciona con descripciones de fotografías e imágenes del sitio.
Por ejemplo, el primer requisito es la longitud de todo el texto. Si buscas cómo escribir correctamente el atributo ALT, la solución es sencilla: no utilices más de 2-3 palabras. En primer lugar, un texto de este tamaño será leído idealmente por un robot de búsqueda (y hará que su sitio sea más relevante); en segundo lugar, dicha descripción es más comprensible para los propios usuarios. De acuerdo, nadie leerá la oración completa si solo quiere saber lo que se muestra en la imagen. Basta con indicar de forma breve y precisa la descripción, que será útil tanto para usted como para sus clientes.
No te olvides de la carga semántica. Si publicas una foto de un elefante, asegúrate de describir su raza o historia; especifique por qué se representa específicamente en esta foto¿Qué te gustaría decir? Será útil para el visitante conocer su opinión sobre este elefante.
Otro punto importante(que se estableció a través de numerosas pruebas prácticas) - Si está buscando cómo agregar un atributo ALT a una imagen, recuerde: debe seleccionarse de forma única para cada una de las fotos enumeradas en el sitio. Por ejemplo, publicar tres imágenes seguidas con la leyenda "mi elefante" será un error: solo dañará su recurso en resultados de búsqueda. Es mejor nombrar las imágenes “elefante 1” y “elefante 2”, lo que las hará más únicas.
Finalmente, tenga en cuenta los parámetros de las imágenes a las que desea agregar un atributo ALT. Para las imágenes es importante cumplir una serie de criterios: no ser demasiado pequeñas y parecer realistas. Es decir, si proporcionas una descripción, hazlo para imágenes más serias que cuentan más. No especifiques el atributo ALT para algunos pequeños emoticonos ni nada por el estilo.
Buscar en Alt
Finalmente, hablamos de los conceptos básicos del atributo, algunas reglas para su composición y los requisitos de ambas partes (tanto de los usuarios como de ellos). Ahora pensemos: ¿cómo buscar las palabras clave y frases que escribiremos en nuestra web? Como se indicó anteriormente, la búsqueda debe dirigirse al lado bases de datos listas para usar palabras clave, que realmente puede empezar a atraer clientes a su sitio web. Por supuesto, esto no se puede lograr si aún falta el atributo ALT. Tome las palabras clave y frases ya preparadas que utilice en el contenido e insértelas en las imágenes.
Si no tiene dicha información y no ha pensado en absoluto en comenzar a promocionar gradualmente su recurso, le sugerimos que comience a buscar bases de datos de este tipo de "palabras clave" con las que pueda crear fácilmente nuevos sitios. Servicios como Google Keyword Extract Tool o Yandex.Wordstat, que muestran estadísticas de búsqueda para determinadas frases, son perfectos para esto. "Jugando" con estas configuraciones, puedes ampliar significativamente la participación tráfico de búsqueda en sus sitios y así comenzar a obtener nuevos beneficios. Lo principal es que no surge una situación en la que todos imágenes visibles Falta el atributo ALT.
Conclusiones
Entonces, ¿qué podemos decir sobre el atributo descrito en este artículo? Es parte del lenguaje en el que se crean los sitios web más simples: HTML. Esto es muy sencillo de hacer, ya que describe lo elemental, lenguaje básico. Para seguir agregando una etiqueta a las imágenes, debe crearla usted mismo utilizando el código fuente. O, usando nuevas instrucciones, comience a procesar nuevamente. Sea como fuere, especificar etiquetas ALT es ese caso ideal de beneficio mutuo cuando tanto el visitante como el propietario del recurso están satisfechos.
La especificación de una etiqueta también puede atraer nuevos visitantes; este fenómeno se observa especialmente en servicios como Google y Yandex Images. Cuando hace clic en una imagen, el sitio determina de forma independiente la fuente de donde se tomó la imagen y redirige al visitante. Y esto, como comprenderéis, es muy importante poder hacerlo en el futuro.
Si desea vender espacio para banners en su blog de WordPress, no es necesario que se registre en el intercambio. pancarta publicitaria, porque este servicio tiene excelente reemplazo es un complemento para mostrar pancartas en su blog de AdRotate.
Vale la pena señalar: es conveniente porque no es necesario negociar individualmente con los anunciantes sobre la ubicación de los banners, es decir, Prácticamente no participas en esto. El trabajo principal recae en el anunciante: selecciona el tamaño, el banner, el enlace y lo coloca durante un período determinado (por ejemplo, un mes) y por el precio que usted establezca (cuanto más popular sea su blog, mayor será el precio). , y solo recibirás dinero por el banner comprado por el anunciante: colocarlo automáticamente. Sólo necesitas instalar el código en tu blog para mostrar el anuncio de “comprar publicidad” con el logo:
1. El banner se colgará en su blog hasta que expire el período de colocación del banner.
2. Sin rotación, es decir. la capacidad de mostrar otros banners en rotación con el banner del anunciante.
¡No habrá tales problemas al utilizar el complemento AdRotate! Pero usted mismo negociará con los anunciantes, colocará carteles y establecerá las fechas de visualización.
Ahora pasemos a configurar el complemento AdRotate.
Descargue e instale AdRotate en nuestro blog de WordPress y proceda a crear la rotación de banners publicitarios.
El complemento está diseñado para insertar la rotación de varios pancartas publicitarias. Cada grupo debe tener banners del mismo tamaño, por ejemplo, en el grupo 1 habrá una rotación de banner de 468x60, y en el grupo 2, 125x125.
Después de agregar varios banners a un grupo, AdRotate comienza a mostrarlos en el sitio de manera variable: primero se mostrará un banner, y cuando vaya a otra página o actualice la página actual en el navegador, se mostrará otro, etc. dependiendo de la cantidad de pancartas que haya agregado en un grupo.
¿Cómo agregar un banner?
Busque AdRotate en el panel de administración, vaya a Administrar anuncios y haga clic en Agregar nuevo para agregar un nuevo banner al rotador.
en el campo Título Ingrese un nombre para usted para que pueda encontrar el camino más tarde si necesita eliminar o editar el banner.
en el campo Código de anuncio deberás indicar el código de tu banner, por ejemplo:
Y no olvides marcar la casilla Seguimiento de clics e ingresa la URL de tu enlace oculto.
Para cada banner puede establecer la prioridad de visualización ( Peso), es decir. cuanto más (menos) los demás se mostrará este banner. Prioridad del 2 al 10.
En puntos Mostrar desde... hasta Puede especificar el período para mostrar este banner. Después de esto, en el punto Activar elegir Sí, este anuncio será utilizado. para habilitar el banner. Esto es conveniente si alguien compró espacio publicitario en su sitio web, por ejemplo, durante un mes.
Ahora necesitas ir a Grupos de gestión para crear un grupo de rotación para sus banners. Aquí especificamos un nombre para el grupo de banners y luego seleccionamos los banners que se incluirán en este grupo.
Hacer clic en Ahorrar.
Para agregar rotación a una publicación o página, puede usar un código corto.
Hola queridos amigos. Hoy, a petición de uno de mis suscriptores, les hablaré sobre la etiqueta ALT (atributo), que debe estar presente en los parámetros de cada imagen del sitio.
La ausencia del atributo alt no aparece externamente en la propia imagen. Pero, internamente, en el código fuente, la ausencia de una etiqueta alt es un error. Y los robots de búsqueda cuentan cada uno de esos errores. Y cosas tan aparentemente pequeñas se ralentizan promoción en buscadores cualquier sitio.
Y si al colocar imágenes en un artículo puedes indicar inmediatamente lo deseado texto alternativo, luego con imágenes (elementos) de diseño será más difícil. Sucede que estos elementos de diseño particulares carecen de una etiqueta alt. Y muchos principiantes ni siquiera saben de la presencia de estos errores en sus sitios web.
¿Por qué se necesita el atributo alt?
Se trata del mecanismo mediante el cual el navegador carga una página web. Cuando se carga una página, el texto del atributo alt se carga primero y luego el texto se cambia a una imagen. Si la carga de imágenes está deshabilitada en el navegador, en lugar de la imagen habrá texto alternativo (del atributo alt).
Los robots de búsqueda ven la página solo en calidad. código fuente, y la presencia de una etiqueta alt les informa sobre el contenido de la imagen. Por cierto, incluso la presencia de una etiqueta alt sin texto será aceptada por el motor de búsqueda como señal de buena forma. Es decir, la presencia del atributo en sí es obligatoria, pero su valor es opcional.
Alt="valor" !}
Cómo verificar imágenes para el atributo alt
La forma más fácil y accesible para todos es verificar el código fuente de la página (validación de código) en busca de errores.
Para hacer esto, debe abrir el servicio de verificación de código. W3C e ingrese la URL de la página.
Después de verificar el código fuente, página especificada, se abrirá en la pantalla un informe de disponibilidad e información de error (si corresponde). Y si al menos a una imagen de la página le falta una etiqueta alt, verá este error:
Nota: si hay muchos errores, le aconsejo que utilice CTRL+F búsqueda para búsqueda rápida la información necesaria.
Aquí tienes otra forma que te permitirá conocer errores en el código fuente de tu sitio. Pero, para utilizar esta herramienta, es necesario registrarse en la cuenta de webmaster de Bing. Y en esta misma oficina hay una herramienta "Herramientas de análisis SEO".
Donde también ingresa la dirección de la página del sitio para su análisis y recibir un informe. Y si falta una etiqueta en alguna parte alternativo, lo verás.
También puede consultar el código fuente de la página para ver exactamente dónde buscar. Para hacer esto necesitas ir al marcador. "Código de página" y encontrar dónde se cometió el error. Hazlo fácil código requerido se resaltará en amarillo.
Cómo encontrar el fragmento de código fuente deseado y agregar el atributo alt
En primer lugar, debe observar de cerca los datos que recibió de las herramientas de análisis. Prestar atención:
- al nombre del archivo de imagen,
— el nombre de la clase, el bloque en el que se encuentra la imagen,
- a elementos adyacentes.
Todos estos elementos ayudarán en el futuro a encontrar el archivo y, en él, el fragmento de código fuente deseado.
Como ejemplo, mire la captura de pantalla de arriba. El código que necesitamos no tiene nada de especial. Sí, sabemos en qué está este banner. nuevo libro gratis azamáta. Además, sabemos que el banner se encuentra en la barra del sitio. Pero imaginemos que no le presté atención. Entonces, ¿qué puedes aprender de este código?
En primer lugar, sabemos el nombre del archivo de imagen. Y no importa que la imagen esté ubicada en otro sitio. También vemos un bloque DIV con una clase.
Y ya desde la clase "textwidget" queda claro que el código que necesitamos se encuentra en Widgets. Y si es así, entonces de nada sirve buscar todos estos elementos a los que prestamos atención. Ya que en la mayoría temas de WordPress Los widgets en la barra del sitio se generan dinámicamente. Esto significa que en el código del archivo responsable de la barra del sitio ( barra lateral.php) será predominantemente codigo php. Lo cual no apunta a un widget específico de ninguna manera.
Por tanto, vayamos a panel administrativo WordPress- « Apariencia» — "Aparatos" y busque el widget deseado.
Y aquí agregamos el atributo alt a los parámetros de la imagen.
A
Después 
alt="Infomarketing 20/80"
!}/>
Eso es todo. Todo está listo.
Pero con el widget todo está claro, cualquiera puede manejarlo. ¿Qué pasa con elementos específicos¿diseño?
Como ejemplo, mostraré la plantilla que estoy usando ahora, solo en su versión original. Es decir, en la etapa de instalación ya había 21 errores (faltaba el atributo alt).
Abre la pestaña "Código de página" y analizar el código. Buscamos elementos a los que podamos aferrarnos, mediante los cuales podamos encontrar archivo requerido y código.
En los parámetros de búsqueda, debes seleccionar buscar todos los archivos cuyo código contenga una mención del elemento que estás buscando. En nuestro caso, el nombre del archivo de imagen.
A continuación, es mejor hacer copia de reserva archivo (cópielo por separado a su computadora) y podrá comenzar a editar. EN comandante total Simplemente seleccione el archivo y presione F4. O puede copiar el archivo a su computadora y abrirlo usando Notepad++. Bueno, o al menos, a través del Bloc de notas.
Entonces, abra el archivo y busque el código requerido. Puede utilizar CTRL+F para buscar.
Lo encontramos y lo pusimos atributo requerido alt. Así con todas las imágenes que no lo tienen.
Una vez realizados los cambios, guarde el archivo y compruébelo nuevamente con las herramientas de análisis.
Así se añaden amigos atributos alternativos a las imágenes. Como ejemplo claro mira el videotutorial. Y recuerda que es mejor hacer todas estas modificaciones de plantilla en
Y por supuesto, lee el artículo al respecto en general. Descubrirás que muchas imágenes de plantilla no sólo no tienen etiquetas alt, sino que no están optimizadas en absoluto.
Y eso es todo para mí hoy. Espero sus comentarios. todo éxito y buen humor! Nos vemos en nuevos vídeos y artículos.
Ingrese alt y título
A la hora de promocionar un artículo en un blog o un producto en una tienda online con SEO, las imágenes juegan un papel importante. hay usuarios buscando bienes según la imagen. Y para garantizar que sus productos o blog tengan una clasificación más alta en los resultados de búsqueda, debe prestar atención a las etiquetas de imágenes. se trata de sobre alt y título. El éxito en los resultados de búsqueda depende de cómo escribimos alt y title.
¿Qué son las etiquetas? En términos generales, cuando , el motor de búsqueda ve que la imagen del artículo refleja su título y tema. El atributo está dirigido a robots y afecta directamente la clasificación del sitio. Y cuando ingresamos el título, al pasar el cursor sobre la foto, aparece una información sobre herramientas con texto. Si alt está dirigido a los robots del sistema, entonces el título mejora la usabilidad (facilidad de uso del sitio). Si escribimos cuidadosamente el título, será mejor que revelemos el tema tratado en el artículo.
Agregar una etiqueta alt
característica principal de este atributo- influencia significativa en los motores de búsqueda y asistencia para llevar un artículo a la cima de Yandex o Google. leyendo la etiqueta motor de búsqueda Entiende lo que se muestra en la imagen. Si ingresa alt correctamente, de acuerdo con el tema del artículo, su relevancia aumentará significativamente. Buen bono– los usuarios de la sección Búsqueda de imágenes accederán al sitio. Por eso el uso de la etiqueta alt es especialmente beneficioso para las tiendas online.
¿Para qué más sirve una etiqueta? El caso es que no todos los usuarios disponen de un navegador que carga imágenes. Por varias razones: por ahorro de tráfico, por baja velocidad de conexión o si el propio usuario ha desactivado la visualización de imágenes. En este caso, en lugar de una foto, se muestra descripción del texto, especificado por la etiqueta. Ingresar alt es útil para los visitantes sentados con dispositivos móviles tratando de ahorrar tráfico. Su sitio se cargará muchas veces más rápido. Pero es la velocidad de carga del recurso lo que influye significativamente en los factores de comportamiento y en el número de visitantes habituales.
Veamos un ejemplo de reflexión optimización SEO. Elegimos un sitio sobre flores. La siguiente captura de pantalla muestra un atributo de título bien completo, que se analizará en un párrafo aparte.
Cuando pasas el cursor sobre la imagen, aparece un texto emergente: qué flores regalar. Veamos cómo se escribe alt. Presione la combinación de teclas Ctrl+U. Se abre el código del sitio. Ahora presione Ctrl+F para buscar la página. Cuando escribes la frase qué flores comprar, verás una etiqueta alt correctamente completada.
Aquellos. el administrador del sitio se encargó de completar ambas etiquetas, mejorando así tanto la posición en los resultados de búsqueda como los factores de comportamiento. ¿Qué pasa con las clasificaciones? Vayamos a la búsqueda de imágenes de Google. Ingresamos una solicitud sobre qué flores regalar y la primera imagen es del sitio que estamos revisando.
Como puede ver, la optimización de etiquetas funciona muy bien. lo suficientemente informado ingresa alt. ¿Cómo hacer esto?
- La brevedad es hermana del talento. y bueno Promoción SEO. El número aceptable de palabras es de 3 a 5. El límite de etiquetas es de 250 caracteres.
- Disponibilidad frase de búsqueda o palabras. Si la frase del título en el texto emergente tiene un mayor impacto en el usuario, entonces la frase alternativa tiene un mayor impacto en el motor de búsqueda. Pero no te excedas con las palabras clave, de lo contrario el robot lo identificará como spam.
- Como en el caso del título, alt debe escribirse de acuerdo con la imagen de la página.
Cómo escribir una etiqueta de título
El atributo del título no afecta directamente la promoción. Los robots de búsqueda no lo tienen en cuenta a la hora de clasificar un artículo o producto en los resultados de búsqueda. Esencialmente nosotros escribe el titulo opcional. Pero su papel entre los visitantes del sitio es importante, porque mejora la usabilidad del sitio. Cuando pasa el cursor sobre una imagen en un artículo, aparece una información sobre herramientas que revela la esencia de la imagen; de hecho, así es como funciona la etiqueta de título.
¿Cómo escribir el título correctamente?
Este es un ejemplo de buena optimización, ya que la etiqueta alt, de la que hablamos anteriormente, está bien ubicada en el sitio. Si escribes el título correctamente, mejorará el artículo en términos de factores de comportamiento y será una agradable adición a la utilidad del artículo.
Resumamos. etiqueta alternativa Diseñado para influir directamente en la posición de búsqueda, está dirigido a robots. etiqueta de título Se usa opcionalmente, pero es una buena ventaja para la calidad del artículo. Está creado para visitantes.
Para lograr el máximo efecto en la optimización del artículo, recomendamos contactar con profesionales. Los especialistas en promoción conocen bien el tema y trabajan hábilmente con programas de búsqueda de palabras clave. La amplia experiencia en resolución de problemas juega un papel importante. Como resultado, obtendrá un resultado funcional y su sitio podrá llegar a la cima en los motores de búsqueda.
