Presentación de la información
La presentación de la información en el marketing web se realiza mediante los metadatos.
Los metadatos son elementos HTML que muestran información sobre la propia página web que los contiene. Son usados por los buscadores para definir la información principal de la web (temática, descripción), por lo que será muy importante tenerlos correctamente configurados.
Una página web, como se ha visto en el punto anterior, deber ser un conjunto de datos organizado con sentido. Las etiquetas html deben insertarse con este fin organizativo (dejando la presentación para otros lenguajes como CSS). La sola lectura del código debería ofrecer información relevante sobre el documento. Se trata en definitiva de organizar internet, escribiendo páginas que contengan información sobre sí mismas, de forma que pueda mecanizarse su clasificación y catalogación. El futuro de la metainformación, pasa por la web semántica y por XML, pero de momento se puede avanzar por este camino a través de los metadatos.
Los metadatos son unos campos de información que no son visibles para el usuario, son leídos y registrados en las bases de datos de los motores de búsqueda y se utilizan por ejemplo para mostrar el título y la descripción de la página que queremos que el buscador presente cuando muestre un resultado de búsqueda. Si no definimos estos metadatos, se mostrará algún contenido que esté presente en la página, por lo que podría ocurrir que el resultado mostrado por el motor de búsqueda no cumpla con nuestras expectativas.
Por lo tanto, podemos decir que los metadatos son una de las partes más importantes de la página, en tanto que permiten incluir información relevante sobre la propia página. La especificación oficial de HTML no define la lista de metadatos que se pueden incluir, por lo que las páginas tienen libertad absoluta para definir los metadatos que consideren adecuados. La etiqueta empleada para la definición de los metadatos es < META >, dicha etiqueta irá situada dentro de la sección < HEAD > < /HEAD > de la página.
Etiqueta < META >
Esta etiqueta usada para la definición de los metadatos es de aquellas que reciben el nombre de “elementos vacíos”, puesto que no lleva etiqueta de cierre. Su estructura es la de una declaración propiedad=valor.
< meta name=”generator” content=”HTML-Kit” / >
En el ejemplo anterior, la etiqueta contiene la metainformación de que el documento ha sido escrito usando el editor HTML-Kit.
Puesto que el estándar HTML no tiene ninguna regla de la información que se puede o no incluir en las metatags, es perfectamente válido inventar etiquetas META propias. Sin embargo, dado que no se visualizan en el navegador y que realmente solo se aprovechan por los buscadores y otras herramientas informáticas, tampoco tiene mucho sentido crear metainformación propia, salvo para uso propio.
Por tanto, la estructura típica de los metadatos en la vista de código es:
< meta name=”nombre del elemento” content=”contenido del elemento” / >
Todas las etiquetas meta son opcionales, de forma que la página seguirá funcionando correctamente aunque no exista ninguna en su código. De hecho, lo normal es que no se introduzcan todas ellas, sino las más importantes para mejorar el posicionamiento web.
Etiqueta | < meta > |
Atributos propiosAtributos propios | * name = “nombre_del_elemento” à Nombre de la propiedad que se define.* content = “contenido del elemento” à El valor de la propiedad definida.* http-equiv = “texto” à En ocasiones, reemplaza al atributo “name” y lo empelan los servidores para adaptar sus respuestas. Los servidores HTTP utilizan este atributo para obtener información sobre los encabezados del mensaje de respuesta HTTP.* scheme = “texto” à Indica el esquema que se debe emplear para interpretar el valor de la propiedad* lang à información sobre el idioma* dir à dirección del texo |
El elemento < meta > es un mecanismo genérico para la especificación de metadatos. Sin embargo, hay algunos elementos y atributos de HTML que ya manejan determinados metadatos y que pueden ser utilizados por los desarrolladores en lugar de < meta > para especificar dichos metadatos como, por ejemplo, el elemento < TITLE >, el elemento < ADDRESS >, los elementos < INS > y < DEL >.
Meta name
A través de la especificación de los atributos name y content, podemos indicar el tipo de información que se va a proporcionar así como el valor que toma dicha información.
Los tipos de información más utilizados son los siguientes:
name | content |
author | Autor de la página |
classification | Palabras para clasificar la página en los buscadores |
description | Descripción del contenido |
generator | Programa utilizado para crear la página |
keywords | Palabras clave separadas por comas |
application-name | Especifica el nombre de la aplicación web que representa la página |
Meta description
Se trata de una etiqueta muy importante para el SEO, ya que va a influir en la cantidad de visitas que se reciben desde los buscadores.
Es una etiqueta HTML que se utiliza para proporcionar una descripción del contenido de la página a los buscadores. Cuando un usuario realiza una búsqueda en los buscadores, puede ver el texto de meta descripción en la página de resultados, lo que va a evitar que tenga que visitar la página para ver lo que busca.
Si la descripción es suficientemente buena, va a atraer al usuario, puesto que informa de lo que ofrece y da motivos para visitar la página. Es por esto que el texto deberá ser persuasivo, sin falsear ni exagerar la información.
Aunque no es visible desde el navegador, se puede encontrar dentro de la sección <Head> del código de la página. Normalmente está situada entre la etiqueta de título y otras etiquetas meta, como meta robots.
El aspecto de estas etiquetas es similar al siguiente:
<meta name=»description» content=»Esta es la meta descripción de la página»/>
Meta keywords
Con estas etiquetas meta, se van a incorporar una serie de palabras clave para resumir el contenido de un documento. Al comienzo del marketing de buscadores, las palabras de la etiqueta meta keywords eran útiles para aumentar relevancia y mejorar la posición en el ranking. No obstante, se ha abusado en demasía de estas palabras clave (keyword stuffing), por lo que los buscadores ya no les prestan tanta atención.
Meta keyword
Meta robots
Esta meta etiqueta va a permitir dar instrucciones directas a los robots de los buscadores.
Su código en HTML es:
<meta name=»robots» content=»VALOR1, VALOR2″>
Los valores pueden ser Index/NoIndex o Follow/NoFollow, respectivamente. En función de la configuración que se vaya a utilizar, se podrá autorizar o no el rastreo e indexación de la página web por parte del buscador. Por esto, la etiqueta meta robots se puede utilizar como alternativa al archivo robots.txt. Los robots.txt, también conocidos como estándar de exclusión de robots, son un método que ayuda a evitar que ciertos bots o robots analicen parte de una página o su totalidad para que no agreguen cierta información en los resultados de búsqueda.
Las cuatro combinaciones básicas de esta etiqueta son las que se presentan a continuación:
- Index, Follow: permite la indexación y rastreo de la página, siendo el valor por defecto. Si se prescinde de la etiqueta meta robots es igual a utilizarla con esta configuración.
- NoIndex, Follow: se evita la indexación, aunque se va a permitir el rastreo. Se trata de la configuración ideal cuando no se quiere que una página aparezca en los resultados del buscador.
- Index, NoFollow: permite la indexación pero evita el rastreo.
- NoIndex, NoFollow: evita la indexación y el rastreo.
Meta author
Esta etiqueta indica el nombre de la persona o entidad que ha creado el contenido de la página.
Se podría entender esta etiqueta como el contacto administrativo que se tiene de la web.
Meta viewport
Esta etiqueta meta se utiliza en sitios que cuentan con una versión para móviles de tipo adaptable o responsive. Se utiliza para indicar cómo de grande se mostrará la página en la pantalla.
El código HTML de la etiqueta es el siguiente:
<Meta name=»viewport» content=»width=device-width, initial-scale=1,0″>
Lo que se indica con esta etiqueta es:
- Width=device-width: indica que el tamaño de la página deberá ser como el del dispositivo en que se muestra.
- initial-scale=1.0: indica que la página debe mostrarse inicialmente tan grande como permita la pantalla. Esta etiqueta meta viewport sólo debe utilizarse en sitios responsive, y no en aquellos que basan la versión móvil del sitio en la publicación dinámica, ni tampoco en URL independientes.
Modificación en código
A continuación se van a analizar diferentes aspectos relacionados con la modificación en código, como son Title o Alt.
Title tag
Se trata de un fragmento del código HTML situado al comienzo de la sección <Head> del código de una página web.
Su aspecto es similar al siguiente:
<title>Este es el título de la página</title>
Aquí se indica el nombre descriptivo de la página web y aparece en la pestaña del navegador. Si se utiliza un gestor de contenidos o CMS, probablemente sea lo primero que se introduce al crear una nueva página. Se trata de un campo señalado como título de página, título del documento o, sencillamente, título.
El Title va a influir de manera determinante en la visibilidad de la página para los buscadores, ya que estos otorgan mucha más importancia a las palabras que aparecen dentro del título. Introducir una palabra clave en la etiqueta del título se considera una de las acciones más importantes a nivel de página para SEO.
Si se da un mejor posicionamiento, influirá consecutivamente en el número de visitas. Un título atractivo tiene más posibilidades de recibir clics que otro que no lo sea. Así, también influirá en la difusión de la página web, ya que, además de los buscadores, son las redes sociales quienes también pueden utilizarlas de enlace.
Atributo Alt
Existen momentos cuando una imagen no se puede mostrar en la página Web por varias razones: el enlace no es correcto, la imagen ya no existen en el servidor, etc.
El atributo Alt viene a tapar este error ofreciendo información sobre la imagen. Dicha información aparece bajo forma de texto alternativo en el espacio donde tenía que estar la imagen.
Atributo Alt
Ocultar descripción alternativa
Esta captura de pantalla del atributo Alt, nos señalan las novedades de la fundación.
La Dublin Core Metadata Initiative (DCMI) es la responsable del desarrollo, estandarización y promoción del conjunto de elementos de metadatos Dublin Core. Su obejtivo es elaborar normas interoperables sobre metadatos y desarrollar vocabularios especializados en metadatos para la descripción de recursos que permitan sistemas de recuperación más inteligentes. En concreto, la iniciativa pretende:
- Desarrollar estándares de metadatos para la recuperación de información en internet a través de distintos dominios.
- Definir el marco para la interoperabilidad entre conjuntos de metadatos.
- Facilitar el desarrollo de conjuntos de metadatos específicos de una disciplina o comunidad que trabaja dentro del marco de la recuperación de información.
DCMI comenzó su andadura en 1995 en un encuentro en el que bibliotecarios, proveedores de contenido y expertos en lenguajes de marcas pretendieron desarrollar estándares para describir los recursos de información y facilitar su recuperación.
Así nació un pequeño conjunto de descriptores originalmente pensados para que fuera el propio autor el que los incluyera en el documento o recurso. Pero que rápidamente adquirieron alcance global debido a que también se interesaron en ellos numerosos y variados proveedores de información pertenecientes a diferentes sectores como el de las artes, las ciencias, la educación, los negocios y la administración.
Hoy, los metadatos DC se han convertido en uno de los estándares más extendidos para la recuperación de información en la World Wide Web y el DC se ha convertido en un vocabulario muy utilizado no sólo en el ámbito bibliotecario y documental, sino en otros muchos sectores.
Entre los estándares DCMI y especificaciones DC tenemos:
- Codificación Dublin Core en HTML (IETF RFC 2731).
- Metadatos Dublin Core para la Recuperación de Recursos (IETF RFC 2413).
- Conjunto de Elementos de metadatos Dublin Core, Versión 1.1: Descripción de Referencia que describe el conjunto de los 15 elementos Dublin Core.
- Términos de metadatos Dublin Core (DCMI Metadata Terms) que recoge todos los términos de metadatos utilizados por la iniciativa de Metadatos Dublin Core incluyendo elementos, elementos refinados, esquemas de codificación y términos de vocabulario.
- Vocabulario Tipo DCMI (DCMI Type Vocabulary): El vocabulario tipo DCMI proporciona una lista general de términos aprobados que pueden usarse como valores por el elemento Recurso Tipo para identificar el género del recurso.
Así pues, los metadatos Dublin Core han tenido un desarrollo espectacular en los últimos años y se han convertido en un estándar de metadatos de alcance internacional en diferentes ámbitos y sectores. Desde sus primeras aplicaciones en la descripción por medio de etiquetas HTML hasta sus últimos desarrollos en lenguaje RDF/XML, el uso de namespaces, esquemas, etc., los metadatos DC se han desarrollado como un método válido para describir distintas áreas del conocimiento y existen todavía numerosos proyectos en marcha.
Meta http-equiv
Como se ha descrito anteriormente, estamos ante etiquetas que son usadas para dar información al navegador y complementan las etiquetas Meta name, de hecho, en muchos casos son muy similares.
http-equiv | content |
expires | Fecha desde la que la página debe ser recargada por los navegadores. |
pragma | El contenido deber ser no-cache y sirve para que el navegador no guarde la página en el ordenador del internauta. |
Content-Languaga | Idioma en el que está la página. Se usan las iniciales como: es_ES:español España, en_us: inglés americano… |
Refresh | Indica al navegador el tiempo (en segundos) que debe de esperar para recargar la página automáticamente y la página a la que debe ir. Ambos datos se separan por un punto y coma. |
Content-Type | Tiop de documento y juego de caracteres usado. Lo habitual es colocar: text/html; charset=iso-8859-1, si no se usa los caracteres especiales pueden quedar ilegibles. |
Debe estar conectado para enviar un comentario.