¿¿Puedo Postear algo interesante que encontré, sobre directivas meta y efectos en html...??
[man]Algunas Directivas y Trucos Meta en Html
¿?
Por supuesto, a mi me gustaría.
Por supuesto, a mi me gustaría.
Yo me adelanto con algo que encontre en 0x000000.com. Se pueden crear cookies desde directivas HTML sin necesidad de ningún lenguaje de servidor.
http://www.0x000000.com/index.php?i=433
http://www.0x000000.com/index.php?i=433
| agente_naranja wrote: |
| Yo me adelanto con algo que encontre en 0x000000.com. Se pueden crear cookies desde directivas HTML sin necesidad de ningún lenguaje de servidor.
http://www.0x000000.com/index.php?i=433 |
Curiosa elección para nombre de dominio
Basico:
Atributos HTTP-EQUIV
Las Directivas META Tienen 02 posibles atributes:
<META HTTP-EQUIV="name"CONTENT="content">
<META NAME="name"CONTENT="content">
Por lo que las directivas META deben estar colocadas en el encabezado de un documento HTML, entre las directivas <HEAD> Y </HEAD> (especialmente importantes en documentos que empleen frames o marcos)
(Si necesitan más informacion básica, por favor posteen ó ingresar aqui: http://www.w3.org/TR/html4/struct/global.html#adef-http-equiv)
Efectos al entrar y salir de una pagina o sitio:
Efectos de transicion en una pagina (IE)
Existen dos formas en que una transición puede ponerse:
Al entrar a una pagina = agregar directiva meta: "Page-Enter"
Al salir de una pagina = agregar directiva meta: "Page-Exit"
<meta http-equiv="Page-Enter" content=codigo_del_filtro_de_transicion>
<meta http-equiv="Page-Exit" content=codigo_del_filtro_de_transicion>
Last edited by maverick on Wed Sep 26, 2007 11:09 pm; edited 1 time in total
Atributos HTTP-EQUIV
Las Directivas META Tienen 02 posibles atributes:
<META HTTP-EQUIV="name"CONTENT="content">
<META NAME="name"CONTENT="content">
Por lo que las directivas META deben estar colocadas en el encabezado de un documento HTML, entre las directivas <HEAD> Y </HEAD> (especialmente importantes en documentos que empleen frames o marcos)
(Si necesitan más informacion básica, por favor posteen ó ingresar aqui: http://www.w3.org/TR/html4/struct/global.html#adef-http-equiv)
Efectos al entrar y salir de una pagina o sitio:
Efectos de transicion en una pagina (IE)
Existen dos formas en que una transición puede ponerse:
Al entrar a una pagina = agregar directiva meta: "Page-Enter"
Al salir de una pagina = agregar directiva meta: "Page-Exit"
<meta http-equiv="Page-Enter" content=codigo_del_filtro_de_transicion>
<meta http-equiv="Page-Exit" content=codigo_del_filtro_de_transicion>
Last edited by maverick on Wed Sep 26, 2007 11:09 pm; edited 1 time in total
Transiciones Blend y Reveal:
Fade = blendTrans(duration=1)
Box In = revealTrans(duration=1, transition=0)
Box Out = revealTrans(duration=1, transition=1)
Circle In = revealTrans(duration=1, transition=2)
Circle Out = revealTrans(duration=1, transition=3)
Wipe Up = revealTrans(duration=1, transition=4)
Checkerboard = revealTrans(duration=1, transition=10)
Vertical Checkerboard = revealTrans(duration=1, transition=11)
Strips = revealTrans(duration=1, transition=20)
Barn = revealTrans(duration=1, transition=14)
Dissolve = revealTrans(duration=1, transition=12)
Forma Correcta de Colocar el Codigo del efecto:
<html>
<head>
<meta http-equiv="Page-Enter"
content="revealTrans(Duration=1.0,Transition=2)">
<meta http-equiv="Page-Exit"
content="progid:DXImageTransform.Microsoft.Pixelate(duration=3)">
<title>Sample</title>
</head>
<body>Sample</body>
</html>
Fade = blendTrans(duration=1)
Box In = revealTrans(duration=1, transition=0)
Box Out = revealTrans(duration=1, transition=1)
Circle In = revealTrans(duration=1, transition=2)
Circle Out = revealTrans(duration=1, transition=3)
Wipe Up = revealTrans(duration=1, transition=4)
Checkerboard = revealTrans(duration=1, transition=10)
Vertical Checkerboard = revealTrans(duration=1, transition=11)
Strips = revealTrans(duration=1, transition=20)
Barn = revealTrans(duration=1, transition=14)
Dissolve = revealTrans(duration=1, transition=12)
Forma Correcta de Colocar el Codigo del efecto:
<html>
<head>
<meta http-equiv="Page-Enter"
content="revealTrans(Duration=1.0,Transition=2)">
<meta http-equiv="Page-Exit"
content="progid:DXImageTransform.Microsoft.Pixelate(duration=3)">
<title>Sample</title>
</head>
<body>Sample</body>
</html>
Transiciones DirectX Adicionales (exelentes efectos):
Pixelate = progid:DXImageTransform.Microsoft.Pixelate(duration=3)
GradientWipe = progid:DXImageTransform.Microsoft.gradientWipe(duration=1)
Spiral = progid:DXImageTransform.Microsoft.Spiral(duration=3, GridSizeX=205, GridSizeY=205)
Wheel = progid:DXImageTransform.Microsoft.Wheel(duration=3, spokes=10)
Radial Wipe = progid:DXImageTransform.Microsoft.RadialWipe(duration=3)
Iris = progid:DXImageTransform.Microsoft.Iris(duration=3)
Forma correcta de insertar el código:
<html>
<head>
<meta http-equiv="Page-Enter"
content="revealTrans(Duration=1.0,Transition=2)">
<meta http-equiv="Page-Exit"
content="progid:DXImageTransform.Microsoft.Pixelate(duration=3)">
<title>Sample</title>
</head>
<body>Sample</body>
</html>
Aquí puedes visualizar algunos ejemplos:
http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
Pixelate = progid:DXImageTransform.Microsoft.Pixelate(duration=3)
GradientWipe = progid:DXImageTransform.Microsoft.gradientWipe(duration=1)
Spiral = progid:DXImageTransform.Microsoft.Spiral(duration=3, GridSizeX=205, GridSizeY=205)
Wheel = progid:DXImageTransform.Microsoft.Wheel(duration=3, spokes=10)
Radial Wipe = progid:DXImageTransform.Microsoft.RadialWipe(duration=3)
Iris = progid:DXImageTransform.Microsoft.Iris(duration=3)
Forma correcta de insertar el código:
<html>
<head>
<meta http-equiv="Page-Enter"
content="revealTrans(Duration=1.0,Transition=2)">
<meta http-equiv="Page-Exit"
content="progid:DXImageTransform.Microsoft.Pixelate(duration=3)">
<title>Sample</title>
</head>
<body>Sample</body>
</html>
Aquí puedes visualizar algunos ejemplos:
http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
El meta KEYWORD permite integrar a la página web una serie de términos de búsqueda separados por comas. Tener en cuenta que los buscadores no son sensibles a las mayúsculas y minúsculas.
<meta name="keywords" content="tiendas,Comercio,electronico,Ventas Online,Cotizacion" >
Cuando los webmasters y las empresas SEO comenzaron a utilizar indiscriminadamente las virtudes del META KEYWORD acabaron por matar a la gallina de los huevos de oro. Era muy habitual encontrar mastodónticas cabeceras de METAs con el objetivo de alcanzar las primeras posiciones de manera rápida:
<meta content="inmobiliarias, inmobiliaria, apartamentos, aticos, casas, casas de campo, chalets adosados, chalets pareados, dúplex, edificios, estudios, garajes, hoteles, locales comerciales, naves industriales, oficinas, parcelas rústicas, parcelas urbanas, parcelas urbanizables, pisos, trasteros, villas, España,...
Hoy en día los principales buscadores detectan este tipo de técnicas y penalizan su práctica. De los 5 principales buscadores - Google, Yahoo, AltaVista, FAST, e Inktomi - sólo Inktomi tiene en cuenta el META KEYWORD en su algoritmo de indexación. Así que nuestra recomendación es: que no dedique demasiado tiempo a escribir KEYWORDS para los buscadores y, en caso de hacerlo, que sea muy conciso y evite repeticiones.
<meta name="keywords" content="tiendas,Comercio,electronico,Ventas Online,Cotizacion" >
Cuando los webmasters y las empresas SEO comenzaron a utilizar indiscriminadamente las virtudes del META KEYWORD acabaron por matar a la gallina de los huevos de oro. Era muy habitual encontrar mastodónticas cabeceras de METAs con el objetivo de alcanzar las primeras posiciones de manera rápida:
<meta content="inmobiliarias, inmobiliaria, apartamentos, aticos, casas, casas de campo, chalets adosados, chalets pareados, dúplex, edificios, estudios, garajes, hoteles, locales comerciales, naves industriales, oficinas, parcelas rústicas, parcelas urbanas, parcelas urbanizables, pisos, trasteros, villas, España,...
Hoy en día los principales buscadores detectan este tipo de técnicas y penalizan su práctica. De los 5 principales buscadores - Google, Yahoo, AltaVista, FAST, e Inktomi - sólo Inktomi tiene en cuenta el META KEYWORD en su algoritmo de indexación. Así que nuestra recomendación es: que no dedique demasiado tiempo a escribir KEYWORDS para los buscadores y, en caso de hacerlo, que sea muy conciso y evite repeticiones.
El meta DESCRIPTION se utiliza para ofrecer a los buscadores una descripción de nuestra página web.
<meta name="description" content="En esta página podrá encontrar información actualizada sobre las Ventas Online - Maverick"/>
Debemos ofrecer una información que describa en forma precisa el contenido de la página. Podemos incluir slogans pero debemos huir de las frases demasiado agresivas que puedan generar desconfianza a los usuarios.
Los buscadores extraen de este META la información que muestra en los resultados de las búsquedas. Sólo se indexan los 150 primeros caracteres que introduzcamos, por lo que es importante evitar las repeticiones, ser conciso y practico.
Se debe utilizar el lenguaje apropiado para el público al que nos estamos dirigiendo. Debemos tutear a particulares y utilizar el usted para pymes y empresas.
Hay que tener claro que los META no posicionarán mi página más rápido ni mejor en los buscadores, pero si nos permiten ofrecer un contenido de mayor calidad a nuestros visitantes y buscadores.
<meta name="description" content="En esta página podrá encontrar información actualizada sobre las Ventas Online - Maverick"/>
Debemos ofrecer una información que describa en forma precisa el contenido de la página. Podemos incluir slogans pero debemos huir de las frases demasiado agresivas que puedan generar desconfianza a los usuarios.
Los buscadores extraen de este META la información que muestra en los resultados de las búsquedas. Sólo se indexan los 150 primeros caracteres que introduzcamos, por lo que es importante evitar las repeticiones, ser conciso y practico.
Se debe utilizar el lenguaje apropiado para el público al que nos estamos dirigiendo. Debemos tutear a particulares y utilizar el usted para pymes y empresas.
Hay que tener claro que los META no posicionarán mi página más rápido ni mejor en los buscadores, pero si nos permiten ofrecer un contenido de mayor calidad a nuestros visitantes y buscadores.
los META REFRESH
El meta REFRESH permite recargar automáticamente una página en un intervalo de tiempo. Para ello simplemente debemos indicar en el atributo CONTENT el intervalo de tiempo totalmente expresado en segundos.
<meta http-equiv="refresh" content="15">
También permite realizar una redirección a otra página.
<meta http-equiv="refresh" content="15;url=http://www.anunciospremium.com.ar/">
Sin embargo este método de redirección es muy poco recomendable. La W3c alerta sobre su bajo nivel de accesibilidad al no ofrecer información al usuario sobre la página origen y destino. Además realizar una redirección de esta manera puede ser peligroso para la indexación de la página web pues los motores de búsqueda pueden considerar que estamos utilizando una técnica prohibida en sus directrices para webmasters. Las páginas "puerta", back-doors, o cloaking es una técnica agresiva que busca posicionar un Site utilizando varias páginas de entrada creadas exclusivamente para los buscadores. Estas páginas contienen un contenido absurdo para una persona pero muy relevante para los buscadores (repeticiones de criterios de búsqueda, frases y titulares incongruentes, etc). Cuando encontramos una página de este tipo como resultado de una búsqueda e intentamos acceder, somos redireccionados a otra página diferente preparada para su correcta visualización.
Los motores de búsqueda detectan esta técnica y pueden penalizar nuestra página o desindexarnos definitivamente, asi que es muy peligroso utilizar estos Meta Refresh.
El meta REFRESH permite recargar automáticamente una página en un intervalo de tiempo. Para ello simplemente debemos indicar en el atributo CONTENT el intervalo de tiempo totalmente expresado en segundos.
<meta http-equiv="refresh" content="15">
También permite realizar una redirección a otra página.
<meta http-equiv="refresh" content="15;url=http://www.anunciospremium.com.ar/">
Sin embargo este método de redirección es muy poco recomendable. La W3c alerta sobre su bajo nivel de accesibilidad al no ofrecer información al usuario sobre la página origen y destino. Además realizar una redirección de esta manera puede ser peligroso para la indexación de la página web pues los motores de búsqueda pueden considerar que estamos utilizando una técnica prohibida en sus directrices para webmasters. Las páginas "puerta", back-doors, o cloaking es una técnica agresiva que busca posicionar un Site utilizando varias páginas de entrada creadas exclusivamente para los buscadores. Estas páginas contienen un contenido absurdo para una persona pero muy relevante para los buscadores (repeticiones de criterios de búsqueda, frases y titulares incongruentes, etc). Cuando encontramos una página de este tipo como resultado de una búsqueda e intentamos acceder, somos redireccionados a otra página diferente preparada para su correcta visualización.
Los motores de búsqueda detectan esta técnica y pueden penalizar nuestra página o desindexarnos definitivamente, asi que es muy peligroso utilizar estos Meta Refresh.
El META Robots es utilizado para indicar a los motores de búsqueda de tipo araña (Google y la mayoría de buscadores) si debe o no indexar el contenido de nuestra página (index-noindex) y si queremos que esta acceda a los enlaces (follow-nofollow). Las directivas que podemos indicar son:
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
Los valores por defecto son index y follow, así que no es necesario indicar nada, para que los buscadores indexen el contenido de nuestras páginas.
Pero si la información de la página es de carácter confidencial y no queremos que sea indexada debemos asegurarnos de incluir la directiva noindex,nofollow. Debemos tener en cuenta que los motores de búsqueda son capaces de indexar páginas dinámicas como fichas con datos personales de clientes o listados de facturas. ¿Ha probado a buscar su Documento de Identidad en Google?
No es correcto decir que no se indexará el contenido de nuestra página si incluimos la directiva noindex. Google siempre accederá e indexará todas las páginas a las que acceda independientemente del contenido del meta ROBOTS, pero sólo mostrará en sus resultados (SERPs) aquellas que hayan sido declaradas como indexables. Esto es así porque necesita conocer los cambios que se puedan producir en la página y para poder acceder a sus links.
Si no queremos que el contenido de la página sea indexado
Pero sí necesitamos que los buscadores accedan a los enlaces de la página deberemos incluir:
<meta name="robots" content="noindex,follow">
o símplemente:
<meta name="robots" content="noindex">
Observación: mucha gente ha venido reportando en diversos foros que en ocasiones Google no hace caso a esta directiva y muestra en sus resultados páginas que incluían la directiva noindex. Se trata de un bug del algotimo de indexación de Google que se espera que pronto sea subsanado. Como dijo aquel, nadie es perfecto.
Por tanto es muy importante que protejamos la privacidad de nuestros clientes incluyendo noindex,nofollow en todas aquellas páginas que no queremos que sean indexadas, de esto dependerá la privacidad en nuestras paginas:
M A V E R I C K
<meta name="robots" content="index,follow">
<meta name="robots" content="noindex,follow">
<meta name="robots" content="index,nofollow">
<meta name="robots" content="noindex,nofollow">
Los valores por defecto son index y follow, así que no es necesario indicar nada, para que los buscadores indexen el contenido de nuestras páginas.
Pero si la información de la página es de carácter confidencial y no queremos que sea indexada debemos asegurarnos de incluir la directiva noindex,nofollow. Debemos tener en cuenta que los motores de búsqueda son capaces de indexar páginas dinámicas como fichas con datos personales de clientes o listados de facturas. ¿Ha probado a buscar su Documento de Identidad en Google?
No es correcto decir que no se indexará el contenido de nuestra página si incluimos la directiva noindex. Google siempre accederá e indexará todas las páginas a las que acceda independientemente del contenido del meta ROBOTS, pero sólo mostrará en sus resultados (SERPs) aquellas que hayan sido declaradas como indexables. Esto es así porque necesita conocer los cambios que se puedan producir en la página y para poder acceder a sus links.
Si no queremos que el contenido de la página sea indexado
Pero sí necesitamos que los buscadores accedan a los enlaces de la página deberemos incluir:
<meta name="robots" content="noindex,follow">
o símplemente:
<meta name="robots" content="noindex">
Observación: mucha gente ha venido reportando en diversos foros que en ocasiones Google no hace caso a esta directiva y muestra en sus resultados páginas que incluían la directiva noindex. Se trata de un bug del algotimo de indexación de Google que se espera que pronto sea subsanado. Como dijo aquel, nadie es perfecto.
Por tanto es muy importante que protejamos la privacidad de nuestros clientes incluyendo noindex,nofollow en todas aquellas páginas que no queremos que sean indexadas, de esto dependerá la privacidad en nuestras paginas:
M A V E R I C K
muy buena info!, habia cosas que no sabia y otras que no recordaba!
buenisimo que Google no use los key, por que toy al horno con eso...
sigan posteando cosas!!
SuerTe!.-
www.buenosairesaldente.com.ar
buenisimo que Google no use los key, por que toy al horno con eso...
sigan posteando cosas!!
SuerTe!.-
www.buenosairesaldente.com.ar
Gracias por la info.
En mi caso el tema de que los robots no indexen las páginas que no quiero, lo hago con un archivo robots.txt, donde delimito el radio de acción del robot.
saludos.
En mi caso el tema de que los robots no indexen las páginas que no quiero, lo hago con un archivo robots.txt, donde delimito el radio de acción del robot.
saludos.
Interesante información...
Me gustaría saber si estas directivas y etiquetas funcionan en la mayor parte de los navegadores...
En uno de los links ofrecidos se refieren sólo a internet explorer...
Gracias
Me gustaría saber si estas directivas y etiquetas funcionan en la mayor parte de los navegadores...
En uno de los links ofrecidos se refieren sólo a internet explorer...
Gracias
 |