La Coctelera

The Refuseniks ha vuelto

archivos | contacto | suscríbete

24 Agosto 2007

Metainformación para describir tu blog

Imprime desde aquí este post

¿Recuerdas como finalizó el post anterior de HTML?

Nos quedamos en el tag <title>, el único tag del bloque <head>, que se hace visible al ejecutarlo, pues bien, hoy seguiremos con ese bloque, y el protagonista en este caso será, el tag META, el cuál nos permite proporcionar información adicional sobre nuestra página y su contenido. Muchos motores de búsquedaDefinición de motores de búsqueda en la Wikipedia y buscadores jerárquicos como arañas o spidersDefinición de arañas en la Wikipedia usan esta información para crear sus índices.

  • Especifica la codificación y el tipo
  •  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
     
  • META description especifica la descripción del blog, se recomienda no incluir el título dentro del mismo
  •  <meta name="description" content="texto descriptivo del contenido del blog" />
     
  • META keywords especifica las palabras clave por las que queremos que encuentren nuestro blog los motores de búsqueda, pueden colocarse hasta 1024 caracteres separados por espacios o por comas
  •  <meta name="keywords" content="palabras clave" />
     
  • META refresh permite establecer cada cuánto tiempo (expresado en segundos) se recargará el blog
  •  
     <meta http-equiv='refresh' content='segundos'/>
     
  • META refresh permite establecer también, el tiempo (expresado en segundos) antes de ser redireccionado a otra página
  •  <meta http-equiv='refresh' content='segundos;URL=URL de destino'/>
     
  • META Cache-Control evita que la página sea guardada en la caché del usuario y es útil cuando tenemos un sitio que se actualiza muy seguido pero sus resultados son poco fiables
  •  <meta http-equiv='Cache-Control' content='no-cache'/>
     
  • META Pragma realiza la misma función que META Cache-Control pero en navegadores Netscape
  •  <meta http-equiv='Pragma' content='no-cache'/>
     
  • META Expires permite la caché pero le da un tiempo, pasado este, obliga al navegador a cargar la página desde el servidor (la fecha debe estar en formato GMT)
  • Con formato GMT la fecha sería de esta manera:

    Ejemplo: Vie, 24 Ago 2007 02:00:00 GMT

     <meta http-equiv='Expires' content='fecha'/>
     
  • META Expires a utilizar de inmediato
  •  <meta http-equiv='Expires' content='0'/>
     
  • Para clasificar tu blog y traer a la audiencia adecuada visita el sitio Safe for Kids, que su traducción vendría a ser algo así como Apto para niños, es muy sencillo:
  • Si el sitio certifica que tu blog está libre de contenidos no aptos para niños el META a utilizar sería este

     <meta http-equiv='PICS-Label' content='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 0 ))'/>
     

    Si el sitio certifica que tu blog tiene contenidos aptos para niños pero necesita la supervisión de los padres el META a utilizar sería este

     <meta http-equiv='PICS-Label' content='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 1 ))'/>
     

    Y si el sitio certifica que tu blog es sólo para adultos el META a utilizar sería este

     <meta http-equiv='PICS-Label' content='(PICS-1.1 "http://www.weburbia.com/safe/ratings.htm" l r (s 2 ))'/>
     

    Si te fijas detenidamente lo único que cambia en estos tres META son las cifras del final de línea, 0, 1 y 2

    • 0 si tu blog está libre de contenidos no aptos para niños
    • 1 si tu blog tiene contenidos aptos para niños pero necesita la supervisión de los padres
    • 2 si tu blog es sólo para adultos
  • META Robots los robots son programas que usan los buscadores para indexar las páginas (visitan y registran todos los vínculos en su base de datos)
  •  <meta name='robots' content='TIPO'/>
     

    donde TIPO va a indicar cómo queremos que actuen los robots:
    content="all" todas las paginas son indexadas
    content="noindex,nofollow" no añade la página al motor de búsqueda
    content="noindex,follow" no añade la página inicial pero si resto de lo enlaces
    content="none" igual que el anterior
    content="index,nofollow" sólo indexa la pagina inicial
    content="index,follow" indexa la página y todos sus vínculos (opción por defecto y la más utilizada)

    META en nuestro blog

    Clica aquí para ver la imagen ampliada

    Aquí puedes observar los META que crea automáticamente nuestro blog en La Coctelera y dónde nos pone el <title>:

  • En primer lugar el <title>, lo que vemos aquí lo hemos introducido nosotros mismos desde el panel de control de nuestro blog en la Coctelera al introducir el título del blog
  • En segundo lugar los META, el primero especifica la codificación y el tipo
  • el segundo especifica el generadordesde donde está hecho el HTML, en este caso La Coctelera o lo que es lo mismo The Shaker v1.0.
  • y el tercero especifica la descripción, en el caso de La Coctelera llamado LEMA que también lo introducimos desde el panel de control de nuestro blog.
  • En el próximo post acabamos con los META...


    Referencia blográfica:
    VAGABUNDIA de: JMiur
    Plataforma: BLOGGER
    Buenos Aires, Argentina




    Referencia bibliográfica:
    DESCUBRE HTML 4 de: PHILLIPS, ANNE
    Editorial: PRENTICE HALL
    ISBN: 978-84-8322-132-7
    NIVEL USUARIO: Intermedio
    Un libro que no me canso de leer y de aprender de él



    Avisos para los comentarios

      Control parental:
      Todo comentario con lenguaje inapropiado, obsceno, que utilice palabras abusivas o que ofenda a otras personas será eliminado

      Aviso tópico:
      Por favor, enriquece este post enviando tus comentarios, no hagas spam e intenta que sean relevantes con el contenido del mismo, si no es así seran eliminados




    Tags: curso html, meta, html

    servido por Sir Refusenik 4 comentarios compártelo

    4 comentarios · Escribe aquí tu comentario

    bordemar

    bordemar dijo

    A ver me parece que esto me tomara tiempo... la verdad es que soy de las que aprende haciendo, es decir esperimentando o lo que es lo mismo " echando a perder" jajajaja porque con solo leer nunca me quedan muy claras las cosas.

    Nada q espero no reprobar este curso... besos

    24 Agosto 2007 | 07:33 PM

    now

    now dijo

    Buenisima su informacion.
    Abrazo My Lord.

    25 Agosto 2007 | 03:40 AM

    Sir Refusenik

    Sir Refusenik dijo

    Hapte, me alegro que vayas aclarando dudas con esta información aunque queda otro post sobre el tag META, un besote.

    Bordemar, de todos modos no te preocupes lo referente al tag META, se podría decir que es un tema avanzado, pero lo he querido poner ya por llevar un orden, ya que este tag va en la primera sección del código HTML, osea en el HEAD.

    De lo visto hasta ahora lo único que es modificable en la coctelera sería el tag TITLE, que lo modificas en el panel de control de tu blog en el espacio de TÍTULO junto con el lema, estas dos modificaciones quedan automáticamente almacenadas en los META del HTML de tu blog, en el próximo post lo verás mucho más claro, además vendrá con el segundo ejemplo.

    Besos

    Sr. Now, un placer que le interese la información y encantado de volverle a ver por estos parajes.

    Un abrazo Wilsao

    25 Agosto 2007 | 04:11 AM

    Escribe tu comentario


    Sobre mí

    Avatar de Sir Refusenik

    The Refuseniks ha vuelto

    Barcelona, España
    ver perfil »
    contacto »

    Estado de ánimo del blog


    My Flower

    Colaboro con...




    I'm vueling to Ibiza


    Estadísticas


    Usuarios en línea hit counters

    Lectores agregados al feed
    Technorati ProfileAdd to Technorati Favorites

    Actividad Real



    Licencia


    Creative Commons License
    Este blog está bajo una licencia de Creative Commons y su nº de serie en internet o IBSN es
    IBSN: Internet Blog Serial Number 01-05-12-2006

    Feed Oficial


    Foto Feed



    ¿Te gusta The Refuseniks?


    Recomendar Web

    Contacto


    Administración

    Lo+leído

    Tags y post relacionados


    Clica en un tag y verás in situ los post relacionados con esa etiqueta

    Fotos

    Sir Refusenik todavía no ha subido ninguna foto.

    ¡Anímale a hacerlo!

    Buscar

    suscríbete

    Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

    ¿Qué es esto?

    Crea tu blog gratis en La Coctelera