1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Ejemplo de Metadataimagen de Saltatempo

Meta keywords y description

El elemento <head> contiene información general acerca del documento.

HTML tiene un elemento <meta> que siempre va dentro del <head> y sirve para poner meta información.

¿Que diablos es meta información?

Meta información es: información acerca de la información. (no te preocupes, suena raro, pero te aseguro que tiene sentido).

Imagina toda la información que tienes en tu página web, meta información es la información acerca de la página en si, autor, descripción, palabras clave, etc.

Algo así como información acerca de la información.

Hoy vamos a ver los meta keywords y description

Datos acerca del elemento <meta>

El elemento <meta> va en el <head>

El elemento <meta> no es cerrado.

ejemplo: de mi página principal.
<meta name="description" content="Aprende diseño web - (X)HTML, CSS, SEO, estándares y buenas prácticas." />

El elemento <meta> es usado para darle información relevante al navegador o a los motores de búsqueda, como una descripción del documento.

El <meta name="description" content"" />

Esta etiqueta es muy útil, te permite influenciar en la descripción que hacen los motores de búsqueda sobre tu web.

Digamos que buscas aprendiendoweb en Google mira este resultado...

Búsqueda en Google de Aprendiendo Web

Ahora mira otra vez mi meta description. ¿Notas algún parecido?

Te imaginas la oportunidad que esto te da, si bien la etiqueta meta description no ayuda para posicionarte más alto en un buscador, sí es muy importante porque según esta descripción, el lector decidirá si hacer click o no.

Así que siempre ten en cuenta eso.

Si tienes un blog o un sitio con varías páginas diferentes es ideal que cada una tenga su propio meta description, lo mejor es crear una descripción general para tu pagina principal y descripciones específicas para cada página individual.

No hagas descripciones demasiado largas, mantenlas simple, y hazlas pensando en tus lectores o usuarios.

Aprovecha al máximo las descripciones, por ejemplo, si tienes un blog, sería interesante agregar la fecha de la entrada y el autor.(esto es sólo una idea)

Imagínate buscando cualquier tema en Google, aparecen miles de páginas ¿A cual vas a entrar? una buena descripción puede hacer la diferencia!

Recuerda que las descripciones serán leídas por humanos!

Ten en cuenta que si en tu descripción lo único que tienes es una lista de palabras clave es muy probable que a nadie le interese y más aún que no aparezca en los resultados de búsqueda.

Google es lo suficientemente inteligente como para darse cuenta de que tu descripción y el contenido de tu página no tienen nada que ver.

El mito

Hay un mito que dice que llenar los elementos <meta> con palabras o frases muy buscadas como "Paris Hilton" --obviamente si tu sitio no tiene nada que ver con eso-- hará que llegue más tráfico a tu sitio.

No uses a Paris Hilton para mejorar tu webimagen de Alex CD

No es cierto (por más que le pese a Paris :P)

Tratar de usar keywords (palabras clave) engañosas sólo hará que pierdas visitantes.

La etiqueta <meta name="keywords" content"">

¿Esta es la etiqueta donde pones todas tus palabras clave para mejorar tu ranking en google?

No, la etiqueta meta keywords no hace que tu ranking mejore en Google, Yahoo, o cualquier otro motor de búsqueda.

Te preguntarás entonces, por que estoy hablando acerca de esta etiqueta.

Porque me parece que es útil, no para Google, ni para tus usuarios o lectores, sino para ti.

Agregar una pequeña lista de palabras claves te ordena, te da idea de en que te estas enfocando en una determinada página (si te enfocas en demasiadas cosas es probable que el documento se haga difícil de leer, y, nadie quiere eso. ¿o si?). Además en el improbable caso de que Google o Yahoo empiecen a usar esta etiqueta para definir sus resultados de búsqueda, pues ya la tienes ahí!

Hay muchos más usos para el elemento <meta>, estos son sólo 2 de ellos.

En las próximas entradas hablaré sobre otros usos de este elemento HTML.

Y no lo olvides...

Paris Hilton no te ayudará a tener un mejor Ranking en Google.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de LocoDiego LocoDiego

    Algo muy gracioso que recuerdo ahora que mencionas a Paris Hilton es que a veces se estilaba poner en la cabecera (en H1) las palabras y enlaces internos a los temas de los que no hablas en tu página o blog. Cosas como "Este blog no habla de sexo, alcohol, como gilear a la vecina, sexo, drogas, Paris Hilton, Pamela Anderson, Sexo, Leysi Suarez, XXX, (aca siguen un monton de Keywords con top de busquedas)" se empezaban a leeer en diversas paginas. Incluso hace poco he vuelto a encontrar páginas con esa singular cabecera.
    (Por cierto, deberia hacer algo asi en mi blog xD)

  2. Avatar de Germán Germán

    Sí, recuerdo esas épocas en que todo era meter keywords a la mala...
    Lo que esas personas nunca pensaron es que no sólo se trata de quedar en las primeras posiciones de las SERPs para un keyword en particular, se olvidaron de lo más importante: el usuario.

    Por ejemplo, yo podría llenar este sitio de Keywords como "Paris Hitron" la cosa es que no creo que alguien que busque esa keyword esté interesado en aprender diseño web... aunque uno nunca sabe :P

    Un abrazo Diego, y disculpa que me haya demorado tanto en contestarte.

  3. Avatar de Diego dmds3d Diego dmds3d

    Hola me enanto esto de los META, ahora, yo tengo una pregunta... Cuanto tiempo aproximado le toma a google desde que le agregas las palabras hasta que realmente aparece en el buscador con esas palabras, ya que se lo agregue pero no lo veo..
    Tal vez estoy haciendo algo mal

    Asi empieza mi Head

    "<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>DMDS - 3D</title>
    <meta name="description" content="palabras claves"/>
    <meta name="keywords" content="palabras claves"/>
    <style type="text/css">
    <!--
    .Estilo5 {color: #000000}
    .Estilo6 {color: #FF0000}
    .Estilo7 {font-size: 24px}
    .Estilo8 {
    font-size: 18px
    }"
    Esta bien puesto? Saludoss
    Graciassssssssss

  4. Avatar de Germán Germán

    Diego,
    El tiempo que demora Google en indexar un sitio o sus cambios depende de muchos factores, por ejemplo en el caso de un blog puede actualizarse varias veces al día.
    En otras páginas puede demorar más, dale una semana y me cuentas como te fue con eso.

    Saludos

  5. Avatar de Alan Alan

    Hola BUenos dias,

    Muy buen post, quisiera preguntarles si esta correcto como inserte el meta en mi site.

    Meta original :

    <html>
    <head><meta name="google-site-verification" content="z9BXw_DYvdZ04Ff8TiOjStRaXNlQm4FZYGJ7Kuhv4Qk" />

    Cuando lo cambie lo deje asi :

    <html>
    <head>

    <meta name="description" content="Juegos Android - Noticias Android - Fondos de pantalla para mi Android-App Android - Tabletas y muchas cosas mas ." />
    <meta name="google-site-verification" content="z9BXw_DYvdZ04Ff8TiOjStRaXNlQm4FZYGJ7Kuhv4Qk" />

    Esta bien o debo borrar la parte que dice meta name googlesite verification y lo que le sigue..??

    MUchas gracias

  6. Avatar de Apartamentos en Almeria Apartamentos en Almeria

    Sabeis alguna herramienta en donde poder previsualizar la Mete-descripción de mi sitio (de manera instantánea) ya que en google no sale pues tarde un tiempo en indexarse.

    Saludos,

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910